@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:#fff;
}
body {
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,
.pcOnly{
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;
}
/* -------------------------------
Clear Float In Hr Border Image
------------------------------- */
.clearline hr {
margin:0 !important;
height:0 !important;
visibility:hidden !important;
border:0 !important;
}

/* --- link --- */
a, a:link, a:visited{
color:#000;
text-decoration:none;
}
a:hover, a:active{
color:#000;
text-decoration:underline;
}
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
----------------------------------- */
#header {
position:relative;
width:768px;
height:216px;
background:#fff url(../images/header_bg.jpg) no-repeat 50% top;
}
#header .wrapper{
margin: 0 auto;
width:728px;
height:216px;
position:relative;
text-align:left;
}
#header .logo{
width:294px;
height:44px;
position:absolute;
top:28px;
left:15px;
}
#header .logo a,
#header .logo span{
display:block;
width:294px;
height:44px;
background: url(../images/logo.png) no-repeat left top / contain;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
}
#globalnav{
display: none;
position: relative;
width:768px;
background:#434343;
}
#globalnav ul{
list-style-type: none;
position: relative;
text-align: left;
}
#globalnav ul li{
border-bottom:1px solid #686868;
}
#globalnav a{
display: block;
color:#fff;
padding:15px 20px;
font-size: 14px;
line-height: 1;
text-decoration: none;
}
#enBtnArea{
position: absolute;
top:95px;
left:0;
width: 100%;
height:45px;
}

#enBtnArea a,
#enBtnArea a span{
display: block;
width:100%;
height:45px;
}
#enBtnArea a{
background:#f68239 url(../images/btn_entry_arrow_pc.png) no-repeat right 50%;
}
#enBtnArea a:hover{
background:#ff9735 url(../images/btn_entry_arrow_pc.png) no-repeat right 50%;
}
#enBtnArea a span{
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
background: url(../images/header_btn_entry_pc.png) no-repeat 10px 50%;
}
#btnGlobalnav{
position: absolute;
top:11px;
right:-20px;
width: 80px;
height: 80px;
cursor: pointer;
}
#btnGlobalnav a{
display: block;
width: 80px;
height: 80px;
}

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

#container {
position:relative;
width:768px;
background:#fff;
}
#container .wrapper{
margin: 0 auto -30px;
width:728px;
padding:20px 20px 0;
position:relative;
text-align:left;
top:-67px;
background:#fff;
}
#contentsArea{
width: 100%;
}
#contentsWrapper{
margin-top:30px;
}
#contentsArea a{
color:#1475b2;
}
#sideArea{
background-color: #f2f2f2;
}
#banner{
margin: 20px auto;
padding:10px 0 20px;
list-style-type: none;
width:650px;
overflow: hidden;
}
#banner li{
margin-right:9px;
float:left;
width: 209px;
margin-top:9px;
}
#banner li:nth-child(3n){
margin-right: 0;
}
#banner li a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
#ttlCategory{
width: 100%;
}
.contsFooterBtn{
margin-top:9px;
padding:20px;
background: #555555;
text-align: center;
}
.ttlHl{
padding:30px 0;
border-top:5px solid #59aec9;
color: #539ca9;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
text-align: center;
}

.contsFooterBtn{
margin-top:9px;
padding:20px;
background: #555555;
text-align: center;
}
.contsFooterBtn .btnEntry,
.contsFooterBtn .btnNight-time{
margin: 0 auto;
width:266px;
height:45px;
}
.contsFooterBtn a{
display: block;
width:266px;
height:45px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left !important;
}
.contsFooterBtn .btnEntry a{
background:#f68239 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: #ff9735 !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:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left;
}
.btnContactIn a:hover{
background-color: #ff9735;
}


/* ----------------------------------
	footer
----------------------------------- */
#footer {
position:relative;
width:768px;
height:193px;
background:#fff url(../images/footer_bg.jpg) no-repeat 50% top;
-moz-background-size:auto 100%;
-webkit-background-size:auto 100%;
background-size:auto 100%;
}
#footer .wrapper{
margin: 0 auto;
width:728px;
min-height:193px;
position:relative;
text-align:left;
overflow:hidden;
}
#btnPagetop{
text-align: center;
}
#btnPagetop a{
margin: 0 auto;
display: block;
width:70px;
height: 54px;
}
#btnPagetop a{
display: block;
width:70px;
height: 54px;
}
#footer nav{
margin: 30px 0;
position: relative;
}
#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:#8c8079 solid 2px;
line-height: 1;
}
#footer nav ul li:first-child{
padding-left:0;
border-left:none;
}
#footer nav a{
color:#fff;
}
#copyright{
position: relative;
color:#fff;
font-size:12px;
}
.twitterArea{
    display: none;
}

#sideBlogArea{
    display: none;
}

.sideAdArea01{
  padding: 40px 10px 0;
  text-align: center;
}
.sideAdArea02{
  padding: 0 10px 35px;
  text-align: center;
}
.sideAdArea01 > *,
.sideAdArea02 > *{
  margin: 0 auto;
}
/* recruitMenu */
.recruitMenu{
	text-align: right;
	padding:0 0 17px;
}
.recruitMenuBox{
margin: 0 0 0 auto;
display: table;
}
.recruitMenuBox > div{
	display: table-cell;
	vertical-align: top;
}
.recruitMenuBox > div:nth-child(1){
width: 36%;
text-align: left;
padding-top:1em;
font-size: 11px;
line-height: 1;
}
.recruitMenuBox > div:nth-child(2){
width: 63%;
}
.recruitMenuBox select{
font-size: 16px;
width: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.recruitMenuBox_selectBox {
display: block;
position: relative;
width: 100%;
height: 30px;
background: #604f4f;
overflow: hidden;
border-radius: 4px;
font-size: 16px;
}

.recruitMenuBox_selectBox:after {
position: absolute;
display: block;
content: '';
right: 10px;
top: 48%;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #ffffff transparent transparent transparent;
pointer-events: none;
}

.recruitMenuBox_selectBox  select {
width: 100%;
height: 30px;
padding: 0 30px 0 10px;
border: none;
position: relative;
font-size: 14px;
color: #fff;
}