@charset "shift_jis";
/* CSS Document */


/*

各エリアの共通サイズ設定

*/

#mailformpro{
	width:600px;
	}

#form-body{
	clear:both;
	width:600px;
	}

#step1,#step2,#step3,#step4,#step5,
#step1-cntnt,#step2-cntnt,#step3-cntnt,
#step4-cntnt1,#step4-cntnt2,#step4-cntnt3,#step4-cntnt4{
	/*width:500px;*/
	padding:10px 20px 10px 20px;
	}


/*

各大見出しの文字と背景の共通設定

*/
#step1,#step2,#step3,#step4,#step5{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	background: #e8e8e8;
	
	}
/*

法人のお客様へ　導入部分

*/
#intro-body{
	background:url(../img/intro-bg.gif) no-repeat; padding:0px 0px 40px 0px;
	width:600px;
}
#intro-body a:link, #intro-body a:hover, #intro-body a:visited{ text-decoration:none;}
#intro-body .contact-jump-bottun:hover { color:#f5f500;}

.content-title{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:30px;
	padding:20px;
}

.intro-txt{
	width:300px;
	padding:20px 0px 0px 60px;
	font-size:12px;
	line-height:1.5;
}
.contact-phone-ttl{
	font-weight:700;
	font-size:20px;
	padding:140px 10px 0px 20px;
	color:#fff;
}
.contact-jump-bottun{
	margin:20px 130px 0px 130px;
	padding:10px 0px 0px 20px;
	width:320px; 
	height:40px;
	display:block;
	font-weight:700;
	font-size:20px;
	color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.phone-num-img{
	display:block;
	margin:36px auto 0px auto;
}

/*

問い合わせへのスクロールボタン設定

*/


#bottun-contact{
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}


/*

おすすめ商品用タイトル

*/


#ttl-osusume{
	padding:5px 5px 5px 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:25px;
	background:#e9e9e9;
	}


/*

おすすめ商品リスト用トップ枠

*/

#prdct-brdr{
	border-top:#999 1px solid;
	width:602px;
	}


/*

お問い合わせフォームのタイトル

*/

#form-title{
	height:88px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/blue-bg.gif) repeat-x;
	font-weight:normal;
	font-size:20px;
	color:#FFF;
	padding:0px 10px 0px 20px;
	}
	#form-title .kome{
		padding-left:20px;
		font-size:12px;
		}


/*

step1

*/

#step1-cntnt{
	padding:10px 10px 30px 130px;
	}

#step1-cntnt textarea{
	/*margin-left:auto;
	margin-right:auto;*/
	display:block;
	width:375px;
	height:175px;
	}



/*

step2

*/

#step2-cntnt{
	padding:0px 10px 10px 100px;
	line-height:1.5;
	}
	#step2-cntnt ul{
		width:470px;
		}
		#step2-cntnt ul li{
			display:block;
			list-style: none;
			width:470px;
			line-height:1.5;
			padding:10px 0px 0px 30px;
			}
	#step2-cntnt ul li input{
		width:250px;
		height:15px;
		/*display:inline;*/
		}
		#step2-cntnt ul li .num1{
		width:80px;
		height:15px;
		/*display:inline;*/
		}
		#step2-cntnt ul li .num2{
		width:140px;
		height:15px;
		/*display:inline;*/
		}
	
	#step2-cntnt ul li .label{
		display:inline-block;
		font-size:12px;
		width:165px;
		heigth:30px;
		/*float:left;*/
		}
		#step2-cntnt ul li .label-notreq{
		display:inline-block;
		font-size:12px;
		width:130px;
		heigth:30px;
		padding-left:35px;
		/*float:left;*/
		}

	#step2-cntnt .ttl-add{
		margin-top:30px;
		clear:both;
		display:block;
		text-align:left;
		font-size:12px;
		background: #e8e8e8;
		padding:10px;
		}
/*

step4

*/

/*
#step4-cntnt1,
#step4-cntnt2,
#step4-cntnt3,
#step4-cntnt4{
	padding:10px 10px 10px 40px;
	line-height:1.5;
	}

#step4-cntnt1 .qno,
#step4-cntnt2 .qno,
#step4-cntnt3 .qno,
#step4-cntnt4 .qno{
	display:block;
	float:left;
	
	border:#999 1px solid;
	line-height:1.5;
	text-align:center;
	background:#ffffec;
	width:78px;
	height:29px;
	}
	#step4-cntnt1 .qno .bignum,
	#step4-cntnt2 .qno .bignum,
	#step4-cntnt3 .qno .bignum,
	#step4-cntnt4 .qno .bignum{
		display:inline;
		font-size:20px;
		font-weight:700;
		}

#step4-cntnt1 ul,
#step4-cntnt2 ul,
#step4-cntnt3 ul,
#step4-cntnt4 ul{
	float:left;
	display:block;
	padding:10px 0px 0px 10px;
	line-height:1.5;
	}


#step4-cntnt1 ul li,
#step4-cntnt2 ul li,
#step4-cntnt3 ul li,
#step4-cntnt4 ul li{
	padding:0px 0px 0px 0px;
	line-height:1.5;
	}

*/


/*

フォーム部品設定試作

*/
form ul .checkbox,
form ul .radio{
	font-size:14px;
	line-height:1.5;
	}




	
/*
 「入力項目は以上です。ご協力いただき、誠にありがとうございました。」付近の設定 */	
#step5{
	text-align:center;
	}

#step5 .confirm-title{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	width:360px;
	text-align:center;
	background:#FFF;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	}
#step5 .confirm-text{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0px 40px 20px 40px;
	width:320px;
	text-align:left;
	background:#FFF;
	line-height:1.5;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	}

/*

送信ボタン付近の設定

*/

#submit-box,#reset-box{
	padding:10px 0px 10px 0px;
	height:50px;
	background:#e8e8e8;
	}

#submit-box button,#reset-box button{
	display:block;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	font-size: 17px;
	}
#submit-box{
	border-bottom:1px #666 dashed;
	}

#submit-box button{
	height:40px;
	}