@charset "UTF-8";
/* CSS Document */

@import url(reset.css);
@import url(navi2.css);


body {
background-color:#ffffff;
margin : 0px auto 30px auto;
}


strong {
font-weight : 900;
color : #ff7300;

}

/*  ///////////////grid layout*/


/*allwrap（全体を包む）*/
.allwrap {
}


/*alpha（ヘッダー）*/
.alpha {
width : 100%;
text-align : center;
}

/* //////////  ヘッダー部分　*/
.alpha {
background-image:url(../images/header-back.jpg);
background-repeat:repeat-x;
}


.header {
width : 870px;
height: 112px;
overflow:hidden;
margin : 0px auto;
}

.header-rogo{
float:left;
width:278px;
height:113px;
display:block;
margin:-18px 0px 0px 0px;
}

.header-r{
float:right;
margin-top:6px;
}

.header h1 {
text-align:right;
color : #999999;
font-size :11px;
line-height : 14px;
font-weight:normal;
height : 16px;
overflow:hidden;
padding:2px 0px 0px 0px;
}

.headerbtn a{
width : 246px;
height:24px;
display : block;
}


/*maincontainer（betaとganma）*/

.maincontainer {
width : 870px;
margin : 15px auto 0px auto;
text-align : center;
background-color : #fff;
}

/*beta（サイドのナビ）*/

.beta {
width : 195px;
padding : 0px 0px 0px 0px;
float:left;
}


/* hack only IE6 */
* html .beta { 
float : left;
width : 195px;
padding : 0px 0px 0px 0px;

} 

/* //////////  beta サイトフレーム　*/

.signe {
width:179px;
border : solid 1px #cccccc;
background-color:#fff;
padding : 12px 7px 7px 7px;
text-align:center;
}

.signe p {
color : #000;
font-size : 10px;
line-height : 16px;
margin : 10px 8px;
text-align:left;
}

.signe p.syousai {
border : solid 1px #cccccc;
background-color:#E6E6E6;
padding : 8px;
}

/*ganma（コンテンツ部分）*/

.ganma {
	width : 655px;
	float : right;
	text-align:left;
	margin-left:18px;
}

/* hack only IE7 */
*:first-child+html .ganma { 
width : 655px;
float : right;
text-align:left;
	margin-left:18px;
}



/*theta（フッター部分）*/

.theta {
width : 100%;
text-align:center;
margin : 0px auto;
background-color:#fff;
}

.footer {
clear : both;
text-align:center;
background-color:#E6E6E6;
font-size : 10px;
color:#666666;
padding:5px 0px;
}

p.copyright {
text-align:center;
background-color:#fff;
background-image:url(../images/copyright-back.jpg);
background-repeat:repeat-x;
font-size : 10px;
color:#FFFFFF;
}


/*　waku:枠上下　背景適用ルール*/

.waku-upper {
	background-repeat:no-repeat;
}

.waku-bottom {
	background-repeat:no-repeat;
	background-position:bottom;
}




/* 幅　角Ｒ枠　グレー*/

.waku-upper-g {
	width : 655px;
	background-image: url(../images/waku-g-up.jpg);
}

.waku-bottom-g {
	width : 655px;
	background-image: url(../images/waku-g-bottom.jpg);
}

/*枠下スペース*/
.waku01{
margin-bottom:8px;
}

.waku02{
margin-top:50px;
}

/*-------対応エリア---------*/

img.textimg01{
display:block;
padding:8px 0px 0px 8px;
}

img.topmap{
float:left;
}

.maparea{
padding:10px 30px;
}

div.maptokyo{
float:right;
background-image:url(../images/01-maparea01.jpg);
background-repeat:no-repeat;
width:350px;
height:17px;
}

div.maptokyo p{
font-size:11px;
padding:0px 8px;
}

div.mapsaitama{
float:right;
background-image:url(../images/01-maparea02.jpg);
background-repeat:no-repeat;
width:350px;
height:17px;
}

div.mapsaitama p{
font-size:11px;
padding:0px 8px;
}

div.mapkabagawa{
float:right;
background-image:url(../images/01-maparea03.jpg);
background-repeat:no-repeat;
width:350px;
height:17px;
}

div.mapkabagawa p{
font-size:11px;
padding:0px 8px;
}

.mapsyousai{
float:right;
width:342px;
font-size:10px;
line-height:14px;
margin:5px 0px 10px 0px;
}
.mapsyousai ul{
	list-style:none;
	height:14px;
}
.mapsyousai li{
	float:left;
	margin:0;
	padding:0;
	
}


img.telbanner{
display:block;
clear:both;
margin:10px 0px 30px 0px;
}



/* //////////// （共用）パンクズ */

.pankuzu {
display : block;
width : 655px;
height : 28px;
overflow:hidden;
background-color:#F5F1EC;
}

.pankuzu-list {
height : 10px;
padding:4px 0px 0px 5px;
}

.pankuzu-list li {
float  : left;
padding : 0px 15px 0px 0px;
font-size : 10px;
}

.pankuzu-list li a,
.pankuzu-list li a:visited {
color:#333333;
text-decoration:none;
}

.pankuzu-list li.textcolor {
color:#006933;
}


/* //////// テーブルスタイル１ */

table.tablestyle01{
margin:20px 0px 0px 20px;

}

table.tablestyle01 th{
background-color:#FAFBE2;
text-align:center;
border-top:solid 1px #8CC63F;
border-bottom:solid 1px #8CC63F;
}

td.type01{
width:110px;
text-align:center;
border-bottom:solid 1px #8CC63F;
border-left:solid 1px #8CC63F;
}

td.type02{
width:70px;
text-align:center;
border-bottom:solid 1px #8CC63F;
border-left:solid 1px #8CC63F;
}

td.type03{
padding:5px 8px;
border-bottom:solid 1px #8CC63F;
border-left:solid 1px #8CC63F;
border-right:solid 1px #8CC63F;
}

/* //////// テーブルスタイル２ */

table.tablestyle02{
margin:20px 0px 0px 40px;
}

table.tablestyle02 th{
	background-color:#FAFBE2;
	text-align:center;
	border-left:solid 1px #8CC63F;
	border-top:solid 1px #8CC63F;
}

table.tablestyle02 .shokusyu{
	font-size:16px;
	line-height:2em;
	text-align:left;
	margin-left:5px;
	border-right: solid 1px #8CC63F;
}

th.wiz110{
widows:110px;
}

td.type04{
padding:5px 8px;
border-right:solid 1px #8CC63F;
border-left:solid 1px #8CC63F;
border-top:solid 1px #8CC63F;
text-align:left;
}

/* //////// テーブルスタイル３ */

table.tablestyle03{
margin:0px auto 20px auto;
background-color:#FFFFFF;
clear:both;
}

table.tablestyle03 th{
width:110px;
background-color:#FAFBE2;
text-align:center;
border-left:solid 1px #8CC63F;
border-top:solid 1px #8CC63F;
}

.t-bord{
border-top:solid 1px #8CC63F;
}
.l-bord{
border-left:solid 1px #8CC63F;
}
.r-bord{
border-right:solid 1px #8CC63F;
}
.b-bord{
border-bottom:solid 1px #8CC63F;
}

/* //////////// スペース */

.t-space5 {
margin-top:5px;
}

.t-space10 {
margin-top:10px;
}

.t-space20 {
margin-top:20px;
}

.t-space30 {
margin-top:30px;
}

.b-space5 {
margin-bottom:5px;
}

.b-space10 {
margin-bottom:10px;
}

.b-space20 {
margin-bottom:30px;
}

.b-space30 {
margin-bottom:30px;
}

.r-space10 {
margin-right:10px;
}

.r-space15 {
margin-right:15px;
}

.r-space20 {
margin-right:20px;
}

.r-space30 {
margin-right:30px;
}

.r-space40 {
margin-right:30px;
}

.l-space15 {
margin-left:15px;
}

.l-space20 {
margin-left:20px;
}

.l-space30 {
margin-left:30px;
}

.l-space40 {
margin-left:40px;
}



p.topparag{
	margin:20px 0px 20px 0px;
	padding: 0 10px;
}

p.recruittext{
	margin:20px auto 10px 0px;
	padding: 0 10px;
}



/*  */
.align-center {
text-align : center;
}

.align-right {
text-align : right;
}

.align-left {
text-align : left;
}


.center {
margin : 0px auto;
text-align:center;

}



.green {
color:#006933;

}
.orange {
color:#FF6600;

}

.block {
display:block;
}

.red{
color:#FF0000;
}

.center{
text-align:center;
}

/*チューニングにて追加*/
* html .title_h3{
	margin:0 0 3px 0;
	padding:0;
}
*:first-child+html .title_h3{
	margin:0 0 2px 0;
	padding:0;
}
html:not([lang*=""]) .title_h3{
	margin:0;
	padding:0;
}
html:not(:only-child:only-child) .title_h3{
	margin:0;
	padding:0;
}

* html .title_h3_2{
	margin:0 0 2px 0;
	padding:0;
}
*:first-child+html .title_h3_2{
	margin:0 0 2px 0;
	padding:0;
}
html:not([lang*=""]) .title_h3_2{
	margin:0;
	padding:0;
}
html:not(:only-child:only-child) .title_h3_2{
	margin:0;
	padding:0;
}



* html .title_h4{
	margin:3px 0 13px 0;
	padding:0;
}
*:first-child+html .title_h4{
	margin:2px 0 12px 0;
	padding:0;
}
html:not([lang*=""]) .title_h4{
	margin:0;
	padding:0;
}
html:not(:only-child:only-child) .title_h4{
	margin:0;
	padding:0;
}

* html .title_h4_2{
	margin:0px 0 13px 0;
	padding:0;
}
*:first-child+html .title_h4_2{
	margin:0px 0 12px 0;
	padding:0;
}
html:not([lang*=""]) .title_h4{
	margin:0;
	padding:0;
}
html:not(:only-child:only-child) .title_h4{
	margin:0;
	padding:0;
}
* html .title_h4_3{
	margin:0px 0 3px 0;
	padding:0;
}
*:first-child+html .title_h4_3{
	margin:0px 0 2px 0;
	padding:0;
}
html:not([lang*=""]) .title_h4_3{
	margin:0;
	padding:0;
}
html:not(:only-child:only-child) .title_h4_3{
	margin:0;
	padding:0;
}