@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:#333;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: none;
}

body{
background:url(../img/bg.jpg);
min-width:320px;
font-size:85%;
line-height:1.3;
text-align:center;
word-wrap:break-word;
}

img{
vertical-align:middle;
}

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

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

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

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

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

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

strong{
font-style:normal;
font-weight:bold;
}
img {
	width: 100%;
}

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

/* --------------------------------------------------
 Header
-------------------------------------------------- */
header{
position:relative;
z-index:100;
background:url(../img/top_bg.jpg) no-repeat top center;
background-size: contain;

}

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

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

#globalNav > div{
position:absolute;
right:10px;
background:url(../img/common/global_nav_btn.png) left top no-repeat;
width:70px;
height:28px;
text-indent:-9999px;
white-space:nowrap;
overflow:hidden;
}

#globalNav > div.active{
background:url(../img/common/global_nav_btn_on.png) left top no-repeat;
}

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

#globalNav li a{
display:block;
padding:15px 20px;
border-bottom:1px solid #fff;
text-decoration:none;
background:rgba(114,135,66,0.9);
color:#fff;
}

#globalNav li a:hover{
background:rgba(150,167,113,0.9);
}

/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
clear:both;
position:relative;
padding:0px 0px 7%;
text-align:left;
min-height:330px;
overflow:visible;
}

/* --------------------------------------------------
 Footer
-------------------------------------------------- */
footer{
clear:both;
overflow:visible;
text-align:left;
}

/* ロゴ --------------- */
footer .logo{
margin:0px 0px 10px;
}

/* コピーライト --------------- */
footer .copyright{
font-size:85%;
line-height:1.1;
}

/* --------------------------------------------------
 To Pc（PCサイトへ）
-------------------------------------------------- */
#btmToPc{
clear:both;
float:left;
background:url(../img/common/to_pc_icn.png) left top no-repeat;
padding:1px 0px 0px 22px;
margin:0px 0px 0px 10px;
height:16px;
text-align:left;
}

#btmToPc a{
text-decoration:none;
}

/* --------------------------------------------------
 Page Top
-------------------------------------------------- */
#btmPageTop{
background: #FCC;
padding:2%;
text-align:center;
vertical-align: middle;
font-size: 90%;
}

#btmPageTop a{
text-decoration:none;
display: block;width: 100%;
color:#630;
}
#copyright {
	background:#F99;
	color:#fff;
	padding: 2%;
}