@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#FFF;
font-size:12px;
line-height:1.5;
height:100%;
z-index:0;
background:#0B0C1E;
}

#wrapper{
width:100%;
height:auto;
min-width:1280px;
min-height:100%;
margin:auto;
}

#container{margin:auto;}

header{
width:100%;
height:69px;
background:url(../img/bg_header.png);
border-top:solid #FFF 3px;
z-index:9999;
}

nav{
width:1155px;
height:28px;
margin:auto;
}

nav ul li a{
float:left;
display:block;
width:105px;
height:28px;
text-indent:-9999px;
background:url(../img/nav.png) no-repeat;
}

nav ul li a.disable{cursor:default;}

#nav00 a:link{background-position:0px 0px}
#nav01 a:link{background-position:-105px 0px}
#nav02 a:link{background-position:-210px 0px}
#nav03 a:link{background-position:-315px 0px}
#nav04 a:link{background-position:-420px 0px}
#nav05 a:link{background-position:-525px 0px}
#nav06 a:link{background-position:-630px 0px}
#nav07 a:link{background-position:-735px 0px}
#nav08 a:link{background-position:-840px 0px}
#nav09 a:link{background-position:-945px 0px}
#nav10 a:link{background-position:-1050px 0px}

#nav00 a:hover{background-position:0px -28px}
#nav01 a:hover{background-position:-105px -28px}
#nav02 a:hover{background-position:-210px -28px}
#nav03 a:hover{background-position:-315px -28px}
#nav04 a:hover{background-position:-420px -28px}
#nav05 a:hover{background-position:-525px -28px}
#nav06 a:hover{background-position:-630px -28px}
#nav07 a:hover{background-position:-735px -28px}
#nav08 a:hover{background-position:-840px -28px}
#nav09 a:hover{background-position:-945px -28px}
#nav10 a:hover{background-position:-1050px -28px}

#content{background:url(../img/bg_content.jpg);}

section{
clear:both;
width:1260px;
margin:auto;
}

#topic{
padding-top:10px;
padding-bottom:20px;
background:url(../img/bg_topic.png) repeat-x;
}

#update{
position:relative;
z-index:30;
}

#update p{
font-size:13px;
margin-top:11px;
margin-left:90px;
}

#update p span{
margin-right:10px;
}

#recent,#next{
width:620px;
height:40px;
float:left;
margin:5px;
}

#recent{background:url(../img/recent.png) no-repeat;}
#next{background:url(../img/next.png) no-repeat;}

#topic li{
float:left;
margin:10px;
margin-top:0px;
margin-bottom:0px;
}

#title{
width:100%;
height:145px;
background:url(../img/title.jpg) no-repeat;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom:solid 1px #FFF;
}



footer{
position:relative;
min-width:1200px;
width:100%;
clear:both;
padding-top:30px;
padding-bottom:30px;
background:url(../img/bg_footer.png) repeat-x;
z-index:1000;
}


#banner li{
float:right;
margin:10px;
}

#copyright p{
clear:both;
text-align:right;
margin:10px;
}

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

.fade:hover{
opacity:0.5;
filter:alpha(opacity=50);
}

.banner_float li{
float:left;
display:block;
margin:5px;
}

/**********************************************************************************************************
***********************************************************************************************************/
**********************************
***********************************************************************************************************/

.ui-tabs .ui-tabs-hide{display:none;!important}

.scroll{background:url(../img/bg_scroll.png) repeat-y;}
.page{background:url(../img/bg_page.png) no-repeat;}

.wide{
width:1230px;
margin:auto;
}

.narrow{
width:1280px;
height:1140px;
margin:auto;
padding-bottom:00px;
}

a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}


.trans00{}
.trans01{margin-left:15px;}
.trans02{margin-left:25px;}
.trans03{margin-left:35px;}
.trans04{margin-left:45px;}
.trans05{margin-left:55px;}
.trans06{margin-left:65px;}
.trans07{margin-left:75px;}
.trans08{margin-left:85px;}
.trans09{margin-left:95px;}

.trans10{margin-top:100px;margin-left:100px;position:absolute;}

.new{
position:absolute;
z-index:100;
margin-top:-15px;
margin-left:-10px;
}

/**********************************************************************************************************
***********************************************************************************************************/

/**********************************************************************************************************
***********************************************************************************************************/


#store1{
height:1100px;
background:url(../img/main00_00.png) no-repeat top center;
}

#store1 a img{
display:block;
position:absolute;
}

#store_link1 a img{
margin-top:1000px;
margin-left:470px;
}

#store_link2 a img{
margin-top:1000px;
margin-left:870px;
}

#store_link3 a img{
margin-top:700px;
margin-left:830px;
}

#store_link4 a img{
margin-top:520px;
margin-left:650px;
}

/**********************************************************************************************************
***********************************************************************************************************/


/**********************************************************************************************************
***********************************************************************************************************/