@charset "utf-8";



/*******************************************************************************************

★default

*******************************************************************************************/


/*==================================================================
Left Nav Executive
==================================================================*/

#menuLeft #wp-calendar td.post{
	background-color: #8EC7FF;
}



#menuLeft #wp-calendar td.today a{
	color:#ffffff;
	text-decoration: underline;
}



/*==================================================================
Left Nav
==================================================================*/

#menuLeft .sub-menu .third-menu{
	background: none;
	margin:0 auto;
	padding:10px 0 10px 50px;
	width:220px;
	border-top:none;
	border-bottom:none;
	background-color:#ffffff;
	line-height:100%;
	font-size:12px;
	color:#555555;
}

#menuLeft .sub-menu .third-icon{
	background: url(../img/common/icon_arrowGR.png) no-repeat 50px 12px;
}

#menuLeft .sub-menu .third-menu a{
	padding: 0 0 0 0;
	line-height:100%;
	background-image: none;
	text-indent: 10px;
}


#menuLeft .sub-menu .fourth-menu{
	background: none;
	margin:0 auto;
	padding:10px 0 10px 50px;
	width:220px;
	border-top:none;
	border-bottom:none;
	background-color:#ffffff;
	line-height:100%;
	font-size:12px;
	color:#555555;
}

#menuLeft .sub-menu .fourth-icon{
	background: url(../img/common/icon_dot.png) no-repeat 65px 12px;
}

#menuLeft .sub-menu .fourth-menu a{
	padding: 0 0 0 15px;
	line-height:100%;
	background-image: none;
	text-indent: 10px;
}




/*==================================================================
Left Nav 404Error
==================================================================*/

#menuLeft .error-menu01 a{
	background: url(../img/common/subNav_404top.png) no-repeat;
}


#menuLeft .error-menu02 a{
	background: url(../img/company/subNav_top.png) no-repeat;
}


#menuLeft .error-menu03 a{
	background: url(../img/investor/subNav_top.png) no-repeat;
}

#menuLeft .error-menu04 a{
	background: url(../img/csr/subNav_top.png) no-repeat;
}

#menuLeft .error-menu05 a{
	background: url(../img/business/subNav_top.png) no-repeat;
}

#menuLeft .error-menu06 a{
	background: url(../img/technique/subNav_top.png) no-repeat;
}

#menuLeft .error-menu07 a{
	background: url(../img/employ/subNav_top.png) no-repeat;
}


/*==================================================================
Left Nav News
==================================================================*/
#menuLeft.news .sub-menu li a {
	display: inline;
}

#menuLeft .news-menu01 a{
	background: url(../img/company/subNav_cat.png) no-repeat;
}

#menuLeft .news-menu02 a{
	background: url(../img/company/subNav_archives.png) no-repeat;
}

/*==================================================================
Left Nav Topics
==================================================================*/

#menuLeft .topics-menu01 a{
	background: url(../img/company/subNav_bcp.png) no-repeat;
}

#menuLeft .topics-menu02 a{
	background: url(../img/company/subNav_environ.png) no-repeat;
}

#menuLeft .topics-menu03 a{
	background: url(../img/company/subNav_soc.png) no-repeat;
}


#menuLeft .topics-menu04 a{
	background: url(../img/csr/subNav_csrtopics.png) no-repeat;
}

/*
#menuLeft .topics-menu05 a{
	background: url(../img/technique/subNav_db05.png) no-repeat;
}
*/

/*==================================================================
Left Nav method
==================================================================*/

#menuLeft .method-menu01 a{
	background: url(../img/technique/subNav_db01.png) no-repeat;
}

#menuLeft .method-menu02 a{
	background: url(../img/technique/subNav_db02.png) no-repeat;
}

#menuLeft .method-menu03 a{
	background: url(../img/technique/subNav_db03.png) no-repeat;
}

#menuLeft .method-menu04 a{
	background: url(../img/technique/subNav_db04.png) no-repeat;
}

#menuLeft .method-menu05 a{
	background: url(../img/technique/subNav_db05.png) no-repeat;
}

#menuLeft .method-menu06 a{
	background: url(../img/technique/subNav_db06.png) no-repeat;
}

#menuLeft .method-menu07 a{
	background: url(../img/technique/subNav_db07.png) no-repeat;
}

#menuLeft .method-menu08 a{
	background: url(../img/technique/subNav_db08.png) no-repeat;
}

#menuLeft .method-menu09 a{
	background: url(../img/technique/subNav_db09.png) no-repeat;
}

#menuLeft .method-menu10 a{
	background: url(../img/technique/subNav_db10.png) no-repeat;
}

#menuLeft .method-menu11 a{
	background: url(../img/technique/subNav_db11.png) no-repeat;
}

#menuLeft .method-menu12 a{
	background: url(../img/technique/subNav_db12.png) no-repeat;
}

#menuLeft .method-menu13 a{
	background: url(../img/technique/subNav_db13.png) no-repeat;
}

#menuLeft .method-menu14 a{
	background: url(../img/technique/subNav_db14.png) no-repeat;
}





/*******************************************************************************************

★Executive,News

*******************************************************************************************/
/*==================================================================
default
==================================================================*/

.newsPaperLink a{
	color: #009b74;
}




/*******************************************************************************************

★company

*******************************************************************************************/
/*==================================================================
policyTop
==================================================================*/

.policy .policyTop{
	margin:30px 0 0 0;
}

.policy .policyTop p{
	margin:0 0 30px 0;
	font-size: 16px;
}



.policy .policyTop .topImg{
	background-color:#E0E0E2;
	padding:10px;
	margin:0 auto;
	line-height:0;
}


.policy .policyTop h3{
/*	background: url(../img/common/icon_arrowWT.png) no-repeat 5px 12px;*/
	background: url(../img/company/h3_back.png) no-repeat;
	padding: 8px 10px 5px 30px;
	font-weight: normal;
	font-size: 20px;
}

.policy .policyTop h3 a{
	display: block;
}

.policy .policyTop h3 a:hover{
	text-decoration: none;
}


.policy .policyTop h4{
	padding:10px 20px 40px 20px;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
	border-bottom:1px solid #333333;
}


.policy .leftBox {
	float:left;
	width:305px;
	margin:0 0 30px 0;
}

.policy .rightBox {
	float:right;
	width:305px;
	margin:0 0 30px 0;
}


/*==================================================================
Profile・追加
==================================================================*/

.profile .company a.profileLink {
	color:#009b74;
}


/*==================================================================
PPP・追加
==================================================================*/

.ppp p.pppAbout{
	font-size:15px;
	line-height:200%;
	padding:15px 0;
}


.ppp .businessAbout{
	margin: 20px 0 40px 0;
	width: 100%;
}

.ppp .businessAbout tr{
	border-bottom:1px solid #c0c0c0;
}

.ppp .businessAbout th{
	width:35%;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#004e9d;
	font-size:13px;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
}

.ppp .businessAbout td{
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	vertical-align:middle;
	text-align:left;
}

/*==================================================================
ISO
==================================================================*/
.iso {
	margin:35px 0 0 0;
}

.iso h4{
	font-size:18px;
	font-weight:normal;
	background: url(../img/common/icon_h4.png) no-repeat 0 0;
	margin:35px 0 0 0;
	padding:3px 0 12px 40px;
	min-height:32px;
}


.iso p.isoAbout{
	font-size:15px;
	line-height:200%;
	padding:15px 0;
}


.iso dl{
	margin: 15px 0 20px 0;
}

.iso dt{
	clear: left;
	float: left;
}

.iso dt.dt9001{
	margin: 0 0 10px 0;
	float: none;
}

.iso dt.eco_label{
	margin: 0 0 10px 0;
/*	width: 200px;*/
	float: none;
	font-weight: bold;
}


.iso dd{
	margin: 0 0 10px 3em;
}

.iso ul{
	margin: 15px 0 20px 0;
}

.iso ul li{
	margin: 0 0 10px 0;
}

.iso img{
	margin: 15px 0;
	padding: 5px;
	border: 5px solid #ccc;
	background-color: #fff;
}

.iso img.ecoLabelImg{
	margin: 15px 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

.iso table {
	border-top:2px solid #004D9D;
	margin-bottom:30px;
}

.iso .isoTable{
	margin: 20px 0 40px 0;
	width: 100%;
}

.iso .isoTable tr{
	border-bottom:1px solid #c0c0c0;
}

.iso .isoTable th{
	width:6em;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#004e9d;
	font-size:13px;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
}

.iso .isoTable td{
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	vertical-align:top;
	text-align:left;
}


.iso .isoTable .isoLine{
	border-right: 1px solid #ccc;
}

.iso .isoTable2{
	margin: 20px 0 40px 0;
	width: 60%;
}

.iso .isoTable2 tr{
	border-bottom:1px solid #c0c0c0;
}

.iso .isoTable2 th{
	width:25%;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#004e9d;
	font-size:13px;
	vertical-align:top;
	font-weight:bold;
	text-align:center;
}

.iso .isoTable2 td{
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	vertical-align:top;
	text-align:center;
}

.iso .isoTable3{
	margin: 20px 0 40px 0;
	width: 100%;
}

.iso .isoTable3 tr{
	border-bottom:1px solid #c0c0c0;
}


.iso .isoTable3 th{
	width:50%;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#004e9d;
	font-size:13px;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
}

.iso .isoTable3 td{
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	vertical-align:top;
	text-align:left;
}


.iso .isoTable3 .leftBorder{
	border-left: 1px solid #c0c0c0;
}


.iso .isoTable3 td.eco_img{
	vertical-align:middle;
}

.iso .isoTable3 p.ecoBold{
	margin: 10px 0 0 0;
	font-weight: bold;
	color:#009b74;
}


.company .isoEco p{
	font-size:15px;
	line-height:200%;
	padding:15px 0;
}

.company .isoEco a{
	color:#009b74;
}

.company .isoEco a.ecoNone{
	color:#333;
}



/*==================================================================
History of Road
==================================================================*/
.history {
	margin:35px 0 0 0;
}

.history table {
	border-top:2px solid #004D9D;
	margin-bottom:30px;
}


.history .historyTable{
	margin: 20px 0 40px 0;
	width: 100%;
}

.history .historyTable tr{
	border-bottom:1px solid #c0c0c0;
}

.history .historyTable th{
	width:6em;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#004e9d;
	font-size:13px;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}

.history .historyTable td{
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	vertical-align:middle;
	text-align:center;
}

.history .historyTable th.tableLeft{
	text-align:left;
}

.history .historyTable th td.tableLeft{
	text-align:left;
}

.history .historyTable .historyLine{
	border-right: 1px solid #ccc;
}


.history img.roadImg{
	margin: 15px 0;
	padding: 5px;
	border: 5px solid #ccc;
	background-color: #fff;
}


/*==================================================================
ご利用規約など
==================================================================*/

.terms {
	margin:35px 0 0 0;
}

.terms dl dt{
	margin: 20px 0 10px 0;
	font-weight: bold;
	font-size: 18px;
}

.terms dl dd{
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	line-height: 200%;
}



.terms dl dd dt{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	font-size: 14px;
	font-weight: normal;
	background: url(../img/common/icon_dot.png) no-repeat 3px 7px;
}

.terms dl dd dd{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	line-height: 150%;
}



.terms ul li{
	list-style-image: url(../img/common/icon_dot.png);
	margin: 0 0 0 25px;
}

.terms dl dd ol {
	margin: 0 0 0 20px;
}

.terms dl dd ol li {
	margin: 0 0 0 20px;
	list-style-type: katakana;
}



.terms a{
	padding: 0 5px;
	color:#009b74;
}



/*******************************************************************************************

★Investor

*******************************************************************************************/



/*==================================================================
stockholder
==================================================================*/
.stock {
	margin:35px 0 0 0;
}

.stock a{
	color: #0099D2;
}


.stock table caption{
	margin:15px 0 0 0;
	text-align: left;
	font-size: 20px;
}

.stock table {
	border-top:2px solid #0099D2;
	margin-bottom:40px;
	font-size:13px;
	width: 100%;
}

.stock table.stockHolder {
	border-top:2px solid #0099D2;
	margin-bottom:40px;
	font-size:13px;
	width: 100%;
}

.stock table.stockHolder th{
	background-color:#E9E9E9;
	margin:0;
	padding:5px 7px;
	vertical-align:middle;
	font-weight:normal;
	text-align:center;
}

.stock table.stockHolder th.fixedW6{
	width: 6em;
}

.stock table.stockHolder th.fixedW4{
	width: 4em;
}


.stock table.stockHolder td.leftIndent{
	padding: 0 0 0 1em;
/*	text-align: right;*/
}

.stock table.stockHolder td.leftIndent2{
	padding: 0 0 0 2em;
}



.stock table .lineBothBlue{
	border-left: 1px solid #0099D2;
	border-right: 1px solid #0099D2;
}

.stock table .lineBoth{
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}


.stock table.stockHolder p{
	font-size: 12px;
}

.stock table.stockHolder span{
	margin: 0 0 0 3em;
}


.stock table.latestInfo th{
	background-color:#E9E9E9;
	margin:0;
	padding:5px 7px;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
	width:150px;
}

.stock table.pastInfo th{
	background-color:#E9E9E9;
	margin:0;
	padding:5px 7px;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
/*	width:250px;*/
}

.stock table.pastInfo td{
	margin:0;
	padding:5px 7px;
	vertical-align:middle;
	text-align:left;
	width:/*250*/300px;
}

.stock table.stockMemo{
	width: 100%;
}

.stock table.stockMemo th.headerMemo{
	background-color:#E9E9E9;
	margin:0;
	padding:5px 7px;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
}

.stock table.stockMemo th.leftMemo{
	background-color:#E9E9E9;
	margin:0;
	padding:5px 7px;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
	width: 130px;
}

.stock table.copogov th{
	width: 65%;
}



.stock tr{
	border-bottom:1px solid #c0c0c0;
}

.stock tr.lineB{
	border-bottom:2px solid #0099D2;
}


.stock td{
	margin:0;
	vertical-align:middle;
	padding:5px 5px;
}

.stock td.indexT{
	color:#009fca;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}


.stock dl{
	padding:10px 20px 40px 20px;
	font-weight:normal;
	font-size:14px;
}
.stock dl dt{
	padding: 5px 0 4px 0px;
	font-size: 16px;
	font-weight: bold;
}

.stock dl dd{
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
}


.stock dl.stockTableMemo{
	padding:0;
	font-weight:normal;
	font-size:14px;
}

.stock table dl.stockTableMemo dt{
	margin: 0;
	font-size: 14px;
	font-weight:normal;
}

.stock table dl.stockTableMemo dd{
	margin: 0;
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
}


.stock table dl.stockMemo dd{
	margin: 0 0 0 20px;
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
}



.stock  p.stockPast{
	padding:10px 20px 10px 20px;
	font-weight:normal;
	font-size:16px;
	line-height:160%;
}




/*******************************************************************************************

★CSR

*******************************************************************************************/



/*==================================================================
request
==================================================================*/

.request .requestMain {
	margin:40px 0 0 0;
	padding:0;
}

.request .requestMain a {
	color:#009b74;
}

.request .requestMain h3 {
	font-size:26px;
	font-weight:normal;
}

.request .requestMain h3.enquete {
	padding: 5px;
	font-size:18px;
	font-weight:normal;
	background-color: #ddd;
}
.request .requestMain h3.enquete span {
	display: block;
}


.request .requestMain h5.top {
	font-size:20px;
	font-weight:normal;
	text-align:center;
	padding:100px 0 75px 0;
}

.request .requestMain .topImg {
	text-align:center;
	margin:0 auto;
}

.request .requestMain .guide{
	padding: 0 0 0 10px;
	color:#ff6804;
}

.request .requestMain .formArea {
	margin:25px 10px 30px 10px;
}

.request .requestMain .formArea table{
	padding:20px 0;
}

.request .requestMain .formArea table.enqueteTable{
	margin: 0 0 15px 0;
	width: 100%;
}

.request .requestMain .formArea table.enqueteTable h4{
	font-size: 16px;
	font-weight: normal;
}


.request .requestMain .formArea table.enqueteTable td{
	width: 33.333%;
	vertical-align: top;
}

.request .requestMain .formArea table.enqueteTable2 th{
	width: 12em;
}

/*　社長訓示　*/

.request .requestMain .formArea table.kunjiTable,
.request .requestMain .formArea table.kunjiTable2{
	margin: 0 0 15px 0;
	width: 100%;
}

.request .requestMain .formArea table.kunjiTable h4{
	font-size: 16px;
	font-weight: normal;
}


.request .requestMain .formArea table.kunjiTable td{
	width: 25%;
	vertical-align: top;
}

.request .requestMain .formArea table.kunjiTable2 td{
	width: 20%;
	vertical-align: middle;
}

.request .requestMain .formArea table.kunjiTable2 td.width100{
	width: 100%;
	vertical-align: middle;
}

.request .requestMain .formArea table.kunjiTable th{
	width: 5%;
}

.request .requestMain .formArea table.kunjiTable label{
	padding: 0 25px 0 0;
}

.invisible{
	display: none;
}

/*　社長訓示　ここまで　*/


.request .requestMain .formArea table th{
	margin:0;
	padding:20px 0 20px 0;
	width: 170px;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	font-size:15px;
	color:#0b0c16;
}

.request .requestMain .formArea table th.txtLong{
	text-align:left;
	padding:20px 0 10px 0;
	line-height:100%;
}

.request .requestMain .formArea table td.txtLong{
	padding:0 0 20px 0;
}

.request .requestMain .formArea table td{
	margin:0;
	vertical-align:middle;
	padding:5px 0 5px 10px;
	text-align:left;
	line-height:200%;
}

input[type=text]{
	border:#BFBFC0 1px solid;
	padding:5px 0;
}

select {
	border:#BFBFC0 1px solid;
	padding:5px;
}

input[type=checkbox]{
	vertical-align:middle;
}

input[type=radio]{
	vertical-align:middle;
}

.request .requestMain .formArea table.enqueteTable label{
	padding: 0 25px 0 0;
}


.request .requestMain .formArea .chkBox label{
	display: block;
}


.request .requestMain .privacy{
	background-color:#E0E0E1;
	text-align:center;
}

.request .requestMain .privacy p{
	padding:15px;
	vertical-align:middle;
	line-height:150%;
}

.request .requestMain .privacy p.lineBot{
	border-bottom:1px solid #BFBFC0;
	padding:10px;
}



.request .requestMain .btnImg ul{
	margin:35px auto;
	width:342px;
}

.request .requestMain .btnImg ul li{
	float:left;
	margin:0 auto;
	text-align:center;
	padding:0 20px;
}

.request .requestMain .btnImgMargin {
	margin: 0 0 20px 0;
	overflow: hidden;
/*	background: orange;*/
}

/*==================================================================
 form
==================================================================*/

.request .error {
	font-size: 100%!important;
	color: #ff6804!important;
}
.request input[type="text"] {
	width: 350px;
}
.request .input-zip input,
.request .input-phone input {
	width: 60px;
}
.request textarea {
	width: 350px;
	height: 100px;
}

/*社長訓示アンケート用*/
.request .kunjiText textarea {
	width: 550px;
	height: 150px;
}



/*
.request .input-send input {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_transmit.png) left top no-repeat;
	cursor: pointer;
}
*/
.request input.input-send .confirm {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_check.png) left top no-repeat;
	cursor: pointer;
	text-indent: -5000px;}
/*
.request input-send .confirm {
	background: url(../img/inquiry/btn_check.png) left top no-repeat;
}
*/

.request input.input-send {
	background: url(../img/inquiry/btn_check.png) left top no-repeat;
}

.request .input-send button  {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_check.png) left top no-repeat;
	cursor: pointer;
	text-indent: -5000px;
}

/*
.request .input-back {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_reset.png) left top no-repeat;
	cursor: pointer;
}
*/
.request .input-back .form-reset {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_reset.png) left top no-repeat;
	cursor: pointer;
	text-indent: -5000px;
}

.request .input-back input {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_back.png) left top no-repeat;
	cursor: pointer;
	text-indent: -5000px;
}
.backbtn {
	border: 0px;
	width: 131px;
	height: 51px;
	background: url(../img/inquiry/btn_back.png) left top no-repeat;
	cursor: pointer;
	text-indent: -5000px;
}

/*戻る・確認 / 送信ボタン*/
/**********MW WP Formボタン*********/
/*確認・送信ボタン*/
.confbtn {
	padding: 10px 0;
	width: 131px;
	height: 51px;
	background: #0099CC;
	border: 1px solid #DDD;
	color: #FFF;
	font-size: 22px;
	font-weight: 200;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	cursor: pointer;
}
/*戻るボタン*/
/*
.backbtn {
	padding: 10px 0;
	width: 200px;
	background: #FF6633;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	cursor: pointer;
}
*/

.over input:hover {
	opacity: 0.7;
	filter: alpha (opacity=70) ; /* forIE */
	-moz-opacity:0.70;
}


/*==================================================================
 Back No.
==================================================================*/

.csr .bkno table {
	margin: 20px 0 40px 0;
	font-size:13px;
	width: 80%;
}

.csr .bkno tr{
	border-bottom:1px solid #c0c0c0;
}

.csr .bkno tr.lineB{
	border-bottom:2px solid #009eae;
}

.csr .bkno th{
	background-color:#E9E9E9;
	margin:0;
	padding:5px 16px;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
	font-size:16px;
	line-height:240%;
	border-top:2px solid #009eae;
}

.csr .bkno td{
	margin:0;
	vertical-align:middle;
	padding:5px 5px;
	text-align:left;
}

.csr .bkno td.indexT{
	color:#009eae;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

.csr .bkno .btnPDF {
	float:none;
}


/*******************************************************************************************

★Business

*******************************************************************************************/




/*==================================================================
corporat
==================================================================*/


.corporat .corpData .dataBox table th.breakWord{
	width: 150px;
}


.corporat .corpData .dataBox table.plantHp{
	width: 100%;
}
/*会社概要に移動後*/
.company .corpData .dataBox table.plantHp{
	width: 100%;
}



.corporat a.corporatLink{
	color:#009D9A;
}



/*==================================================================
estateTop
==================================================================*/

.estate .estateTop{
	margin:30px 0 0 0;
}

.estate .estateTop .topImg{
	background-color:#E0E0E2;
	padding:10px;
	margin:0 auto;
	line-height:0;
}


.estate .estateTop h3{
/*	background: url(../img/common/icon_arrowWT.png) no-repeat 5px 12px;*/
	background: url(../img/business/h3_back.png) no-repeat;
	padding: 8px 10px 5px 30px;
	font-weight: normal;
	font-size: 20px;
}

.estate .estateTop h3 a{
	display: block;
}

.estate .estateTop h3 a:hover{
	text-decoration: none;
}


.estate .estateTop h4{
	padding:10px 20px 0 20px;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
/*	border-bottom:1px solid #333333;*/
}

.estate .estateTop h4 span{
	color: red;
}

.estate .estateTop ul{
	padding: 10px 20px 0 10px;
	font-weight:normal;
	font-size:14px;
/*	border-bottom:1px solid #333333;*/
}


.estate .estateTop ul li{
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_dot.png) no-repeat 5px 12px;
}

.estate .estateTop ul li a{
	color:#009b74;
}



.estate .leftBox {
	float:left;
	width:305px;
	height: 220px;
	margin:0 0 30px 0;
	border-bottom:1px solid #333333;
}

.estate .rightBox {
	float:right;
	width:305px;
	height: 220px;
	margin:0 0 30px 0;
	border-bottom:1px solid #333333;
}






/*******************************************************************************************

★technique

*******************************************************************************************/
/*==================================================================
techniqueTop
==================================================================*/

.technique .techniqueTop h4.gikenTop{
	padding:10px 20px 40px 20px;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
	border-bottom:1px solid #333333;
}


/*==================================================================
laboTop
==================================================================*/

.labo .laboTop{
	margin:30px 0 0 0;
}

.labo .laboTop .topImg{
	background-color:#E0E0E2;
	padding:10px;
	margin:0 auto;
	line-height:0;
}


.labo .laboTop h3{
/*	background: url(../img/common/icon_arrowWT.png) no-repeat 5px 12px;*/
	background: url(../img/technique/h3_back.png) no-repeat;
	padding: 8px 10px 5px 30px;
	font-weight: normal;
	font-size: 20px;
}

.labo .laboTop h3 a{
	display: block;
}

.labo .laboTop h3 a:hover{
	text-decoration: none;
}


.labo .laboTop h4{
	padding:10px 20px 0 20px;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
/*	border-bottom:1px solid #333333;*/
}

.labo .laboTop ul{
	padding: 10px 20px 0 20px;
	font-weight:normal;
	font-size:14px;
/*	border-bottom:1px solid #333333;*/
}


.labo .laboTop ul li{
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
}

.labo .laboTop ul li a{
	color:#009b74;
}



.labo .leftBox {
	float:left;
	width:305px;
	height: 200px;
	margin:0 0 30px 0;
	border-bottom:1px solid #333333;
}

.labo .rightBox {
	float:right;
	width:305px;
	height: 200px;
	margin:0 0 30px 0;
	border-bottom:1px solid #333333;
}

/*==================================================================
研究施設
==================================================================*/

.labo .laboExplain{
	margin: 0 10px 40px 0;
	width: 200px;
	line-height: 150%;
	float: left;
}

.labo .laboExplain li{
	padding: 0 0 0 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 7px;

}

.labo .laboExplain a{
	color: #009D9C;
}

.labo .laboClear{
	clear: both;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
	width: 100%;
	border-top:2px solid #009D9C;
	overflow: hidden;
}

.labo .laboClear dl{
	float: left;
	width: 380px;
}

.labo .laboClear dl dt{
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	font-size: 20px;
	background: url(../img/common/icon_topics_h3.png) no-repeat 5px 5px;
}


.labo .laboClear img{
	margin: 0 0 0 20px;
}

/*==================================================================
あゆみ
==================================================================*/

.labo .laboHistory{
	margin: 0 0 0 30px;
}

.labo .laboHistory dt{
	float: left;
	font-weight: bold;
	width: 10em;
}


.labo .laboMap{
	margin: 0 0 0 30px;
	text-align: left;
}


.labo .laboMap img{
	text-align: left;
	display: block;
}




/*==================================================================
論文
==================================================================*/

.labo h3{
	margin:25px 0 0 0;
}

.labo dl.laboLink{
	margin: 35px 0 20px 15px;
}

.labo dl.laboLink dt{
	margin: 0 0 10px 0;
	font-size: 16px;
}


.labo dl.laboLink dd a{
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
	line-height: 2em;
	color: #009D9C;
}

.labo dl.laboRonbun{
	margin: 0;
	padding: 0
}

.labo dl.laboRonbun dt{
	padding: 3px 0 3px 15px;
	line-height: 1.6;
	list-style: none;
	font-weight: bold;
	color: #fff;
	background-color: #009D9C;
}

.labo dl.laboRonbun dd{
	margin: 0 0 20px 0;
	padding: 5px 10px 0 0;
	text-align: right;
	font-weight: nomal;
}







/*******************************************************************************************

★employ

*******************************************************************************************/

.employ strong{
	color: red;
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
}



/*==================================================================
recruitTop
==================================================================*/
.recruit {
	color:#0b0c16;
}

.recruit h3{
	margin:25px 0 0 0;
}

.recruit h3.recruitInfo {
	font-size: 20px;
}


.recruit dl{
	padding: 0 20px 0 20px;
	font-weight:normal;
	font-size:14px;
/*	clear: left;
	float: left;*/
}
.recruit dl dt{
	padding: 5px 0 4px 0px;
	font-size: 16px;
	font-weight: bold;
}

.recruit table.myNavi{
	margin: 10px 0 0 20px;
/*	width: 230px;*/
	width: 80%
}

.recruit table.myNavi td{
	width: 50%;
	vertical-align: bottom;
	font-size: 12px;
}


.recruit .recruitTop{
	margin:0 0 0 0;
}

.recruit .recruitTop .topImg{
	background-color:#E0E0E2;
	padding:10px;
	margin:0 auto;
	line-height:0;
}


.recruit .recruitTop h3{
	background: url(../img/employ/h3_back.png) no-repeat;
	padding: 8px 10px 5px 30px;
	font-weight: normal;
	font-size: 20px;
}

.recruit .recruitTop h3 a{
	display: block;
}

.recruit .recruitTop h3 a:hover{
	text-decoration: none;
}

.recruit .recruitTop h4.base{
	padding:10px 20px 0 20px;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
/*	border-bottom:1px solid #333333;*/
}


.recruit .recruitTop h4.semi{
	padding:10px 20px 0 20px;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
/*	border-bottom:1px solid #333333;*/
}

.recruit .recruitTop ul li{
	margin: 0 0 0 20px;
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
}


.recruit .recruitTop p.recruitPast{
	padding:10px 20px 10px 20px;
	font-weight:normal;
	font-size:16px;
	line-height:160%;
}



.recruit .recruitTop dl{
	padding:10px 20px 40px 20px;
	font-weight:normal;
	font-size:14px;
/*	border-bottom:1px solid #333333;*/
}
.recruit .recruitTop dl dt{
	padding: 5px 0 4px 0px;
	font-size: 16px;
	font-weight: bold;
}

.recruit .recruitTop dl dd{
	padding: 5px 0 4px 15px;
	background: url(../img/common/icon_arrowGR.png) no-repeat 5px 12px;
}


.recruit .recruitTop dl dd a{
	color:#009b74;
}

.recruit .leftBox {
	margin:0 0 30px 0;
	float:left;
	width:305px;
	min-height: 180px;
	border-bottom:1px solid #333333;
}

.recruit .rightBox {
	margin:0 0 30px 0;
	float:right;
	width:305px;
	min-height: 180px;
	border-bottom:1px solid #333333;
}





/*==================================================================
summary
==================================================================*/
.summary {
	color:#0b0c16;
}

.summary h3 {
	margin:35px 0 0 0;
}
.summary h3 span {
	font-size: 12px;
}

.summary h4 {
	font-size: 16px;
}


.summary p {
	font-size:15px;
	line-height:200%;
}



.summary p.employMes {
	padding:10px 0 0 0;
	margin:25px 0 0 0;
}


.summary p.mesRight {
	margin: 40px 0;
	text-align: right;
}


.summary p.notes {
	font-size:14px;
	line-height:150%;
	background-color:#E0E0E2;
	padding:20px;
	margin:20px 0;
}

.summary table {
	margin: 30px 0 0 0;
	border-top:2px solid #009C87;
	margin-bottom:30px;
}


.summary table.summaryTable{
	width: 100%;
}


.summary table.summaryTable td{
	margin:0;
	padding:8px 5px 8px 15px;
	font-size:13px;
	text-align:center;
}

.summary .company tr{
	border-bottom:1px solid #c0c0c0;
}

.summary .company caption{
	margin:15px 0 0 0;
	text-align: left;
	font-size: 20px;
}


.summary .company th{
	width:130px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-size:14px;
	text-align:left;
	vertical-align:top;
}


.summary .company th.kuro{
	color:#000;
}

.summary .company th a{
	color:#009C87;
	text-decoration: underline;
}

.summary .company th span{
	color:#555555;
	font-weight:normal;
}

.summary .company td{
	width:480px;
	margin:0;
	padding:8px 5px 8px 15px;
	font-size:13px;
	text-align:left;
}

.summary .company ul li{
	list-style-image: url(../img/common/icon_dot.png);
	margin:0 0 0 15px;
}

.summary .company ul li a{
	color:#009b74;
}


.summary .company dl dt{
	font-weight: bold;
/*	font-size: 15px;*/
/*	float: left;*/
}

.summary .company dl dd{
	margin: 0 0 10px 0;
/*	float: left;*/
}

.summary .venture{
	padding: 8px;
	border: 2px solid #009C87;
	border-radius: 25px;
} 


.summary .venture h3{
	margin: 15px 0 0 0;
} 

.summary .imgVideo{
	max-width: 430px;
}

/*==================================================================
base
==================================================================*/

.summary .pageT{
	background-color:#E0E0E2;
	padding:15px 15px 10px 15px;
	margin:0 0 10px 0;
font-size:28px;
font-weight:normal;
color:#0b0c16;
line-height:100%;
vertical-align:text-bottom;
}



.summary table.baseTable{
	width: 100%;
}

.summary table.baseTable caption{
	margin:15px 0 0 0;
	text-align: left;
	font-size: 26px;
}

.summary table.baseTable tr{
	border-bottom:1px solid #c0c0c0;
}

.summary table.baseTable th.colWidth{
	width:186px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-size:14px;
	text-align:left;
	vertical-align:top;
}

.summary table.baseTable th{
	width:/*80*/90px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-size:14px;
	text-align:left;
	vertical-align:top;
}


.summary table.baseTable th span{
	color:#555555;
	font-weight:normal;
}

.summary table.baseTable td{
	margin:0;
	padding:8px 5px 8px 15px;
	font-size:13px;
	text-align:left;
}

.summary table.baseTable .baseLine{
	border-right:1px solid #c0c0c0;
}

.summary .baseTable ul li{
	list-style-image: url(../img/common/icon_dot.png);
	margin:0 0 0 15px;
}

.summary .baseTable ul li a{
	color:#009b74;
}

.summary .baseTable dl dt{
	font-weight: bold;
}

.summary .baseTable dl dd{
	margin: 0 0 10px 10px;
}




.summary table.baseTable2{
	width: 100%;
}

.summary table.baseTable2 caption{
	margin:15px 0 0 0;
	text-align: left;
	font-size: 26px;
}

.summary table.baseTable2 tr{
	border-bottom:1px solid #c0c0c0;
}


.summary table.baseTable2 th{
	width:80px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-size:14px;
	text-align:center;
	vertical-align:top;
}

.summary table.baseTable2 td{
	margin:0;
	padding:8px 5px 8px 15px;
	font-size:13px;
	text-align:right;
}


.summary span.widthLock{
	margin: 0 0 0 0;
	width: 100px;
	display: block;
	float: left;
}


/*==================================================================
faq
==================================================================*/

.faq .explain{
	margin: 35px 0 0 0;
}

.faq dl{
	margin: 10px 0 20px 0;
	font-size: 16px;
}

.faq dt{
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	font-weight: bold;
	border-top:2px solid #009C87;
}

.faq dd.answerMark{
	margin: 0 0 0 0;
	width: 25px;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 200%;
}

.faq dd.answer{
	margin: 0 0 0 30px;
	font-weight: normal;
	display: block;
	line-height: 200%;
}


/*==================================================================
work
==================================================================*/
.work {
	color:#0b0c16;
}

.work h3 {
	margin:35px 0 0 0;
}
.work h3 span {
	font-size: 12px;
}

.work h4 {
	font-size: 16px;
}


.work p {
	font-size:15px;
	line-height:200%;
}

.work .workPhoto {
	text-align: right;
}


/*==================================================================
present ※responsive.gs.12col.css　にもコードあり
==================================================================*/
.present {
	color:#0b0c16;
}

.present h3 {
	margin:35px 0 0 0;
}
.present h3 span {
	font-size: 12px;
}

.present p {
	margin: 0 0 20px 0;
	font-size:15px;
	line-height:160%;
}


.present .presentWhole {
	margin: 0 0 30px 0;
	clear: both;
	overflow: hidden;
}

.present .presentWhole h1{
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;

}

.present .presentWhole h3{
	margin: 0;
	font-size: 16px;
	font-weight: bold;

}

.present .presentWhole h3.underLine{
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #009C87;

}

.present .presentWhole .imgCenter{
	margin: 0 0 15px 0;
	text-align: center;
	clear: both;
	overflow: hidden;
}



.present .presentWhole .imgCenter .floatLeft10{
	margin: 15px 0 0 0;
	float: left;
	width: 10%;
}


.present .presentWhole .imgCenter .floatLeft30{
	float: left;
	width: 33.3333%;
}


.present .presentWhole .imgCenter .floatLeft40{
	float: left;
	width: 40%;
}


.present .presentWhole .imgCenter .floatLeft50{
	float: left;
	width: 50%;
}

.present .presentWhole .imgCenter .floatLeft50plus{
	padding: 0 0 0 20px;
	float: left;
	width: 50%;
}


.present .presentWhole .imgCenter .floatLeft60{
	float: left;
	width: 66.6666%;
}


.present .presentWhole .floatRight40{
	padding: 0 5px 10px 10px;
	float: right;
	width: 40%;
}


.present .presentWhole .textLeft{
	text-align: left;
}

.present .presentWhole .imgCenter .nameRight{
	padding: 100px 0 0 100px;
}

.present .presentWhole .topMargin{
	margin: 80px 0 0 0;
}

.present .presentWhole table{
	margin: 0 0 15px 0;
}

.present .presentWhole .presentColumn{
	padding: 8px;
	border: 2px solid #F60;
	overflow: hidden;
}


.present .presentWhole .presentColumn h3{
	margin: 0 0 20px 0;
	text-align: center;

}

.present .line {
	padding: 5px 5px 0 5px;
	border: 2px solid #06F;
}


.present .presentText {
	/*float: left;*/
	width: /*540px*/;
	text-align: center;/*小画像削除のためテキストセンタリング*/
}

/*扉用*/

.present .presentText h4 {
	margin: 0 0 10px 0;
	font-size: 16px;
}

.present .presentText h4 a {
	color:#009C87;
}

/*扉用*/
.present .presentText h5{
	margin: 0 ;
	font-size:15px;
	font-weight: normal;
	
}

/*詳細用*/

.present .presentText h1 {
	padding: 5px 0 0 0;
}

.present .presentText h2{
	margin: 0 ;
	font-size:15px;
	font-weight: normal;
}

.present .presentPhoto {
	/*float: left;*/
}


/*==================================================================
career
==================================================================*/


.summary table.careerTable{
	width: 100%;
}

.summary table.careerTable caption{
	margin:15px 0 0 0;
	text-align: left;
	font-size: 26px;
}

.summary table.careerTable tr{
	border-bottom:1px solid #c0c0c0;
}

.summary table.careerTable th.colWidth{
	width:186px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-saize:14px;
	text-align:left;
	vertical-align:top;
}

.summary table.careerTable th{
	width:90px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-saize:14px;
	text-align:left;
	vertical-align:top;
}


.summary table.careerTable th span{
	color:#555555;
	font-weight:normal;
}

.summary table.careerTable td{
	margin:0;
	padding:8px 5px 8px 15px;
	font-saize:13px;
	text-align:left;
}

.summary table.careerTable .baseLine{
	border-right:1px solid #c0c0c0;
}

.summary .careerTable ul li{
/*	list-style-image: url(../img/common/icon_dot.png);*/
	margin:0 0 0 15px;
}

.summary .careerTable ul.careerMark li{
	list-style-image: url(../img/common/icon_dot.png);
	margin:0 0 0 15px;
}

.summary .careerTable ul li a{
	color:#009b74;
}

.summary .careerTable dl dt{
	margin: 0 0 5px 0;
	font-weight: bold;
}

.summary .careerTable dl dd{
	margin: 0 0 5px 10px;
}




/*==================================================================
schedule
==================================================================*/

.summary ol.schedule{
	margin: 35px 0 0 0;
	
}


.summary ol.schedule a{
	color:#009C87;
	text-decoration: underline;
	
}

/*
.summary ol.schedule span{
	margin: 0 0 15px 0;
	font-size: 24px;
	
}*/

.summary ol.schedule li{
	margin: 0 0 15px 0;
	font-size: 24px;

}

.summary ol.schedule li span{
	color:#009C87;
}

.summary ol.schedule li table {
	margin: 10px 0 0 0;
	border-top:2px solid #009C87;
	margin-bottom:30px;
	font-size: 14px;
}

.summary ol.schedule dl dt{
	margin: 10px 0 0 0;
	font-weight: bold;
}

.summary ol.schedule dl dd{
	display: inline;
}

/*==================================================================
seminar
==================================================================*/

.seminar a{
	color:#009b74;
}

.summary table.seminarTable{
	width: 
}


.summary table.seminarTable{
	width: 100%;
}

/*
.summary table.seminarTable a{
	color:#009b74;
}
*/
.summary table.seminarTable caption{
	margin:15px 0 0 0;
	text-align: left;
	font-size: 20px;
}

.summary table.seminarTable tr{
	border-bottom:1px solid #c0c0c0;
}

.summary table.seminarTable th{
	min-width:70px;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#009C87;
	font-saize:14px;
	text-align:left;
	vertical-align:top;
}


.summary table.seminarTable td{
	margin:0;
	padding:8px 5px 8px 15px;
	font-saize:13px;
	text-align:left;
}

.summary table.seminarTable td.seminarDay{
	font-weight: bold;
	color: red;
}

.summary .seminarTable dl dt{
	font-weight: bold;
}

.summary .seminarTable dl dd{
	margin: 0 0 10px 0;
}


.summary .company dl dt{
	margin: 10px 0 0 0;
	font-weight: bold;
}

.summary .company dl dd{
	display: inline;
}



/*==================================================================
office
==================================================================*/


.officeImage img {
	max-width: 620px;
}

.officeImage a:hover {
	background: rgba(255,255,255,0.5);
}

img[usemap] {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 601px){
	.officeImage img {
		max-width: 610px;
		height: auto;
	}

}

.officeImage img.bgNone {
	margin: 0 auto;
	padding: 3px;
	border: none;
	background-color: transparent;
	float: left;
	max-width: 240px;
	height: 100%;
}

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

	.officeImage img.bgNone {
		margin: 0 auto;
		padding: 3px;
		border: none;
		background-color: transparent;
		float: none;
		max-width: 240px;
		height: 100%;
	}

}



/*
.officeImage .officeInner {
	overflow: hidden;
}


.officeImage .officeInner div {
	overflow: hidden;
}

.officeImage img{
	margin: 4px;
	padding: 3px;
	border: 5px solid #E0E0E2;
	background-color: #fff;
	display: table-cell;
	vertical-align: top;
	float: left;
}

.officeImage img.officeLarge{
	max-width: 500px;
	height: 100%;
}


.officeImage img.officeSmall{
	width: auto;
	max-height: 120px;
}


.officeImage img.officeSmall2{
	max-width: 150px;
	height: 100%;
}


.officeImage img.officeSmall3{
	max-width: 180px;
	height: 100%;
}


.officeImage img.officeSmall4{
	max-width: 220px;
	height: 100%;
}


.officeImage img.officeSmall5{
	max-width: 190px;
	height: 100%;
}

.officeImage .officeLeft {
	width: 415px;
	float: left;
}

.officeImage .officeLeft2 {
	width: 390px;
	float: left;
}

*/

/*==================================================================
entry
==================================================================*/

.entry a{
	color:#009b74;
}


.entry h3{
	margin: 35px 0 0 0;
	font-size: 20px;
}


.entry dl dt{
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 18px;
}

.entry dl dd{
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	line-height: 200%;
}


.entry ul li{
	list-style-image: url(../img/common/icon_dot.png);
	margin: 0 0 0 25px;
}

.entry .entryImage{
	margin: 40px auto;
	width: 500px;
}

.entry .entryImage img{
	margin: 0 50px 0 0;
}




/*******************************************************************************************

★custom

*******************************************************************************************/

/*==================================================================
 method
==================================================================*/
.method #menuLeftm {
	float: left;
	width: 250px;
	margin: 0;
	padding: 20px;
	background: #f9f9f9;
/*background-color: orange;
border: 2px solid #999;*/
}

.method #menuLeftm h2 {
	line-height: 2;
}

.method #menuLeftm h3 {
	margin: 20px 0 0 0;
	font-size: 18px;
}

.method #menuLeftm ul li {
	border: none;
	line-height: 2;
	font-size: 12px;
}

.method #menuLeftm .postform {
	width: 250px;
}




#content .content-header {
	margin: 0 0 40px 0;
}

.method .article_method {
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
/*	border-top: 1px solid #999;*/
}

.method .article_method .date {
}

.method .article_method h2.method_title {
	margin: 0 0 10px 0;
padding: 25px 0 15px 0;	
	font-size: 18px;
background: url(../img/common/img_line_gijyutu.png);
background-repeat: no-repeat;
}

.method .article_method .category {
	margin: 0 0 20px 0;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
}

.method .article_method .category a{
	color: #009e9d;
}


/* method.css */

/* 工法全体の設定 */

.method img.methW160{
	width: 160px;
	height: 100%;
}

.method img.methW240{
	width: 240px;
	height: 100%;
}

.method img.methW300{
	width: 300px;
	height: 100%;
}
.method img.methW400{
	width: 400px;
	height: 100%;
}


.method img.methW600{
	width: 600px;
	height: 100%;
}



.method .box-A{
	margin: 0 0 0 0;
	padding: 10px 15px 5px 15px;
	width: 610px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	line-height: 180%;
background-color: #fff;
}



.method .box-A ul li{
	list-style-image: url(../img/common/icon_dot.png);
	margin: 0 0 0 15px;
}

.method .box-A h3{
	margin: 0;
}

/* 画像の設定 */


.method .box-B{
	margin-right: -400px;
	padding: 0;
	width: 200px;
	height: 100%;
	float: left; 
}


/* 記事の設定 */


.method .box-C{
	margin: 0;
	padding: 0;
	width: 400px;
	height: 100%;
	float: right;
	overflow: hidden;
/*	font-size: 12px;*/
	color: #333;
}

/* 工法詳細全体の設定 */

.method .article_method .box-A2{
	margin: 15px 0 0 0;
	padding: 15px;
	width: 610px;
	height: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 180%;
	color: #333;
background-color: #fff;
}


.method .article_method .box-A2 table{
	margin: 0 auto;
	width: 98%;
}

.method .article_method .box-A2 p{
	margin: 10px 0;
}


.method .article_method .box-A2 ul li{
	list-style-image: url(../img/common/icon_dot.png);
	margin: 0 0 0 15px;
}


.box-A2 th{
	border: 1px solid #666;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.box-A2 td{
	border: 1px solid #666;
	padding: 5px;
}


/* 左右のフロート */

.method .boxWhole{
	overflow: hidden;
}

.method .box-D{
	margin-right: -290px;
	padding: 0;
	width: 280px;
	height: 100%;
	float: left; 
}

.method .box-E{
	margin: 0;
	padding: 0;
	width: 290px;
	height: 100%;
	float: right; 
}


.method .box-F{
/*	margin-right: -270px;*/
	padding: 0;
/*	width: 320px;*/
	height: 100%;
/*	float: left; */
}

.method .box-G{
	margin: 0;
	padding: 0;
	width: 270px;
	height: 100%;
	float: right; 
}

.method .box-H{
	margin-right: -330px;
	padding: 0;
	width: /*360*/260px;
	height: 100%;
	float: left; 
}

.method .box-I{
	margin: 0;
	padding: 0;
	width: /*230*/330px;
	height: 100%;
	float: right; 
}

.method .box-J{
	margin-right: -270px;
	padding: 0;
	width: /*260*/310px;
	height: 100%;
	float: left; 
}

.method .box-K{
	margin: 0;
	padding: 0;
	width: /*320*/270px;
	height: 100%;
	float: right; 
}


.method .box-L{
	margin-right: -300px;
	padding: 0;
	width: /*230*/300px;
	height: 100%;
	float: left; 
}

.method .box-M{
	margin: 0;
	padding: 0;
	width: /*370*/300px;
	height: 100%;
	float: right; 
}


.method .box-N{
	width: 550px;
	text-align: center;
}


.method .box-O{
	width: 290px;
	height: 240px;
	padding: 5px;
	background-color: #ffffc0;
	float: left;
}

.method .box-O p{
	margin: 5px 0 10px 0;
	padding: 0;
}
.method .box-O img{
	margin: 0;
	padding: 0;
}
.method .box-P{
	width: 290px;
	height: 240px;
	padding:5px;
	background-color: #ffffc0;
	float: right;
}

.method .box-P p{
	margin: 5px 0 10px 0;
	padding: 0;
}
.method .box-P img{
	margin: 0;
	padding: 0;
}
/* テーブルの設定 */

.method .t-title{
	margin: 0 -360 0 0;
	padding: 5px;
	width: 30px;
	float: left;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.method .t-main{
	margin: 0;
	padding:5px;
	width: 350px;
	float: right;
	border-bottom: solid 1px #333333;
	
}

.method .tableColor01{
	background-color: #B7F2FF;
}

.method .tableColor02{
	background-color: #FFFF99;
}

.method table.small{
	font-size: 11px;
}

.method table.middle{
	font-size: 12px;
}

.method table.tableCenter td{
	text-align: center;
}

.method table td.cellCenter{
	text-align: center;
}

.method table td.cellRight{
	text-align: right;
}


.method table td.cellLeft,
.method table th.cellLeft{
	text-align: left;
}



/*
.method th{
	text-align: center;
	font-weight: bold;
	border:1px solid #ccc;
	padding:3px 10px;
}
*/


/* 文字の設定 */


.method .box-A h2{
	margin-bottom: 3px;
	padding: 0 0 3px 5px;
	font-size: 18px;
	color: blue;
}


.method .box-A2 h2{
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

.method .box-A2 .general{
	margin:0 0 15px 0;
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	min-width: 200px;
	background-color: #666666;
	color: #ffffff;
	border: double #ffffff;
}


.method .box-A2 h3{
	margin: 15px 0 15px 0;
	padding: 5px 5px 5px 5px;
	font-size: 18px;
	font-weight: bold;
/*	background-color: #0060c0;*/
	background-color: #009D9C;
	color: #ffffff;
	border: double #ffffff;

}
.method .box-A2 h4{
	margin: 20px 0 10px 0 ;
	padding: 5px 0 5px 5px;
/*	width: 220px;*/
	font-size: 16px;
	border-left: solid 7px #666666;
	word-break: normal;
	font-weight: bold;
	line-height: 120%;
}

.method .box-A2 h5{
	font-weight: bold;
	border: none;
}


.method .box-A2 p.ex{
	margin: 20px 0 10px 0 ;
	padding: 5px 0 5px 5px;
	width: 220px;
	font-size: 16px;
	border-left: solid 7px #666666;
	word-break: normal;
	font-weight: bold;
	line-height: 120%;
}

.method .box-A2 p.ex2{
	margin: 20px 0 10px 0 ;
	padding: 5px 0 5px 5px;
	width: 100%;
	font-size: 16px;
	border-left: solid 7px #666666;
	word-break: normal;
	font-weight: bold;
	line-height: 120%;
}

.method .box-A2 p.ex3{
	margin: 20px 0 10px 0 ;
	padding: 5px 0 5px 5px;
	width: 100%;
	font-size: 16px;
	border-left: solid 7px #0020ff;
	color: #0020ff;
	word-break: normal;
	font-weight: bold;
	line-height: 120%;
}


.method .box-A a{
	color: #009e9d;
}


.method .box-A2 table.fixTable{
	font-size: 12px;
}



.method .vertical{
	writing-mode: tb-rl;
}




.method p.gaiyou{
	margin: 0 5px 0 5px;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}


.method .netis{
	margin-top: 3px;
	color: red;
	font-size: 12px;
	font-weight: bold;
}



.method .green1{
	margin: 20px 0 10px 0 ;
	color:#004000;
}

.method .green{
	margin: 20px 0 10px 0 ;
	color:#004000;
	font-size:16px;
}

.method .orange1{
	margin: 20px 0 10px 0 ;
	color:#e65000;
}

.method .orange{
	margin: 20px 0 10px 0 ;
	color:#e65000;
	font-size:16px;
}

.method .blue1{
	margin: 20px 0 10px 0 ;
	color:#0020a0;
}

.method .blue{
	margin: 20px 0 10px 0 ;
	color:#0020a0;
	font-size: 16px;
}

.method .purple1{
	margin: 20px 0 10px 0 ;
	color:#571a99;
}

.method .purple{
	margin: 20px 0 10px 0 ;
	color:#571a99;
	font-size: 16px;
}

.method .brown{
	margin: 20px 0 10px 0 ;
	color:#800020;
	font-size: 16px;
}

/* ボーダーの設定 */

.method hr{
	display: none;
}

.method .line{
	border-bottom: dotted 5px gray;
	width: 100%;
}
.method .line2{
	border: dotted 1px gray;
	width: 49%;
}

.method .line3{
	margin: 10px 0;
	border-bottom: dotted 3px gray;
	width: 100%;
}



.method .list-none{
	list-style: none;
}


/* クリア */

.method .clear{
	clear: both;
}



.method .more-link{
	margin: 5px 0 0 515px;
	padding: 0 0 0 0;
	display: block;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/technique/db_more_icon.png);
	background-repeat: no-repeat;
	color: #009e9d;
}




/*==================================================================
 topics 一般
==================================================================*/
.topics #menuLeftt {
	float: left;
	width: 250px;
	margin: 0;
	padding: 20px;
	background: #f9f9f9;
/*background-color: orange;
border: 2px solid #999;*/
}

.topics #menuLeftt h2 {
	line-height: 2;
}

.topics #menuLeftt h3 {
	margin: 20px 0 0 0;
	font-size: 18px;
}

.topics #menuLeftt ul li {
	border: none;
	line-height: 2;
	font-size: 12px;
}

.topics #menuLeftt .postform {
	width: 250px;
}




#content .content-header {
	margin: 0 0 40px 0;
}



.topics .article_topics{
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	line-height: 200%;
background: url(../img/common/img_line.png);
background-repeat: no-repeat;
/*	border-top: 1px solid #999;*/
}


.topics .article_topics .header{
	margin: 0 20px 0 0;
	float: left;
}

.topics .article_topics .topics_content{
	vertical-align: top;
}

.topics .article_topics .topics_detail{
	margin: 0 0 20px 0;
	clear: both;
}

.topics .article_topics h2.topics_title {
	margin: 0 0 10px 0;
	padding: 25px 0 15px 0;	
	font-size: 20px;
/*background: url(../img/common/img_line.png);
background-repeat: no-repeat;*/
}


.topics .article_topics span {
	margin: 0;
	padding: 0;	
	font-size: 14px;
	font-weight: normal;
	display: block;
}

.topics .article_topics .category {
	margin: 0 0 20px 0;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	clear: both;
}

.topics .article_topics a{
	color: #004D9B;
}

.topics .article_topics p{
	margin: 0 0 15px 0;
}

.topics .article_topics table{
	margin: 0 0 10px 0;
	width: 100%;
}

.topics .article_topics table td{
	padding: 5px;
	border: 1px solid #bbb;
}

/*
.topics .article_topics table.topicsTable{
	margin: 0 0 10px 0;
	width: 100%;
	border: none;
}

.topics .article_topics table.topicsTable td{
	padding: 5px;
	border: 1px solid #bbb;
	border: none;
}

.topics .article_topics table td.center{
	text-align: center;
}

.topics .article_topics table td.right{
	text-align: right;
}

*/


.topics .article_topics img{
	margin: 8px;
	padding: 5px;
	border: 5px solid #E0E0E2;
	background-color: #fff;
}


.topics .topics_detail .topicsImageWhole{
	margin: 20px 0 30px 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

.topics .topics_detail .topicsImageWhole div:first-letter{
	padding: 0 2px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #FB80C8;
}


.topics .topics_detail .topicsImageLeft{
	float: left;
	text-align: center;
}

.topics .topics_detail .topicsImageRight{
	float: right;
	text-align: center;
}


.topics .topics_detail .topicsImageLeft img{
	margin: 10px 20px 0 0;
}

.topics .topics_detail .topicsImageRight img{
	margin: 10px 0 0 20px;
}



.topics .article_topics h3{
	padding: 0 0 0 23px;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/common/icon_topics_h3.png) 0 5px;
	background-repeat: no-repeat;
}


.topics .article_topics h4{
	padding: 0 0 0 10px;
	font-size: 15px;
	font-weight: bold;
	background: url(../img/common/icon_arrowGR.png) no-repeat 0px 10px;
}


.topics .article_topics strong{
	font-size: 12px;
	font-weight: bold;
}


.topics .article_topics ol{
	margin: 0 0 10px 0;
}

.topics .article_topics ol li{
	font-weight: bold;
}




/*==================================================================
 topics CSR
==================================================================*/

.topics .article_topics_csr{
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	line-height: 200%;
background: url(../img/csr/img_line.png);
background-repeat: no-repeat;
/*	border-top: 1px solid #999;*/
}


.topics .article_topics_csr .header{
	margin: 0 20px 0 0;
	float: left;
}

.topics .article_topics_csr .topics_content{
	vertical-align: top;
}


.topics .article_topics_csr .csr171020{
	background: url(../img/csr/topics/csr171020back.jpg) #fff;
	background-repeat: repeat-y;
	height:100%;
}


.topics .article_topics_csr .topics_detail{
	margin: 0 0 20px 0;
	clear: both;
}

.topics .article_topics_csr h2.topics_title {
	margin: 0 0 10px 0;
	padding: 25px 0 15px 0;	
	font-size: 20px;
/*background: url(../img/common/img_line.png);
background-repeat: no-repeat;*/
}


.topics .article_topics_csr span {
	margin: 0;
	padding: 0;	
	font-size: 14px;
	font-weight: normal;
	display: block;
}

.topics .article_topics_csr span.blue {
	display: inline;
	font-weight: bold;
	color: #0664D4;
}

.topics .article_topics_csr .topics_detail .comment{
	margin: 0 0 0 30px;
	padding: 5px;
	display: block;
	font-size: 11px;
	color: #666/*0664D4*/;
	border-left: 3px solid #0664D4;
}


.topics .article_topics_csr .category {
	margin: 0 0 20px 0;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	clear: both;
}

.topics .article_topics_csr a{
	color: #009b74;
}

.topics .article_topics_csr p{
	margin: 0 0 15px 0;
}

.topics .article_topics_csr table{
	margin: 0 0 10px 0;
	width: 100%;
}

.topics .article_topics_csr table td{
	padding: 5px;
	border: 1px solid #bbb;
}

.topics .article_topics_csr table.topicsTable{
	margin: 0 0 10px 0;
	width: 100%;
	border: none;
}

.topics .article_topics_csr table.topicsTable td{
	padding: 5px;
	border: 1px solid #bbb;
	border: none;
}

.topics .article_topics_csr table td.center{
	text-align: center;
}

.topics .article_topics_csr table td.right{
	text-align: right;
}



.topics .article_topics_csr img{
	margin: 8px;
	padding: 5px;
	border: 5px solid #E0E0E2;
	background-color: #fff;
}


.topics .article_topics_csr h3{
	padding: 0 0 0 23px;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/common/icon_topics_h3.png) 0 5px;
	background-repeat: no-repeat;
}


.topics .article_topics_csr h4{
	padding: 0 0 0 10px;
	font-size: 15px;
	font-weight: bold;
	background: url(../img/common/icon_arrowGR.png) no-repeat 0px 10px;
}

.topics .article_topics_csr ol{
	margin: 0 0 10px 0;
}

.topics .article_topics_csr ol li{
	font-weight: bold;
}





/*==================================================================
 Newsカスタム投稿用
==================================================================*/

.topics .article_topics .headerNews{
	margin: 0 20px 0 0;
}


.topics .article_topics .newsDetail a{
	margin: 0 0 0 0;
	padding: 3px 0 0 25px;	
	font-size: 16px;
	font-weight: bold;
	background: url(../img/technique/db_more_icon.png) no-repeat;
}

.topics .article_topics .newsDetail a.noImageNews{
	padding: 0;
	background: none;
}




/*==================================================================
 サイトマップ用
==================================================================*/

.sitemap h3{
	margin: 10px 0 0 0;
	padding: 5px 0 5px 25px;
	font-size:18px;
	font-weight:normal;
	background: url(../img/common/icon_topics_h3.png) no-repeat 0 10px;
	min-height:32px;
/*	background-color: #ddd;*/
	border-top: 2px dashed #ccc;
	border-bottom: 2px dashed #ccc;
}

.sitemap .whole{
	overflow: hidden;
	margin: 0 0 20px 0;
}


.sitemap .sitemapLeft{
	margin: 0 20px 0 0;
	padding: 0;
	width: 300px;
	float: left;
}



.sitemap .sitemapRight{
	margin: 0 0 0 0;
	padding: 0;
	width: 300px;
	float: right;
}

.sitemap .sitemapLeft ul{
	margin: 0 0 0 20px;
}

.sitemap .sitemapRight ul{
	margin: 0 0 0 20px;
}


.sitemap .sub-menu{
	margin: 0;
	padding: 0 0 0 0;
}


.sitemap li.first-menu {
	margin: 10px 0 5px 0;
	padding: 0 0 0 20px;
	background: url(../img/common/icon_arrowWT.png) no-repeat 0px 3px;
	
}

.sitemap .sub-menu li.second-menu{
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
	background: url(../img/common/icon_dot.png) no-repeat 0px 6px;
	
}


.sitemap li.third-menu a{
	margin: 10px 0 5px 20px;
	padding: 0 0 0 12px;
	background: url(../img/common/icon_dot.png) no-repeat 0px 6px;
	
}

.sitemap li.fourth-menu a{
	margin: 10px 0 5px 40px;
	padding: 0 0 0 12px;
	background: url(../img/common/icon_dot.png) no-repeat 0px 6px;
	
}


.sitemap a{
/*	color: blue;*/
	text-decoration: underline;
}


.sitemap a:hover{
	color: #009b74;
}



/*==================================================================
DOWNLOAD
==================================================================*/
.download {
	margin:35px 0 0 0;
}

.download table {
	border-top:2px solid #004D9D;
	margin-bottom:30px;
}


.download .downloadTable{
	margin: 20px 0 40px 0;
	width: 100%;
}

.download .downloadTable tr{
	border-bottom:1px solid #c0c0c0;
}

.download .downloadTable th{
	width:6em;
	background-color:#E9E9E9;
	margin:0;
	padding:8px 5px 8px 10px;
	color:#004e9d;
	font-size:13px;
	vertical-align:middle;
	font-weight:bold;
	text-align:left;
}

.download .downloadTable td{
	margin:0;
	padding:8px 5px 8px 10px;
	font-size:13px;
	vertical-align:middle;
	text-align:left;
}


.download .downloadTable .downloadLine{
	border-right: 1px solid #ccc;
}


.download img.roadImg{
	margin: 15px 0;
	padding: 5px;
	border: 5px solid #ccc;
	background-color: #fff;
}


.company .downloadBottom {
	margin: 0 0 20px 0;
	font-weight: bold;
}


/*お知らせ用*/

.company div.downloadInfo {
	padding: 8px;
	background: #fff;
}

.company .downloadInfo dl.infoDl {
	font-size: 13px;
	/*font-size: 1.3rem;*/
	width: 100%;
	overflow: hidden;
}

.company .downloadInfo dl.infoDl dt {
	margin: 0 5px 0 0;
	font-weight: bold;
}

.company .downloadInfo dl.infoDl dd {
	margin: 0 0 10px 15px;
	padding: 0 0 0 0;
}


.company .newsHeight {
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
	width: 275px;
	max-height: 320px;
	overflow: hidden;
}


.company div.LinkUnderline a:hover{
	text-decoration: underline;
}

.displayBlock {
	margin: 10px 0 10px 0;
	display: block;
}



/* 新卒採用　新デザイン用 */

/*テンプレート「recruit」用*/

/*==================================================================
body
==================================================================*/

#employNew {
	margin: 0;
	padding: 0;
	background: url("../img/employ/recruit/back.png")
}

#headerWhole {
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
	background: #fff;
}

/*==================================================================
header
==================================================================*/
#headerRecruit {
	margin: 0 auto 10px auto;
	padding: 10px 0 0 0; 
	width: 1300px;
}

#headerRecruit .logoImg{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
}

#headerRecruit .hMenu{
	float: right;
	margin: 0 40px 0 0;
	padding: 0;
}

#headerRecruit .hMenu ul li{
	float: left;
	height: 50px;
/*	border-left: 1px solid #BFBFC0;*/
}

/*==================================================================
breadcrumb
==================================================================*/
#breadcrumbRecruit {
/*	background-color: #fdfeef;*/
	margin: 0 auto;
	padding: 5px 0;
	min-width: 1300px;
/*	border-bottom:1px solid #cacaca;*/
}

#breadcrumbRecruit ul{
	width: 1300px;
	margin: 0 auto;
	padding: 0;
}

#breadcrumbRecruit ul li{
	display: inline;
	list-style: none;
}


#breadcrumbRecruit ul li:before{
	content:" > ";
	padding:0 5px;
}

#breadcrumbRecruit ul li:first-child:before{
	content: none;
}



#breadcrumbRecruit ul li a{
	color:#00a0d9;
}

/*==================================================================
contents
==================================================================*/

#contentsRecruit {
	margin: 30px auto;
	padding: 0;
	min-width: 1300px;
}


#contentRecruit{
	float: none;
	min-width: 1300px;
	margin: 0 auto;
	padding: 0;
}

.whole {
	position: relative;
	height: 464px;
}
.bgImg {
	max-width: 1300px;
	height: 464px;
}

.senpai {
	position: absolute;
	bottom: 0;
	left: 100px;
	max-width: 1300px;
}
.senpai li {
	display: inline;
/*	float: left;*/
}
.senpai img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	max-height: 250px;
	vertical-align: bottom;
}

/*宮原さん*/
.senpai img.men01 {
/*	position: absolute;
	bottom: 0;
	left: 0;*/
	max-height: 235px;
}
/*土澤さん*/
.senpai img.men02 {
/*	position: absolute;
	bottom: 0;
	left: 130px;*/
	max-height: 255px;
}
/*平さん*/
.senpai img.men03 {
/*	position: absolute;
	bottom: 0;
	left: 230px;*/
	max-height: 245px;
}
/*浜崎さん*/
.senpai img.men04 {
/*	position: absolute;
	bottom: 0;
	left: 360px;*/
	max-height: 235px;
}
/*田島さん*/
.senpai img.men05 {
/*	position: absolute;
	bottom: 0;
	left: 520px;*/
	max-height: 270px;
}
/*浦野さん*/
.senpai img.men06 {
/*	position: absolute;
	bottom: 0;
	left: 650px;*/
	max-height: 220px;
}
/*若本さん*/
.senpai img.men07 {
/*	position: absolute;
	bottom: 0;
	left: 760px;*/
	max-height: 260px;
}

/*Q2～質問項目*/
.question {
	padding: 20px 0 0 0;
	position: absolute;
	top: -25px;
	right: 0;
	z-index: 1000;
}

.question img {
	max-width: 270px;
	display: block;
}

.question div {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 270px;	/*画像の幅*/
	height: 58px;	/*画像の高さ*/
}
.question div img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.question div img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.attention img {
	max-width: 218px;
}

/*メニュー*/

div.recruitTopMenu {

}

div.recruitTopMenu div {
	position: relative;
	z-index: 1000;
	margin: 0 0 0 5px;
	padding: 10px 5px 0 5px;
	width: 210px;
	height: 100px;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #593702;
	background: rgba(253,179,1,0.7);
/*	border-right: 3px dotted #fd9b01;*/
	border-radius: 5px;
}

div.recruitTopMenu div:first-child {
	margin: 0 0 0 0;
/*	border-left: 3px dotted #fd9b01;*/
}

div.recruitTopMenu div a {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 100%;
	color: #593702;
}

div.recruitTopMenu div a:hover {
	margin: -10px 0 0 0;
	padding: 10px 0 0 0;
	background: rgba(255,255,255,0.5);
	text-decoration: none;
}

div.recruitTopMenu div span {
	margin: 10px 0 0 0;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #815002;
}


/*工事実績*/
/*画像タイル状*/

.mosaicflow__whole {
	margin:0;
	padding:0;
	box-sizing:border-box;
	overflow: hidden;
}

.mosaicflow__column {
	float:left;
}
.mosaicflow__item {
	margin: 0 5px 10px 0;
	position:relative;
	float:left;
}
.mosaicflow__item img {
	display:block;
	/*width:100%;*/
	max-width:300px;
	height:auto;
}
.mosaicflow__item p {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding:5px;
	background:rgba(3,175,247,0.6);
	color:#fff;
	opacity:0;
}
.mosaicflow__item:hover p {
	opacity:1;
}

@media only screen and (max-width: 460px){
	.mosaicflow__column {
		float:none;
	}
	.mosaicflow__item {
		margin: 0 0 10px 0;
		position:relative;
		float:none;
	}
	.mosaicflow__item img {
		max-width:320px;
	}
	.mosaicflow__item p {
		opacity:1;
		width:320px;
}

}

/*女性技術者*/
img.nadeshiko {
	max-width: 500px;
}