body,div,dl,dt,dd,ul,ol,li,h1,h2,p,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}
img {
border:0;
vertical-align: top;
}
body {
font-family: " メイリオ","Meiryo"," ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MSPGothic",sans-serif
}
html{font-size: 100%;}
body{font-size: 15px; line-height: 1;}
ul{
    list-style-type: none;
}
a:hover{
    opacity: 0.7;
}

.fleft{
    float:left;
}
.fright{
    float:right;
}

.clear {
    clear:both;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

/*横トンマナ*/
.page{
}



.top-obi{
    display: none;
}
#header-inner{
}
#header-inner .top-book{
    display: none;
}
#header-inner .tops{
    display: none;
}
#header-inner .top-left{
    display: none;
}
#header-inner .logo{
    display: none;
}
#header-inner .top-left .submenu{
    display: none;
}
#header-inner .top-left .submenu a{
}
#header-inner .top-left .submenu a.ao{
}
#header-inner .top-left .submenu a.pink{
}
#header-inner .top-left .submenu a:last-child{
}
#header-inner .tree{
    display: none;
}
#header-inner nav{
    display: none;
}
#header-inner nav li{
    float: left;
}
#header-inner nav li a{
    width: 104px;
    height: 30px;
    display: inline-block;
    text-decoration: none;
    color: #444;
    text-align: center;
    padding: 8px 0 0 0;
}
#header-inner nav li a:hover{
    background: url(../images/header/roll-over.png) no-repeat;
    background-position: 10px 3px;
    opacity: 1;
}
#header-inner nav li p.main-text{
    font-size:14px;
}
#header-inner nav li p.subtext{
    font-size:12px;
    color: #898989;
    padding: 2px 0 0 0;
}
header{
    text-align: center;
}
header h1{
}
header h1 .sp-logo{
    width: 22.6%;
    height: auto;
}
header .sp-menu{
    width: 13.2%;
    height: auto;
    padding: 2.6% 0 3.2% 0;
}

header .sp-nav{
    display: none;
    z-index: 4;
    position: absolute;
    width: 100%;
}
header .sp-nav li{
    background: #71A8CB;
    border-bottom: solid 2px #fff;
    text-align: left;
}
header .sp-nav li a{
    padding: 0 0 0 31%;
    display: block;
    text-decoration: none;
}
header .sp-nav li img{
    padding: 3.7% 0 0 0;
    width: 5%;
    height: auto;
    display: inline-block;
}
header .sp-nav li span{
    font-size:3.5vw;
    color: #fff;
    padding: 6% 0 0 5.8%;
    display: inline-block;
}

/*フッター*/
#rel{
    padding-top: 20%;
    position: relative;
}

#rel .foot-man{
    display: none;
}
#rel .foot-tree{
    width: 23%;
    bottom:10px;
    right:3.2%;
    position: absolute;
}
footer{
    background: #71A8CB;
}
#footer-inner{
    display: none;
}
#footer-inner nav{
    display: none;
}
#footer-inner nav a{
}
#footer-inner nav a:last-child{
}
#footer-inner nav li{
}
#copyright{
    font-size:16px;
    font-weight: bold;
    color: #fff;
    padding: 2.8% 0 2.5% 0;
    text-align: center;
}
#copyright span{
}