/* -----------------------------------------------------------
	Modules for Form
	
----------------------------------------------------------- */

/* -----------------------------------------------------------
	Basic Structures
----------------------------------------------------------- */

/* Body
----------------------------------------------------------- */
body.form-03{
font-size:100.01%;
}

body.form-03 #container{
width:100%;    /* Setting hasLayoutSwitch */
font-size:100%;
}

body.form-03 #container{
	zoom:1;
	background-image: url(/hebel/contact/public/images/bg_container_publictop2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/* Layout
----------------------------------------------------------- */
body.form-03 #headerArea {
	margin:0 auto;
	width:980px;
	position:relative;
	margin-bottom:40px;
	height:110px;
	font-size:5px;
}

body.form-03 #footerArea-inner{
margin:0 auto;
width:980px;
}

body.form-03 #contents{
padding-top:30px;
}

body.form-03.input_H #contents{
padding-top:32px;
}

body.form-03 #contents-inner{
font-size:0.75em;
zoom:1;
}

body.form-03 #contents-inner_02{
margin:0 auto 1px;
padding-top:32px;
width:980px;
background:url(/hebel/contact/common/form/images/bg_contents-inner_02.gif) no-repeat left top #faf8f3;
}

body.form-03 #mainArea {
margin-bottom:0;
padding-bottom:50px;
}

/* Header Area
----------------------------------------------------------- */

body.form-03 #headerArea h1{
position:absolute;
top:73px;
left:0;
}

body.form-03 #headerArea p.catalogText{
position:absolute;
top:59px;
left:699px;
}

body.form-03 #headerArea p.corporateLogo{
position:absolute;
top:20px;
right:0;
}

/* -----------------------------------------------------------
	Modules
----------------------------------------------------------- */

/* Breadcrumbs 
----------------------------------------------------------- */
body.form-03 #breadcrumbs{
padding:7px 0;
line-height:1.5;
font-size:0.75em;
}

body.form-03  #breadcrumbs{
margin-top:-40px;
}

body.form-03  #breadcrumbs p{
position:relative;
z-index:2;
margin:0 auto;
padding-right:325px;
width:655px;
}

body.form-03 #breadcrumbs em{
font-style:normal;
}



/* Layout
----------------------------------------------------------- */
body.form-03 #mainArea div.lyt-form-02{
margin-bottom:50px;
padding:31px;
height:147px;
background:url(/hebel/contact/common/form/images/bg_lyt-form-02_02.gif) no-repeat left top;
}

body.form-03 #mainArea div.lyt-form-02-inner{
display:table-cell;
/display:block;
width:618px;
height:147px;
vertical-align:middle;
text-align:center;
}

body.form-03 #mainArea div.lyt-form-01{
position:relative;
margin-bottom:20px;
background:url(/hebel/contact/common/form/images/bg_lyt-form-03_middle.gif) repeat-y left top;
}

body.form-03 #mainArea div.lyt-form-01-middle{
background:url(/hebel/contact/common/form/images/bg_lyt-form-03_top.gif) no-repeat left top;
position:relative;
}

body.form-03 #mainArea div.lyt-form-01-inner{
padding:31px;
width:618px;
min-height:328px;
height:auto !important;
height:328px;
background:url(/hebel/contact/common/form/images/bg_lyt-form-03_bottom.gif) no-repeat left bottom;
}

body.form-03 #mainArea div.lyt-form-03{
margin-bottom:18px;
background:url(/hebel/contact/common/form/images/bg_lyt-form-04_bottom.gif) no-repeat left bottom;
}

body.form-03 #mainArea div.lyt-form-03-inner{
padding:0 16px;
width:648px;
min-height:97px;
height:auto !important;
height:97px;
background:url(/hebel/contact/common/form/images/bg_lyt-form-04_top.gif) no-repeat left top;
}

body.form-03 #mainArea div.lyt-form-03-inner p.F11{
padding-top:8px;
}

body.form-03 #charaInfoDetails dt{
margin-bottom:5px;
color:#846e3c;font-weight:bold;
}

/* --2014/06/11 追加 Recommend_box-- */

body.form-03 #mainArea .recommend_box{
padding:0 30px;
border:2px solid #d4c9af;
}

body.form-03 #mainArea .recommend_box h2{
margin:10px 0;
font-size:115%;
color:#5e4c21;
}

body.form-03 #mainArea .recommend_box ul{
overflow:hidden;
zoom:1;
margin-left:15px;
}

body.form-03 #mainArea .recommend_box ul .item01{
width:170px;
float:left;
margin-right:40px;
}

body.form-03 #mainArea .recommend_box ul .item02{
width:170px;
float:left;
margin-right:40px;
}

body.form-03 #mainArea .recommend_box ul .item03{
width:170px;
float:left;
}

body.form-03 #mainArea .recommend_box ul li dl dt {
text-align:center;
}

body.form-03 #mainArea .recommend_box ul li dl dt img{
border:1px solid #cccccc;
}

body.form-03 #mainArea .recommend_box ul li dl dd{
margin-top:10px;
}

/*  end  --2014/06/11 追加 Recommend_box-- */


/* Heading
----------------------------------------------------------- */
body.form-03 #mainArea .hdg-B01{
color:#846e3c;

}

/* Paragraph
----------------------------------------------------------- */
body.form-03 #mainArea div.lyt-form-02 p.doc-thanksmsg-01{
margin:0;
/margin:65px 0 0;
color:#846e3c;
font-size:1.33em;
}

body.form-03 #contents-inner p.doc-select-01{
margin-bottom:35px;
color:#666666;
font-weight:bold;
font-size:1.33em;
}

body.form-03 #contents-inner p.doc-select-01 span{
font-size:0.83em;
}

body.form-03 #contents-inner p.doc-select-02{
margin-bottom:10px;
color:#666666;
font-weight:bold;
font-size:1.2em;
}

body.form-03 #contents-inner p.doc-select-02 span{
font-size:0.83em;
}

/* List
----------------------------------------------------------- */
body.form-03 #mainArea table.form-contact-01 ul.list-notice-02{
padding-left:2px;
}

body.form-03 #mainArea ul.list-notice-02 li{
font-size:0.83em;
margin:0 0 0 1em;
}

ul.list-release-01{
}

ul.list-release-01 li{
margin-bottom:0.4em;
padding-left:17px;
background:url(/hebel/img/bg_list-release-01.gif) no-repeat 1px 0.25em;
zoom:1;
}
/* Navigation
----------------------------------------------------------- */
body.form-03 #mainArea ul.nav-contents-01 li{
border:0px #fff solid;
}

/* Form
----------------------------------------------------------- */
body.form-03 #mainArea table.form-contact-01 th,
body.form-03 #mainArea table.form-contact-01.confirm th{
color:#846e3c;
}

body.form-03 #mainArea table.form-contact-01 th{
width:93px;
}

body.form-03 #mainArea table.form-contact-01.confirm th{
width:60px;
}

body.form-01.tofuken #mainArea table.form-contact-01 th,
body.form-01.tofuken #mainArea table.form-contact-01.confirm th{
width:80px;
}

body.form-03 #mainArea table.form-contact-01.hdg-wide th{
width:240px;
}

body.form-03 #mainArea table.form-contact-01.hdg-wide_02 th{
width:200px;
}

body.form-03 #mainArea dl.form-contact-A01{
margin-bottom:20px;
}

body.form-03 #mainArea dl.form-contact-A01 dt{
margin-bottom:8px;
color:#698296;
line-height:1.42;
font-weight:bold;
}

body.form-03 #mainArea dl.form-contact-A01 dt{
color:#846e3c;
font-size:1em;
}

body.form-03 #mainArea dl.form-contact-A01 dt.small{
margin-bottom:5px;
font-size:1em;
}

body.form-03 #mainArea dl.form-contact-B01 dt{
color:#846e3c;
}

body.form-03 form #mainArea .zipcode{
display:inline-block;
/display:inline;
margin-bottom:17px;
zoom:1;
}

body.form-03 form #mainArea select.prefecture{
margin-bottom:17px;
width:163px;
vertical-align:top;
}

body.form-03 form #mainArea input.text-01{ width:50px;}
body.form-03 form #mainArea input.text-02{ width:65px;}
body.form-03 form #mainArea input.text-03{ width:110px;}
body.form-03 form #mainArea input.text-04{ width:160px;}
body.form-03 form #mainArea input.text-05{width:300px;}
body.form-03 form #mainArea textarea.textarea-01{
width:615px;
height:122px;
}

body.form-03 #mainArea ul.list-input-B02 li{
font-size:0.91em;
}

body.form-03 #mainArea ul.list-input-B02 li.tit{
padding-left:0;
color:#846e3c;
font-weight:bold;
}

body.form-03 #mainArea ul.list-input-B02 input{
margin:-2px 4px 0 -14px;
}

body.form-03 #mainArea select#route{
width:203px;
}

body.form-03 #contents-inner .form-button-02{
margin-bottom:35px;
padding-top:13px;
text-align:center;
}


/* SelectBox01-02
----------------------------------------------------------- */
body.form-03 .selectBox01{
margin-bottom:0;
width:925px;
margin-right: -25px;
padding-right: 25px;
clear:both;
}

body.form-03 .selectBox01.BottomLow{
margin-bottom:50px;
}

body.form-03 .selectBox01.lastBox01{
margin-bottom:47px;
}

body.form-03 .selectBox01 .selectBox02{
float:left;
width:300px;
height:120px;
margin-bottom:25px;

}

body.form-03 .selectBox01 .selectBox02.lastBox02{
width:300px;
}

body.form-03 .selectBox01 .selectBox02 .image,
body.form-03 .selectBox01 .selectBox02 .text{
float:left;
width:85px;
}

body.form-03 .selectBox01 .selectBox02 .image .image01{
margin-bottom:5px;
width:85px;
}

body.form-03 .selectBox01 .selectBox02 .text{
width:200px;
}

body.form-03 .selectBox01 .selectBox02.lastBox02 .text{
width:200px;
}

body.form-03 .selectBox01 .selectBox02 .text dl dt{
position:relative;
padding:4px 0 0 18px;
/padding:6px 0 0 18px;
width:170px;
font-weight:bold;
}

body.form-03 .selectBox01 .selectBox02.lastBox02 .text dl dt{
width:170px;
}

body.form-03 .selectBox01 .selectBox02 .text dl dt input{
position:absolute;
left:0;
top:6px;
width:13px;
height:13px;
}

body.form-03 .selectBox01 .selectBox02 .text dl dd{
margin-top:5px;
width:170px;
font-size:0.91em;
}
body.form-03 .selectBox01 .selectBox02 .text dl dd a{
font-size:0.9em;
}

body.form-03 .selectBox01 .selectBox02.lastBox02 .text dl dd{
width:170px;
}

/* SelectBox01-08
----------------------------------------------------------- */

body.form-03 .selectBox01.BottomLow{
margin-bottom:25px;
}

body.form-03 .selectBox01.lastBox01{
margin-bottom:47px;
}

body.form-03 .selectBox01 .selectBox08{
float:left;
width:176px;
height:220px;
margin-bottom:20px;
}

body.form-03 .selectBox01 .selectBox08.lastBox08{
width:176px;
}

.form-03 #container #contents #contents-inner #formarea .selectBox01 .selectBox08 .image {
	font-size: 0.91em;
}

.form-03 #container #contents #contents-inner #formarea .selectBox01 .selectBox08 .image a{
	font-size: 0.9em;
}

body.form-03 .selectBox01 .selectBox08 .image,
body.form-03 .selectBox01 .selectBox08 .text{
	float:left;
	width:85px;
	text-align: center;
	line-height: 150%;
}


body.form-03 .selectBox01 .selectBox08 .image .image01{
margin-bottom:5px;
width:85px;
}

body.form-03 .selectBox01 .selectBox08 .text{
width:150px;
}

body.form-03 .selectBox01 .selectBox08.lastBox08 .text{
width:150px;
}

body.form-03 .selectBox01 .selectBox08 .text dl dt{
	position:relative;






/padding:6px 0 0 18px;
	width:150px;
	font-weight:bold;
	text-align: left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
	margin-bottom: 5px;
	height: 3em;
}

body.form-03 .selectBox01 .selectBox08.lastBox08 .text dl dt{
width:150px;
}

body.form-03 .selectBox01 .selectBox08 .text dl dt input{
position:absolute;
left:1px;
top:6px;
width:13px;
height:13px;
}

body.form-03 .selectBox01 .selectBox08 .text dl dd{
margin-top:5px;
width:160px;
font-size:0.91em;
}
body.form-03 .selectBox01 .selectBox08 .text dl dd a{
font-size:0.9em;
}

body.form-03 .selectBox01 .selectBox08.lastBox08 .text dl dd{
width:150px;
}


body.form-03 .selectBox01 .selectBox08 .copy ,
body.form-03 .selectBox01 .selectBox08 .lastBox08 .copy{
	width:168px;
	margin-top: 4px;
	margin-bottom: 4px;
	clear: both;
	float: left;
	font-size:0.91em;
	text-align: left;

}

/* selectedBox03-06
----------------------------------------------------------- */
body.form-03 #contents-inner div.selectBox03{
width:980px;
zoom:1;
}

body.form-03 #contents-inner div.selectBox04{
float:left;
width:326px;
min-height:260px;
height:auto !important;
height:260px;
zoom:1;
}

body.form-03 #contents-inner div.selectBox04.Ctalog03{
width:328px;
}

body.form-03 #contents-inner div.selectBox04 p.catalogName01,
body.form-03 #contents-inner div.selectBox04 p.catalogName02,
body.form-03 #contents-inner div.selectBox04 p.catalogName03{
	position:relative;
	z-index:1000;
	margin:-3px 0 10px 0;
	width:204px;
	text-align:center;
	color:#4a6f8c;
	font-size:0.91em;
}

body.form-03 div#contents-inner div.selectBox04 p.catalogName01{margin-left:121px;}
body.form-03 div#contents-inner div.selectBox04 p.catalogName02{margin-left:62px;}
body.form-03 div#contents-inner div.selectBox04 p.catalogName03{margin-left:30px;}


body.form-03 #contents-inner .selectBox05{
position:relative;
}

body.form-03 #contents-inner .selectBox05 .BtnCancel{
position:absolute;
top:207px;
left:136px;
line-height:0;
}

body.form-03 #contents-inner .Catalog01 .selectBox05{margin-left:155px;}
body.form-03 #contents-inner .Catalog02 .selectBox05{margin-left:97px;}
body.form-03 #contents-inner .Catalog03 .selectBox05{margin-left:33px;}

body.form-03 #contents-inner .selectBox06{
position:relative;
width:136px;
min-height:238px;
height:auto !important;
height:238px;
background:url(/hebel/contact/common/form/images/bg_selectbox_01.gif) 0 0 no-repeat;
}

body.form-03 #contents-inner .selectBox06 ul.catalogImg{
position:absolute;
left:0px;
bottom:80px;
width:136px;
}

body.form-03 #contents-inner .selectBox06 .catalogImg .easelTop{
position:absolute;
top:-13px;
left:52px;
line-height:0;
}

body.form-03 #contents-inner .selectBox06 .catalogImg .BtnSelect{
position:absolute;
left:18px;
top:108px;
line-height:0;
}

body.form-03 #contents-inner img{
	vertical-align:baseline;
}
body.form-03 #contents-inner div.selectBox06 .catalogImg img{vertical-align:bottom;}
body.form-03 #contents-inner div.selectBox06 .catalogImg li.easelTop img{vertical-align:top;}

/* selectedBox07
----------------------------------------------------------- */
body.form-03 #contents-inner dl.selectBox07{
	margin-bottom:5px;
	padding-top:8px;
	width:780px;
	background:url(/hebel/contact/common/form/images/bg_selectbox_02.gif) left top no-repeat;
	margin-right: auto;
	margin-left: auto;
}
body.form-03 #contents-inner dl.selectBox07 dt,
body.form-03 #contents-inner dl.selectBox07 dd{
float:left;
zoom:1;
}

body.form-03 #contents-inner dl.selectBox07 dt{
width:480px;
}

body.form-03 #contents-inner dl.selectBox07 dd{
	position:relative;
	width:290px;
	float: right;
	clear: right;
	margin-bottom: 2px;
}

body.form-03 #contents-inner dl.selectBox07 dd ul li.selectText{
	margin-left:11px;
	width:235px;
	margin-bottom: 5px;
	display: block;
}

body.form-03 #contents-inner dl.selectBox07 dd ul li.BtnSelect02{
	position:absolute;
	top:0;
	right:0px;
	display:block;
	width:46px;
	height:15px;
	margin-bottom: 2px;
}

/* selectedBox01
----------------------------------------------------------- */
body.form-03 .selectedBox02{
position:relative;
float:left;
width:175px;
}

body.form-03 #contents-inner_02 .selectedBox02 p{
width:175px;
text-align:center;
font-weight:bold;
}



/* SelectBox01-09
----------------------------------------------------------- */

body.form-03 .selectBox01 .selectBox09 {
	float: left;
	width: 281px;
	height: 150px;
	margin-right: 25px;
	margin-bottom: 25px;
	border: 1px solid #698296;
}

body.form-03 .selectBox01 .selectBox09 .settitle {
	color: #666666;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fcffc4, endcolorstr=#ffffff));
/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fcffc4, endcolorstr=#ffffff))";
zoom: 1;
background: -moz-linear-gradient(top, #fcffc4, #ffffff);/* FF3.6+ */
background: -webkit-linear-gradient(top, #fcffc4, #ffffff);/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #fcffc4, #ffffff);/* IE10+, W3C */
}

body.form-03 .selectBox01 .selectBox09 .settitle strong {
	font-size: 1.2em;
	color: #33160B;
	font-weight: bold;
}
body.form-03 .selectBox01 .selectBox09 .image {
	float: left;
	width: 90px;
	margin: 0 5px;
}
body.form-03 .selectBox01 .selectBox09 .text {
	float: left;
	margin-top: 5px;
	font-size: 0.91em;
	width: 180px;
}




/* Option Class
----------------------------------------------------------- */
body.form-03 #contents .grayText{color:#888888  !important; font-size:0.91em; !important;}
body.form-03 #contents .F11{font-size:0.91em; !important;}
body.form-03 #contents .PB0{padding-bottom:0 !important;}
body.form-03 #contents .colorTit{color:#846e3c !important;}

/* Self Clearing
----------------------------------------------------------- */
body.form-03 #contents-inner dl.selectBox07:after,
body.form-03 #contents-inner div.selectBox03:after,
body.form-03 .selectedBox01:after,
body.form-03 .selectBox03:after,
body.form-03 .selectBox01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#contents #contents-inner .goform {
	display: block;
	width: 900px;
	margin-bottom: 10px;
	text-align: right;
}
.form-03 #container #contents #contents-inner #formarea {
	display: block;
	width: 900px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
}
/* New Items
----------------------------------------------------------- */
.new {
color: #ff0000;
}


div.allow-url{
	float:left;
	background-repeat:no-repeat;
	background-position:0% 50%;
	text-align:right;
	line-height:20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* ========== #detail ========== */

#contents a.detail{
	padding-left:20px;
	text-align: center;
	background-image: url(/hebel/contact/common/images/blt_normal_01.gif);
	background-repeat: no-repeat;
	background-position: 0.3em;
}