/*
    バンダイチャンネル専用の CSS です。
*/

root {
    display: block;
}

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

初期化する

/////////////////////////////////// */
/* mozilla.org Base Styles
 * maintained by fantasai
 * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
 */
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
address,
map,area{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
        width:100%;
	background:#FFF;
        font-size:100%; 
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	color:#4c4c4c;
        width:100%;
}
ol, ul {
	list-style: none;
}
img { 
    -ms-interpolation-mode: bicubic !important; 
}
/* tables still need 'cellspacing="0"' in the markup */

th, td {
	text-align: left;
	font-weight: normal;
}

/* CSS Document */

/***-----column_layout-----***/

/***-----left_column-----***/

.freearea {
	width:390px;
	padding:10px;
	background:#202020;
}

/***-----right_column-----***/

.movie_title {
	margin-bottom:20px;
}
.movie_title .titMovie {
	display:inline;
	margin:0 10px 0 0;
	font-weight:bold;
}

/* CSS Document */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* CSS Document */

.wrapper {
	width:100%;
        overflow: visible;
}

/***-----header-----***/

.headerArea {
	width:100%;
	height:47px;
	background:url(/asdekImage/image/bdc/common/bg_header.gif) repeat-x 0px 0px;
}

.naviArea {
	position:relative;
	width:100%;
	height:32px;
	left:0;
	top:0;
	background:url(/asdekImage/image/bdc/common/bg_globalnav.gif) repeat-x 0 0;
}
.flatlogo {
	position:absolute;
	left:7px;
	top:2px;
	z-index:100;
}
.naviInner {
	position:relative;
	width:980px;
	margin:0 auto 0 auto;
}
.btnGame {
	position:absolute;
	top:2px;
	left:167px;
}
.btnDouga {
	position:absolute;
	top:2px;
	left:234px;
}
.btnFuncash {
	position:absolute;
	top:2px;
	left:292px;
}
.headerlogo {
	position:relative;
	width:980px;
	margin:0 auto 0 auto;
	height:48px;
}
.headerlogo img {
	display:block;
        height:35px;
        margin-top:-10px;
}
.dougalogo {
	position:absolute;
	left:304px;
	top:0px;
}
.bnrTopheader_left {
	position:absolute;
	top:10px;
	left:15px;
}
.bnrTopheader_right {
	position:absolute;
	top:10px;
	left:725px;
}

.bnrTopheader_left_top {
	position:absolute;
	top:10px;
	left:10px;
}
.bnrTopheader_right_top {
	position:absolute;
	top:10px;
	left:730px;
}

/***-----contents-----***/

.bodyArea {
	padding-bottom:15px;
        
}


/***-----footer-----***/

.footerArea {
	width:100%;
	height:auto !important;
	height:100px;
	min-height:100px;
        background:#dfe5ef;
}

.footerInner {
	position:relative;
	width:980px;
	margin:0 auto 0 auto;
}

.footermenu {
	position:absolute;
	width:431px;
	left:10px;
	top:10px;
}
.footermenu .btnFootermenu {
	float:left;
}

.footer_right {
	float:right;
	margin:10px 10px 0 0;
}
.footerlogo {
	float:left;
	text-align:right;
	width:250px;
	padding:2px 10px 2px 0;
}
.copyright {
	display:block;
	font-style:normal;
	color:#999;
        font-size:63%;
}
.license {
	position:relative;
	float:left;
	width:159px;
}
.license_text {
	width:90px;
	padding:13px 0 13px 10px;
	color:#999;
        font-size:63%;
}
.jasrac_logo {
	position:absolute;
	top:0;
	left:109px;
}

.footerArea .xeenlink {
	text-align:right;
	width:970px;
	margin:0 auto 0 auto;
	padding:15px 10px 0 0;
	font-weight:bold;
        font-size:75%;
}
.footerArea .xeenlink a:link,
.footerArea .xeenlink a:visited {
	text-decoration:none;
	color:#999;
}
.footerArea .xeenlink a:hover,
.footerArea .xeenlink a:active {
	text-decoration:underline;
	color:#fff;
}


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

clearfix

/////////////////////////////////// */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	width: 0;
	font-size:0;
	line-height:0;
	clear: both;
	/*visibility: hidden;*/
}

/* End hide from IE-mac */

/* CSS Document */

a:link,
a:visited {
	color:#4c4c4c;
}
a:hover,
a:active {
	color:#666;
}

.font-largest {
	font-size:110%;/*約18px*/
}

.font-large {
	font-size:100%;/*16px*/
}

.font-medium {
	font-size:88%;/*約14px*/
}

.font-small {
	font-size:75%;/*12px*/
}

.font-smallest {
	font-size:63%;/*約10px*/
}

/* CSS Document */


/***-----header-----***/

/*トップページ上部中央バナー*/
.dougalogo_gamble {
	position:absolute;
	left:250px;
	top:0px;
	z-index:50;
}
.dougalogo_gamble img {
	display:block;
}

.Toppage .headerArea {
	background:url(/asdekImage/image/bdc/common/bg_header.gif) repeat-x 0px 0px;
}

.Toppage div.bandaiChWrapper .headerArea {
	background:url(/asdekImage/image/bdc/common/bg_headerarea.png) repeat-x 0px 0px;
}

/***-----column_layout-----***/

.lcolumnArea2 {
	float:left;
	width:190px;
	padding:0 0 25px 0;
}

.MainArea {
	float:left;
	width:600px;
}

.rcolumnArea2 {
	float:right;
	width:190px;
	padding:0 0 25px 0;
}
.rcolumnArea3 {
	float:left;
}

/***-----left_column-----***/

.ranking {
	width:100%;
	margin:-1px 0 0 0;
	padding:0 0 5px 0;
}
.ranking .ranking_list {
	font-size:75%;
}
.ranking_movie {
	position:relative;
	width:170px;
	margin:0 0 0 10px;
	padding:76px 0 0 0;
	background:#FFF;
	border-right:1px #dbe1eb solid;
        border-left:1px #dbe1eb solid;
	border-bottom:1px solid #dbe1eb;
}
.rank_noimage {
	width:165px;
	padding:5px 0 5px 5px;
        position:relative;
	margin:0 0 0 10px;
	background:#FFF;
        border-right:1px #dbe1eb solid;
        border-left:1px #dbe1eb solid;
	border-bottom:1px solid #dbe1eb;
        text-align: left;
}
.imgRanking_num {
	display:block;
	position:absolute;
	top:8px;
	left:8px;
}
.rank_noimage img.imgRanking_num {
	display:block;
	position:relative;
	float:left;
	top:0;
	left:0;
	margin:0 6px 0 0;
}
.imgRanking_movie {
	display:block;
	position:absolute;
	top:10px;
	left:53px;
        border: 1px #9d9c97 solid;
}
.rank_noimage .imgRanking_movie {
	display:block;
	position:relative;
	float:left;
	top:0;
	left:0;
	margin:0 5px 0 0;
}
.ranking_movie .movie_title {
	text-align:center;
	width:150px;
	margin:0 0 0 10px;
	padding:0 0 8px 0;
	line-height:120%;
}
.rank_noimage div.movie_title {
	display:block;
	float:left;
	width:86px;
	margin:0;
	padding:0 5px 3px 0;
	text-align:left;
}
.movie_title6-10 {
	width:125px;
	text-align:left;
	margin:0 0 0 20px;
	line-height:120%;
       
}
.ranking_last {
	border:none;
        border-right:1px #dbe1eb solid;
        border-left:1px #dbe1eb solid;
	border-bottom:1px solid #dbe1eb;
}

.bnrTwitter {
	width:170px;
	margin: 5px 10px 10px;
}
.gyaobannerArea {
	padding:0 0 10px 0;
}
.titGyaobanner {
	text-align:center;
	width:160px;
	margin:0 0 5px 10px;
	padding:5px;
	background:#333;
	font-weight:bold;
	color:#ee4ba6;
        font-size:75%;
}
.bnrGyao {
	margin:0 0 0 10px;
	padding:0 0 5px 0;
}
.bnrGyao a {
	display:block;
}
.bnrGyao a img {
	display:block;
}

.bnrArea {
	width:100%;
	margin:10px 0 0 0;
}
.bnrArea .banners {
	margin:0 0 10px 10px;
}


/***-----center_column-----***/

.flashArea {
	width:600px;
	height:350px;
        padding:0 25px;
        margin-top: 7px;
}

.pickup {
	width:100%;
	margin:0 0 0 0;
	background:url(/asdekImage/image/bdc/common/bg_pickup.jpg) no-repeat 0 0;
}
.month {
	width:100%;
}
.mainarea_movielist {
	width:560px;/* + padding = 580px */
	margin:0 0 0 10px;
	padding:0px 0 2px 20px;
	background:#FFF;
	overflow:hidden;
        border:1px #dbe1eb solid;
}

.pickup_movie_table {
	border-collapse:collapse;
	width:540px;
        font-size:75%;
}
.pickup_movie_table div.pickup_movie_table2 {
	width:100px;
	padding:0 8px 3px 0;
	float:left;
}

.imgPickup_movie {
	display:block;
	margin:8px 0 5px 0;
}
img.imgPickup_movie {
	border: 1px #9d9c97 solid;
}
img.imgPickup_movieOr {
	display:block;
	margin:8px 0 5px 0;
}
img.imgPickup_movieOr {
	border: 1px #fad141 solid;
}
.imgPickup_movie2 {
	display:block;
	margin:0 0 5px 0;
	clear:left;
}
.newButton {
	margin:6px 0 3px 0;
}
.newButton2 {
	margin:0 3px 3px 0;
	display:block;
	height:12px;
	float:left;
}
.titPickup_movie {
	width:100px;
	text-align:center;
	padding:0 0 4px 0;
	/*border-bottom:1px solid #3d3d3d;*/
	font-weight:normal;
	line-height:115%;
}

/*旧特集（復活したので現在も使用中）*/
.special {
	width:100%;
	margin:0 0 12px 0;
}
.specialmovie {
	width:580px;
	background:#fff7ee;
	margin:0 0 0 10px;
	padding:0 0 17px 0;
        border:1px #dbe1eb solid;
}
.imgSpecial {
	float:left;
	width:160px;
	margin:17px 10px 0 20px;
}
.specialmovie_right {
	display:inline;
	float:left;
	width:370px;
	margin:17px 0 0 0;
}
.titSpecialmovie {
	line-height:130%;
	margin-bottom:10px;
	font-weight:normal;
        font-size:88%;
}
.textSpecial {
	line-height:150%;
        font-size:75%;
}


/*Pick UP（アニメ・実写ページ上部・中間用）*/
.specialTop {
	width:600px;
}
.specialTop .specialmovie_left {
	display:inline;
	float:left;
	width:120px;
	margin:17px 15px 0 20px;
}
.txtLinkSpecialmovie {
	margin:10px 0 0 0;
	text-align:center;
	font-weight:bold;
	line-height:130%;
        font-size:75%;
}
.specialTop .specialmovie_right {
	display:inline;
	float:left;
	width:400px;
	margin:17px 0 0 0;
}
.specialTop .titSpecialmovie {
	line-height:130%;
	margin-bottom:10px;
	font-weight:normal;
	color:#ff8400;
        font-size:75%;
}
.specialTop {
	line-height:150%;
}

/*Pick UP（アニメ・実写ページ最下部用）*/


.bigbnr {
	width:580px;
	padding:0 0 0 10px;
}
.bigbnr .bnrCenterbottom {
	width:580px;
	display:block;
	margin:0 0 10px 0;
}


/***-----right_column-----***/

.osusumecat {
	width:100%;
}
.osusumecat_bnrs {
	width:190px;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	background:url(/asdekImage/image/bdc/common/bg_osusumecat.png) repeat-y 0 0;
}
.bnr_osusume {
	width:150px;
	margin:0 0 0 20px;
	padding:10px 0 0 0;
}
.shop_search {
	width:100%;
	height:191px;
}
.shop_search form{
	width:170px;
	height:149px;
        margin-left:10px;
        border:1px #dbe1eb solid;
}
.shop_search .form_table {
	table-layout:fixed;
	border-collapse:collapse;
	width:170px;
	margin:0px 0 0 10px;
}
.search_head {
	width:53px;
	padding:0 0 10px 0px;
}
.search_form {
	width:110px;
	padding:0 0 10px 0;
}
.form_place1 {
	display:block;
	margin:0;
	padding:0;
	width:100px;
	height:19px;
	font-size:11px;
}
.form_place2,
.form_shopname {
	display:block;
	margin:0;
	padding:0;
	width:96px;
	height:17px;
	font-size:11px;
	overflow:hidden;
}
.btnShopsearch {
	width:154px;
	margin:0 auto;
}

.movie_search {
	width:100%;
	margin:8px 0 0 0;
	line-height:120%;
        font-size:63%;
}
.titCategory {
	width:120px;
	margin:0 0 0 10px;
	background:#202020;
}
.titCategory img {
	display:block;
        border:1px #eaeaea solid;
}
.movie_search_list {
	width:170px;
	margin:0 0 0 10px;
	padding:10px 0 15px 0;
	border:1px #dbe1eb solid;
        background-color: white;
}
.search_item {
	width:134px;
	margin:0 0 5px 13px;
	padding:0 0 0 10px;
	background:url(/asdekImage/image/bdc/common/bg_leftlist_item.gif) no-repeat 0 0.5em;
}


/***-----copyright-----***/

.program_copy {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:15px 0 10px 0;
	color:#777;
	line-height:120%;
        font-size:63%;
}

.news {
	width:100%;
	margin:-1px 0 0 0;
	padding:0 0 5px 0;
        font-size:75%;
}
.newsList {
	position:relative;
	width:170px;
	margin:0 0 0 10px;
	padding:13px 0 0 0;
	background:#202020;
	border-bottom:1px solid #414141;
        font-size:88%;
}
.newsList_date {
	width:138px;
	margin:0 0 2px 13px;
	background:#202020;
}
.newsList_content {
	width:138px;
	margin:0 0 8px 13px;
	line-height:16px;
}
.news_last {
	border:none;
	padding-bottom:5px;
}


.topPicup_bg_right {
	top: 0px;
	right: 0px;
	float:right;
	position: absolute;
}
.topPicup_bg_left {
	top: 0px;
	left: 0px;
	position: absolute;
}		


.topPicup_bg {
	position: relative;
	width:580px;
	height:97px;
        background-color: #FFF;
        margin-left: 6px;
        border-right:1px #dbe1eb solid;
        border-left:1px #dbe1eb solid;
        border-bottom:1px #dbe1eb solid;
}

.topPicupArea {
	width:580px;
	height:239px;
        background-color: #FFF;
        margin-left: 6px;
        border-right:1px #dbe1eb solid;
        border-left:1px #dbe1eb solid;
        border-top:1px #dbe1eb solid;
}

.topPicup_movie_image {
	width:300px;
	height:225px;
	margin:6px 0 0 6px;
	float:left;
}

.topPicup_movie_title {
	width:270px;
	height:226px;
	margin:3px 10px 0 -2px;
        float:right;
	position: relative;
}

.topPicup_movie_title_text {
	width:215px;
	height:130px;
	top:20px;
	left:32px;
	position: absolute;
	font-size:13px;
	line-height:20px;
        overflow:hidden;
}
.topPicup_movie_title_text span {
	font-size:20px;
	font-weight:bolder;
        line-height:26px;
}
.topPicup_movie_view_Button {
	width:241px;
	height:47px;
	bottom:10px;
	left:20px;
	position: absolute;
	font-size:20px;
	line-height:26px;
}				
.clear {
	clear:both;
}
.topWrapper {
	width:100%;
	height:100%;
	margin:0 auto;
}
.centerArea {
	width:980px;
	margin:0 auto;
}	
.bodyArea:hover {
	/*cursor:pointer;*/
}	     
/* ProductDetail.jsp */
.Toppage2 {
    background-color: #FFF;
}
.program_name {
	width:100%;
	margin:0 0 10px 0;
	background:url(/asdekImage/image/bdc/common/bg_programtitle.gif) repeat-x 100% top;
}
.titProgramname {
	width:970px;
	height:50px;
	margin:0 auto 0 auto;
	padding:0 0 10px 10px;
	overflow:hidden;
}
.titProgramname span {
	display:inline;
	float:left;
	width:790px;
	height:30px;
	margin:20px 0 0 0;
	font-weight:bold;
        font-size:110%;
}
.btnTrouble {
	display:inline;
	float:left;
	width:160px;
	height:28px;
	margin:13px 0 0 10px;
}
.lcolumnArea {
	display:inline;
	float:left;
	width:410px;
	margin:0 20px 0 10px;
}
.rcolumnArea {
	display:inline;
	float:right;
	width:530px;
	padding:0 0 1px 0;
	background:#dbe1eb;
}
.episodeMainArea {
	float:left;
}
.imgMain {
	display:block;
	width:410px;
        height:308px;
	margin:0 auto 20px auto;
        padding:0 0 0 110px;
}
.img01{
	margin:0 auto 0 auto;
	float:left;
}
.img02{
	float:left;
}
.img03{
	float:left;
}
.program_info {
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 1px 0;
	background:#dbe1eb;
	line-height:190%;
}
.arasuji {
	width:408px;
	margin:0 1px 1px 1px;
	background:#FFF;
}
.arasuji_text {
	width:360px;
	margin:0px 15px 0 15px;
	padding:6px 0 16px 0;
}
.other {
	width:408px;
	margin:0 1px 0 1px;
	padding:14px 0 14px 0;
	background:#FFF url( /asdekImage/image/bdc/common/bg_infoline.gif ) no-repeat center bottom;
}
.other2 {
	width:408px;
	margin:0 1px 0 1px;
	padding:14px 0 14px 0;
        background:#FFF;
}
.titInfoother {
	float:left;
	width:92px;
	margin:0 0 0 5px;
	padding:2px 0 0 0;
}
.other_text {
	float:left;
	width:280px;
}
.episodeMovie {
	width:511px;
	margin:0 0 0 1px;
	background:#FFF;
        border-bottom:1px solid #dbe1eb;
}
.movieInner {
	width:511px;
	padding:22px 0 20px 0;
	background:url(/asdekImage/image/bdc/common/bg_movieline.gif) no-repeat center 0;
}
.movieInner2 {
	width:511px;
	padding:22px 0 20px 0;
}
.movie_left {
	display:inline;
	float:left;
	width:360px;
	margin:0 10px 0 10px;
}
.movie_right {
	display:inline;
	float:left;
	width:120px;
}
.movie_title {
	margin-bottom:1px;
}
.movie_title .titMovie {
	display:inline;
	margin:0 10px 0 0;
	font-weight:bold;
        font-size:88%;
}
.movie_title .time {
	background:url(/asdekImage/image/bdc/common/img_timeicon.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
	font-weight:bold;
}
.movie_text {
	line-height:190%;
        font-size:63%;
}
.imgMovie {
	width:120px;
	margin:0 0 10px 0;
}
.bodyArea2:hover {
	cursor: auto;
}

/* scrollbar */
.movie_list {
	width:529px;
	height:1000px;
	margin:0;
        padding-bottom: 9px;
	overflow-y:scroll;
}
.movie_list{
	overflow:scroll;
	overflow-x:hidden;
	float: left;
	scrollbar-track-color:#f0f0f0; /* レール部分 */
	scrollbar-face-color:#FFF; /* ボタン部分 */
	scrollbar-arrow-color:#afafaf; /* 矢印 */
	scrollbar-shadow-color:#cdcdcd; /* 内側の影 */
}
.movie_list::-webkit-scrollbar{
	width: 17px;
	background: #dbe1eb;
	border-radius: 3px;
}
.movie_list::-webkit-scrollbar-thumb{
	background: #FFF;
	border-radius: 2px;
	border:solid #a3a3a3 1px;
}
.movie_list::-webkit-scrollbar-button{
	background: #222;
	height: 21px;
	border:solid #a3a3a3 1px;
	background: -webkit-gradient(linear, left top, left bottom,
        from(#FFF),
        color-stop(0.7,#a3a3a3),
        to(#a3a3a3));
}
.height12{
    width:100px;
    height:7px;
    display: block;
}
img.outLineNormal{
	border: 1px #9d9c97 solid;
}
img.outLineOr{
	border: 1px #fad141 solid;
}

/* 2018 html5プレイヤー調整用 */
.video-js .vjs-tech {
   height: 100.1%;
}