@charset "UTF-8";

/**/

/*共通レイアウト
----------------------------------------------------------------*/
.container {
	margin: 0 auto;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#contents {
	position: relative;
	background: #000000 url(../image/common/bg_container.jpg) no-repeat 0 0;
}

#header { height: 80px; }

#logo { padding: 8px 0 0 16px; }

#wrapper {
	width: 879px;
}

#main {
	float: right;
	width: 679px;
	min-height: 365px;
	height: auto !important;
	height: 365px;
}

#pagetitle {
	position: absolute;
	left: 599px;
	top: 8px;
	width: a283px;
	height: 59px;
	text-align: right;
}

.bullet {
	margin-left: 30px;
}

.frame-top, .frame-bottom {
	float: right;
	width: 679px;
	height: 51px;
}

.frame-top { background: url(../image/common/bg_frame_top.jpg) no-repeat 0 0; }

.frame-bottom { background: url(../image/common/bg_frame_bottom.jpg) no-repeat 0 0; }

/*メニュー*/
ul.gnavi {
	float: left;
	margin: 0 0 0 16px;
	width: 143px;
	list-style: none;
}

ul.gnavi li {
	margin-bottom: 8px;
	height: 45px;
}

li.btnTop { background: url(../image/common/btn_top_o.jpg) no-repeat 0 0; }

li.btnNews { background: url(../image/common/btn_news_o.jpg) no-repeat 0 0; }

li.btnEpisode { background: url(../image/common/btn_episode_o.jpg) no-repeat 0 0; }

li.btnCharacter { background: url(../image/common/btn_character_o.jpg) no-repeat 0 0; }

li.btnStaff { background: url(../image/common/btn_staff_o.jpg) no-repeat 0 0; }

li.btnGoods { background: url(../image/common/btn_goods_o.jpg) no-repeat 0 0; }

li.btnRadio { background: url(../image/common/btn_radio_o.jpg) no-repeat 0 0; }

li.btnBlog { background: url(../image/common/btn_blog_o.jpg) no-repeat 0 0; }

li.btnLink { background: url(../image/common/btn_link_o.jpg) no-repeat 0 0; }

li.btnMovie { background: url(../image/common/btn_movie_o.jpg) no-repeat 0 0; }

li.btnStreaming { background: url(../image/common/btn_streaming_o.jpg) no-repeat 0 0; }


ul.gnavi li a {
	display: block;
	width: 143px;
	height: 45px;
}

ul.gnavi li a.current { text-indent: -9999px; }
ul.gnavi li a:hover { text-indent: -9999px; }

#footer {
	clear: both;
	margin-top: 21px;
	padding-top: 3px;
	background: #000000 url(../image/common/bg_footer.jpg) no-repeat 0 0;
	width: 900px;
	height: 50px;
	font-size: 85%;
	text-align: center;
	line-height: 1.3;
}

.new {
	color: #ff0000;
	font-weight: bold;
}


/*トップページ
----------------------------------------------------------------*/
#top { background: #000000 url(../image/top/bg_container.jpg) no-repeat 0 0; }

#logo-top { padding: 8px 0 0 12px; }

/*#dvd_txt {
	position:absolute;
	width:406px;
	height:55px;
	background:#f00;
	left: 499px;
	top: 33px;
}*/

/*トップページメニュー*/
dl.gnavi {
	clear: both;
	margin: 8px 0 0 13px;
	width: 400px;
	height: 45px;
	list-style: none;
}

dl.gnavi dt, dl.gnavi dd {
	float: left;
	height: 45px;
	font-size: 85%;
}

dl.gnavi dd {
	padding-left: 25px;
	line-height: 45px;
}

dl.btnNews {
	margin-top: 15px;
	background: url(../image/top/btn_news_o.jpg) no-repeat 0 0;
}

dl.btnEpisode { background: url(../image/top/btn_episode_o.jpg) no-repeat 0 0; }

dl.btnCharacter { background: url(../image/top/btn_character_o.jpg) no-repeat 0 0; }

dl.btnStaff { background: url(../image/top/btn_staff_o.jpg) no-repeat 0 0; }

dl.btnGoods { background: url(../image/top/btn_goods_o.jpg) no-repeat 0 0; }

dl.btnRadio { background: url(../image/top/btn_radio_o.jpg) no-repeat 0 0; }

dl.btnStreaming { background: url(../image/top/btn_streaming_o.jpg) no-repeat 0 0; }

dl.btnBlog { background: url(../image/top/btn_blog_o.jpg) no-repeat 0 0; }

dl.btnLink { background: url(../image/top/btn_link_o.jpg) no-repeat 0 0; }

dl.btnMovie { background: url(../image/top/btn_movie_o.jpg) no-repeat 0 0; }

dl.btnTopics { background: url(../image/top/btn_topics_o.jpg) no-repeat 0 0;}

dl.gnavi dt a { display: block; width: 147px; height: 45px; }

dl.gnavi dt a.current { text-indent: -9999px; }
dl.gnavi dt a:hover { text-indent: -9999px; }

/*メニュー下部分*/
#renewbnr_box {
	position: relative;
	width: 885px;
	height: 260px;
	margin-top: 15px;
	padding-left: 15px;
}
#renewbnr_box #left_brock { width: 390px; float: left;}
#renewbnr_box #right_brock {
	width: 400px;
	position: absolute;
	left: 416px;
	top: -60px;
}

/*更新履歴*/
#renew {
	clear: left;
	padding: 48px 0 0 13px;
	width: 375px;
	height: 108px;
	background: url(../image/top/bg_renew.jpg) no-repeat 0 0;
}
#renew dl {
	overflow: auto;
	width: 364px;
	height: 90px;
	font-size: 93%;
	line-height: 1.2;
}
#renew dl a {	text-decoration: underline; }
#renew dl a:link {	color: #ffffff; }
#renew dl a:visited {	color: #ffffff; }
#renew dl a:hover {	color: #ffffff; }
#renew dl a:active {	color: #ffffff; }


#renew dl dt, #renew dl dd { float: left; }

#renew dl dt { margin-right: 1em; }

#renew dl dd.border-renew {
	background: url(../image/top/img_border_renew.gif) no-repeat left center;
	width: 339px;
	height: 16px;
}
/*ネクストフレーム+mobileバナー*/
#nextframe { width: 184px; float: left; padding-left: 5px;}
#bnr_mobile { width: 184px; height: 87px; margin-left: 10px;margin-bottom:10px; float: left;display: block;}


/*最下部バナー*/
#banner_top {
	margin: 10px 0 0 12px;
	width: 879;
	font-size: 80%;
	line-height: 1.3;
	background: url(../image/top/bg_bnr_midium.jpg) repeat-y 0 0;;
	min-height: 42px;
	height: auto !important;
	height: 42px;
}

#banner_top ul {
	padding-left: 12px;
}


#banner_top ul li {
	margin-right: 10px;
	list-style-type: none;
	float: left;
}

#banner_top .txtbox {
	float: left;
	width: 436px;
}

#banner_top_upper {
	background: url(../image/top/bg_bnr_top.jpg) no-repeat 0 0;;
	height: 19px;
}
#banner_top_bottom {
	background: url(../image/top/bg_bnr_bottom.jpg) no-repeat 0 0;;
	height: 19px;
	clear: both;
}

/*スタッフ
----------------------------------------------------------------*/
#staff, #va {
	line-height: 1.3;
}

#staff dt, #staff dd, #va dt, #va dd {
	float: left;
	margin-bottom: 1em;
}

#staff dt, #va dt {
	padding-right: 12px;
	background: url(../image/common/img_cross.gif) no-repeat right center;
	width: 200px;
	text-align: right;
}

#staff dd, #va dd {
	padding-left: 7px;
	width: 400px;
}


/*エピソード
----------------------------------------------------------------*/
#episode {
	line-height: 1.6;
}

#episode dd {
	margin-top: 3px;
	margin-bottom: 1em;
	padding-left: 30px;
	width: 600px;
}
#episode dd.txtbox {
	padding: 0 20px 0 8px;
	float: left;
	width: 400px;
}

#episode dd.txtbox2 {
	padding: 0 20px 0 8px;
	float: left;
	width: 423px;
}

#episode dd.capbox {
	margin-top: 3px;
	padding-left: 30px;
	width: 215px;
	float: left;
}

#episode dd.capbox2 {
	margin-top: 3px;
	padding-left: 30px;
	width: 192px;
	float: left;
}

#episode dd.capbox img, #episode dd.capbox2 img { margin-bottom: 5px;}

#episode dd img .capture{
	margin-top: 5px;
}

#episode dd ul {
	width: 650px;
}

#episode dd ul li {
	padding-left: 8px;
	background: url(../image/common/img_cross.gif) no-repeat left center;
	list-style-type: none;
	width: 125px;
	float: left;
	margin: 0px 2px 0px 0px;
}
#ifra_ep {
	width: 620px;
	margin: 10px auto 0 auto;
}


/*キャラクター
----------------------------------------------------------------*/
#character_detail {
	line-height: 1.6;
	margin: 0 auto;
	padding: 0;
	width: 620px;
}

#character_detail_bottom {
	background: url(../image/character/bg_chara_bottom.jpg) no-repeat 0 0;
	height: 1px;
}

#character_detail .ein{
	background: url(../image/character/bg_ein.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .zwei{
	background: url(../image/character/bg_zwei.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .cal{
	background: url(../image/character/bg_cal.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .claudia{
	background: url(../image/character/bg_claudia.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .scythe{
	background: url(../image/character/bg_scythe.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .lizzie{
	background: url(../image/character/bg_lizzie.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .raymond{
	background: url(../image/character/bg_raymond.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .issac{
	background: url(../image/character/bg_issac.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .godo{
	background: url(../image/character/bg_godo.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .shiga{
	background: url(../image/character/bg_shiga.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .mio{
	background: url(../image/character/bg_mio.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .sanae{
	background: url(../image/character/bg_sanae.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .hirono{
	background: url(../image/character/bg_hirono.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#character_detail .motegi{
	background: url(../image/character/bg_motegi.jpg) no-repeat 0 0;
	padding: 70px 200px 10px 20px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}


/*サブメニュー*/

#character {
	width: 620px;
	margin: 10px auto 20px auto;
}

#character li {
	list-style-type: none;
	margin-bottom:10px;
	float: left;
}

#character li a {
	display: block;
	height: 50px;
	width: 300px;
	text-indent: -9999px;
}

#character li a.ein { background: url(../image/character/btn_ein.jpg) no-repeat 0 0; margin-right: 20px;}

#character li a.zwei { background: url(../image/character/btn_zwei.jpg) no-repeat 0 0;}

#character li a.claudia { background: url(../image/character/btn_claudia.jpg) no-repeat 0 0;}

#character li a.scythe { background: url(../image/character/btn_scythe.jpg) no-repeat 0 0; margin-right: 20px;}

#character li a.lizzie { background: url(../image/character/btn_lizzie.jpg) no-repeat 0 0; margin-right: 20px;}

#character li a.raymond { background: url(../image/character/btn_raymond.jpg) no-repeat 0 0;}

#character li a.issac { background: url(../image/character/btn_issac.jpg) no-repeat 0 0; margin-right: 20px;}

#character li a.godo { background: url(../image/character/btn_godo.jpg) no-repeat 0 0;}

#character li a.shiga { background: url(../image/character/btn_shiga.jpg)  no-repeat 0 0; margin-right: 20px;}

#character li a.cal { background: url(../image/character/btn_cal.jpg) no-repeat 0 0;}

#character li a.mio { background: url(../image/character/btn_mio.jpg) no-repeat 0 0; margin-right: 20px;}

#character li a.sanae { background: url(../image/character/btn_sanae.jpg) no-repeat 0 0;}

#character li a.hirono { background: url(../image/character/btn_hirono.jpg)  no-repeat 0 0; margin-right: 20px;}

#character li a.motegi { background: url(../image/character/btn_motegi.jpg) no-repeat 0 0;}

#character li a:hover { background-position: 0px -50px;}

#pagenav {
	background: url(../image/common/bg_pagenav.jpg) no-repeat 0 0;
	height: 21px;
	text-align: center;
	padding-top: 5px;
	clear: both;
}


/*リンク
----------------------------------------------------------------*/
#link { line-height: 1.3;}

#link dt {padding-left: 30px;}

#link dd { margin-top: 3px; margin-bottom: 1em; padding-left: 30px;}

#link dt img { margin-bottm: 5px;}

#link dd img { margin-bottm: 10px;}

/*モバイルポップアップ
----------------------------------------------------------------*/
#popup {
	line-height: 1.3;
	width: 650px;
	margin: 10px auto;
}
#mobile { width: 600px; margin: 20px auto 0 auto;}

#mobile dl dt {
	margin-top: 20px;
	padding-left: 10px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../image/common/img_cross.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#mobile dd {
	margin-top: 3px;
	margin-bottom: 1em;
}

#pagenav_popup {
	margin-top: 20px;
	background: url(../image/common/bg_pagenav_popup.jpg) no-repeat 0 0;
	height: 21px;
	text-align: center;
	padding-top: 5px;
}

#footer_popup {
	clear: both;
	margin-top: 20px;
	padding-top: 3px;
	width: 650px;
	font-size: 85%;
	text-align: center;
	line-height: 1.3;
	background: url(../image/common/bg_footer_popup.jpg) no-repeat;
}


/*ラジオ
----------------------------------------------------------------*/
#radio { line-height: 1.3; padding-left: 30px;}

#radio h4 { margin-top: 10px;}

#radio dl { width: 620px;}

#radio dt { background: url(../image/common/img_cross.gif) no-repeat left; padding-left: 10px;}

#radio ul { list-style-type: none;}

.sbullet { font-weight: bold; font-size: 124%;}

.pl10 { padding-left: 10px;}

.radio_summary { margin: 15px auto; width:620px; display: block; line-height: 1.5;}

.radio_summary a { display: block; height: 50px; width: 300px;}

.radio_summary a.btn_opinion { width: 300px; height: 50px; background: url(../image/radio/btn_opinion.jpg) no-repeat 0 0; float: left;}

.radio_summary a.btn_radio { width: 300px; height: 50px; background: url(../image/radio/btn_radio.jpg) no-repeat 0 0; float: right;}

.radio_summary a:hover { background-position: 0px -50px;}

/*グッズ
----------------------------------------------------------------*/
#goods { line-height: 1.3; width: 619px; margin: 0 auto;}

#goods .submenu {
	width: 619px;
	height: 20px;
	background: url(../image/goods/bg_submenu.jpg) no-repeat right 18px;
}

#goods .submenu ul {
	width: 455px;
	float: right;
	list-style-type: none;
	display: block;
}
#goods .submenu ul li { height: 18px; float:right; margin-left: 20px; text-indent: -9999px;}

#goods .submenu ul li a.cd{ display: block; width: 35px; background: url(../image/goods/btn_cd.jpg) no-repeat 0 0;}

#goods .submenu ul li a.comics{ display: block; width: 51px; background: url(../image/goods/btn_comics.jpg) no-repeat 0 0;}

#goods .submenu ul li a.dvd{ display: block; width: 47px; background: url(../image/goods/btn_dvd.jpg) no-repeat 0 0;}

#goods .submenu ul li a.goods{ display: block; width: 52px; background: url(../image/goods/btn_goods.jpg) no-repeat 0 0;}

#goods .submenu ul li a.bluray{ display: block; width: 105px; background: url(../image/goods/btn_bluray.jpg) no-repeat 0 0;}

#goods .submenu ul li a:hover{ background-position: 0 -18px;}

#goods .submenu ul li a.current { background-position: 0 -18px;}

#goods dl { width: 619px;}

#goods dl dt {
	margin-top: 20px;
	padding-left: 10px;
	font-weight: bold;
	color: #FF0000;
	font-size: 19px;
	background-image: url(../image/common/img_cross.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#goods dl dd.commodity { float: left; width: 160px; padding-top: 3px; display: block;}
#goods dl dd.commodity img { margin-bottom: 10px;}
#goods dl dd.txt { padding-left: 5px; float: right; width: 450px; display: block;}

#goods dl dd.txt .privilege_book { width: 430px; padding-top: 10px; }

#goods dl dd.txt .privilege_book .pb_txt { float: left; padding-right: 5px; }

#goods dl.shop { width: 610px; border: dotted 1px; margin-top: 10px; padding: 10px 0 10px 5px;}

#goods dl.shop dt {
	margin: 0;
	font-weight: bold;
	color: #FF0000;
	font-size: 19px;
	background: none;
	text-align: center;
}

#goods dl.shop dd.dvdshop { padding: 5px 0 0 10px;}

#goods dl.shop dd.dvdshop ul li{
	line-height: 1.5em;
	list-style-type: none;
	width: 180px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

#goods dl.cdinfo dd div.commodity { margin-bottom: 10px;width: 160px;float:left;}
#goods dl.cdinfo dd div.txt { margin-bottom: 10px;width:450px;float:right;}
#goods dl.cdinfo dd{ clear:both;}

.upper_line {
	width: 620px;
	background: url(../image/goods/bg_upperline.jpg) no-repeat 0 13px;
	height: 15px;
	padding-right: 5px;
	text-align: right;
	font-size: 10px;
	clear: both;
}

/*トピックス
----------------------------------------------------------------*/
#topics { line-height: 1.3; width: 619px; margin: 0 auto;}

#topics dl { width: 619px;}

#topics dl dt {
	margin-top: 20px;
	padding-left: 10px;
	font-weight: bold;
	color: #FF0000;
	font-size: 19px;
	background-image: url(../image/common/img_cross.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#topics dl dt.nomal { margin-top: 10px;}

#topics dl dd { padding: 5px 0 5px 0;}

#topics dl dd.nomal { width: 425px; clear: both;}

#topics dl dd.commodity { float: left; width: 160px; padding-top: 3px; }
#topics dl dd.commodity img { margin-bottom: 10px;}
#topics dl dd.txt { padding-left: 5px; float: right; width: 450px; display: block;}

#topics dl dd.commodity2 { float: left; width: 250px; padding-top: 3px; }
#topics dl dd.commodity2 img { margin-bottom: 10px;}
#topics dl dd.txt2 {padding-left: 5px;float: right;width: 350px;display: block;padding-top: px;}

#topics dl dd.topics13_left {
	float: left;
	width: 260px;
}
#topics dl dd.topics13_right { float: right; width: 355px;}

#topics dl dd.topics14_left {
	float: left;
	width: 230px;
}
#topics dl dd.topics14_right { float: right; width: 380px;}

#topics dl dd.topics15_left {
	float: left;
	width: 260px;
}
#topics dl dd.topics15_right { float: right; width: 350px;}

#topics dl dd.cdinfo1 {
	float: left;
	width: 230px;
}
#topics dl dd.cdinfo2 { float: right; width: 370px;}
#topics dl dd.cdinfo3 { clear:both;}

#topics dl dd.postcard {
	margin: 3px 0 10px 5px;
	padding-left: 5px;
	float: left;
	width: 155px;
	height: 198px;
	display: block;
	border: solid 1px #FFFFFF
}

#topics dl dd.postcard .txt2sides {
	padding-bottom:10px;
	 text-align: center;
	 clear:both;
}

.upper_line {
	width: 620px;
	background: url(../image/goods/bg_upperline.jpg) no-repeat 0 13px;
	height: 15px;
	padding-right: 5px;
	text-align: right;
	font-size: 10px;
	clear: both;
}

/*ムービー
----------------------------------------------------------------*/
#movie {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding-left: 30px;
	background: url(../image/movie/bg_movie.jpg) no-repeat 0 0;
}

#movie h3 { background: url(../image/common/img_cross.gif) no-repeat left; padding-left: 10px; font-weight: bold; font-size: 19px; color:#FF0000;}

#movie ul { list-style-type: none;}

.movie_summary { margin: 15px 0 15px 0; width:620px;}

.movie_summary a { display: block; height: 50px; width: 300px;}

.movie_summary a.btn_cm { width: 300px; height: 50px; background: url(../image/movie/btn_cm.jpg) no-repeat 0 0; margin-bottom: 15px;}

.movie_summary a.btn_cm02 { width: 300px; height: 50px; background: url(../image/movie/btn_cm02.jpg) no-repeat 0 0; margin-bottom: 15px;}

.movie_summary a.btn_pv { width: 300px; height: 50px; background: url(../image/movie/btn_pv.jpg) no-repeat 0 0; margin-bottom: 15px;}

.movie_summary a.btn_cm03 { width: 300px; height: 50px; background: url(../image/movie/btn_cm03.jpg) no-repeat 0 0; margin-bottom: 15px;}

.movie_summary a.btn_cm04 { width: 300px; height: 50px; background: url(../image/movie/btn_cm04.jpg) no-repeat 0 0; margin-bottom: 15px;}

.movie_summary a:hover { background-position: 0px -50px;}


/*シーズン2予告
----------------------------------------------------------------*/
#season2 { line-height: 1.3; width: 619px; margin: 0 auto; margin-bottom: 15px;}

/*ストリーミング配信
----------------------------------------------------------------*/
#streaming_summary li.stbnr {
	background: url(../image/common/img_cross.gif) no-repeat 7px 0;
	list-style-type: none;
	padding-left: 7px;
	font-size: 80%;
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#streaming_summary li.stbullet img {
	list-style-type: none;
	margin-bottm: 10px;
}

#streaming_summary { margin: 15px auto; width:630px; display: block; line-height: 1.3;}

.ml6 { margin-left: 6px;}

/mr6 { margin-right: 6px;}

/* Adobe Reader ロゴ
------------------------------------------------------------------*/
.ar_text {
	width: 275px;
	display: block;
	margin: 5px 0 0 0;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 130%;
}

.ar_text a {
	color: #FF0000;
	text-decoration: underline;
}

.ar_logo {
	float: right;
	padding: 0 10px 0 0;
	margin: 5px 0 0 0;
}

/**/