@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 {
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
----------------------------------- */
#headerBg {
display: none;
}
#header {
position:relative;
width:100%;
min-height: 180px;
background:#030a12 url(../images/header_bg.jpg) no-repeat 50% top;
background-size: cover;
}
#header .wrapper{
margin: 0 auto;
padding: 30px 0 12px;
width:100%;
position:relative;
text-align:left;
}
#header .logo{
width:100%;
height:35px;
position:relative;
text-align: center;
}
#header .logo a,
#header .logo span{
margin: 0 auto;
display:block;
width:260px;
height:35px;
background: url(../images/logo.png) no-repeat left top;
background-size: 260px 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;
}
#headerTxt{
margin: 20px 0 0;
padding: 0;
width: 100%;
font-size: 12px;
line-height: 1.4;
color:#fff;
text-align: center;
font-weight: normal;
}
#globalnav{
display: none;
position: relative;
width:100%;
background:#fff;
}
#globalnav ul{
list-style-type: none;
position: relative;
text-align: left;
}
#globalnav ul li{
border-bottom:1px solid #dfdfdf;
}
#btnContact{
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 92%, #eeeeee 99%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 92%,#eeeeee 99%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 92%,#eeeeee 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
}
#btnEntry{
display: none;
}
#globalnav a{
display: block;
color:#000;
padding:15px 20px;
font-size: 14px;
line-height: 1;
text-decoration: none;
}
#enBtnArea{
padding: 30px 20px 0;
position: relative;
width: 100%;
}

#enBtnArea a,
#enBtnArea a span{
display: block;
width:100%;
height:44px;
}
#enBtnArea a{
background:#a2c038 url(../images/btn_entry_arrow_sp.png) no-repeat right 50%;
background-size:12px auto;
}
#enBtnArea a:hover{
background:#8cac1b url(../images/btn_entry_arrow_sp.png) no-repeat right 50%;
background-size:12px auto;
}
#enBtnArea a span{
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;
background: url(../images/header_btn_entry_sp.png) no-repeat 10px 50%;
background-size:114px auto;
}
#btnGlobalnav{
position: relative;
width: 100%;
height: 42px;
background:#fff;
}
#btnGlobalnav a{
position: absolute;
top:0;
left: 50%;
margin-left: -35px;
cursor: pointer;
display: block;
width: 71px;
height: 42px;
}

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

#container {
position:relative;
width:100%;
background:#fff;
}
#container .wrapper{
margin: 0 auto -30px;
width:100%;
padding:20px 20px 0;
position:relative;
text-align:left;
background:#18364f;
}
#contentsArea{
width: 100%;
}
#contentsArea a{
color:#1475b2;
}
.contentsInner{
background:#fff;
position: relative;
}
#sideArea{
background-color: #18364f;
}
#banner{
margin: 0 auto 20px;
padding:10px 0 20px;
list-style-type: none;
width:100%;
overflow: hidden;
}
#banner li{
float:left;
width: 33.333%;
padding:0 0 5px;
margin-top:9px;
}
#banner li:nth-child(1){
padding-right: 6px;
}
#banner li:nth-child(2){
padding-left: 3px;
padding-right: 3px;
}
#banner li:nth-child(3){
padding-left: 6px;
}
#banner li a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
#ttlCategory{
display: table;
width: 100%;
height: 91px;
background:url(../images/line_slanting_sp.png) repeat-x left bottom;
background-size:15px 13px;
}
#ttlCategory div{
display: table-cell;
width: 100%;
height: 91px;
vertical-align: middle;
text-align: center;
}

#ttlCategory div span{
display: block;
margin: 0 auto 20px;
height: 38px;
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{
margin-top:9px;
padding:20px;
background: #555555;
text-align: center;
}

.contsFooterBtn{
margin-top:20px;
padding:20px;
text-align: center;
background: #38484b;
}
.contsFooterBtn_inner{
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 .btnEntry a:hover{
background-color: #8cac1b !important;
}
.contsFooterBtn .btnNight-time a{
background:#d9a428 url(/common/images/btn_night-time_pc.png) no-repeat left top;
}
.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 {
position:relative;
width:100%;
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;
padding:0 20px;
width:100%;
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:41px;
height: 32px;
}
#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:#94c0d8 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;
}