@charset "UTF-8";
/*CSSリセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSSリセットここまで */


/* html要素設定 */
html {
}
body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/*color: #000000;*/
	font-size: 14px;
	line-height: 1.4em;
	background: #1a1a1a url(../img/bg/bg_cloud_moon.jpg) no-repeat center top;
}

body .index{

}

/* BG */
#bgmain{
}
#bgheader{
}
#bgfooter{
}

/* コンテンツ */
#contentsframe{
	width: 1035px;
	position: relative;
	left: 50%;
	margin-left: -517px;
	z-index:10;
}
#contents{}
#header{
}

#header .tuuhanbanner{
	position: absolute;
	top: 15px;
	right: 0px;
}

#navi{
	margin-bottom: 20px;
}
#navi .none{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#navi ul{
	width: 880px;
	margin: 0 auto;
}
#navi li{
	display: block;
	float: left;
	margin: -3px 0 5px 0;
}

/* フルサイズ */
.w880{
	width: 880px;
	margin: 0 auto;
}

.top-visual{
	margin-bottom: 20px;
}

/* トップ下部 */
#secondcontents{
	margin-bottom: 22px;
}
#secondcontents .w581{
	width: 581px;
	float: left;
	margin: 0 65px 0 0;
}
#secondcontents .w234{
	width: 234px;
	float: left;
}

.slide .sdw {
	box-shadow: 3px 3px 9px #000;
	margin-bottom: 20px;	
}

.slide-button {
	margin: 17px 0 12px 0;
	text-align: right;
}
.slide-button img{
	margin-right: 8px;
}

.information{
	width: 581px;
	height: 218px;
	background: url(../img/top/top_info_bg.jpg) no-repeat;
}
.information .infotitle{width: 100%; height: 40px;}
.information .infotext{
	height: 168px;
	padding: 0px 20px;
	overflow-y:scroll;
}

.twitterwaku{
	/*width: 234px;
	height: 217px;
	background: url(../img/top/top_twitter_bg.jpg) no-repeat;*/
	margin-bottom: 11px;
}
.twittertext{
	overflow-x:hidden;
}

/*.twitterwaku .twittertitle{width: 100%; height: 30px;}*/
.twitterwaku .twittertext{
	height: 210px;
	/*padding: 0px 0px;
	overflow-y:scroll;*/
}

#footer{
	width: 1035px;
	margin-bottom: 10px;
}

#bottomkazari{
	position: relative;
	z-index:2;
	background: url(../img/bg/bg_underdecoration.png) no-repeat center top;
	width: 100%;
	height: 633px;
	margin-top: -633px;
}
#bottomkiri{
	position: relative;
	z-index:1;
	width: 100%;
	height: 679px;
	margin-top: -679px;
	
	background: url(../img/bg/bg_undermoya.png) repeat-x;
}
.link .linkwaku a{
	display:block;
	width: 234px;
	height: 60px;
	/*background-color:#FFFFFF;*/
}
.link a img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.link p a{
	margin-left: 34px;
}



/*ーーーーーーーーーーーー
キャラクター
ーーーーーーーーーーーー*/
#charactor_botan ul{
	height: 181px;
	width: 880px;
	/*background-color: #69F;*/
}

#charactor_botan ul li {
	float: left;
}



#charactor_botan ul li {
	margin-left: 20px;
}

#chara_shoukai{
	width: 756px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;	/*background-color: #C0C;*/
	margin-bottom: 30px;
}



/*ーーーーーーーーーーーー
ストーリー
ーーーーーーーーーーーー*/
#story_shoukai p{
	margin-top: 50px;
	height:900px;
	width: 880px;
	margin-left: 130px;
	
	/*background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;*/
}


/*ーーーーーーーーーーーー
キャスト＆スタッフ
ーーーーーーーーーーーー*/

.w880 #staff_cast_shoukai p{
	margin-left: 55px;
	margin-bottom: 50px;
}
/*ーーーーーーーーーーーー
スペシャル
ーーーーーーーーーーーー*/


#contentsframe #contents #sub_navi ul{
	height: 20px;
	width: 1000px;
}

#contentsframe #contents #sub_navi ul li{
	float: left;
	
}

#contentsframe #contents #sub_navi ul li a{
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 150px;
	overflow: hidden;
	padding-left: 40px;
}

/*ーーーーーーーーーーーー
スペシャル特典情報
ーーーーーーーーーーーー*/
#contentsframe #contents #sub_navi #shiwake01 ul .tokuten{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten_ov.jpg);
	height: 40px;
	width: 150px;
	text-indent: -9999px;
	padding-right: 40px;
}

#contentsframe #contents #sub_navi #shiwake01 ul li a#twittericon{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon.jpg);
}

#contentsframe #contents #sub_navi #shiwake01 ul li a#twittericon:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake01 ul li a#kabegami{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami.jpg);
}

#contentsframe #contents #sub_navi #shiwake01 ul li a#kabegami:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami_ov.jpg);
}


#contentsframe #contents #sub_navi #shiwake01 ul li a#banner{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner.jpg);
	
}

#contentsframe #contents #sub_navi #shiwake01 ul li a#banner:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner_ov.jpg);
}


#contentsframe #contents #sub_navi  #shiwake01 ul li a#seisakuurabanashi{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown.jpg);
}

#contentsframe #contents #sub_navi  #shiwake01 ul li a#seisakuurabanashi:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown_ov.jpg);
}

#tokuten_shoukai p{
	height: 800px;
	width: 756px;
	background-repeat: no-repeat;
	/*text-indent: -9999px;
	display: block;
	overflow: hidden;*/
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

#tokuten_shoukai .tokutencontents{
	width: 756px;
	margin: 30px auto 20px auto;
}

#tokuten_shoukai .tokutenbutton{
	padding: 0 0 0 22px;
}

.tokutenbutton img{
	display: block;
	float:left;
}

/*ーーーーーーーーーーーー
スペシャルツイッターアイコン
ーーーーーーーーーーーー*/
#contentsframe #contents #sub_navi #shiwake02 ul li a#tokutenjyouhou{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten.jpg);
}

#contentsframe #contents #sub_navi #shiwake02 ul li a#tokutenjyouhou:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake02 ul .icon {
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon_ov.jpg);
	text-indent: -9999px;
	padding-left: 40px;
}
#contentsframe #contents #sub_navi #shiwake02 ul li a#kabegami{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami.jpg);
}

#contentsframe #contents #sub_navi #shiwake02 ul li a#kabegami:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami_ov.jpg);
}


#contentsframe #contents #sub_navi #shiwake02 ul a#banner{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner.jpg);
}

#contentsframe #contents #sub_navi #shiwake02 ul li a#banner:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner_ov.jpg);
}


#contentsframe #contents #sub_navi  #shiwake02 ul li a#seisakuurabanashi{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown.jpg);
}

#contentsframe #contents #sub_navi  #shiwake02 ul li a#seisakuurabanashi:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown_ov.jpg);
}



#twitter_icon{
	width: 714px;
	height: 800px;
	background-image: url(../img/bl_wall.png);
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

#twitter_icon p{
	color: #FFF;
	text-align: center;
	padding: 5px;
}

#twitter_icon #icon_group01{
	height: 70px;
	width: 346px;
	float: left;
	margin-top: 10px;
	margin-left:25px;	
}
#twitter_icon #icon_group01 p{
	float: left;
}


#twitter_icon #icon_group02{
	height: 70px;
	width: 368px;
	margin-left: 370px;
	margin-top: 10px;
		
}
#twitter_icon #icon_group02 p{
	float: left;
}


#twitter_icon #icon_group03{
	height: 70px;
	width: 346px;
	float: left;
	margin-top: 10px;
	margin-left:25px;
}

#twitter_icon #icon_group03 p{
	float: left;
}


#twitter_icon #icon_group04{
	height: 70px;
	width: 368px;
	margin-left: 346px;	
	margin-top: 20px;	
}
#twitter_icon #icon_group04 p{
	float: left;
	
}

#twitter_icon #icon_group05{
	height: 70px;
	width: 346px;
	float: left;	
	margin-top: 10px;
	margin-left:25px;	
}
#twitter_icon #icon_group05 p{
	float: left;
	
}

#twitter_icon #icon_group06{
	height: 70px;
	width: 368px;
	margin-left: 346px;	
	margin-top: 20px;	
}
#twitter_icon #icon_group06 p{
	float: left;
}

#twitter_icon #icon_group07{
	height: 70px;
	width: 346px;
	float: left;
	margin-top: 10px;	
	margin-left:25px;
}
#twitter_icon #icon_group07 p{
	float: left;
}

#twitter_icon #icon_group08{
	height: 70px;
	width: 368px;
	margin-left: 346px;
	margin-top: 20px;
}
#twitter_icon #icon_group08 p{
	float: left;
}



/*ーーーーーーーーーーーー
スペシャル壁紙
ーーーーーーーーーーーー*/
#contentsframe #contents #sub_navi #shiwake03 ul li a#tokutenjyouhou{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten.jpg);
}

#contentsframe #contents #sub_navi #shiwake03 ul li a#tokutenjyouhou:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake03 ul li a#twittericon{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon.jpg);
}

#contentsframe #contents #sub_navi #shiwake03 ul li a#twittericon:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon_ov.jpg);
}



#contentsframe #contents #sub_navi #shiwake03 ul .kabegami{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami_ov.jpg);
	height: 40px;
	width: 150px;
	text-indent: -9999px;
	padding-right: 40px;
}


#contentsframe #contents #sub_navi #shiwake03 ul li a#banner{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner.jpg);
	
}

#contentsframe #contents #sub_navi #shiwake03 ul li a#banner:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner_ov.jpg);
}


#contentsframe #contents #sub_navi  #shiwake03 ul li a#seisakuurabanashi{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown.jpg);
}

#contentsframe #contents #sub_navi  #shiwake03 ul li a#seisakuurabanashi:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown_ov.jpg);
}


#pc_kabegami{
	background-image: url(../img/bl_wall.png);
	width: 714px;
	height: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

#pc_kabegami p {
	margin-top: 25px;
	text-align: center;
	color: #FFF;
	
}


.size {
	/*background-color: #00F;*/
	/*height: 50px;
	width: 150px;*/
	margin-top: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}


#pc_kabegami ul {
	
	/*background-color: #9F6;*/
	height: 500px;
	width: 690px;
	/*margin-left: 190px;*/
}

#pc_kabegami ul li {
	float: left;
	margin-left:18px;
	margin-top: 20px;
	height: 100px;
	width: 150px;
}


#twitter_kabegami ul {
	background-color: #7E0;
	height:300px;
	width: 690px;
	margin-left: 190px;	
	margin-bottom:50px;	
}



#twitter_kabegami ul li{
	float:left;
	margin-left: 20px;
	margin-top: 30px;
	height: 100px;
	width: 150px;
}

#twitter_kabegami p{
	margin-top: 52px;
	margin-left: 198px;
	/*color: #FFF;*/
}





/*ーーーーーーーーーーーー
スペシャルバナー
ーーーーーーーーーーーー*/
#contentsframe #contents #sub_navi #shiwake04 ul li a#tokutenjyouhou{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten.jpg);
}

#contentsframe #contents #sub_navi #shiwake04 ul li a#tokutenjyouhou:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake04 ul li a#twittericon{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon.jpg);
}

#contentsframe #contents #sub_navi #shiwake04 ul li a#twittericon:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake04 ul li a#kabegami{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami.jpg);
}

#contentsframe #contents #sub_navi #shiwake04 ul li a#kabegami:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami_ov.jpg);
}


#contentsframe #contents #sub_navi #shiwake04 ul .banner{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner_ov.jpg);
	height: 40px;
	width: 150px;
	text-indent: -9999px;
	padding-right: 40px;
}

#contentsframe #contents #sub_navi  #shiwake04 ul li a#seisakuurabanashi{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown.jpg);
}

#contentsframe #contents #sub_navi  #shiwake04 ul li a#seisakuurabanashi:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown_ov.jpg);
}



#all_banner{
	/*background-color: #909;*/
	/*height:2500px;*/
	width: 759px;
	/*height: 800px;*/
	margin-left: auto;
	/*background-image: url(../img/bl_wall.png);*/
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
}

#all_banner p{
	color: #FFF;
	margin-top: 10px;
	text-align: center;
}





#banner01 p{
	margin-top:200px;
	float: left;
	text-align: center;
}

#banner02 ul li{
	float: left;
	margin-bottom:40px;
	margin-left:13px;
}

#banner03 ul {
	height: 1300px;
	width: 720px;
	margin: auto;
}

#banner03 p{
	margin-top:20px;
}

#banner03 ul li{
	float:left;
	margin-left:40px;
}



/*ーーーーーーーーーーーー
スペシャル制作裏話
ーーーーーーーーーーーー*/


#contentsframe #contents #sub_navi #shiwake05 ul li a#tokutenjyouhou{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten.jpg);
}

#contentsframe #contents #sub_navi #shiwake05 ul li a#tokutenjyouhou:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_tokuten_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake05 ul li a#twittericon{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon.jpg);
}

#contentsframe #contents #sub_navi #shiwake05 ul li a#twittericon:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_twittericon_ov.jpg);
}

#contentsframe #contents #sub_navi #shiwake05 ul li a#kabegami{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami.jpg);
}

#contentsframe #contents #sub_navi #shiwake05 ul li a#kabegami:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_kabegami_ov.jpg);
}


#contentsframe #contents #sub_navi #shiwake05 ul li a#banner{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner.jpg);
}

#contentsframe #contents #sub_navi #shiwake05 ul li a#banner:hover{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_banner_ov.jpg);
}

#contentsframe #contents #sub_navi  #shiwake05 ul .seisaku{
	background-repeat: no-repeat;
	background-image: url(../img/special/b_countdown_ov.jpg);
	height: 40px;
	width: 150px;
	text-indent: -9999px;
	padding-right: 40px;
}

/* PV */

#all_pv p{
	color: #FFF;
	
}

#pv13 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv12 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv11 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv10 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv09 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv08 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv07 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}


#pv06 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv05 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}


#pv04 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#pv03 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}


#pv02 ul li {
	width: 560px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;	
}
#pv01 ul li {
	 width:560px;
	 height:350px; 
	margin-right: auto;
	margin-left: auto;	
}

/* SHOP */
.w880 p {
	
}


#shopmenu{
	
}

#shopmenu ul{
	width: 810px;
	margin: 0 auto;
}

#shopmenu ul li{
	float: left;
}

#shopcontents{
	margin: 30px auto 20px auto;
}

#shopcontents .officialtokutenbg{
	width: 758px;
	height: 808px;
	margin: 0 auto;
	background: url(../img/shop/shop_officialtokuten_bg.png) no-repeat;
}

#shopcontents .officialtokutenteleca{
}

#shopcontents .officialpricebg{
	width: 758px;
	height: 808px;
	margin: 0 auto;
	background: url(../img/shop/shop_kakakuinfo_bg.png);
}

#shopcontents .officialpricecontents{
	padding: 30px;
}

#shopcontents .officialpricetext{
	text-align: center;
	margin-bottom: 20px;
}

#shopcontents .officialpricespec{
	width: 304px;
	float: left;
	text-align: center;
	margin: 20px 70px 0 0;
}
#shopcontents .officialpriceselect{
	float: left;
	text-align: center;
}