@charset "utf-8";

/*------------------

1.Layout
2.Index Page
3.Sub Layout
4.Sub Page

-----------------*/

/*1.Layout
======================================*/

/*---Header---*/
header {
	width:100%;
	height:88px;
	position:relative;
	padding:35px 0 0 0;
	background:url(../images/header_bg.jpg) repeat-x 0 35px;
	background-size:5px 56px;
	position:relative;
	}
	
header h1 {
	margin:0 auto;
	width:157px;
	height:88px;
	}


/*---globalNav---*/
#globalNav {
	width:100%;
	height:35px;
	position:absolute;
	top:0;
	}
	
#globalNav li {
	width:25%;
	background:#353535;
	float:left;
	height:35px;
	border-right:1px solid #535353;
	}	
	
#globalNav li.last {
	border:none;
	}
	
#globalNav li a {
	display:block;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:7px;
	font-size:12px;
	}
	
#globalNav li:nth-child(2) a{
	display:block;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:7px 5px;
	font-size:11px;
}



/*---mainImg---*/
#mainImg {
	width:100%;
	margin:0 0 5px;
	background:url(../images/mainimg.jpg) no-repeat 0 bottom;
	background-size:100%;
	}

#mainImg p {
	text-align:center;
	width:80%;
	margin:0 auto;
	padding:60px 0 80px;
	}	
	
#subImg {
	width:100%;
	margin:0 0 5px;
	background:url(../images/subimg.jpg) no-repeat 0 bottom;
	background-size:100%;
	}

#subImg h2 {
	text-align:center;
	width:80%;
	margin:0 auto;
	padding:50px 0 30px;
	}		






/*---main---*/
#main {
	width:100%;
	background:#f6f3ec;
	}

	
/*----footerArea----*/
.serviceAreaTtl {
	width:154px;
	margin:0 auto -13px;
	}

.serviceAreaCont {
	border:3px solid #7A7A7A;
	background:#3B393A;
	padding:20px;
	}	
	
p#pagetop {
	width:100%;
	background:#434343;
	}
	
p#pagetop a {
	display:block;
	width:70px;
	margin:0 auto;
	}	
			


/*---footer---*/
footer {
	background:url(../images/footer_bg.jpg) repeat 0 0;
	padding:30px 0;
	}
footer p.footer_logo {
	width:80px;
	margin:0 auto 10px;
	padding:15px 0 0;
	}
	
footer p {
	width:260px;
	margin:0 auto 10px;
	}	

footer p.tel {
	background:url(../images/footer_fax.jpg) no-repeat center bottom;
	padding:0 0 35px;
	background-size:260px 33px;
	}
	
footer p.txt{
	text-align:center;
	}		
	
footer p.copy {
	text-align:center;
	padding:10px 0;
	}		
footer .txt_chiba{
		border: #e5e5e5 solid 2px;
		padding: 10px 15px; 
		font-size:1.2em;
		letter-spacing: 0.15em;
		margin: 35px auto 10px auto;
		}

/*2.Index Page
======================================*/


/*---index_concept---*/
.ic_box {
	background:url(../images/dot_line.jpg) repeat-x 0 0;
	padding:15px 0;
	}
	
.ic_box_l {
	background-image:url(../images/dot_line.jpg),url(../images/dot_line.jpg);
	background-repeat: repeat-x;
	background-position: 0 0,0 bottom;
	margin:0 0 20px;
	}	
	
.ic_box .photo {
	width:110px;
	float:left;
	}	
	
.ic_box .txtCont {
	padding:0 0 0 130px;
	}	
	
.ic_box .txtCont h3 {
	font-size: 17px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: 'palt';
	color: #FFF;
	padding: 5px 0px;
	}	


/*3.Sub Layout
======================================*/

.contArea {
	padding:25px 20px;
	border-bottom:1px solid #313131;
	}
	
.contArea02 {
	padding:40px 20px;
	background:url(../images/bg01.jpg) repeat 0 0;
	}	

.l_btn {
	width:260px;
	margin:0 auto;
	}
	
.bnr {
	width:260px;
	margin: 0 auto 15px;
	}	

.banner_area {
	padding: 10px 0px;
}

.banner_area > p {
	text-align: center;
	padding: 5px 0px;
}

.banner_area > p img {
	width: 260px;
	height: auto;
}

/*4.Sub Page
======================================*/

/*----Ttl----*/	
.h3_ttl {
	background:url(../images/h3_line.jpg),url(../images/h3_ttl.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom,0 0;
	padding:17px 0 25px 15px;
	font-size:18px;
	color:#fff;
	margin:0 0 20px;
	}





/*----Recruit----*/
.two_coolSenior img {
	max-width: 70%;
	margin:0 0 10px 0;
	}

.outlineTable {
	width:100%;
	margin:0 auto 20px;
	background:url(../images/dot_line.jpg) repeat-x center 0;
	}
	
.outlineTable td,
.outlineTable th {
	padding:10px 5px;
	vertical-align:middle;
	background:url(../images/dot_line.jpg) repeat-x center bottom;
	color:#c9c9c9;
	}		
	
.outlineTable th {
	width:30%;
	}
	
.outlineTable td {
	width:70%;
	}	
	
p.mobileArae {
	border:#e5e5e5 solid 2px;
	margin:0 auto 30px;
	padding:10px 15px;
	font-size:16px;
	text-align:center;
	color:#dcdcdc;
	}
	

	
	
/*----Service----*/
p.point_l,
p.point_r {
	width:48%;
	border:2px solid #e5e5e5;
	padding:10px;
	margin:0 0 15px;
	text-align:center;
	color:#e5e5e5;
	}
	
	
/*----Company----*/	
#map {
	padding:4px;
	border:1px solid #535353;
	margin:0 0 20px;
	}
	
#map iframe {
	vertical-align:bottom;
	}	

	
/*----Contact----*/
.contact_subttl {
	background:url(../images/h3_line.jpg),url(../images/h3_ttl.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom,0 0;
	padding:17px 0 25px 15px;
	font-size:18px;
	color:#fff;
	margin:0 0 20px;
	}	

input,select,textarea {
	padding:10px;
	margin:0 0 10px;
	font-size:13px;
	}

.input-s {
	width:22%;
	}
	
.input-m {
	width:30%;
	}	
	
.input-l {
	width:100%;
	
	}	
	
select.input-m {
	padding:5px;
	}

span.req_mark {
	padding:1px 7px;
	background:#FF9999;
	font-size:11px;
	color:#fff;
	margin:0 10px;
	}


p.contact_pp {
	padding: 20px;
	width: 100%;
	height: 160px;
	border: 3px solid #ccc;
	overflow: auto;
	margin: 0 0 20px;
}

p.contact_radio {
	text-align: center;
	margin: 0 0 20px;
}


button.input-b {
	display:block;
	width: 260px;
	height: 43px;
	cursor: pointer;
	border: none;
	margin: 0 auto 10px;
	padding:0;
	background: none;
}

p.contactCaution {
	padding:0 0 10px;
	margin:0 0 20px;
	}	

p.policy_btn {
	width:175px;
	margin:0 auto 50px;
	}
	
.contactTable {
	width:100%;
	margin:0 auto 20px;
	background:url(../images/dot_line.jpg) repeat-x center 0;
	}
	
.contactTable td,
.contactTable th {
	padding:10px 5px;
	vertical-align:middle;
	background:url(../images/dot_line.jpg) repeat-x center bottom;
	color:#c9c9c9;
	}		
	
.contactTable th {
	width:30%;
	}
	
.contactTable td {
	width:70%;
	}