*{zoom:1;}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	font-size:13px;
	color: #111;
    line-height:1.5em;
    width:100%;
    min-width:1000px;
    overflow-y:scroll;

}

.clear{
    clear:both;
}

li{
    list-style-type:none;
}

img{
     vertical-align: bottom;
     border:0;
}

ul,h1,h2{
     padding:0;
     margin:0;
}


a{
	color: #111;
	text-decoration:none;
}
a:hover{
	color: #29a7ee;
	text-decoration:underline;
}

.br2{
    display:inline-block;
}

/*トップヘ戻る*/
#backTop{
	width:70px;
	height:70px;
	/*bottom:100px;*/
    bottom:10px;
	right:10px;
	background-image: url(../img/backtop.png);
    background-repeat:no-repeat;
	cursor:pointer;
	position: fixed;
	z-index: 500;
}


/*----------------------------------------------------------------
ローディング
-----------------------------------------------------------------*/

.loading{
    width:100%;
    position:absolute;
    top:300px;
    text-align:center;
}
/*----------------------------------------------------------------
サブメニュー
-----------------------------------------------------------------*/
#subNavi{
     padding:0;
     margin:10px 0 -15px;
     text-align:left;
     
}

#subNavi .new{
    font-size:14px;
    font-weight:bold;
    color:#ed4c72;
    font-family: 'Play', sans-serif;
    font-weight:700;
    margin-right:3px;

}

#subNavi .box{
    width:100%;
    max-width:862px;
    margin:0 auto;
}

#subNavi .box a{
    height:41px;
    display:inline-block;
    background-color:#fff;
    /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    
    box-sizing:border-box;
    
    padding:9px 2% 0;
    color:#707070;
    font-weight:bold;
    font-size:13px;

    border:#63baf8 1px solid;
    text-shadow:0 0 3px #ccc;
    margin:0 0.5%;
}


#subNavi .box a:hover{
    border:#ccc 1px solid;
    text-decoration:none;

}

#subNavi .box a.selected{
    background-color:#63baf8;
    border:#63baf8 1px solid;
    color:#fff;
    text-shadow:0 0 0 #ccc;
}


/*----------------------------------------------------------------
コンテンツエリア
-----------------------------------------------------------------*/
#contents{
        width:100%;
    font-size:16px;
    background-image:url(../img/header_line.jpg);
    background-repeat:repeat-x;
    background-position:center top;
    padding-top:24px;

}

#wrap{
    background-image:url(../img/bg.jpg);
    background-repeat:no-repeat;
    background-position:center bottom;

}

/*二階層*/

#secondContents{
}

#secondWrap{
}

/*二階層目基本ＢＯＸ*/
.contBox{
    width:100%;
    max-width:862px;
    margin:20px auto 0;
    background-image:url(../story/img/bg_grid.jpg);
    background-repeat:repeat;
    
    box-sizing:border-box;
        /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    border:#111 3px double;
}
.contBox .bgLeft{
    width:100%;
    max-width:856px;
    margin:0 auto;
    background-image:url(../story/img/bg_left.png);
    background-repeat:no-repeat;
    background-position:left top;
}

.contBox .bgRight{
    width:100%;
    max-width:856px;
    margin:0 auto;
    padding:50px 5% 100px;
    background-image:url(../story/img/bg_right.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    box-sizing:border-box;
    line-height:1.5em;
    font-weight:bold;
    font-size:18px;
    letter-spacing:0.5px;
    text-shadow:0 0 3px #ebe0ff;
}

/*----------------------------------------------------------------
メインエリア
-----------------------------------------------------------------*/

/*----------------------------------------------------------------
フッターエリア
-----------------------------------------------------------------*/
#copyright{
    padding:6px 0;
    background-color:#fff;
    text-align:center;
    border-bottom:#ccc 1px solid;
    margin-bottom:10px;
}
#footer{
    background-color:#fff;
    text-align:center;
    padding:0px 0 50px;
    border-top:#ccc 1px solid;
}
#footer img.vitaTxt{
    width:98%;
    margin:0 auto;
    max-width:520px;
    
}
#footer img.vita{
    margin:5px 0.5%;
}

#footer a.link img{
    border:#ccc 1px solid;
    margin:5px 0.5%;
}
/*----------------------------------------------------------------
スマホエリア
-----------------------------------------------------------------*/
@media (max-width: 960px) {

}

@media (max-width: 786px) {
    body{
        min-width:100%;
    }
    #contents{
        min-height:500px;
    }
}
@media (max-width: 480px) {

    /*トップヘ戻る*/
    #backTop{
        display:none;
    }
}