@charset "utf-8";
/* ------- css list created date 2014
common
container
header
footer
template
--------------------- */
/* ----------------------------------
	common
----------------------------------- */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html,body{
width:100%;
height:100%;
background:#e1e1e1;
}
body {
min-width: 980px;
color:#333;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
text-align:center;
line-height:1;
position: relative;
webkit-text-size-adjust: 100%;
}
.oldie{
background-color: transparent;
-webkit-font-smoothing: antialiased;
}
.disnon{
display:none;
}
.spOnly,
.tabletOnly{
display:none;
}
img{
vertical-align: bottom;
max-width: 100%;
height: auto;
width /***/:auto;
}
.changeImg{
display:none;
}
/* -------------------------------
Outside In Float Clear
------------------------------- */
.clearfix:after {/*for modern browser*/
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
}
.clearfix {
zoom:1; /*for IE 5.5-7*/
}

/* -------------------------------
Clear Float In Hr Border Image
------------------------------- */
.clearline hr {
margin:0 !important;
height:0 !important;
visibility:hidden !important;
border:0 !important;
}

/* --- link --- */
a.btnOpacity{
display:block;
}
a.btnOpacity:link img, a.btnOpacity:visited img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
a.btnOpacity:hover img, a.btnOpacity:active img{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* -------------------------------
fade
------------------------------- */
.fade {
-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;
}
.fade:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}


/* ----------------------------------
header
----------------------------------- */
#headerBg {
position:absolute;
width:100%;
min-width:940px;
height:486px;
background:#030a12 url(../images/header_bg.jpg) no-repeat 50% top;
background-size: cover;
}
#header{
height:215px;
position:relative;
}
#header .wrapper{
margin: 0 auto;
width:940px;
height:215px;
position:relative;
text-align:left;
}
#header .logo{
width:444px;
height:60px;
position:absolute;
top:40px;
left:50%;
margin-left: -222px;
}
#headerTxt{
margin: 0;
padding: 0;
width: 100%;
font-size: 14px;
line-height: 1;
color:#fff;
text-align: center;
position:absolute;
top:114px;
font-weight: normal;
}
#headerTxt br{
display: none;
}
#header .logo a,
#header .logo span{
display:block;
width:444px;
height:60px;
background: url(../images/logo.png) no-repeat left top;
background-size: 444px auto;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:110% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
}
#globalnav{
width:940px;
height: 47px;
margin-left:-470px;
position: absolute;
top:148px;
left: 50%;
z-index: 9999;
background: url(../images/globalnav_bg.png) repeat left top;
}
#globalnav ul{
width:940px;
height:47px;
list-style-type: none;
position: relative;
overflow: hidden;
}
#globalnav li{
position: absolute;
top:1px;
list-style-type: none;
}
#globalnav a{
display: block;
color:#fff;
height:45px;
background-repeat:no-repeat;
background-position: left top;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:110% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
}
#btnHome a:hover,
#btnRecruit a:hover,
#btnFaq a:hover,
#btnCompany a:hover,
#btnContact a:hover{
background-position: left bottom !important;
}
#btnHome{
width:51px;
left:16px;
}
#btnHome a{
background-image: url(../images/globalnav_btn_home.png);
}
#btnRecruit{
width:68px;
left:93px;
}
#btnRecruit a{
background-image: url(../images/globalnav_btn_recruit.png);
}
#btnFaq{
width:41px;
left:187px;
}
#btnFaq a{
background-image: url(../images/globalnav_btn_faq.png);
}
#btnCompany{
width:67px;
left:254px;
}
#btnCompany a{
background-image: url(../images/globalnav_btn_company.png);
}
#btnContact{
width:94px;
left:347px;
}
#btnContact a{
background-image: url(../images/globalnav_btn_contact.png);
}
#globalnav #btnEntry{
top:0;
right:0;
width:184px;
height:47px;
}
#btnEntry a,
#btnEntry a span{
display: block;
width:184px;
height:47px;
}
#btnEntry a{
background:#a2c038 url(../images/btn_entry_arrow_pc.png) no-repeat right 50%;
}
#btnEntry a:hover{
background:#8cac1b url(../images/btn_entry_arrow_pc.png) no-repeat right 50%;
}
#btnEntry a span{
background: url(../images/header_btn_entry_pc.png) no-repeat 10px 50%;
-moz-background-size:139px 26px;
-webkit-background-size:139px 26px;
background-size:139px 26px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:110% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
}
#enBtnArea{
display: none;
}
#btnGlobalnav{
display: none;
position: absolute;
top:11px;
right:0;
width: 40px;
height: 40px;
cursor: pointer;
}

/* ----------------------------------
	container
----------------------------------- */

#container {
position:relative;
width:100%;
min-width:940px;
}
#container .wrapper{
margin: 0 auto;
width:940px;
position:relative;
text-align:left;
}
.ie #container .wrapper{
margin-bottom:0;
}
#contentsWrapper{
background: url(../images/contentswrap_bg_pc.png) repeat-y right top;
}
#contentsArea{
float: left;
width: 677px;
}
#contentsArea a{
color:#1475b2;
}
.contentsAreaWrap{
padding:0 20px 20px;
}
.contentsInner{
background:#fff;
position: relative;
}
#sideArea{
float: right;
width: 253px;
}
#banner{
margin: 20px auto;
list-style-type: none;
width:213px;
}
#banner li{
margin-top: 10px;
list-style-type: none;
}
#banner li:first-child{
margin-top:0;
}
#banner li a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
#ttlCategory{
display: table;
width: 100%;
height: 134px;
background:url(../images/line_slanting_pc.png) repeat-x left bottom;
}
#ttlCategory div{
display: table-cell;
width: 100%;
height: 134px;
vertical-align: middle;
text-align: center;
}
#ttlCategory div span{
display: block;
margin: 0 auto 20px;
height: 57px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:110% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left;
background-repeat: no-repeat;
background-position: left bottom;
}
.contsFooterBtn{
padding-top:10px;
background: #e1e1e1;
}
.contsFooterBtn_inner{
padding-top:10px;
padding:20px;
background: #38484b;
text-align: center;
}
.contsFooterBtn .btnEntry,
.contsFooterBtn .btnNight-time{
margin: 0 auto;
width:309px;
height:45px;
}
.contsFooterBtn a{
display: block;
width:309px;
height:45px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:110% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left !important;
}
.contsFooterBtn .btnEntry a{
background:#a2c038 url(/common/images/btn_entry_pc.png) no-repeat left top;
}
.contsFooterBtn .btnNight-time a{
background:#d9a428 url(/common/images/btn_night-time_pc.png) no-repeat left top;
}
.contsFooterBtn .btnEntry a:hover{
background-color: #8cac1b !important;
}
.contsFooterBtn .btnNight-time a:hover{
background-color: #f9b519;
}

.btnContactIn{
margin: 0 auto;
display: block;
width: 246px;
}
.btnContactIn a{
display: block;
width: 246px;
height: 45px;
background:#f68239 url(/common/images/btn_contact_pc.png) no-repeat left top;
-moz-background-size:246px 45px;
-webkit-background-size:246px 45px;
background-size:246px 45px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:110% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left;
}
.btnContactIn a:hover{
background-color: #ff9735;
}

/* ----------------------------------
	footer
----------------------------------- */
#footer {
margin-top:60px;
position:relative;
width:100%;
min-width:940px;
height:200px;
background:#01060c url(../images/footer_bg.jpg) no-repeat 50% top;
background-size: cover;
}
#footer .wrapper{
margin: 0 auto;
width:940px;
min-height:200px;
position:relative;
text-align:left;
overflow:hidden;
}
#btnPagetop{
position: absolute;
top:0;
right:0;
width:70px;
height: 54px;
}
#btnPagetop a{
display: block;
width:70px;
height: 54px;
}
#footer nav{
top:35px;
left: 0;
position: relative;
margin-bottom:25px;
width:80%;
}
#footer nav ul{
list-style-type: none;
font-size: 12px;
font-weight: bold;
overflow: hidden;
}
#footer nav ul li{
float: left;
padding:0 10px;
border-left:#94c0d8 solid 2px;
line-height: 1;
list-style-type: none;
}
#footer nav ul li:first-child{
padding-left:0;
border-left:none;
}
#footer nav a{
color:#fff;
text-decoration: none;
}
#copyright{
position: relative;
top:35px;
left: 0;
color:#fff;
font-size:12px;
}