@charset "utf-8";
/* ----------------------------------------------------------
	MODEC 
	layout setting contact page
---------------------------------------------------------- */
#main-container #contents.no-nav .section {/* under h1 */
	width: 800px;
	margin:0 auto;
}


form#contact-form fieldset {
	margin: 0;
	padding: 0;
}
.read-text#inquiry{
	margin-bottom: 20px;
}
div.section p.thanks-text {
	margin: 5px 20px 0;
}
#main-container #contents.no-nav div.section p.thanks-text {
	width: 450px;
	margin: 5px auto 0;
}
#main-container #contents.no-nav div.section p.thanks-text.link01 {
	margin-top: 2em;
	background: url(../../jp/jp-common/images/com_ic08.gif) no-repeat 0 0.5em;
}

/* select relationship btn
---------------------------------------------------------- */

#contents .bgbtn{
	float: left;
	width: 152px;
	
	height: 32px;
	margin: 10px 0 8px 8px;
	padding: 1px 5px 1px 0;
	border: #E0DCC6 2px solid;
	box-shadow: 2px 2px #CECECE;
	border-radius: 2px;
	background-color:#EEECE0;
	color: #908558;
	font-size: 13px;
}
#contents .bgbtn.w{
	width: 198px;
}

#contents .bgbtn p{
	line-height: 32px;
	text-align:center;

}

/* select careers btn
---------------------------------------------------------- */

#contents .bgbtn_b{
	float: left;
	width: 200px;
	
	height: 32px;
	margin: 8px 0 4px 10px;
	padding: 1px 4px 1px 0;
	border: #75A2B5;
	box-shadow: 2px 2px #C4DAE2;
	border-radius: 2px;
	background-color:#AACBD6;
	color: #75A2B5;
	font-size: 12px;
}

#contents .bgbtn_b p{
	line-height: 32px;
	text-align:center;
	padding: 0;

}

/* contact table
---------------------------------------------------------- */
form#contact-form table.contact-table {
	clear: both;
	margin: 10px 0 0 30px;
	width: 680px;
	
}
form#contact-form table.contact-table th{
	width: 200px;
	text-align: right;
	white-space:nowrap;
	font-weight: bold;
	vertical-align:middle;
	/*background-color: #EDECE1;*/

}
form#contact-form table.contact-table td{
	
	width: 460px;
	/*background-color: #F3F2EB;	*/
}
form#contact-form table.contact-table th,
form#contact-form table.contact-table td {
	/*padding: 0 5px 10px 0;*/
	padding: 10px;
	vertical-align: top;
}
form#contact-form table.contact-table .error th,
form#contact-form table.contact-table .error td {
	padding: 0;
}
form#contact-form table.contact-table .note th,
form#contact-form table.contact-table .note td {
	padding: 0 0 3px 0;
}
form#contact-form table.contact-table span.confirm {
	margin: 0 0.5em 0 0;
}


form#contact-form table.contact-table td span.caution img {
	margin: 0 5px 0 0;
}
form#contact-form table.contact-table tr#select-info th {
	vertical-align: middle;
}
form#contact-form table.contact-table tr#select-info input{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
form#contact-form table.contact-table tr#select-info label {
	margin: 0 20px 0 0;
	vertical-align: middle;
}
form#contact-form table.contact-table tr#comment_text th {
	vertical-align:text-top;
	
}
form#contact-form table.contact-table tr#comment_text td {
	word-wrap: break-word;
	
}
/* radio button table
---------------------------------------------------------- */
form#contact-form table.selectTable {
	clear: both;
	margin: 10px 0 16px 40px;
	width: 760px;
}
form#contact-form table.selectTable td {
	padding: 4px;
}
/* input parts
---------------------------------------------------------- */
form#contact-form .text-box {
	height: 18px;
	padding-top: 2px;
	border: solid 1px #a5acb2;
	vertical-align: middle;
}
form#contact-form .input-text01 {/* short */
	width: 215px;
}
form#contact-form .input-text02{/* middle */
	width: 450px;
}
form#contact-form .input-text03 {/* long */
	width: 430px;
}

/* related */

form#contact-form dl.related {
	margin: 10px 0 0 0;
}
form#contact-form dl.related.reference{
	margin-top: -20px;
	visibility: hidden;

}
form#contact-form dl.related dt{
	margin: 0 0 5px 0;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #D0D0D0;
}
form#contact-form dl.related dd{
	margin: 0 0 5px 20px;
	vertical-align: middle;
}
form#contact-form dl.related dd input{
	margin: 0 5px;
	vertical-align: middle;
}
form#contact-form dl.related dd label{
	vertical-align: middle;
}
form#contact-form dl.related dd textarea#comments {
	width: 99%;
	margin: -5px 0 0 0;
	height: 140px;
	font-family: Arial, Helvetica, sans-serif;
}

/* interest */
form#contact-form dl.interest {
	margin: 10px 0 0 0;
	padding-bottom: 50px;
}
form#contact-form dl.interest dt{
	margin: 0 0 5px 0;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #D2CCA2;
}
form#contact-form dl.interest dd{
	float: left;
	width: 25%;
	margin: 0 0 5px 0;
	padding-left: 20px;
}
form#contact-form dl.interest dd.w{
	float: left;
	width: 35%;
	margin: 0 0 5px 0;
	padding-left: 20px;
}
form#contact-form dl.interest dd input{
	margin: 0 5px;
}


/* confirm-btn */
form#contact-form p.confirm-btn {
	width: 400px;

	margin: 30px auto 0;
}

/* contact static
---------------------------------------------------------- */
#main-container dl.contact {
	margin-bottom:-20px;
 }
#main-container dl.contact dt {
	padding-left: 10px;
	font-weight: bold;
	margin-top:10px;
 }
#main-container dl.contact dd {
	margin: -1.3em 0 0 170px;
 }
#main-container dl.contact dd span,
#main-container dl.contact p span {
	font-weight: bold;
 }
#main-container dl.contact p {
	padding: 0 0 20px 0;
 }
#main-container dl.contact p span.note {
	margin-left:20px;
	color:#cc0000;
	font-weight:normal;
 }
#main-container dl.contact p.link01 {
	margin:-15px 0 15px 0;
	padding:0 0 20px 10px;
 }
#main-container dl.contact p.extra-link {
	margin:-15px 0 15px 0;
	padding:0 0 20px 18px;
 }
#main-container dl.contact p.map {
	margin-left:0;
	width:454px;
	text-align:right;
 }

#main-container ul.mapIcon {
	padding:0 0 10px 5px;
	/*padding:15px 0 10px 5px;*/
	/*border-top:solid 1px #c5c5c5;*/
}
#main-container ul.mapIcon li {
	padding:0 0 10px 25px;
	_height:1px;
}
#main-container ul.mapIcon li.ginza {
	background:url(../../contact/images/tokyo_ic001.gif) no-repeat;
}
#main-container ul.mapIcon li.chiyoda {
	background:url(../../contact/images/tokyo_ic002.gif) no-repeat;
}
#main-container ul.mapIcon li.hibiya {
	background:url(../../contact/images/tokyo_ic003.gif) no-repeat;
}
#main-container ul.mapIcon li.marunouchi {
	background:url(../../contact/images/tokyo_ic004.gif) no-repeat;
}

#main-container ul.mapIcon li.ginzaM {
	padding-left:40px;
	background:url(../../contact/images/tokyo_ic005.gif) no-repeat;
}
#main-container ul.mapIcon li.tozaiM {
	padding-left:40px;
	background:url(../../contact/images/tokyo_ic006.gif) no-repeat;
}
#main-container ul.mapIcon li.asakusaM {
	padding-left:40px;
	background:url(../../contact/images/tokyo_ic007.gif) no-repeat;
}
#main-container ul.mapIcon li.jre {
	padding-left:40px;
	background:url(../../contact/images/tokyo_ic008.gif) no-repeat;
}



#main-container p.map02 {
		width:445px;
		margin:20px 0 0 89px;
		text-align:right;
 }
#main-container p.map03 {
		width:454px;
		margin:20px 0 0 84px;
		text-align:right;
 }

#main-container p.extra-link {
font-size:90%;
 }
/* frame
---------------------------------------------------------- */
#contents .frame_notice {
	padding:15px 15px 20px 15px;
	border:solid 1px #cccccc;
	overflow: auto;
	}
#contents .frame_notice dl {
	float:left;
	width:145px;
	padding-right:5px;
	line-height:1.7;
	}
#contents .frame_notice dl dt {
	padding-bottom:5px;
	font-weight:bold;
	}

/* clear
---------------------------------------------------------- */
form#contact-form dl.related:after,
form#contact-form dl.interest:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

form#contact-form dl.related,
form#contact-form dl.interest {
display:inline-block;
}

/* Hides from IE-mac \*/
* html form#contact-form dl.related,
* html form#contact-form dl.interest {
height:1%;
}

#header form#contact-form dl.related,
form#contact-form dl.interest {
display:block;
}
/* End hide from IE-mac */