@charset "utf-8";
/*=====================
共通
=====================*/
body{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:1.3em;
	background:#FFF;
}
.sp{display: none !important;}

/*=====================
コンテナ
=====================*/
#container{
	width:100%;
	margin:0 auto;
}
/*=====================
ヘッダー
=====================*/
header{
	height:165px;
	background:url(../images/common/bg_header.jpg) repeat-x;
}
header #descriprion{
	height:20px;
}
header #descriprion h1{
	width:980px;
	margin:0 auto;
	line-height:20px;
	font-size:12px;
	color:#333;
	text-align:left;
}
header #innerHeader{
	width:980px;
	margin:0 auto;
	height:145px;
	background:url(../images/common/bg_header_980.jpg)
}
header #innerHeader #innerHeaderLeft{
	float:left;
}
header #innerHeader #innerHeaderLeft h2{
	padding:33px 0 0 0;
}
header #innerHeader #innerHeaderRight{
	float:right;
}
header #innerHeader #innerHeaderRight #headerTel{
	text-align:right;
	padding:15px 0 0 0;
	margin:0 0 12px 0;
}
header #innerHeader #innerHeaderRight #headerAddress{
	text-align:right;
	font-size:12px;
	color:#333;
}
/*=====================
ナビ
=====================*/
nav{
	height:56px;
	background:url(../images/common/bg_navi.jpg) repeat-x;
}
nav ul{
	width:980px;
	margin:0 auto;
}
nav ul li{
	float:left;
	background:#FFA7A8;
}
/*=====================
メインビジュアル
=====================*/
#mainVisual{
	background:url(../images/index/bg_main.jpg) repeat-x;
}
#mainVisual .inner{
	width:980px;
	margin:0 auto;
	position: relative;
}
#mainVisual .inner h3{
	/* position: absolute; */
}
#mainVisual .inner .line_bnr{
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
/*=====================
コンテンツ
=====================*/
#warpContents{
	background:url(../images/common/bg_contents.jpg) repeat-x;
}
#bgContents{
	width:980px;
	margin:0 auto;
	background:url(../images/common/bg_contnts980.png) no-repeat;
}
#contents{
	padding:5px 0 0px 0;
}
/*=====================
ピックアップ
=====================*/
#pickup{
	margin:0 0 30px 0;
}
/*=====================
レフトボックス
=====================*/
#leftBox{
	float:left;
	width:220px;
	padding:6px 0 0 0;
}
#leftBox #textsizer{
	background:url(../images/common/bg_font.png) no-repeat;
	height:86px;
	margin:0 0 25px;
}
#leftBox #textsizer ul{
	width:196px;
	margin:0 auto;
	padding:37px 0 0 0;
}
#small{
	margin:0 5px 0 0;
}
#small a,
#middle a,
#large a{
	display:block;
	background:url(../images/common/btn_font.png) no-repeat;
	width:62px;
	height:36px;
}
#small a{
	background-position:0 0;
}
#middle a{
	background-position:-62px 0;
}
#large a{
	background-position:-124px 0;
}
#small a.textresizer-active{
	background-position:0 -36px;
}
#middle a.textresizer-active{
	background-position:-62px -36px;
}
#large a.textresizer-active{
	background-position:-124px -36px;
}
#leftBox .sideMenu{
	margin:0 0 20px 0;
}
#bnrRecruit{
	margin:0 0 20px 0;
}
#bnrEnglish{
	margin:0 0 35px 0;
}
.leftBnr{
	margin:0 0 20px 0;
}
#bnrQr{
	width:125px;
	margin:0 auto 20px;
}
/*=====================
ライトボックス
=====================*/
#rightBox{
	float:right;
	width:720px;
overflow:hidden;
}
#rightBox #news{
	margin:0 0 15px 0;
}
#rightBox #titleNews{
	margin:0 0 10px 0;
}
#rightBox #news #wrapInfo{
	background:url(../images/index/bg_news.png) repeat-y;
	min-height:300px;
}
#rightBox #news #wrapInfo #info{
	width:580px;
	margin:0 0 0 80px;
	padding:0 0 20px 0;
}
#rightBox #news #topics dl{
	border-bottom:dotted 2px #CCC; 
	margin-bottom:10px;
}
#rightBox #news .topicsTitle{
	font-size:115%;
	font-weight:bold;
	color:#FF0000;
	line-height:200%;
}
#rightBox #news .topicsSubTitle{
	font-size:110%;
	font-weight:bold;
	line-height:180%;
}
#rightBox #news .topicsSection{
	border-bottom:dotted 2px #CCC; 
	margin-bottom:25px;
	padding-bottom:20px;
	color:#000000;
}
.topicsSection .topicsTtl{
	padding:0 40px 0 0px;
	color:#ff0000;
	margin:0 0 10px 0;
	font-size:100%;
	font-weight:bold;
}
#rightBox #news .topicsTxt{
	font-size:100%;
	line-height:23px;
}
#rightBox #news .topicsTxt p{
	line-height:23px !important;
	margin:0 0 24px 0;
}
#rightBox #news .topicsTxt table{
	margin:0 0 5px 0;
}
#rightBox #news .topicsTxt table tr td{
	vertical-align:top;
}
#rightBox #titleGreeting{
	margin:0 0 10px 0;
}
#rightBox #greeting{
}
/*=====================
サブページ
=====================*/
#subpage{
	background:url(../images/common/main_bg_01.jpg) no-repeat;
	float:right;
	width:698px;
	padding:32px 10px 0px ;
	margin:15px 0 0 0;
}
#subpageMain{
	background:url(../images/common/bg_h3.jpg) repeat-x;
}
#subpageMain #bgMain{
}
#subpageMain #bgMain h3{
	width:980px;
	margin:0 auto;
}

.btnPageTop{
	text-align:right;}
	
.btnPageTop a{
	text-align:right;
	color:#0044cc !important;
	font-size:90%;
	text-decoration:underline;}


/*ページタイトル*/
#subpage h3{
	margin-bottom:20px !important;
}

#subpage .subpageLink{
	text-align:right;
	font-size:88%;
	line-height:1.7em;
	margin-right:10px;
	margin-bottom:20px;}

#subpage .subpageLink a{

	color:#0044cc;}

#subpage section{
	overflow:hidden;
	margin:0 10px 40px 10px;
	/*padding:10px 10px 10px 10px ;*/
}

#subpage section h4{
	margin:0 0px 30px;
	background:url(../images/common/h4_bg.png) left bottom no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-size:120%;
	clear:both;
	color:#633;
	line-height:1.9;
}
#subpage section .sectionText{
	padding:0px 0px 0px 10px ;
	overflow:hidden;
	font-size:90% !important;
	line-height:1.7em;
}
#subpage section .sectionText p{
	margin-bottom:20px;
}

#subpage section h5{
	margin:0 0px 20px;
	background:url(../images/common/h5_bg.gif) left bottom no-repeat;
	padding-left:10px;
	font-weight:bold;
	font-size:105%;
	clear:both;
	color:#884444;
	line-height:1.9;
}

#subpage section h6{
	margin:0 0px 25px 10px;
	padding-left:0px;
	font-weight:bold;
	font-size:110%;
	clear:both;
	color:#F96;
	line-height:1.5em;
	border-bottom:1px solid #CAA;
	overflow:hidden;
}

#subpage section .title01{
	margin:0 0px 5px 10px !important;
	padding-left:0px;
	font-weight:bold;
	font-size:110%;
	clear:both;
	color:#333;
	line-height:1.7;
	border-bottom:1px solid #999;
	overflow:hidden;
}
#subpage section a{
	color:#545DFF;
}
.equipment{
	overflow:hidden;
	margin-bottom:20px;}

.clearBoth{
	clear:both;}


.table1,.Contact_form{
	margin-bottom:20px;
}

.table1 table,.Contact_form table{
	line-height:1.5em;

	border:solid 1px #ff99cc;
	color:#2e1c06;
	font-size:95%;
}
.table1 table th,.Contact_form table th{
	border:solid 1px #ff99cc;
	background:#ffcccc;

	text-align:left;
	font-weight:normal;
	padding:5px 15px 5px 15px ;
}
.table1 table .td1,.Contact_form table .td1{
	background:#ffcccc;
	vertical-align:top;
	color:#333;
}
.table1 table .td2{
	background:#daeec6;
	font-weight:bold;
	vertical-align:top;
	color:#666;
}
.table1 table td,.Contact_form table td{
line-height:1.5em;
	border:solid 1px #ff99cc;
	background:#FFF;
	text-align:left;
	padding:5px 5px 5px 5px ;
	vertical-align:top;
}
.Contact_form table{width: 100%;}
.Contact_form th{width: 200px;}
.Contact_form input,.Contact_form textarea {
	width: 100%;
	box-sizing: border-box;
}

.w320{width: 320px;}
.w270{
	width: 270px;
	float: right;
	margin-left: 20px;
}
.w270 img{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

/*=====================
フッター
=====================*/
footer{
	border-top:solid 1px #cecece;
	height:130px;
	background:url(../images/common/bg_footer.jpg) repeat-x;
}
footer #footerMenu{
	width:980px;
	margin:0 auto;
	background:url(../images/common/bg_footer_980.jpg) no-repeat;
	color:#333;
}
footer #footerMenu a{
	color:#333;
}
footer #footerMenu #footerMenu01{
	font-size:14px;
	height:30px;
	line-height:30px;
}
footer #footerMenu #footerMenu01 a{
	margin:0 10px 0 0;
}
footer #footerMenu #footerMenu02{
	padding:11px 0 0 0;
	height:64px;
	font-size:12px;
}
footer #footerMenu #footerMenu02 a{
	margin:0 10px 0 0;
}
footer #copyright{
	width:980px;
	margin:0 auto;
	text-align:center;
	color:#333;
	font-size:12px;
	line-height:20px;
}

/*----------------------------------------------------
	電話ボタン
----------------------------------------------------*/
#mobile-foot{
display: none;
}



/*=====================
汎用クラス
=====================*/
a img.delay{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	behavior: url(../PIE/PIE.htc);
}
div.penetrate:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a:hover img.penetrate{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
img.grow{
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
img.grow:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.triangle01{
	background:url(../images/common/bg_triangle.jpg) no-repeat 0 6px;
	padding-left:13px;
}
.triangle02{
	background:url(../images/common/bg_triangle.png) no-repeat 0 5px;
	padding-left:10px;
}
.square{
	background:url(../images/common/bg_square.jpg) no-repeat 0 4px;
	padding-left:12px;
}
.box-under-shadow{
	box-shadow:0px 3px 0px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow:0px 3px 3px -3px rgba(0,0,0,0.6);
	behavior: url(../PIE/PIE.htc);
}
.centered{
	position: relative;
	overflow: hidden;
}
.centered ul{
	position: relative;
	left: 50%;
	float: left;
}
.centered ul li{
	position: relative;
	left: -50%;
	float: left;
}
.pad01{
	padding-left:1em;
	text-indent:-1em;
}
.pad02{
	padding-left:2em;
	text-indent:-2em;
}
img.waku01{
	border:solid 1px #333;
}
img.waku02{
	padding:3px;
	border:solid 1px #333;
}
.txt01{
	border:solid 5px #eee;
	background:#FFF;
	padding:15px 10px 10px;
}
.txt02,
.txt03,
.txt04,
.txt05{
	padding:15px 20px 8px;
	font-size:16px;
}
.txt02{
	border-left:solid 10px #FFAEB0;
	border-right:solid 10px #FFAEB0;
	border-bottom:solid 2px #FFAEB0;
	border-top:solid 2px #FFAEB0;
	background:#FFEDED;
}
.txt03{
	border-left:solid 10px #63A0FF;
	border-right:solid 10px #63A0FF;
	border-bottom:solid 2px #63A0FF;
	border-top:solid 2px #63A0FF;
	background:#DAF1FF;
}
.txt04{
	border-left:solid 10px #246711;
	border-right:solid 10px #246711;
	border-bottom:solid 2px #246711;
	border-top:solid 2px #246711;
	background:#D4FFAE;
}
.txt05{
	border-left:solid 10px #FFA738;
	border-right:solid 10px #FFA738;
	border-bottom:solid 2px #FFA738;
	border-top:solid 2px #FFA738;
	background:#FFF9AA;
}
/*=====================
	便利クラス
=====================*/
.bold {font-weight:bold !important;}
.font-size10{font-size:10px !important;}
.font-size11{font-size:11px !important;}
.font-size12{font-size:12px !important;}
.font-size13{font-size:13px !important;}
.font-size14{font-size:14px !important;}
.font-size15{font-size:15px !important;}
.font-size16{font-size:16px !important;}
.font-size17{font-size:17px !important;}
.font-size18{font-size:18px !important;}
.font-size19{font-size:19px !important;}
.font-size20{font-size:20px !important;}
.font-size21{font-size:21px !important;}
.font-size22{font-size:22px !important;}
.font-size23{font-size:23px !important;}
.font-size24{font-size:24px !important;}
.font-size100{font-size:100% !important;}
.font-size120{font-size:120% !important;}
.font-size140{font-size:140% !important;}

/* テキスト配色設定 */

.color-blue1{color:#abc5ea  !important;}
.color-blue2{color:#366bb7 !important;}
.color-blue3{color:#0018ff !important;}
.color-blue4{color:#7BA7FF !important;}

.color-white{color:#FFFFFF !important;}

.color-red1{color:#FF0001 !important;}
.color-red2{color:#cd0000 !important;}

.color-pink1{color:#ef9191 !important;}
.color-pink2{color:#fb2bb9 !important;}
.color-pink3{color:#eb86df !important;}
.color-pink4{color:#ea66b7 !important;}

.color-brown1{color:#b9ab93 !important;}
.color-brown2{color:#4e422e !important;}

.color-green1{color:#dbedc6 !important;}
.color-green2{color:#5b8c21 !important;}
.color-green3{color:#446e18 !important;}

.color-orange1{color:#ff6600 !important;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}
.floatL20{float:left !important; margin-right:20px !important; margin-bottom:20px !important;}
.floatR20{float:right !important; margin-left:20px !important; margin-bottom:20px !important;}
.floatL10{float:left !important; margin-right:10px !important; margin-bottom:10px !important;}
.floatR10{float:right !important; margin-left:10px !important; margin-bottom:10px !important;}

.floatL20_sp{float:left !important; margin-right:20px !important; margin-bottom:20px !important;}
.floatR20_sp{float:right !important; margin-left:20px !important; margin-bottom:20px !important;}
.floatL10_sp{float:left !important; margin-right:10px !important; margin-bottom:10px !important;}
.floatR10_sp{float:right !important; margin-left:10px !important; margin-bottom:10px !important;}


/* padding */

.p0{padding:0 !important;}
.p10{padding:10px !important;}
.pt0{padding-top:0 !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mb0{margin-bottom:0 !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr13{margin-right:13px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr11{margin-right:11px !important;}


.adachiInfo{
	padding:0 40px 50px 20px;

	background:url(../images/adachi/newsbox_bottom.jpg) left bottom no-repeat !important;}


img{
	vertical-align: bottom;}


/* List1 */

.list1{}

.list1 ul{
margin-bottom:20px;}

.list1 ul li{
background:url(../images/common/li_icon_001.png) no-repeat;
background-repeat:none;
list-style:none;
padding-left:20px;
font-size:95%;
line-height:1.3em;
margin-bottom:10px;
}





















/*=====================
ナビ
=====================*/


/*　nav #gnavi1　*/

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

#gnavi1{
	height:56px;
	background:url(../images/common/bg_navi.jpg) repeat-x;
	width:100%;
	text-align:center;
	margin:0 auto;
	z-index:10;

}


#gnavi1 ul{
	width:980px;
	margin:0 auto;
}

#gnavi1 ul li{
float:left;
}

.gnavi1_01{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_02{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_03{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_04{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_05{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_06{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_07{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_08{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_09{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_10{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_11{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}
.gnavi1_12{background:url(../images/common02/bg_gnavi.jpg) repeat-x;}

.gnavi1_01 ul{background-color:red;}
.gnavi1_02 ul{background-color:red;}
.gnavi1_03 ul{background-color:red;}
.gnavi1_04 ul{background-color:red;}
.gnavi1_05 ul{background-color:red;}
.gnavi1_06 ul{background-color:red;}
.gnavi1_07 ul{background-color:red;}
.gnavi1_08 ul{background-color:green;}
.gnavi1_09 ul{background-color:green;}
.gnavi1_10 ul{background-color:green;}
.gnavi1_11 ul{background-color:green;}
.gnavi1_12 ul{background-color:green;}

.onlineBox{
background:#eeeeee;
padding:15px;}

.onlineFlowBox{
padding:15px;
border:solid 1px #dddddd;}

.onlineSaisinBdr{
font-size:20px;
font-weight:bold;
border:solid 2px #ff0000;
padding:10px;}

.warning_box{
	margin-top: 7px;
}
.warning_head{
	font-size: 20px;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #ECC87C;
	border-radius: 5px;
	
}
.warning_text{
	padding: 25px 40px;
}
/* トリプル　囲み枠 */
.kakomi-triple1 {
 position: relative;
 border: 1px solid #ECC87C; /*左枠線*/
 width: 90%;
 margin: 2em auto;
 padding: 20px 15px 15px 20px;
 /* z-index: 0; */
	background-color: #fff;
/*	background-color: rgba(255,255,255,0.5);*/
}
.kakomi-triple1::before,
.kakomi-triple1::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.kakomi-triple1::before {
 border: 1px solid #ECC87C; /*中枠線*/
 bottom: -4px;
 right: -4px;
 /* z-index: 1; */
}
.kakomi-triple1::after {
 border: 1px solid #ECC87C; /*右枠線*/
 bottom: -7px;
 right: -7px;
 /* z-index: 2; */
}

.kakomi_inner {
	position: relative;
	z-index: 1;
}

























/* Language Switcher Styles */
.lang-switcher {
    margin-top: 10px;
    text-align: right;
}

.lang-switcher select {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    outline: none;
}

.lang-switcher select:focus {
    border-color: #ff86bd;
}

/* Update innerHeaderRight to accommodate the switcher */
#innerHeaderRight {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
