@charset "utf-8";

/* CSS Document */

/*---------------------------------------------------------------
  link
----------------------------------------------------------------*/
a:link{ text-decoration:none; color:#000;}
a:visited{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#999;}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}



/*---------------------------------------------------------------
  base
----------------------------------------------------------------*/
html{
	font-size: 62.5%; /*10px*/
}

body {
color:#333;
font-size:13px;
font-size:1.3rem;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo , "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
line-height:1.6;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}


table { font-size:100%;}

::selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000/* Safari */}
::-moz-selection { background:#3399FF; color:#FFF; text-shadow:0 0px 3px #000 /* Firefox */}


/*---------------------------------------------------------------
  spacing
----------------------------------------------------------------*/
.mb05{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;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}


/*---------------------------------------------------------------
  clear
----------------------------------------------------------------*/
.clr{clear:both;}

.clrfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clrfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clrfix {height: 1%;}
.clrfix {display:block;}
/* End Hack */ 

.disnon{
	display:none;
}

/*header*/
#header{
	width:100%;
        height:103px;
        margin:0 0 10px;
}

#chead #header{
        height:113px;
}

#header header{
	width:830px;
        margin:0 auto;
        display:block;
        position:relative;
}
#chead #header header{
	border-bottom:1px solid #0000B0;
	height:103px;
        padding:0 0 10px;
        display:block;
}

#gnav{
        position:absolute;
	top:85px;
        left:203px;
        margin:0 -5px;
        font-size:14px;
        font-size:1.4rem;
}
#gnav li{
        display:inline-block;
        padding:0 5px;
}
#gnav li a{
        display:block;
        height:10px;
}
#gnav li a:hover{
        color:#CC0004;
}

#gnav li.current a{
        color:#CC0004;
}

/*
#gnav li.nav01 a{background:url(../images/nav01_off.gif) no-repeat;width:26px;}
#gnav li.nav02 a{background:url(../images/nav02_off.gif) no-repeat;width:47px;}
#gnav li.nav03 a{background:url(../images/nav03_off.gif) no-repeat;width:51px;}
#gnav li.nav04 a{background:url(../images/nav04_off.gif) no-repeat;width:54px;}
#gnav li.nav05 a{background:url(../images/nav05_off.gif) no-repeat;width:62px;}
#gnav li.nav06 a{background:url(../images/nav06_off.gif) no-repeat;width:57px;}

#gnav li.nav01 a:hover{background:url(../images/nav01_on.gif) no-repeat;width:26px;}
#gnav li.nav02 a:hover{background:url(../images/nav02_on.gif) no-repeat;width:47px;}
#gnav li.nav03 a:hover{background:url(../images/nav03_on.gif) no-repeat;width:51px;}
#gnav li.nav04 a:hover{background:url(../images/nav04_on.gif) no-repeat;width:54px;}
#gnav li.nav05 a:hover{background:url(../images/nav05_on.gif) no-repeat;width:62px;}
#gnav li.nav06 a:hover{background:url(../images/nav06_on.gif) no-repeat;width:57px;}
*/

#logo{
        position:absolute;
        right:0;
        top:15px;
        margin:0;
        padding:0;
}

#header h1{
        position:absolute;
        left:10px;
        top:10px;
        margin:0;
}


/*footer*/
#footer{
	width:100%;
        height:55px;
        background-color:#00006C;
        position:relative;
}

#footer .footerLogo{
        position:absolute;
        left:12px;
        top:8px;
}

#footer .footerAd{
        position:absolute;
        right:12px;
        bottom:10px;
        color:#FFF;
}

#footer .footerAd span{
        display:inline-block;
        margin:0 10px 0 0;
}

/*container*/
#container{
	margin:10px auto 50px;
	width:830px;
}
#container .vi{
	margin:0 0 25px;
}

#container .greetingArea{
        text-align:center;
        font-family: "ＭＳ Ｐ明朝",'MS PMincho',"ＭＳ 明朝",serif;
        position:relative;
        padding-bottom:100px;
        line-height:1.7;
}
#container .topCatch{
	color:#0000B0;
        font-size:33px;
        margin:0 0 30px;
        font-size:3.3rem;
        line-height:1.4;
        font-weight:bold;

}
#container .president{
        position:absolute;
        right:90px;
        bottom:0;
}

#container .presidentTxt{
        position:absolute;
        right:90px;
        bottom:0;
        font-size:14px;
        font-size:1.4rem;
}
#container .presidentTxt span{
        font-size:11px;
        font-size:1.1rem;
}


/*table*/
.tbl01{
border-collapse:collapse;
border-top:solid 1px #D6D6D6;
border-left:solid 1px #D6D6D6;
}

.tbl01.center th,
.tbl01.center td{
text-align:center;
}

.tbl01 th{
border-bottom:solid 1px #D6D6D6;
border-right:solid 1px #D6D6D6;
font-weight:bold;
padding:6px;
background-color:#DFF2FC;
vertical-align:middle;
}
.tbl01 td{
border-bottom:solid 1px #D6D6D6;
border-right:solid 1px #D6D6D6;
padding:6px;
background-color:#FFFFFF;
}

/*profile*/
.reslutsPh,
.profilePh{
margin:0 -5px 30px;
}

.reslutsPh li,
.profilePh li{
float:left;
padding:0 5px;
box-sizing:border-box;
}

/*title*/
.mainTl{
font-size:13px;
font-size:1.3rem;
margin-bottom:25px;
}
.mainTl.mb{
margin:0 0 10px;
}
.mainTl.mb2{
margin:0 0 16px;
}


.mainTl.line{
border-bottom:1px solid #999999;
}
.subTl{
color:#CC0000;
border:1px solid #E4E4E4;
margin:0 0 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EBEBEB), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(#FFF, #EBEBEB);
background: -moz-linear-gradient(#FFF, #EBEBEB);
background: -o-linear-gradient(#FFF, #EBEBEB);
background: -ms-linear-gradient(#FFF, #EBEBEB);
background: linear-gradient(#FFF, #EBEBEB);
padding:5px 10px;
}
.listDl{
margin:0 0 30px;
}

.listDl dt{
width:95px;
float:left;
box-sizing:border-box;
}
.listDl dd{
width:100%;
float:left;
box-sizing:border-box;
padding:0 0 0 95px;
margin:0 0 0 -98px;
}

/*section*/
.sec{
margin:0 0 85px;
}
.sec.widM{
margin-right:110px;
margin-left:110px;
}
.sec.widT{
margin-top:30px;
}

.sec.widB{
margin-bottom:40px;
}
/*goto_top*/
#gotoTop {
    position: fixed;
    bottom: 80px;
    right: 20px;
    font-size: 77%;
    text-indent:-9999px;
}
#gotoTop a {
    width: 50px;
    height:50px;
    text-align: center;
    display: block;
    border-radius: 3px;
    background:url(../images/btn_pagetop.gif) no-repeat;
}
#gotoTop a:hover {
 filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/*clum*/
#mainContents{ 
width:100%;
float:right;
box-sizing:border-box;
margin:0 0 0 -200px;
padding:0 0 0 230px;
}

#subContents{
float:right;
width:200px;
}

#subContents .tl,
#subContents .archive li{
border-bottom:1px solid #999999;
margin:0 0 10px;
}

#subContents .tl{
padding:0 0 10px;
}

#subContents .archive li a{
display:block;
padding:0 0 10px;
}

#subContents > .rectuiTl{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EBEBEB), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(#FFF, #EBEBEB);
background: -moz-linear-gradient(#FFF, #EBEBEB);
background: -o-linear-gradient(#FFF, #EBEBEB);
background: -ms-linear-gradient(#FFF, #EBEBEB);
background: linear-gradient(#FFF, #EBEBEB);
padding:3px 10px;
border:1px solid #E4E4E4;
box-sizing:border-box;
margin:0 0 10px;
}

#subContents .recruitBn li{
margin:0 0 10px;
text-align:center;
}
.resultList dl:first-child{
border-top:1px solid #999999;
}

.resultList dl{
border-bottom:1px solid #999999;
padding:10px 0;
position:relative;
}

.resultList dt{
width:140px;
float:left;
box-sizing:border-box;
}
.resultList + dd{
width:100%;
float:left;
margin:0 0 0 -140px;
padding:0 40px 0 200px;
box-sizing:border-box;
}
.resultList .icon{
position:absolute;
right:0;
top:10px;
}

.resultList .icon ~ dd{
display:none;
}

/*access*/
.map{
text-align:center;
}
.maptxt{
display:block;
margin:0 0 0 140px;
text-align:left;
}

.map img{
margin-bottom:27px;
}
/**/
.gmap{
width:511px;
margin:0 auto;
}

/**/

.contactList input[type="text"],
.contactList select,
.contactList textarea{
border: 1px solid #7F9DB9;
padding: 3px 5px;
}

.contactList dl{
border-bottom:1px dashed #D6D6D6;
padding:0 0 10px;
margin:0 0 10px;
}

.contactList dt{
width:100px;
box-sizing:border-box;
float:left;
}

.contactList dd{
width:100%;
margin:0 0 0 -100px;
padding:0 0 0 170px;
box-sizing:border-box;
float:left;
}

.formL{	width:97%;}
.formM{	width:50%;}
.formS{	width:30%;}
.formSS{width:10%;}
.txtW{width:100%; height:100px;}

.contactBtn{
	padding:30px 0 0;
        text-align:center;
}

.contactBtn input{

	margin-right:10px;	
}

.contactBtn .reset_btn{
	width:123px;
	height:25px;
	background:url(../../images/contact/bt_reset.gif) no-repeat;
	vertical-align:top;
	border:none;
}

.contactBtn .reset_btn:hover{
	cursor:pointer;
}

/*recruit*/
.recruitNav{
	text-align:center;
}
.recruitNav li:first-child{
	border-left:1px solid #656565;
}

.recruitNav li{
	border-right:1px solid #656565;
        display:inline-block;
}

.recruitNav li a{
        display:block;
        padding:0 15px;
}

.rectuiCatch{
	font-size:32px;
        font-size:3.2rem;
        margin:0 0 35px;
        color:#CC0000;
        text-align:center;
}

.rectuitBox{
	width:500px;
        margin:0 auto;
}

.rectuitBox a{
	color:#3B5EA4;
}

.rectuitPh{
margin:0 -6px 20px;
}

.rectuitPh li{
float:left;
margin-bottom:10px;
padding:0 6px;
box-sizing:border-box;
width:50%;
}
.circleList{
margin:0 0 0 15px;
}

.circleList li{
list-style-type:disc;
}

/**/

.voiceArea{
margin:45px 0 0 0;
}

.voiceArea .voiceTl{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EBEBEB), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(#FFF, #EBEBEB);
background: -moz-linear-gradient(#FFF, #EBEBEB);
background: -o-linear-gradient(#FFF, #EBEBEB);
background: -ms-linear-gradient(#FFF, #EBEBEB);
background: linear-gradient(#FFF, #EBEBEB);
padding:5px 10px;
border:1px solid #E4E4E4;
box-sizing:border-box;
margin:0 0 10px;
}

.voiceArea .humanL{
width:150px;
float:left;
}

.voiceArea .humanR{
margin:0 0 0 -150px;
padding:0 0 0 170px;
width:100%;
float:left;
position:relative;
box-sizing:border-box;
}
.voiceArea .humanR .ph{
position:absolute;
left:0;
bottom:0;
}

.voiceArea .humanR .catch{
font-size:24px;
font-size:2.4rem;
color:#660000;
line-height:120%;
margin:0 0 20px;
font-weight:bold;
    font-family: "ＭＳ Ｐ明朝",'MS PMincho',"ＭＳ 明朝",serif;
}
.voiceArea .humanR dl{
margin:0 0 25px;
}
.voiceArea .humanR dt{
color:#000066;
}

.voiceArea .humanR dt{
color:#000066;
}

.voiceArea .humanList{
margin:0 -5px;
}
.voiceArea .humanList li{
margin:0;
padding:0 5px;
float:left;
box-sizing:border-box;
}

.voiceArea .humanList li dl{
margin:5px 0 0 0;
}

.voiceArea .humanList li dt{
width:80px;
float:left;
box-sizing:boder-box;
}

.voiceArea .humanList li dd{
width:100%;
float:left;
margin:0 0 0 -80px;
padding:0 0 0 100px;
box-sizing:border-box;
}

.voiceArea .humanList li dd span{
display:block;
}


.voiceArea .scheduleTl{
font-size:18px;
font-size:1.8rem;
border-right:none;
border-left:none;
border-top:none;
border-bottom:1px solid #000099;
margin:0 0 15px;
padding:0 0 5px;
background:none;
}

.voiceArea .scheBoxall{
margin:0 -5px;
}
.voiceArea .scheBox{
width:50%;
float:left;
padding:0 5px;
box-sizing:border-box;
}
.voiceArea .scheBox .spm{
display:block;
margin:0 0 50px;
}


.voiceArea .scheBox .inner{
border:1px solid #666666;
box-sizing:border-box;
padding:5px 0;
}

.voiceArea .scheBox dl{
border-bottom:1px dashed #666666;
padding:0 0 5px;
margin:0 0 5px;
position:relative;
}
.voiceArea .scheBox dl:last-child{
border-bottom:none;
margin:0;
padding:0;
}

.voiceArea .scheBox dl dt{
width:130px;
box-sizing:border-box;
float:left;
padding:0 0 0 5px;
display:block;
font-size:13px;
font-size:1.3rem;
}

.voiceArea .scheBox dl .time01{
position:absolute;
left:5px;
}
.voiceArea .scheBox dl .time02{
position:absolute;
left:5px;
}

.voiceArea .scheBox dl dt .itemTl{
display:inline-block;
margin:0 0 0 10px;
vertical-align:top;
}

.voiceArea .scheBox dl dt .itemTl span{
display:block;
}

.voiceArea .scheBox dl dd{
width:100%;
margin:0 0 0 -130px;
padding:0 5px 0 140px;
box-sizing:border-box;
float:left;
}

/*recruit*/
.listRequi{
padding:10px 0;
border-bottom:1px solid #999999;
}

.listRequi dt{
width:95px;
float:left;
box-sizing:border-box;
}
.listRequi dd{
width:100%;
float:left;
box-sizing:border-box;
padding:0 0 0 95px;
margin:0 0 0 -98px;
}
.txtC{
text-align:center;
}

/*contact*/
.contactArea{
margin:0 0 20px;
padding:0;
}

.contactArea input{padding:5px 10px;}
.contactArea .att{color:#FF2323;}

.contactArea dl{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px dashed #D6D6D6;
}


.contactArea dt{
width:230px;
float:left;
box-sizing:border-box;
}

.contactArea dd{
width:100%;
float:left;
margin:0 0 0 -230px;
padding:0 0 0 250px;
box-sizing:border-box;
}

.btnarea{
text-align:center;
}
.btnarea a,
.btnarea input{
background-color:#00549C;
padding:8px 30px;
border-radius:3px;
border:none;
cursor:pointer;
color:#FFF;
}
.btnarea .reset{background-color:#999999;}

.btnarea a:hover,
.btnarea input:hover {
 filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.pageNav li{
margin:20px 0 0 0;
}

.pageNav li{
display:inline-block;
padding:0 2px;
}
.pageNav li a{
display:block;
background-color:#C9C9C9;
color:#FFF;
padding:5px 10px;
}
.pageNav li a:hover{
background-color:#27378B;
color:#FFF;
padding:5px 10px;
}

.pageNav li.current{
color:#FFF;
background-color:#27378B;
padding:5px 10px;
}

.notes{
font-size:20px;
font-size:2.0rem;
}