/**************目次****************/


/*■初期設定/contentsの高さの調整************************/





	/* wrapper/背景画像の設定 */





/*■explainの設定************************/





	/* explain/全体のレイアウト設定 */


	/* explain/テキスト部分のレイアウト設定 */





/*■formの設定************************/





	/* form/レイアウト設定 */


	


	/* form/名前～電話番号部分の共通レイアウト設定 */


	/* form/名前部分のレイアウト設定 */


	


	/* form/電話番号部分のinputのレイアウト調整 */


	/* form/電話番号部分のinput幅調整・入力モードの指定(IEのみ) */


	/* form/電話番号部分の注釈のレイアウト設定 */


	


	/* form/メールアドレス部分のinput幅調整・入力モードの指定(IEのみ) */


	/* form/メールアドレス部分の注釈のレイアウト設定 */


	


	/* form/ご意見・ご質問部分のレイアウト設定 */


	/* form/テキストエリアのレイアウト設定 */


	


	/* form/ボタンのレイアウト設定 */


	/* form/ボタンのロールオーバー設定 */


	


/*■flowの設定************************/





	/* flow/全体のレイアウト設定 */











/*■初期設定************************/





/* wrapper/背景画像の設定 */


#wrapper {


	background-image: url(../image/bg_side01.jpg);


	background-position: 0px 338px;


	background-repeat: no-repeat;


}











/*■explainの設定************************/





/* explain/全体のレイアウト設定 */


#explain {


	width: 600px;


	height: 320px;


	margin-top: 35px;


	color: #666666;


}








/* explain/テキスト部分のレイアウト設定 */


#explain p {


	margin-top: 20px;


	margin-right: 50px;


	margin-left: 50px;


	vertical-align: top;


	line-height: 20px;


}





#explain p.first {


	margin-top: 52px;


}





#explain span.notes {


	color: #ff3300;


}





#explain a {


	color: #0066ff;


	text-decoration: underline;


}











/*■formの設定************************/





/* form/レイアウト設定 */


form {


	width: 525px;


	margin-left: 25px;


	padding-top: 18px;


	background-image: url(../image/label_form01.gif);


	background-position: top left;


	background-repeat: no-repeat;


}








/* form/名前～電話番号部分の共通レイアウト設定 */


div.input {


	width: 525px;


	background-image: url(../image/bg_input.gif);


	float: left;


}





div.input img {


	display: block;


	width: 155px;


	height: 40px;


	float: left;


}


*html div.input img {


	margin-left: -3px;


	margin-right: -3px;


}





div.input img.dotline {


	display: block;


	width: 525px;


	height: 3px;


	clear: left;


}





input {


	width: 153px;


	height: 18px;


	border: 1px solid #99ccff;


	margin-top: 11px;


	margin-left: 21px;


	margin-right: 10px;


	vertical-align: top;


	float: left;


}


*html input {


	width: 155px;


	height: 20px;


	margin-right: 10px;


}








/* form/名前部分のレイアウト設定 */


div.input span {


	width: 12px;


	margin-top: 12px;


	float: left;


	color: #999999;


}





div.input span.name1 {


	margin-left: 21px; /* 姓 */


}





div.input span.name2 {


	margin-left: 15px; /* 名 */


}





input.name {


	margin-left: 8px; /* テキスト部分とinputの間の幅調整 */


	margin-right: 0px;


}








/* form/名前部分のinputの幅調整・入力モードの指定(IEのみ) */


input.name {


	width: 88px;


	ime-mode: active; /* IEのみ */


}


*html input.name {


	width: 90px;


}








div.input p.error {


	clear: left;


	


	margin-left: 175px;


	color: #FF0000;


	font-size: 10px;


	line-height: 10px;


	position: relative;


	top: -6px;


}


*html div.input p.error {


	top: -5px;


}








/* form/電話番号部分のinputのレイアウト調整 */


div.input input.tel1 {


	margin-right: 5px;


	margin-left: 21px;


}





div.input input.tel2 {


	margin-right: 5px;


	margin-left: 5px;


}





div.input input.tel3 {


	margin-right: 10px;


	margin-left: 5px;


}


*html div.input input.tel3 {


	margin-right: 7px;


}








/* form/電話番号部分のinput幅調整・入力モードの指定(IEのみ) */


input.tel1 {


	width: 38px;


	ime-mode: disabled; /* IEのみ */


}


*html input.tel1 {


	width: 40px;


}





input.tel2 {


	width: 38px;


	ime-mode: disabled; /* IEのみ */


}


*html input.tel2 {


	width: 40px;


}





input.tel3 {


	width: 38px;


	ime-mode: disabled; /* IEのみ */


}


*html input.tel3 {


	width: 40px;


}








/* form/電話番号部分の注釈のレイアウト設定 */


div.input p.notes01 {


	margin-top: 12px;


	color: #999999;


}








/* form/メールアドレス部分のinput幅調整・入力モードの指定(IEのみ) */


input.mail {


	width: 328px;


	ime-mode: disabled; /* IEのみ */


}


*html input.mail {


	width: 330px;


}








/* form/メールアドレス部分の注釈のレイアウト設定 */


div.input p.notes02 {


	clear: left;


	margin-left: 175px;


	color: #999999;


	font-size: 10px;


	line-height: 10px;


	position: relative;


	top: -6px;


}


*html div.input p.notes02 {


	top: -5px;


}





/* form/メールアドレス部分のエラーテキストのレイアウト設定 */


div.input p.error_mail {


	clear: left;


	margin-left: 175px;


	color: #FF0000;


	font-size: 10px;


	line-height: 14px;


	position: relative;


	top: -4px;


}


*html div.input p.error_mail {


	top: -3px;


}








/* form/ご意見・ご質問部分のレイアウト設定 */








/* form/ご意見・ご質問部分のレイアウト設定 */


#textarea {


	width: 525px;


	height: 153px;


	background-image: url(../image/bg_textarea01.gif);


	background-position: top left;


	background-repeat: no-repeat;


	clear: left;


}





#textarea img {


	display: block;


	width: 155px;


	height: 153px;


	float: left;


}


*html #textarea img {


	margin-left: -3px;


	margin-right: -3px;


}








/* form/テキストエリアのレイアウト設定 */


textarea {
	width: 328px;
	height: 128px;
	border: 1px solid #99ccff;
	margin-top: 9px;
	margin-left: 21px;
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	
}

*html textarea {


	width: 330px;


	height: 130px;


}








/* form/ボタンのレイアウト設定 */


button {


	border-style: none;


	background-color: #FFFFFF;


	


	display: block;


	width: 83px;


	height: 33px;


	margin-top: 44px;


	margin-left: 220px;


	float: left;


	


	background-image: url(../image/btn01b.gif);


	background-position: 1px 1px;


	background-repeat: no-repeat;


	


	display: inline; /* IE6/2倍マージンバグ対策 */


}





button img {


	margin-left: -3px;


	margin-top: -1px;


}


*+html button img {


	margin-left: 0px;


	margin-top: 0px;


}


*html button img {


	margin-left: 0px;


	margin-top: 0px;


}








/* form/ボタンのロールオーバー設定 */


button:hover img{


	visibility:hidden;


}











/*■flowの設定************************/





/* flow/全体のレイアウト設定 */


#flow {


	height: 80px;


	margin-top: 45px;


	margin-left: 25px;


	float: left;


	


	display: inline; /* IE6/2倍マージンバグ対策 */


}





#flow img {


	display: block;


	height: 30px;


}





#flow li {


	float: left;


}