@charset "utf-8";

/* ********************************************************************************************
FileName: contact.css
Author: Fujimic
UpdatedBy: 20070526-19:45
******************************************************************************************** */

/******************************************************************************************** */
/* 001: 左メニュー

******************************************************************************************** */
.header ul.subnavi li.contact {
	background-color: #104e04;
}

.header ul.subnavi li.contact a {
	color:#fff;
	cursor:pointer;
}

#contactTopMap {
	
	float:left;
	
	width:682px;
	
	margin-right:20px;
	
	border:solid #b7b7b6 1px;
}

#contactTopBnr {
	
	float:left;
	
	width:200px;

}

#contactTopBnr ul li { margin: 0 0 2px 0;box-sizing: border-box;width:100%;}
#contactTopBnr ul li a {
	display:block;
	box-sizing: border-box;
	border:#ccc 1px solid;
	background:#fff url(/images/common/icon_blank.gif) no-repeat top 3px right 3px;
	width:100%;
	text-align:center;
}
#contactTopBnr a img {margin:0 auto;}




/*.contact .h3modeS{width:100%;clear: both;margin: 0 0 16px 0;}

.contact .h3mode .main_text{font-weight:bold;padding:4px;}*/

.contact .h3modeWrapGreen {border:solid 1px #afcba4;}

.contact .h3modeWrapWhite {border:solid 1px #fff;background:url(/contact/images/h3bg_green.gif) top left repeat;}


.contact .h3mode .main_text.iconMail{padding-left:40px;background:url(/contact/images/icon_mail.gif) 2px center no-repeat;}

.contact .h3mode .main_text.iconPhone{padding-left:40px;background:url(/contact/images/icon_phone.gif) 2px center no-repeat;}

.contact .h4mode {width:100%;}


.contactBox {

	border: 2px solid #3a811c;
	display:table;
	border-collapse: separate;
	border-spacing: 10px 10px;  /*左右 上下で記述 */
	padding: 0 !important;
	margin-bottom:15px;

}

/*2カラムのbox*/
.boxHalf {
	display:table-cell;
	width:49.5%;
	/*margin-right:1%;*/
}

/*.boxHalf.last {

	margin-right:0;
	
}*/

/*TOPの「その他関連情報」で使用*/
ul.link_icon_xhalfL li {

	width:48%;

	background: url(/images/common/icon_link.gif) no-repeat 3px 0.35em;

	float:left;

	margin: 0 0 5px 0;

	padding: 0 5px 0 10px;

	min-height:15px;

	height: auto !important;

	height: 15px;

}


/*よくある質問のボタン*/

ul.contactFaq li{float:left;margin-right:10px;background-color:#036;}
ul.contactFaq li.recruit{margin-right:0px;}
ul.contactFaq li a{display:block;width:218px;/*width:230px;*/height:55px;}

ul.contactFaq li.faq_drapla a{background:url(/contact/images/btn_faqdrapla.gif) top left no-repeat;position:relative;overflow:hidden;}
ul.contactFaq li.tinet a{background:url(/contact/images/btn_tinet.gif) top left no-repeat;position:relative;overflow:hidden;}
ul.contactFaq li.bids a{background:url(/contact/images/btn_bids.gif) top left no-repeat;position:relative;overflow:hidden;}
ul.contactFaq li.recruit a{background:url(/contact/images/btn_recruit.gif) top left no-repeat;position:relative;overflow:hidden;}
a.btn_contact{display:block;width:400px;height:50px;background:url(/contact/images/btn_contact.gif) top left no-repeat;position:relative;overflow:hidden;}

a.btn_contact:hover,
a.notconsent:hover,
a.consent:hover,
ul.contactFaq li.faq_drapla a:hover,
ul.contactFaq li.tinet a:hover,
ul.contactFaq li.bids a:hover,
ul.contactFaq li.recruit a:hover{background-position:bottom left;}

a.btn_contact span,
ul.contactFaq li.faq_drapla a span,
ul.contactFaq li.tinet a span,
ul.contactFaq li.bids a span,
ul.contactFaq li.recruit span{position:absolute;top:-900px;left:0px;z-index:-1;}


/*同意する・しないボタン*/
a.notconsent{display:block;width:auto;/*height:55px;background:url(/contact/images/bt_contact_notconsent.gif) top left no-repeat;position:relative;overflow:hidden;*/}
a.consent{display:block;width:auto;/*height:55px;background:url(/contact/images/bt_contact_consent.gif) top left no-repeat;position:relative;overflow:hidden;*/}
.consentBox {
	display:table;
	width:100%;
}
.consentBox > div {
	display:table-cell;
	box-sizing: border-box;
	width:50%;
}
.consentBox > div.not {
	padding-right:5px;
}
.consentBox > div.ok {
	padding-left:5px;
}

ul.content_list {
	/*width:100%;*/
}
ul.content_list li {
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:33%;
}

/*margin-bottom設定*/
.m5b { margin-bottom:5px;}

.m10b { margin-bottom:10px;}

.m20b { margin-bottom:20px;}

@media only screen and (max-width:640px)
{

#contactTopMap {
	margin:0 0 15px 0;
	float:none;
	width:auto;

}
#contactTopBnr {
	float:none;
	width:100%;
}
#contactTopBnr ul {
	clear:both;
}
#contactTopBnr ul li {
	float:left;
	width:50%;
}
#contactTopBnr ul li:nth-child(odd) {
	padding-right:1px;
}
#contactTopBnr ul li:nth-child(even) {
	padding-left:1px;
}
.contactFaq li {
	margin-bottom:10px;
}
.contactBox {
	border-left:none;
	border-right:none;
	border-bottom:none;
	display:block;
}
.boxHalf {
	display:block;
	width:100%;
	margin:10px 0;
}
.contactBox .box15_gray1px {
	border:none;
}

.contactBtn_center {
	text-align:center;
}

ul.content_list li {
	float:none;
	width:100%;
}
ul.content_list li img {
	height:100% !important;
}

}