@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #463360; text-align: center; font-size: 14px; line-height: 1.7; color: #19192C; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
hr { display: none; }
ul { list-style: none; }
img { border: none; }
nav,section,footer { display: block; }

/*リンク設定
----------------------------------------------*/
a { color: #3FA9F5; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
a:hover { color: #FF7BAC; }
a:hover img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; background: none!important}
.noOp { opacity:0.3; filter:alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background:none!important; }

/*テキスト選択色
----------------------------------------------*/
::selection { background: #E2EFE6; }
::-moz-selection { background: #E2EFE6; }


/*ページ設定
----------------------------------------------*/
html,body {	margin: 0; padding: 0; height: 100%; }
#page { overflow: hidden !important; overflow: visible; min-height: 100%; height: auto !important; height: 100%; }
#menu,#con { float: left; padding-bottom: 32767px !important; margin-bottom: -32767px !important; padding-bottom: 0; 	margin-bottom: 0; height: 100%; }

#menu { width: 30%; min-width: 250px; background: url(../img/vol2/bg.png); }
#menuIn { width: 250px; text-align: center; margin-left: auto;}
h1 a { display: block; background: url(../img/vol2/title.png) no-repeat; width: 176px; height: 397px; margin: 45px auto 30px; text-indent: -9999px; }

#navA { width: 172px; background: url(../img/vol1/menu.png) no-repeat; padding-top: 19px; margin: 0 auto; }
#navB { width: 172px; margin: 0 auto 30px; }
#navA li,#navB li { background: rgba(255,255,255,0.2); height: 47px; position: relative; }
#navA span,#navB span { display: block; position: absolute; top: 5px; right: -5px; background: #FF3F6F; color: #FFF; padding: 0px 4px; font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#navA li:first-child { height: 59px; border-top: 2px solid #460516 }
#navB li:last-child { border-bottom: 2px solid #460516 }

#lineup { width: 172px; background: url(../img/vol1/lineup.png) no-repeat; padding-top: 18px; margin: 0 auto 30px; }
#lineup li { height: 47px; }
#lineup li:first-child { border-top: 2px solid #19192C; }
#lineup li:last-child { border-bottom: 2px solid #19192C; }

#menu p { padding-bottom: 30px; }


#con { width: 70%; background: url(../img/vol2/main.jpg) no-repeat fixed 100% 50%; }

#con1 { width: 640px; margin: 0 auto; padding: 400px 0; }
.conBody { width: 600px; margin: 80px auto 0; padding: 80px 0; background: rgba(255,255,255,0.85); text-align: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#con2 h2 { background: url(../img/vol2/wha_title.png) no-repeat; width: 456px; height: 57px; margin: 0 auto 30px; text-indent: -9999px; }
#con2 p,#con3 p { width: 410px; margin: 0 auto 1.5em; }
#con { font-size: 12px; }

#con3T1 { background: url(../img/vol2/prd_title.png) no-repeat; width: 456px; height: 57px; margin: 0 auto 30px; text-indent: -9999px; }
#con3T2 { background: url(../img/vol2/prd_tokuten.png) no-repeat; width: 456px; height: 57px; margin: 0 auto 30px; text-indent: -9999px; }
#con3T3 { background: url(../img/vol2/prd_track.png) no-repeat; width: 456px; height: 57px; margin: 0 auto 30px; text-indent: -9999px; }
#con3 ol { width: 300px; margin: 0 auto 80px; }

#chara h2 { background: url(../img/vol2/cha_title.png) no-repeat; width: 456px; height: 57px; margin: 0 auto 30px; text-indent: -9999px; }
#chara div h3 { display: none; }
#charaT { background: url(../img/vol2/cha2.png) no-repeat; width: 455px; height: 61px; margin: 0 auto; text-indent: -9999px; }
#charaA { background: url(../img/vol2/cha1.png) no-repeat; width: 455px; height: 276px; margin: 0 auto; position: relative; }
#charaA p { position: absolute; top: 90px; left: 25px; width: 190px; }
#charaB { background: url(../img/vol2/cha3.png) no-repeat; width: 455px; height: 276px; margin: 0 auto; position: relative; }
#charaB p { position: absolute; top: 105px; left: 275px; }

table { width:410px; margin: 0 auto 80px; border-collapse: collapse; border-top: 2px solid #463360; border-bottom: 2px solid #463360; }
tr { border-bottom: 1px solid #463360; }
th { width: 100px; text-align: center; border-right: 1px dashed #463360; }
td { text-align: left; padding: 15px 20px; }
tr:nth-child(odd) { background: #D6D2DC; }

dl { width: 410px; margin: 0 auto; }
dd { margin-bottom: 15px; padding-left: 15px; }

footer { font-size: 10px; text-align: left; padding: 0 0 50px 30px; text-shadow: 1px 0px 0px #FFF, 0px 1px 0px #FFF, -1px 0px 0px #FFF, 0px -1px 0px #FFF; }