@charset "utf-8";
/* =====================================================================
   Normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a{background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:700;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:\201C \201D \2018 \2019;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
body,figure{margin:0;}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

/* =====================================================================
   Clearfix */
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}

/* =====================================================================
   BASE */
html {
 margin: 0;
 padding: 0;
}

body {
 font-size: 90%;
 font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Osaka,  "ＭＳ Ｐゴシック", sans-serif;
 text-align: center;
 color: #333;
 line-height: 1.7;
 background: #fff;
 margin: 0;
 padding: 0;
 word-break: break-all;
}

a:link, a:visited, a:active {
 text-decoration: none;
 color: #333;
}
a:hover {
 text-decoration: underline;
 color: #f70201;
}

#top{ 
 display:none;
}

.fade {
 -webkit-transition: all .1s ease-in-out;  
 -moz-transition: all .1s ease-in-out;  
 -o-transition: all .1s ease-in-out;  
 transition: all .1s ease-in-out;  
}

.fade:hover {
 filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: .7;
}

/* =====================================================================
   LAYOUT */
.wrap {
 width: 1000px;
 margin: 0 auto;
 padding: 0;
}

.block_outer {
 margin-bottom: 60px;
}

/* =====================================================================
   Header */

#header {
 background: #fff;
}

.mv_area {
 position: relative;
}

.page_mv {
 margin: 0 auto;
 text-align: center;
}

#header h1 {
 margin: 0;
}

#header h1 a {
 text-indent: -9999px;
 background: url(../img/logo.png) no-repeat;
 display: block;
 width: 210px;
 height: 291px;
 position: absolute;
 top: 0;
 left: 40px;
 z-index: 99;
}

/* GlobalNav */
.gnv {
 background: url(../img/gnv_bg.png) repeat-x;
}

.gnv ul {
 margin: 0 auto;
 padding: 0;
 list-style: none;
 width: 1000px;
 height: 50px;
}

.gnv ul li {
 float: left;
 width: 200px;
 height: 50px;
}

/* container */
.container {
 padding: 20px 0;
 width: 1000px;
 margin: 0 auto;
}

/* Main */

#main {
 width: 728px;
 float: left;
 text-align: left;
}

.page_cont {
 padding: 0 0 0 50px;
 margin-top: 50px;
}

#main h2{
 margin-top: 0;
}

/* side */

#side {
 width: 232px;
 float: right;
}

#side h3 {
 margin-bottom: 0;
}

.sideshop {
 background: #f2f0e2;
 width: 202px;
 padding: 0 15px;
 text-align: left;
}

.sideshop h4 {
 margin: 0;
 padding-top: 10px;
}

.side_list {
 margin: 0;
 padding: 0;
 list-style: none;
}

.side_list li {
 padding: 7px 0;
}

.side_list li a {
 display: block;
}

/* ==========================================
   Footer */

#footer {
 background: url(../img/footer_bg.png) top center no-repeat #c1b97e;
 padding: 20px 0;
}

.footernav {
 padding: 0;
 list-style: none;
}

.footernav li {
 display: inline-block;
 border-right: 1px #333 solid;
}

.footernav li a {
 padding: 0 20px;
 display: block;
}

.footernav li a:hover {
 color: #fff;
}