@charset "iso-2022-jp";

/* float */
.clearboth {
	clear:both;
	}
div.clearboth hr {
	display:none;
	}

/* footer */
div.footer-bg {
	border-top:10px solid #efedd8;
	padding:30px 0 40px;
	}
/* footer banner */
div.footer-bg div.footer-bn {
	text-align:left;
	width:980px;
	margin:0 auto 20px;
	}
div.footer-bn ul {
	margin-left:80px;
	list-style-type:none;
	}
div.footer-bn ul li {
	display:block;
	float:left;
	background-image:url(img/top_banner.png);
	background-repeat:no-repeat;
	margin-right:4px;
	display:inline;
	}
div.footer-bn ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:152px;
	height:28px;
	}
div.footer-bn ul li.bana01 {
	background-position:left top;
	}
div.footer-bn ul li.bana02 {
	background-position:0 -30px;
	}
div.footer-bn ul li.bana03 {
	background-position:0 -60px;
	}
div.footer-bg p, div.footer-bg address {
	font-size:75%;
	line-height:1.5;
	}
div.footer-bg address {
	font-style:normal;
	}
div.footer-bg p a, div.footer-bg address a {
	}
/* sns button */
div.bx-social {
	width:380px;
	float:right;
	padding-top:4px;
	}
div.btn-tw {
	width:140px;
	float:left;
	}

div#page-top {
	background-image:url(img/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	}
div#page-top div.cover {
	width:980px;
	text-align:left;
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	background-position:center top;
	margin:0 auto;
	padding-top:30px;
	}

/* poster */
div#page-top div.cover div#poster {
	position:relative;
	background-image:url(img/top_main_poster.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	margin:0 30px 24px;
	border-bottom:6px solid #ebebd2;
	}
div#poster p {
	border:10px solid #fff;
	}
div#poster p span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/trans.png);
	background-repeat:repeat;
	width:900px;
	height:636px;
	}
div#poster p img {
	position:absolute;
	left:10px;
	top:10px;
	width:900px;
	height:636px;
	}

/* float box */
div.flobox {
	padding-bottom:14px;
	}
div.flobox ul {
	list-style-type:none;
	}
div.flobox ul li {
	float:left;
	display:inline;
	overflow:hidden;
	background-repeat:no-repeat;
	background-color:#ebebd2;
	}
div.case3 ul li {
	width:300px;
	height:256px;
	margin-right:10px;
	}
div.case4 ul li {
	width:221px;
	height:196px;
	margin-right:12px;
	}
div.flobox ul li a, div.flobox ul li span {
	display:block;
	background-repeat:no-repeat;
	font-size:2px;
	text-indent:-9999px;
	}
div.case3 ul li a {
	width:300px;
	height:250px;
	}
div.case4 ul li a, div.case4 ul li span {
	width:221px;
	height:190px;
	}

/* countdown
div.case4 ul li.mcdown {
	width:454px;
	background-color:transparent;
	}
div.case4 ul li span#countdown {
	position:relative;
	display:block;
	background-image:url(img/top_btn_countdown.png);
	background-position:-90px 0;
	width:454px;
	height:190px;
	}
div.case4 ul li span#countdown span.suuji {
	position:absolute;
	top:23px;
	background-image:url(img/top_btn_countdown.png);
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:89px;
	height:139px;
	}
div.case4 ul li span#countdown span#jukketa {
	left:223px;
	}
div.case4 ul li span#countdown span#hitoketa {
	left:316px;
	} */

/* 1st block */
li.mconcept {
	background-image:url(img/top_btn_update.png);
	background-position:-460px 0;
	margin-left:30px;
	}
div.case4 ul li.mstory {
	background-image:url(img/top_btn_story.jpg);
	background-position:left top;
	width:454px;
	margin-left:30px;
	}
div.case4 ul li.mstory a {
	width:454px;
	}
li.mupdate {
	background-image:url(img/top_btn_update.png);
	background-position:left top;
	}
div.case4 ul li.mbook {
	background-image:url(img/top_btn_book.jpg);
	background-position:left top;
	width:454px;
	}
div.case4 ul li.mbook a {
	width:454px;
	}

/* 2nd block */
div.flobox ul li.bn-recta {
	background-color:transparent;
	}
div.flobox ul li.bn-recta a {
	display:inline;
	text-decoration:none;
	font-size:100%;
	text-indent:0;
	}
div.case3 ul li.mmovie {
	background-image:url(img/top_btn_movie.jpg);
	background-position:left top;
	margin-left:30px;
	}
div.case3 ul li.mmovie img {
	width:300px;
	height:250px;
	}
div.flobox ul li.mrepo {
	background-image:url(img/top_btn_report.png);
	background-position:left top;
	}
div.flobox ul li.mrepo a {
	text-decoration:none;
	font-size:100%;
	text-indent:0;
	}
div.flobox ul li.mrepo a span {
	font-size:120%;
	display:block;
	color:#e0007b;
	text-align:right;
	line-height:1.25;
	padding-right:20px;
	padding-top:213px;
	}

/* ondemand */
div.ondebox {
	padding-bottom:14px;
	}
div.ondebox div.onde-lef {
	width:454px;
	height:406px;
	float:left;
	margin-left:30px;
	background-image:url(img/top_btn_ondemand.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#ebebd2;
	display:inline;
	}
div.ondebox div.onde-lef p.p-tomm a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:454px;
	height:104px;
	}
div.ondebox div.onde-lef div.playerbox {
	padding-left:11px;
	}
div.ondebox div.onde-lef div.playerbox p.p-mob-thumb {
	background-image:url(img/top_mobile_thumbnail.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
div.ondebox div.onde-lef div.playerbox p.p-soon-thumb {
	background-image:url(img/top_btn_soon.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
div.ondebox div.onde-lef div.playerbox p.p-mob-thumb a, div.ondebox div.onde-lef div.playerbox p.p-soon-thumb span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:432px;
	height:243px;
	}
div.ondebox div.onde-rig {
	width:484px;
	float:right;
	}


/* 3rd block */
li.mcast {
	background-image:url(img/top_btn_basic.png);
	background-position:-460px 0;
	/*margin-bottom:14px;*/
	}
li.mstaff {
	background-image:url(img/top_btn_basic.png);
	background-position:-690px 0;
	/*margin-bottom:14px;*/
	}
li.mnews {
	background-image:url(img/top_btn_basic.png);
	background-position:left top;
	}
li.mintro {
	margin-left:30px;
	background-image:url(img/top_btn_basic.png);
	background-position:-230px 0;
	}


li.mpres {
	background-image:url(img/top_btn_basic.png);
	background-position:-1150px 0;
	}

/* 4th block */
li.mtw {
	background-image:url(img/top_btn_update.png);
	background-position:-230px 0;
	margin-left:30px;
	}
li.mbbs {
	background-image:url(img/top_btn_basic.png);
	background-position:-920px 0;
	}

li.mdvd {
	background-image:url(img/top_btn_dvd.jpg);
	background-position:left top;
	}

/* 2nd block */
div.flobox ul li.mchart {
	background-image:url(img/top_btn_chart.jpg);
	background-position:left top;
	width:454px;
	}
div.flobox ul li.mchart a {
	width:454px;
	}
div.flobox ul li.mmark {
	background-image:url(img/top_btn_mark.png);
	background-position:left top;
	background-color:transparent;
	}
div.flobox ul li.mtrailer {
	background-image:url(img/top_btn_trailer.jpg);
	background-position:left top;
	}

div.flobox ul li.mgallery {
	background-image:url(img/top_btn_gallery.jpg);
	background-position:left top;
	width:454px;
	}
div.flobox ul li.mgallery a {
	width:454px;
	}

div.flobox ul li.mgame {
	background-image:url(img/top_btn_game.jpg);
	background-position:left top;
	margin-left:30px;
	}
div.flobox ul li.mgame span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	}
div.flobox ul li.mrecipe {
	background-image:url(img/top_btn_cookpad.jpg);
	background-position:left top;
	width:305px;
	margin-right:0;
	}
div.flobox ul li.mrecipe a {
	width:305px;
	}
div.flobox ul li.mparty {
	background-image:url(img/top_btn_cookpad.jpg);
	background-position:-305px 0;
	width:305px;
	margin-right:0;
	}
div.flobox ul li.mparty a {
	width:305px;
	}

/* doorman */
p#doorman {
	position:fixed;
	_position:absolute;
	left:2%;
	bottom:0px;
	background-image:url(img/cm_png_new.png);
	background-repeat:no-repeat;
	background-position:0 0;
	}
p#doorman a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:110px;
	height:110px;
	}

/* banner */
div.bx-banner ul {
	list-style-type:none;
	margin-top:20px;
	}
div.bx-banner ul li {
	width:410px;
	background-image:url(img/cm_bn_ishop.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:40px;
	}
div.bx-banner ul li.bn-ishop {
	margin-left:70px;
	}
div.bx-banner ul li.bn-onde {
	background-position:-410px 0;
	}
div.bx-banner ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:410px;
	height:100px;
	}