@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6,input,textarea,submit,reset{
color:#222;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: none;
}

body{
background-color:#f3f3f3;
min-width:320px;
font-size:85%;
line-height:1.3;
text-align:center;
word-wrap:break-word;
}

input,
textarea,
select{
color:#222;
}

ol{
margin:0px 0px 0px 2em;
}

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

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

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

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

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

/* --------------------------------------------------
 Wrapper
-------------------------------------------------- */
#wrapper{
max-width:640px;
min-width:320px;
margin:0 auto;
}

/* --------------------------------------------------
 Header
-------------------------------------------------- */
header{
position:relative;
height:50px;
background:#326315;
z-index:100;
}

/* ロゴ --------------- */
header .logo{
display:block;
position:absolute;
top:12px;
left:6px;
}

/* アイコン --------------- */
header .tel{
display:block;
position:absolute;
top:0;
right:83px;
}

header .mail{
display:block;
position:absolute;
top:0;
right:42px;
}

/* グローバルナビ --------------- */
#globalNav{
position:absolute;
width:100%;
}

#globalNav > div{
position:absolute;
width:42px;
height:50px;
top:0;
right:0;
background:url(../img/common/global_nav_btn.png) 0 0 no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#globalNav ul{
display:none;
position:absolute;
width:100%;
top:50px;
right:0;
text-align:left;
font-size:110%;
}

#globalNav li a{
display:block;
padding:15px 20px;
border-bottom:#5c923d solid 1px;
text-decoration:none;
background:rgba(50,99,21,0.9);
color:#fff !important;
}

#globalNav li a:hover{
background:rgba(66,131,28,0.9);
}

/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
clear:both;
position:relative;
text-align:left;
}

/* --------------------------------------------------
 underBnr
-------------------------------------------------- */
#underBnr{
margin:5%;
}

#underBnr li{
width:49%;
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0, rgba(0, 0, 0, 0.3) 0 8px 8px -6px;
}

#underBnr li:nth-child(1){
float:left;
}

#underBnr li:nth-child(2){
float:right;
}

/* --------------------------------------------------
 underInquiry
-------------------------------------------------- */
#underInquiry{
text-align:center;
}

#underInquiry > strong{
display:block;
margin-left:28%;
text-align:left;
}

#underInquiry .tel{
display:block;
margin:-10% 0 2%;
}

#underInquiry .mail{
display:block;
margin:2% 0;
}

/* --------------------------------------------------
 anchorToPcInSp
-------------------------------------------------- */
#anchorToPcInSp{
display:block;
margin:5%;
padding:3%;
background:#fff;
border-radius:3px;
box-shadow:rgba(0, 0, 0, 0.2) 0 0 7px 0;
text-align:center;
text-decoration:none;
color:#6e6e6e;
}

#anchorToPcInSp img{
padding-right:3%;
}

/* --------------------------------------------------
 Footer
-------------------------------------------------- */
footer{
clear:both;
margin-top:5%;
background:#000;
font-size:85%;
line-height:1.6;
color:#999;
}

#footer li a{
display:block;
padding:3% 5%;
border-bottom:#666 dotted 1px;
text-align:left;
text-decoration:none;
color:#999;
}

#footer li a img{
padding-right:3%;
vertical-align:middle;
}

#footer .logo{
display:block;
margin:5% 0;
}

#btmPageTop{
display:block;
text-align:center;
text-decoration:none;
color:#999;
}

#btmPageTop span{
display:block;
padding:5%;
background:#444;
}