@charset "shift_jis";

/*===================================================================

 RESET

===================================================================*/

/*	fontsizeM : 12px[default]
------------------------------------------------------
	10px  	84%
	11px 	92%
	12px 	100% ←
	13px 	109%
	14px 	117%
	15px 	125%
	16px 	134%
	17px 	142%
	18px 	150%
	19px 	159%
	20px 	167%
	21px 	175%
	22px 	184%
	23px 	192%
	24px 	200%
	25px 	209%
	26px 	217%
------------------------------------------------------
*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body {
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	line-height: 1.4;
	color: #333;
	font-size: 12px;
}

/* for IE6 */
* html body {font-size: 75%;}

/* for IE7 */
*:first-child+html body {font-size: 75%;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}

td,th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

img {
	border: none;
	vertical-align: bottom;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul, li {
	list-style: none;
}

caption, th {
	text-align: left;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	/*text-decoration: none;*/
	color: #dc227b;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #dc227b;
}

br {
	letter-spacing: normal;
}

hr {
	display: none;
}



/*===================================================================

 LAYOUT

===================================================================*/

html { /* firefoxのスクロールバーを常に表示 */
	overflow-y: scroll;
    height: 100%;
}

body {
	text-align: center;
	background: url(../images/bg_form.gif) repeat-y center 0;
}

/*	#wrapper
------------------------------------------------------------------*/

#wrapper {
	width: 600px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
}

#cont_ttl {margin-bottom: 28px;}

/*#contents {
	width: 552px;
	margin: 0 auto;
}*/

.small {font-size: 84%;}

.dot {
	padding-bottom: 15px;
	background: url(../images/dot_a8a8a8.gif) repeat-x 0 bottom;
}

.center {text-align: center;}

#contact_form {}

#contact_form legend {display: none;}

#contact_form ol {margin-bottom: 20px;}

#contact_form ol li {
	overflow: hidden;
	width: 598px;
	padding: 15px 0 16px 2px;
	background: url(../images/dot_a8a8a8.gif) repeat-x 0 bottom;
}

#contact_form ol label {
	float: left;
	display: block;
	width: 95px;
	padding-left: 13px;
	background: url(../images/circle_363636.png) no-repeat 0 center;
	line-height: 20px;
}

#contact_form ol input {
	float: left;
	width: 148px;
	height: 18px;
	padding: 2px;
	margin: 0;
	line-height: 18px;
	font-size: 100%;
	border: 1px solid #dbdee5;
	border-top-color:#aaabb1;
	border-right-color: #dbdee5;
}

#contact_form ol textarea {
	float: left;
	width: 440px;
	height: 144px;
	padding: 2px;
	line-height: 20px;
	font-size: 100%;
	border: 1px solid #dbdee5;
	border-top-color:#aaabb1;
	border-right-color: #dbdee5;
}

#contact_form #btn {
	text-align: center;
	margin-bottom: 40px;
}

#contact_form #btn input {
	width: 90px;
	height: 34px;
	border: none;
	padding: 0;
}


#howto {
	position: relative;
	width: 600px;
	margin-bottom: 40px;
	background: url(../images/bg_mobile_form.png) no-repeat right bottom;
}

#howto li {
	width: 295px;
}

#howto li div {
	padding: 8px 9px;
	border: 1px solid #d4d4d4;
	border-top: none;
}

#howto li.howto01 {
	margin-bottom: 10px;
}

#howto li.howto02 div {
	overflow: hidden;
	width: 275px;
	_zoom: 1;
}

#howto li.howto02 div .imgR {
	float: right;
	margin-left: 5px;
}

#howto li.howto03 {
	position: absolute;
	left: 305px;
	top: 0;
}

#howto li.howto03 div {
	border-bottom: none;
}


#howto li.howto03 #mobile_form p {
	text-align: center;
}

#howto li.howto03 #mobile_form p#mobile_address {
	text-align: center;
	margin-bottom: 10px;
}

#howto li.howto03 #mobile_form p#mobile_address input {
	width: 112px;
	height: 17px;
	padding: 2px 0 0 3px;
	margin: 0;
	line-height: 17px;
	font-size: 100%;
	background: #fffde4 url(../images/bg_mobile_site_input.png) no-repeat 0 0;
	border: 1px solid #dbdee5;
	border-top: none;
	border-left: none;
}

#howto li.howto03 #mobile_form p span {
	padding: 0 2px 0 5px;
}

#howto li.howto03 #mobile_form .buttons input {
	background-color: #fefee3;
}

.w530 {
	width: 530px;
	margin: 0 auto;
}

#member_form {
}

#member_form ol {
	margin-bottom: 12px;
	padding: 0 16px;
	background: url(../images/bg_member_form.png) no-repeat 0 bottom;

}

#member_form ol li.border {
	overflow: hidden;
	width: 500px;
	background: url(../images/border.gif) repeat-x 0 bottom;
	padding: 15px 0;
	_zoom: 1;
}

#member_form ol .block {
	overflow: hidden;
	zoom: 1;
}


#member_form ol label {
	float: left;
	margin-bottom: 0;
	display: block;
	width: 94px;
	padding-left: 13px;
	color: #44a6d9;
	background: url(../images/circle_44a6d9.gif) no-repeat 0 center;
	line-height: 20px;
}

#member_form ol input {
	float: left;
	width: 148px;
	height: 18px;
	padding: 2px;
	margin: 0;
	line-height: 18px;
	font-size: 100%;
	border: 1px solid #dbdee5;
	border-top-color:#aaabb1;
	border-right-color: #dbdee5;
}

#member_form ol input#mail {
	width: 260px;
}

#member_form ol input#password {
	width: 132px;
}


#member_form ol .sabmit {
	text-align: center;
	padding: 20px 0 20px 0 ;
}

#member_form ol .sabmit input {
	float: none;
	width: auto;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
}

#member_form ol p {
	clear: both;
	margin-top: 0;
	padding-left: 107px;
	color: #888;
}

#registration {
	margin-bottom: 20px;
}

.pink {
	margin-bottom: 20px;
	color: #dc227b;
	font-weight: bold;
}



/*===================================================================

 other

===================================================================*/

.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}


/* clearfix */
#contents:after, #index_box:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #contents, * html #index_box            { zoom: 1; } /* IE6 */
*:first-child+html #contents, *:first-child+html #index_box { zoom: 1; } /* IE7 */