@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6{
color:#000;
font-weight:normal;
font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; /* Gothic */
letter-spacing:0;
margin:0;
padding:0;
-webkit-text-size-adjust:100%;
}

body{
background-color:#fff;
min-width:320px;
line-height:1.5;
font-size:14px;
word-wrap:break-word;
overflow-x:hidden;
}

img{
max-width:100%;
vertical-align:middle;
}

input{
padding:5px 8px;
}

textarea{
padding:3px;
}

ol{
margin:0px 0px 0px 21px;
}

ol > li{
list-style:decimal outside;
margin:0px 0px 3%;
}

a:link,
a:visited{
color:#333;
text-decoration:underline;
}

a:hover,
a:active{
color:#666;
text-decoration:none;
}

em{
font-style:normal;
font-weight:bold;
color:#333;
}

strong{
font-style:normal;
font-weight:bold;
}

/* --------------------------------------------------
 Wrapper
-------------------------------------------------- */
#wrapper{
width:100%;
overflow:visible;
text-align:left;
}


/* --------------------------------------------------
 Left Area
-------------------------------------------------- */
#leftArea{
background-color:#fff;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
margin:0px;
height:100%;
overflow:hidden;
width:240px;
z-index:999;
}

#leftInner{
position:relative;
height:102%;
overflow:scroll;
padding:0 8% 18%;
max-width:317px;
width:107%;
box-sizing:border-box;
z-index:999;
}

#logo{
padding:34px 0;
margin:0 15px;
text-align:center;
border-bottom:1px solid #e9e9e9;
}

.gNav{
margin:15px 15px 0;
}

.gNav li a{
display:block;
width:85%;
padding:6% 0 6% 10%;
margin:0% 5% 0;
text-decoration:none;
font-size:98%;
background:url(../img/common/arrow.png) no-repeat 0 center;
color:#000;
letter-spacing:0;
transition:all 200ms ease-in-out;
}

.gNav li a:hover{
background:url(../img/common/arrow.png);
background-repeat:no-repeat ;
background-position:5px center;
text-decoration:none;
color:#000;
}

.btnInquiry{
padding:0 15px;
margin:10px 0 0;
}

.btnInquiry a{
background:url(../img/common/icon_enter.gif) scroll no-repeat 90% center;
padding:10px;
display:block;
border:1px solid #333333;
text-decoration:none;
}

.consultBlc{
background:url(../img/common/bg_consult.png) scroll no-repeat center bottom;
border:1px solid #c8c8c8;
padding:15px;
margin:15px 0 0;
}

.consultBlc .ttl{
font-size:150%;
color:#b71212;
}

.consultBlc .tel{
text-align:center;
}

.consultBlc .time{
background-color:#b71212;
color:#fff;
text-align:center;
margin:10px 0;
}

.consultBlc .txt{
font-size:80%;
}

.consultBlc .catch{
color:#171717;
text-align:center;
margin:10px 0 0;
}

.bnrFacebook{
margin:15px 0 50px;
text-align:center;
}

input#pure-toggle-left,label.pure-toggle-label{
display:none;
}

@media screen and (max-width: 1000px) {
#leftArea{
width:230px;
left:0;
}

#leftInner{
width:104%;
}

#logo{
margin:50px 15px 0;
}
}


/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
width:100%;
padding:0 0 0 240px;
box-sizing:border-box;
}

@media screen and (max-width: 1000px) {
#contents{
padding:0;
}
}


/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
width:100%;
padding:0 0 0 240px;
box-sizing:border-box;
}

#btmPageTop a{
text-decoration:none;
text-align:center;
padding:20px 0;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
display:block;
}

#btmPageTop .icn{
background:url(../img/common/icon_pagetop.jpg) scroll no-repeat right center;
padding:2px 24px 2px 0;
}

#footer .btmNav{
text-align:center;
padding:10px 4%;
margin:20px 0 0;
}

#footer .btmNav li{
display:inline-block;
padding:0 5px;
margin:0 0 5px;
}

#footer .btmNav li a{
font-size:90%;
color:#000;
text-decoration:none;
}

#footer .btmNav li a:hover{
text-decoration:underline;
}

#footer .bnrLink{
background-color:#b71212;
text-align:center;
padding:8px 4%;
}

#footer .bnrLink li{
display:inline-block;
padding:0 5px;
margin:0 0 5px;
}

#copyright{
color:#1f1e1e;
text-align:center;
padding:10px 4%;
}

@media screen and (max-width: 1000px) {
#footer{
padding:0;
}
}