@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#FFF;
line-height:1.5;
letter-spacing:1.5px;
height:100%;
background:url(../img/bg_body_story.png) no-repeat #FFF top center fixed;
}

#wrapper{
width:100%;
min-width:1260px;
}

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

.header{
position:relative;
width:100%;
min-width:1260px;
height:60px;
border-top:1px solid #295F77;
background:url(../img/bg_header.png) repeat-x bottom center;
z-index:500;
}

#nav{
width:1260px;
height:50px;
margin:auto;
background:url(../img/bg_nav.png) repeat-x bottom center;
}

#nav h1,#nav ul{
display:inline-block;
vertical-align:top;
}

#nav h1 a{
display:block;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

#nav h1 a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#nav ul{
text-align:center;
}

#nav ul li{
position: relative;
text-align:right;
display:inline-block;
vertical-align:middle;
height:50px;
width:122px;
margin:0px;
margin-top:0;
margin-bottom:0;
background:url(../img/nav.png) no-repeat;
}

#nav ul li a{
display:block;
height:50px;
}

#nav ul li#nav1{background-position:0px 0px;}
#nav ul li#nav2{background-position:-122px 0px;}
#nav ul li#nav3{background-position:-244px 0px;}
#nav ul li#nav4{background-position:-366px 0px;}
#nav ul li#nav5{background-position:-488px 0px;}
#nav ul li#nav6{background-position:-610px 0px;}
#nav ul li#nav7{background-position:-732px 0px;}
#nav ul li#nav8{background-position:-854px 0px;}

#nav ul li#nav1:hover{background-position:0px -50px;}
#nav ul li#nav2:hover{background-position:-122px -50px;}
#nav ul li#nav3:hover{background-position:-244px -50px;}
#nav ul li#nav4:hover{background-position:-366px -50px;}
#nav ul li#nav5:hover{background-position:-488px -50px;}
#nav ul li#nav6:hover{background-position:-610px -50px;}
#nav ul li#nav7:hover{background-position:-732px -50px;}
#nav ul li#nav8:hover{background-position:-854px -50px;}

#nav ul li#nav1.active{background-position:0px -100px;}
#nav ul li#nav2.active{background-position:-122px -100px;}
#nav ul li#nav3.active{background-position:-244px -100px;}
#nav ul li#nav4.active{background-position:-366px -100px;}
#nav ul li#nav5.active{background-position:-488px -100px;}
#nav ul li#nav6.active{background-position:-610px -100px;}
#nav ul li#nav7.active{background-position:-732px -100px;}
#nav ul li#nav8.active{background-position:-854px -100px;}

#nav ul li#nav1.none{background-position:0px -150px;}
#nav ul li#nav2.none{background-position:-122px -150px;}
#nav ul li#nav3.none{background-position:-244px -150px;}
#nav ul li#nav4.none{background-position:-366px -150px;}
#nav ul li#nav5.none{background-position:-488px -150px;}
#nav ul li#nav6.none{background-position:-610px -150px;}
#nav ul li#nav7.none{background-position:-732px -150px;}
#nav ul li#nav8.none{background-position:-854px -150px;}

#nav ul li img.new{
display:block;
position:absolute;
margin-top:40px;
margin-left:70px;
z-index:100;
}

#nav ul li.none{
pointer-events:none;
}

#nav ul li ul.dd{
font-size:10px;
display:none;
position:absolute;
width:137px;
padding:0;
padding-top:5px;
margin-left:0px;
margin-top:50px;
background:none;
text-align:center;
z-index:300;
}

#nav ul li ul.dd li{
display:block;
background:none;
height:auto;
border-bottom:1px solid rgba(255,255,255,0.2);
background:rgba(0,0,44,0.8);
}

#nav ul li ul.dd li.re{
letter-spacing:0.5px;
}

#nav ul li ul.dd li a{
color:rgba(255,255,255,0.9);
display:block;
background:none;
height:auto;
text-align:center;
min-height:20px;
padding:5px;
padding-bottom:1px;
padding-top:6px;
}

#nav ul li ul.dd a:hover{
background:rgba(255,255,255,0.1)
}

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


#content{
width:1260px;
min-height:720px;
margin:auto;
}

.area{
width:1260px;
margin:auto;
}

.menu{
position:relative;
width:100%;
min-width:1260px;
height:30px;
z-index:300;
}

#menu{
height:40px;
}

#menu ul{
text-align:right;
}

#menu ul li{
margin-top:20px;
display:inline-block;
}

#menu ul li a{
display:block;
width:370px;
height:120px;
background:url(../img/gallery_menu.png) no-repeat;
}

#content h3{
margin-top:-25px;
margin-left:15px;
}


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


#menu ulsmenu{
text-align:right;
}

#menu ul#smenu li{
margin-top:20px;
display:inline-block;
}

#menu ul#smenu li a{
display:block;
width:122px;
height:86px;
background:url(../img/special_menu.png) no-repeat;
}

ul#smenu li#smenu1 a:link{background-position:0px 0px;}
ul#smenu li#smenu2 a:link{background-position:-122px 0px;}
ul#smenu li#smenu3 a:link{background-position:-244px 0px;}
ul#smenu li#smenu4 a:link{background-position:-366px 0px;}
ul#smenu li#smenu5 a:link{background-position:-488px 0px;}
ul#smenu li#smenu6 a:link{background-position:-610px 0px;}
ul#smenu li#smenu7 a:link{background-position:-732px 0px;}

ul#smenu li#smenu1 a:hover{background-position:0px -86px;}
ul#smenu li#smenu2 a:hover{background-position:-122px -86px;}
ul#smenu li#smenu3 a:hover{background-position:-244px -86px;}
ul#smenu li#smenu4 a:hover{background-position:-366px -86px;}
ul#smenu li#smenu5 a:hover{background-position:-488px -86px;}
ul#smenu li#smenu6 a:hover{background-position:-610px -86px;}
ul#smenu li#smenu7 a:hover{background-position:-732px -86px;}

ul#smenu li#smenu1 a.none{background-position:0px -172px;}
ul#smenu li#smenu2 a.none{background-position:-122px -172px;}
ul#smenu li#smenu3 a.none{background-position:-244px -172px;}
ul#smenu li#smenu4 a.none{background-position:-366px -172px;}
ul#smenu li#smenu5 a.none{background-position:-488px -172px;}
ul#smenu li#smenu6 a.none{background-position:-610px -172px;}
ul#smenu li#smenu7 a.none{background-position:-732px -172px;}

#menu ul#smenu li a.none{
pointer-events:none;
}

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



#trial{
width:1260px;
height:1300px;
margin:auto;
border-top:1px solid rgba(0,0,0,0);
margin-top:-10px;
}

#trial1{
height:753px;
background:url(../img/trial00.png) no-repeat top center;
border-top:1px solid rgba(0,0,0,0);
}

#trial_list{
margin:auto;
margin-top:-50px;
margin-bottom:30px;
padding:35px;
padding-bottom:20px;


/* 外枠内 */
/*background:url(../img/bg_content.png);*/
background:rgba(2,0,26,0.8);

/* 外枠影 */
box-shadow:rgba(0,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(0,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(0,0,0,0.5) 3px 3px 1px 0px;

/* 外枠線 */
border:3px solid rgba(169,161,217,0.8);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#trial_list h4{
text-align:center;
margin-top:-30px;
margin-bottom:10px;
}

/* 内枠内 */
#trial ul{
width:1100px;
color:#990000;
font-size:11px;
background:rgba(50,56,111,0.7);
padding:40px;
padding-bottom:20px;


/* 内枠影 */
box-shadow:rgba(0,0,0,0.5) 3px 3px 1px 0px;
-webkit-box-shadow:rgba(0,0,0,0.5) 3px 3px 1px 0px;
-moz-box-shadow:rgba(0,0,0,0.5) 3px 3px 1px 0px;

/* 内枠線 */
border:2px solid rgba(169,161,217,0.8);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#trial ul li{
text-align:center;
margin-bottom:20px;
}

/* 破線 */
#trial ul li ol{
text-align:left;
width:1000px;
margin:auto;
border-bottom:1px dashed #AAA;
}

#trial ul li ol li{
text-align:left;
display:inline-block;
vertical-align:top;
margin-bottom:8px;
margin:auto;
}

/* 見出し文章 */
#trial ul li h5{
color:#FDA;
font-size:15px;
font-weight:bold;
}

#trial ul li h5 a{color:#FF0;}
#trial ul li h5 a:hover{color:#FF0}


/* ミラーサイト■ */
#trial ul li ol li h6 a{
display:block;
color:#FFF;
font-size:12px;
font-weight:bold;
text-align:center;
background:rgba(0,0,255,0.9);
border:1px dashed rgba(255,255,255,1);
width:300px;
margin-right:8px;
margin-bottom:3px;
padding-top:3px;
padding-bottom:4px;
}

#trial ul li ol li h6 a:hover{
color:#FF0;
}

#trial ul li ol li p a{
display:block;
font-size:11px;
color:#FFF;
font-weight:bold;
margin-right:8px;
padding:8px;
padding-top:5px;
padding-bottom:4px;


/* DOWNLOADリンク■ */
background:rgba(153,0,153,0.8);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
}

#trial ul li ol li p a:hover{
color:#FF0;
margin-top:2px;
box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}



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


#footer{
position:relative;
width:100%;
min-width:1260px;
padding-bottom:10px;
padding-top:20px;
background:url(../img/bg_footer.png) repeat-x top center;
z-index:1000;
}

#footer p{
color:#F2EEEE;
font-size:10px;
text-align:center;
letter-spacing:4px;
margin-bottom:20px;
}

#footer ul{
font-size:10px;
text-align:center;
letter-spacing:-.40em;
margin-bottom:15px;
}

#footer ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}

#footer ul li a{
display:block;
letter-spacing:4px;
width:150px;
padding-top:5px;
padding-bottom:5px;
border-right:1px dashed rgba(255,255,255,0.6);
}

#footer li a:hover{
background:rgba(0,0,0,0.1);
}

#footer a:link{color:#fdd5a6;}
#footer a:visited{color:#fdd5a6;}
#footer a:hover{color:#FFF;}

#footer p a:hover{color:#FFF;}






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