/* CSS Document */

/*=============================
	   	h3 titleに指定
=============================*/

h3#title{
		margin-top: 3px;
		margin-right: 92px;
		float: left;
		width: 121px; height: 20px;
		background-image: url(../contact/img/title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	   h4 sub_titleに指定
=============================*/

h4.sub_title{
		float: left;
		padding-left: 13px; padding-top: 8px;
		height: 19px;
		font-weight: normal; font-size: 12px;
		border-left: 3px solid #B7AAA8;
}

/*=============================
	   p.contact_textに指定
=============================*/

p.contact_text{
		margin-bottom: 24px;
		font-size: 12px; line-height: 21px;
}

/*=============================
	#contact_contents_areaに指定
=============================*/

#contact_contents_area{
		padding-bottom: 29px;
		margin-bottom: 36px;
		padding-top: 15px; padding-left: 16px;
		width: 863px; height: auto;
		border: 1px solid #D5CECC;
		background-color: #F3F1F0;
}

/*=============================
	  	contact_boxに指定
=============================*/

#contact_box{
		width: 845px; height: auto;
}

h4#contact_title{
		letter-spacing: -1px;
		font-size: 12px; font-weight: bold;
		
}

/*=============================
	  contact_title_boxに指定
=============================*/

#contact_title_box{
		float: left;
		padding-top: 16px;
		width: 206px; height: auto;
		border-top: 5px solid #B7AAA8;
}

/*=============================
	  infomation_boxに指定
=============================*/

#infomation_box{
		float: left;
		margin-bottom: 30px; margin-left: 7px;
		padding-top: 12px; padding-left: 11px;
		width: 619px; height: auto;
		border-top: 5px solid #DCD6D5;
		border-left: 2px solid #DCD6D5;
}

/*=============================
	 ul.contact_listに指定
=============================*/

ul.contact_list{
		margin-left: 16px;
		list-style-type: disc;
}

ul.contact_list li{
		font-size: 12px; line-height: 21px;
		list-style: outside;
}

/*=============================
	 form_areaに指定
=============================*/

p.form_text{
		clear: both;
		margin-bottom: 17px;
		padding-left: 22px;
		font-size: 10px;
		background-image: url(../contact/img/check_box.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	  contact_tableに指定
=============================*/

table.contact_table{
		margin-right: 20px;
		float: left;
		width: 845px; height: auto;
}

td.name{
		padding-top: 10px; padding-left: 20px;
		width: 169px; height: 31px;
		line-height: 21px;
		background-color: #9E928E;
		border-bottom: 1px solid #9E928E;
		border-left: 1px solid #9E928E;
		vertical-align: top;
		font-size: 12px;
		color: #FFFFFF;
}
* html td.name{
		padding-top: 10px; padding-left: 20px;
		width: 169px; height: 24px;
		line-height: 21px;
		background-color: #9E928E;
		border-bottom: 1px solid #9E928E;
		border-left: 1px solid #9E928E;
		vertical-align: top;
		font-size: 12px;
		color: #FFFFFF;
}

td.input_area{
		padding-top: 9px; padding-left: 20px; padding-bottom: 3px;
		width: 632px; height: 20px;
		background-color: #E5E1E0;
		border-bottom: 1px solid #CECAC9;
		border-left: 1px solid #CECAC9;
		vertical-align: top;
		line-height: 20px;
		font-size: 12px;
		color: #000000;
}
* html td.input_area{
		padding-top: 8px; padding-left: 20px; padding-bottom: 3px;
		width: 632px; height: 20px;
		background-color: #E5E1E0;
		border-bottom: 1px solid #CECAC9;
		border-left: 1px solid #CECAC9;
		vertical-align: top;
		line-height: 20px;
		font-size: 12px;
		color: #000000;
}

td.side_border{
		width: 4px; height: 39px;
		background-color: #F3F1F0;
}

td.bottom_border{
		width: 845px; height: 1px;
		background-color: #F3F1F0;
}

.input01{
		margin-bottom: 5px;
		padding-top: 2px; padding-left: 2px;
		width: 269px; height: 24px;
		border: inset #FFFFFF; 
}
* html .input01{
		margin-bottom: 3px;
		padding-top: 2px; padding-left: 2px;
		width: 269px; height: 14px;
		border: inset #FFFFFF; 
}

.input02{
		margin-top: 6px; margin-bottom: 18px;
		position: relative;
		top: 3px; left: 0px;
		padding-top: 2px; padding-left: 2px;
		width: 269px; height: 18px;
		border: inset #FFFFFF; 
}

.input03{
		margin-top: -1px; margin-bottom: 9px;
		padding-top: 2px; padding-left: 2px;
		width: 394px; height: 144px;
		border: inset #E3E3E3; 
}

.input04{
		margin-bottom: 5px;
		padding-top: 2px; padding-left: 2px;
		width: 269px; height: 20px;
		border: inset #FFFFFF; 
}
* html .input04{
		margin-bottom: 3px;
		padding-top: 2px; padding-left: 2px;
		width: 269px; height: 14px;
		border: inset #FFFFFF; 
}

.check{
		padding-left: 22px;
		width: 13px; height: 11px;
		background-image: url(../contact/img/check_box2.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

.nocheck{
		padding-left: 22px;
}

.contact_bg{
		margin-bottom: 7px;
		padding-left: 19px;
		background-image: url(../contact/img/contact_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

.radia01{
		position: relative;
		top: 2px; left: 0px;
}
* html .radia01{
		position: relative;
		top: 1px; left: -4px;
}

.radia02{
		position: relative;
		top: 9px; left: 0px;
}
* html .radia02{
		position: relative;
		top: 8px; left: -4px;
}

.radio_text{
		margin-left: 4px; margin-right: 19px;
}

.radio_text02{
		position: relative;
		top: 6px; left: -5px;
		margin-left: 4px; margin-right: 19px;
}

p.err_message{
		margin-top: 5px;
		margin-bottom: 5px;
        padding-left: 15;
		font-size: 12px; color: #FF0000;
}

.fontsize10{ font-size: 10px;}

/*-----------確認ボタン------------*/

.confirm_btn{
		margin-bottom: 29px;
		display: block;
		position: relative;
		top: 19px; left: 213px;
		width: 170px; height: 41px;
		background-image: url(../contact/img/confirm_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*-----------ロールオーバー------------*/

.confirm_btn:hover{ background-position: 0 -41px;}


/*-------------------confirmページ------------------*/

p.contact_text02{
		margin-bottom: 6px;
}

p.contact_text03{
		margin-bottom: 42px;
}

p.contact_text04{
		padding-right: 10px; padding-bottom: 19px;
}

/*--------------送信ボタン---------------*/

.send_btn{
		display: block;
		margin-left: 214px; margin-top: 19px;
		width: 115px; height: 41px;
		//background-image: url(../contact/img/send_btn.gif);
		//background-position: 0 0;
		//background-repeat: no-repeat;
}

.back_btn{
		margin-top: 19px;
		display: block;
		width: 90px; height: 41px;
		//background-image: url(../contact/img/back_btn.gif);
		//background-position: 0 0;
		//background-repeat: no-repeat;
}

/*--------------ロールオーバー---------------*/

.send_btn:hover{ background-position: 0 -41px;}

.back_btn:hover{ background-position: 0 -41px;}

td.send{ width: 358px;}

td.back{ width: 487px;}

/*-------------------thanksページ------------------*/

a.home_back_btn{
		display: block;
		width: 154px; height: 41px;
		background-image: url(../contact/img/home_back_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.home_back_btn:hover{ background-position: 0 -41px;}