@charset"EUC-JP";


@import "/r_css/imports2.css";
@import "/r_css/parts/snswidget.css";/*snswidget*/

/*
Detail css ( Standerd Type )
*/

#detail{
	position:relative;
}

/* clear fix */
#detail h2{
	_height: 1px;
	zoom:1;/*for IE 5.5-7*/
}
#detail h2:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* contentsTitle   (9.20　タイトルをh1に変更後は不要に)
------------------------------------------------------------*/
#detail div#contentsTitle{
	margin-bottom: 1px;
	padding-top: 5px;
	background: transparent url(../../detail/bg_title.gif) left top no-repeat;
}
#detail h2{
	background: transparent url(../../detail/bg_title.gif) left bottom no-repeat;
	padding: 4px 4px 4px 13px;
	position:relative;
}
#detail h2 strong{
	float:left;
	display:inline;
	min-height: 25px;
	margin-top:4px;
	width:350px;
	line-height:1.2;
}
/*for IE6*/
*html #detail h2 strong{
	float:left;
	display:inline;
	height: 24px;
	margin-top:4px;
	width:350px;
	line-height:1.2;
}
#detail h2 ul{
	position: absolute;
	top: 6px;
	right: 5px;
}
#detail h2 li{
	float:left;
	display:inline;
}
#detail h2 .favorite a{
	display:block;
	width:145px;
	height:29px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(/common/button/add_to_favorite.png) no-repeat;
}
#detail h2 .tweet a{
	display:block;
	width:170px;
	height:29px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(/common/button/twitter.png) no-repeat;
}
*html #detail h2 .favorite a{
	display:block;
	width:145px;
	height:29px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(/common/button/add_to_favorite.gif) no-repeat;
}
*html #detail h2 .tweet a{
	display:block;
	width:170px;
	height:29px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(/common/button/twitter.gif) no-repeat;
}

#detail h2 strong.genreIcon_adult{
	background: transparent url(../../common/icon/adult.gif) left top no-repeat;
	padding-left: 45px;
}
#detail h2 strong.genreIcon_animation{
	background: transparent url(../../common/icon/animation.gif) left top no-repeat;
	padding-left: 66px;
}
#detail h2 strong.genreIcon_cinema{
	background: transparent url(../../common/icon/cinema.gif) left top no-repeat;
	padding-left: 51px;
}
#detail h2 strong.genreIcon_drama{
	background: transparent url(../../common/icon/drama.gif) left top no-repeat;
	padding-left: 50px;
}
#detail h2 strong.genreIcon_game{
	background: transparent url(../../common/icon/game.gif) left top no-repeat;
	padding-left: 41px;
}
#detail h2 strong.genreIcon_horror{
	background: transparent url(../../common/icon/horror.gif) left top no-repeat;
	padding-left: 52px;
}
#detail h2 strong.genreIcon_idol{
	background: transparent url(../../common/icon/idol.gif) left top no-repeat;
	padding-left: 38px;
}
#detail h2 strong.genreIcon_korea{
	background: transparent url(../../common/icon/korea.gif) left top no-repeat;
	padding-left: 46px;
}
#detail h2 strong.genreIcon_music{
	background: transparent url(../../common/icon/music.gif) left top no-repeat;
	padding-left: 44px;
}
#detail h2 strong.genreIcon_r18{
	background: transparent url(../../common/icon/r18.gif) left top no-repeat;
	padding-left: 33px;
}
#detail h2 strong.genreIcon_r18cinema{
	background: transparent url(../../common/icon/r18cinema.gif) left top no-repeat;
	padding-left: 72px;
}
#detail h2 strong.genreIcon_radio{
	background: transparent url(../../common/icon/radio.gif) left top no-repeat;
	padding-left: 44px;
}
#detail h2 strong.genreIcon_relax{
	background: transparent url(../../common/icon/relax.gif) left top no-repeat;
	padding-left: 46px;
}
#detail h2 strong.genreIcon_sports{
	background: transparent url(../../common/icon/sports.gif) left top no-repeat;
	padding-left: 52px;
}
#detail h2 strong.genreIcon_television{
	background: transparent url(../../common/icon/television.gif) left top no-repeat;
	padding-left: 72px;
}
#detail h2 strong.genreIcon_takarazuka{
	background: transparent url(../../common/icon/takarazuka.gif) left top no-repeat;
	padding-left: 76px;
}
#detail h2 strong.genreIcon_variety{
	background: transparent url(../../common/icon/variety.gif) left top no-repeat;
	padding-left: 56px;
}
#detail h2 strong.genreIcon_dl_adult{
	background: transparent url(../../common/icon/dl_adult.gif) left top no-repeat;
	padding-left: 99px;
}
#detail h2 strong.genreIcon_dl_movie{
	background: transparent url(../../common/icon/dl_movie.gif) left top no-repeat;
	padding-left: 92px;
}
#detail h2 strong.genreIcon_dl_r18{
	background: transparent url(../../common/icon/dl_r18.gif) left top no-repeat;
	padding-left: 87px;
}

/* Parent Container
------------------------------------------------------------*/
#detail .container hr{
	clear:both;
	margin:-10px 0 -2px;
	_margin:-30px 0;/*winIE*/
	padding:0;
	visibility:hidden;
}
#detail .container br{
	clear:both;
	width:100%;
	height:1%;
}
#detail .container{
	background:url(../../detail/bg_container.gif) repeat-y;
	padding:0 10px;
}

/* Image Box
------------------------------------------------------------*/
#detail .imgbox{
	float:left;
	width:326px;
}
#detail .imgbox .contents{
	width:300px;

	padding:0 13px;
}
#detail .imgbox .contents p.img{
	background:#FFF;
	border:1px solid #CACACA;
	width:294px;
	padding:2px;
	margin-bottom:10px;
}
/*#detail .imgbox .contents ul{
	width:290px;
}*/
#detail .imgbox .contents li{
	float:left;
	text-align:right;
	font-size:10px;
	margin-bottom:7px;
	_margin-bottom:0;
	line-height: 23px;
}
#detail .imgbox .contents li.period{
	display:block;
	background:url(../../detail/bg_period.gif) no-repeat;
	width:92px;
	height:27px;
	padding:0 9px 0 0;
}
#detail .imgbox .contents li.time{
	display:block;
	background:url(../../detail/bg_time.gif) no-repeat;
	width:92px;
	height:27px;
	padding:0 9px 0 0;
}
/* Free
------------------------------------------------------------*/
#detail .imgbox .contents li.free{
	display:block;
	background:url(../../detail/bg_free.gif) no-repeat;
	width:93px;
	height:27px;
	padding:0 5px 0 0;
}
/* Member Free
------------------------------------------------------------*/
#detail .imgbox .contents li.member{
	display:block;
	background:url(../../detail/bg_member.gif) no-repeat;
	width:93px;
	height:27px;
	padding:4px 5px 0 0;
}
/* Charged
------------------------------------------------------------*/
#detail .imgbox .contents li.price{
	display:block;
	background:url(../../detail/bg_price.gif) no-repeat;
	width:93px;
	height:27px;
	padding:0 5px 0 0;
}
#detail .imgbox .contents p.button{
	clear:both;
	background:url(../../detail/bg_button.gif) no-repeat;
	width:300px;
	height:53px;
	text-align:center;
}
#detail .imgbox .contents p.button img{
	margin:14px 5px 0;
}
#detail .imgbox p.copyright{
	margin-bottom:8px;
	font-size:10px;
}

/* Text Box
------------------------------------------------------------*/
#detail .txtbox{
	float:right;
	width:443px;
}
#detail .txtbox p{
	padding:10px;
	line-height: 160%;
}
#detail .txtbox ul{
	padding:5px;
}
#detail .txtbox li a{
	font-size:10px;
	line-height: 160%;
}
#detail .txtbox li img{
	vertical-align:middle;
	margin-right:5px;
}
#detail .txtbox li.space{
	background:url(../../detail/space_related.gif) no-repeat;
	width:433px;
	height:13px;
}
#detail .txtbox .info p{
	background:#E1E1E1;
	border:1px solid #CACACA;
	font-size:10px;
	padding:10px;
}

/* Alert Box
------------------------------------------------------------*/
#detail .alrtBox{
	clear:both;
	width:300px;
	margin:8px 0;
}
#detail .alrtBox h3{
	text-indent:-9999px;
	line-height:4px;
	width:300px;
	height:5px;
	background:url(../../detail/alrtbox_top.gif) no-repeat;
}
#detail .alrtBox h3.mid{
	background:url(../../detail/alrtbox_mid.gif) no-repeat;
}
#detail .alrtBox .alrtBody{
	font-size:10px;
	line-height:12px;
	padding:4px 10px;
	color:#FFFFFF;
	background:url(../../detail/alrtbox_rpt.gif) repeat-y;
}
#detail .alrtBox .termAlrt{
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
}
#detail .alrtBox .termAlrt strong{
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
}
#detail .alrtBox .termAlrt .term_info{
	font-size:10px;
	line-height:12px;
	color:#FFFFFF;
}
#detail .alrtBox .alrtBody .toHelpLink{
	margin:6px 0 1px 0;
}
#detail .alrtBox .alrtBody img{
	vertical-align:middle;

}
#detail .alrtBox .alrtBody a{
	color:#ffff00;
	font-size:10px;
}
#detail .alrtBox .tmv_btn{
	color:#FFFFFF;
	padding:9px 0 6px 198px;
	background:url(../../detail/alrtbox_tmv_btn_back.gif) no-repeat;
}
#detail .alrtBox .alrtBoxBtm hr{
	height:1px;
	display:none;
}
#detail .alrtBox .alrtBoxBtm{
	clear: both;
	height:6px;
	background:url(../../detail/alrtbox_btm.gif) no-repeat;
}
/* Recommend
------------------------------------------------------------*/
#detail div#deqwas-recommend{
	clear: both;
	padding: 8px 0 0 1px;
	line-height: 0;
	font-size: 0;
	background:#EFF1F0 url(../../detail/line_container_middle.gif) left top no-repeat;
}
*:first-child+html #detail div#deqwas-recommend{
	padding-top: 4px;
}
div#deqwas-collection{
	height: 0;
	line-height: 0;
	font-size: 0;
}
div#deqwas{
	height: 0;
	line-height: 0;
	font-size: 0;
}

#detail div#deqwasDummy{
	clear: both;
	padding: 8px 0 0 1px;
	line-height: 0;
	font-size: 0;
	background:#EFF1F0 url(../../detail/line_container_middle.gif) left top no-repeat;
}



/* For Multi Pack
------------------------------------------------------------*/
/*div.plural{
	background:url(/buy/bg_packbox_title.gif) no-repeat;
	height:11px;
	font-style:normal;
	font-weight:100;
	font-size:10px;
	padding:5px;
}
div.plural img{
	margin-right:3px;
}
div.pluralPackWrap{
	clear:both;
	padding:5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCC;
	min-height:1px;
}
div.pluralPackWrap:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
div.pluralPackWrap p.txtBox{
	float:left;
	width:200px;
}
div.pluralPackWrap p.button{
	float:right;
	width:71px;
}*/



/* Multi Pack Promotion ( Copy to buy.css )
------------------------------------------------------------*/
.pluralPromote{
	width:292px;
	background:url(/buy/bg_packbox_title.gif) no-repeat;
	height:11px;
	font-style:normal;
	font-weight:bold;
	font-size:10px;
	padding:5px;
	color:#F00;
	margin-top:10px;/* only detail.css */
}
.boxPromote p.read{
	background:#f1ebf5;
	font-size:10px;
	color:#F00;
	line-height:1.5;
	padding:2px;
	margin-bottom:5px;
}
.boxPromote{
	border:1px solid #B8BAC0;
	border-top:none;
	background:#FFF;
	width:280px;
	padding:10px;
	margin-bottom:10px;
}
.boxPromote .pluralPackWrap:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
.boxPromote .pluralPackWrap p.txtBox{
	float:left;
	width:200px;
}
.boxPromote .pluralPackWrap p.buttonPromote{
	float:right;
	width:71px;
}


/* Multi Pack Promotion Part2
------------------------------------------------------------*/
p.buttonPromote2{
	clear:both;
	margin-top:10px;
	background:url(../../detail/bg_button.gif) no-repeat;
	width:300px;
	height:43px;
	padding-top:10px;
	text-align:center;
}
p.buttonPromote2 strong{
	font-weight:bold;
	font-size:10px;
	padding:5px;
	color:#F00;
}


/* Series LInk
------------------------------------------------------------*/
div#detail ul.seriesLink{
	height: 18px;
	margin-bottom: 7px;
	padding: 12px 5px 0;
	text-align: center;
	background: transparent url(/detail/series_link.gif) left top repeat-x;
}
div#detail ul.seriesLink.lower{
	margin-top: 8px;
	margin-bottom: 0;
}
div#detail ul.seriesLink.upper{
	background-position: left -24px;
	padding: 6px 5px 12px;
	margin-bottom: 0;
}
div#detail ul.seriesLink li{
	display: block;
	float: left;
	width: 57px;
}
div#detail ul.seriesLink li.seriesNex{
	float: right;
}
div#detail ul.seriesLink a{
	display: block;
	width: 57px;
	height: 0 !important;
	height /**/	: 18px;
	padding-top: 18px;
	overflow: hidden;
	outline:none;
}
div#detail ul.seriesLink li.seriesPrv a{
	background: transparent url(/detail/series_link.gif) left -60px repeat-x;
}
div#detail ul.seriesLink li.seriesNex a{
	background: transparent url(/detail/series_link.gif) left -78px repeat-x;
}
div#detail ul.seriesLink li.seriesPrv a:hover{
	background-position: left -96px;
}
div#detail ul.seriesLink li.seriesNex a:hover{
	background-position: left -114px;
}
div#detail ul.seriesLink li.pageCnt{
	width: 319px;
	display: block;
	margin: 0 auto;
	padding: 0;
	color: #b4b4b8;
	text-align: center;
}
div#detail div.seriesBtn a{
	position: absolute;
	display: block;
	width: 57px;
	height: 0 !important;
	height /**/	: 75px;
	padding-top: 75px;
	margin-top: -25px;
	overflow: hidden;
	outline:none;
	text-decoration: none;
	background: transparent url(/detail/series_tab_narrow.png) left top no-repeat;
	z-index:10;
}
* html div#detail div.seriesBtn a{
	background-image: url(/detail/series_tab_narrow.gif);
}
div#detail div.seriesBtn a#btnPrvEp{
	left: -29px;
	top: 50%;
	background-position: 8px top;
}
div#detail div.seriesBtn a#btnNexEp{
	position: absolute;
	left: 784px;
	top: 50%;
	background-position: -57px top;
}
div#detail div.seriesBtn a span{
	display: block;
    position: absolute;
    top: 50%;
	left:.0px;
    padding: 2px 5px;
	border: 1px solid #444;
    visibility: hidden;
    color: #444;
    background-color: #fffcd1;
    text-decoration: none;
    text-decoration: none;
    white-space: nowrap;
}
div#detail div.seriesBtn a:hover,
div#detail div.seriesBtn a:hover span{
	visibility: visible;
	z-index: 100;
}


/* entertainment section
------------------------------------------------------------*/
div#otherServiceLink {
	margin: 10px 0;
	padding: 10px 10px 2px;
	border: 1px solid #cdcdcd;
	overflow: hidden;
	font-size: 10px;
	background: #f7f6f2;
}
div#otherServiceLink dt.leadCaption {
	margin-bottom: 5px;
}
div#otherServiceLink dd.entameLink {
	padding-bottom: 3px;
}
div#otherServiceLink dd.entameLink ul {
	padding: 0;
}
div#otherServiceLink dd.entameLink li {
	margin-bottom: 2px;
	padding-left: 10px;
	background: url(/detail/bg_entame_list.gif) no-repeat 0 0.4em;
}
div#otherServiceLink dd.entameLink span.service {
	font-weight: bold;
}




/* bgBtm
------------------------------------------------------------*/
#detail div.bgBtm{
	background:url(/detail/line_container_btm.gif) no-repeat;
	width:800px;
	height:10px;
}



/* ↓9.16 add by murayama */

/*clientEnvironments
--------------------------------*/

#clientEnvironments{
	margin:10px 0;
	padding:15px 10px 0;
	height:98px;
	background: #FFF url(/detail/bg_client.gif) no-repeat;
	
}
#clientEnvironments ul{
	clear:both;
	margin:8px auto 5px;
}
#clientEnvironments ul:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
#clientEnvironments ul li{
	display: inline;
	float: left;
	margin:0 2.5px;
}

#clientEnvironments ul li a{
	display: block;
	width: 88px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: #FFF url(/detail/icon_client.gif) no-repeat;
	text-align:justify;
}
#clientEnvironments ul li#wp a{
	background-position: 0 0;
	
}
#clientEnvironments ul li#android a{
	background-position: -88px 0;
}
#clientEnvironments ul li#ios a {
	background-position: -176px 0;
}

#clientEnvironments p{
	clear:both;
	disply:block;
	line-height:1.3;
}


/* .contentsHeader
========================================== */
.contentsHeader{
	background: transparent url(/r_img/detailtest/bg_title.gif) no-repeat;
	position:relative;
	padding:15px 10px;
	border-bottom:1px solid #c6c6c6;
	margin-bottom:1px;
}
.contentsHeader h1{
	min-height:17px;
	height: auto !important;
	line-height:1.2;
	width:350px;
	background:url(/common/icon/sports.gif) no-repeat scroll left top transparent;
	padding-left: 52px;
}
.contentsHeader ul{
	position:absolute;
	right:10px;
	top:15px;
}
.contentsHeader ul li{
	float:left;
}

.contentsHeader ul li.tweet a {
	background:url(/common/button/twitter.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
	width:170px;
}
.contentsHeader ul li.favorite a {
	background:url(/common/button/add_to_favorite.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
	width:145px;
}

/* .genre
========================================== */
#adult .contentsHeader h1{
	background:url(/common/icon/adult.gif) no-repeat scroll left top transparent;
	padding-left: 45px;
}
#animation .contentsHeader h1{
	background:url(/common/icon/animation.gif) no-repeat scroll left top transparent;
	padding-left: 66px;
}
#cinema .contentsHeader h1{
	background:url(/common/icon/cinema.gif) no-repeat scroll left top transparent;
	padding-left: 51px;
}
#drama .contentsHeader h1{
	background:url(/common/icon/drama.gif) no-repeat scroll left top transparent;
	padding-left: 50px;
}
#game .contentsHeader h1{
	background:url(/common/icon/game.gif) no-repeat scroll left top transparent;
	padding-left: 41px;
}
#horror .contentsHeader h1{
	background:url(/common/icon/horror.gif) no-repeat scroll left top transparent;
	padding-left: 52px;
}
#idol .contentsHeader h1{
	background:url(/common/icon/idol.gif) no-repeat scroll left top transparent;
	padding-left: 38px;
}
#korea .contentsHeader h1{
	background:url(/common/icon/korea.gif) no-repeat scroll left top transparent;
	padding-left: 46px;
}
#music .contentsHeader h1{
	background:url(/common/icon/music.gif) no-repeat scroll left top transparent;
	padding-left: 44px;
}
#r18 .contentsHeader h1{
	background:url(/common/icon/r18.gif) no-repeat scroll left top transparent;
	padding-left: 33px;
}
#r18cinema .contentsHeader h1{
	background:url(/common/icon/r18cinema.gif) no-repeat scroll left top transparent;
	padding-left: 72px;
}
#radio .contentsHeader h1{
	background:url(/common/icon/radio.gif) no-repeat scroll left top transparent;
	padding-left: 44px;
}
#relax .contentsHeader h1{
	background:url(/common/icon/relax.gif) no-repeat scroll left top transparent;
	padding-left: 46px;
}
#sports .contentsHeader h1{
	background:url(/common/icon/sports.gif) no-repeat scroll left top transparent;
	padding-left: 52px;
}
#television .contentsHeader h1{
	background:url(/common/icon/television.gif) no-repeat scroll left top transparent;
	padding-left: 72px;
}
#takarazuka .contentsHeader h1{
	background:url(/common/icon/takarazuka.gif) no-repeat scroll left top transparent;
	padding-left: 76px;
}
#variety .contentsHeader h1{
	background:url(/common/icon/variety.gif) no-repeat scroll left top transparent;
	padding-left: 56px;
}
#download .contentsHeader h1{
	background:url(/common/icon/download.gif) no-repeat scroll left top transparent;
	padding-left:64px;
}
#dl_adult .contentsHeader h1{
	background:url(/common/icon/dl_adult.gif) no-repeat scroll left top transparent;
	padding-left: 99px;
	width:320px;
}
#dl_movie .contentsHeader h1{
	background:url(/common/icon/dl_movie.gif) no-repeat scroll left top transparent;
	padding-left: 92px;
}
#dl_r18 .contentsHeader h1{
	background:url(/common/icon/dl_r18.gif) no-repeat scroll left top transparent;
	padding-left: 87px;
}