@charset "iso-2022-jp";
@media print {div#page-top div.cover div#poster, li#luckyperson {display:none;}}

body {
	background-color:#24923a;
	}

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

/* footer */
div.footer-bg {
	border-top:10px solid #27b8e3;
	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;
	color:#fff4ea;
	}
div.footer-bg address {
	font-style:normal;
	}
div.footer-bg p a, div.footer-bg address a {
	color:#fff;
	}
/* sns button */
div.bx-social {
	width:380px;
	float:right;
	padding-top:4px;
	}
div.btn-tw {
	width:140px;
	float:left;
	}

/* layout */
div#page-top {
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-position:center top;
	background-color:#ededed;
	border-top:20px solid #27b8e3;
	}
div#page-top div.cover {
	width:980px;
	text-align:left;
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-position:center top;
	margin:0 auto;
	padding-top:30px;
	}

/* poster */
div#page-top div.cover div#poster {
	position:relative;
	width:920px;
	height:670px;
	overflow:hidden;
	background-color:#f4f4f4;
	margin:0 30px 20px;
	}
div#poster h1 {
	position:absolute;
	left:0;
	top:0;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/trans.png);
	background-repeat:repeat;
	width:920px;
	height:670px;
	z-index:100;
	}
div#poster p {
	position:absolute;
	left:0;
	top:0;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/top_main_cover.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:920px;
	height:670px;
	z-index:105;
	}
div#poster span.main-nojs {
	display:block;
	position:absolute;
	left:0;
	top:0;
	background-image:url(img/top_main_nojs.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	z-index:95;
	width:920px;
	height:660px;
	}
div#poster span.main-nojs img {
	width:920px;
	height:670px;
	}
div.cm-pos {
	position:absolute;
	background-repeat:no-repeat;
	background-position:left top;
	}
div.cm-pos-logo {
	position:absolute;
	top:-100px;
	font-size:2px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:left top;
	height:97px;
	}

/* special box */
/* lead box */
div#page-top div.cover div.leadbox {
	position:relative;
	height:400px;
	margin:0 30px 20px;
	}
div.leadbox ul {
	list-style-type:none;
	}
div.leadbox ul li {
	background-repeat:no-repeat;
	position:absolute;
	overflow:hidden;
	width:221px;
	height:190px;
	}
div.leadbox ul li a, div.leadbox ul li span {
	display:block;
	background-repeat:no-repeat;
	font-size:2px;
	text-indent:-9999px;
	width:221px;
	height:190px;
	}

div.leadbox ul li.mstory {
	background-image:url(img/top_btn_jpg.jpg);
	background-position:left top;
	left:0;
	top:0;
	height:400px;
	}
div.leadbox ul li.mstory a {
	height:400px;
	}
/*
div.leadbox ul li.mpreview {
	left:466px;
	top:210px;
	width:454px;
	background-image:url(img/top_btn_line.png);
	background-position:left top;
	}
div.leadbox ul li.mpreview a {
	width:454px;
	}
*/

div.leadbox ul li.mdvd {
	left:233px;
	top:0;
	width:454px;
	background-image:url(img/top_btn_dvd.png);
	background-position:left top;
	}
div.leadbox ul li.mdvd a {
	width:454px;
	}

/*
div.leadbox ul li.mupdate {
	left:699px;
	top:0;
	background-image:url(img/top_btn_update.png);
	background-position:left top;
	}
*/
div.leadbox ul li.mtrailer {
	left:699px;
	top:210px;
	background-image:url(img/top_btn_trailer.jpg);
	background-position:left top;
	}

/*
div.leadbox ul li.minfo {
	left:233px;
	top:0;
	background-image:url(img/top_btn_info.png);
	background-position:left top;
	width:454px;
	}
div.leadbox ul li.minfo span {
	width:454px;
	}
*/

/* div.leadbox ul li.mdata {
	left:233px;
	top:0;
	background-image:url(img/top_btn_data.jpg);
	background-position:left top;
	width:454px;
	}
div.leadbox ul li.mdata a {
	width:454px;
	} */

div.leadbox ul li.mnovelize {
	left:233px;
	top:210px;
	background-image:url(img/top_btn_novelize.png);
	background-position:left top;
	width:221px;
	}
/*
div.leadbox ul li.mlastday {
	left:233px;
	top:0;
	background-image:url(img/top_btn_lastday.png);
	background-position:left top;
	}

div.leadbox ul li.mcroquette {
	left:466px;
	top:0;
	background-image:url(img/top_btn_croquette_s.jpg);
	background-position:left top;
	}
*/

/* div.leadbox ul li.minter {
	left:233px;
	top:210px;
	width:454px;
	}
div.leadbox ul li.minter a {
	width:454px;
	background-image:url(img/top_btn_inter.png);
	background-position:left top;
	}
div.leadbox ul li.minter a:hover {
	background-position:0 -190px;
	}
*/

/*
div.leadbox ul li.minterm {
	left:233px;
	top:210px;
	background-image:url(img/top_btn_inter_s.jpg);
	background-position:-230px 0;
	}
*/


div.leadbox ul li.mgomen {
	left:699px;
	top:0;
	}
ul li.mgomen a {
	background-image:url(img/top_btn_gomenne.png);
	background-position:184px 0;
	}

div.leadbox ul li.mradio {
	left:699px;
	top:0;
	background-image:url(img/top_btn_radio.jpg);
	background-position:left top;
	width:221px;
	}

div.leadbox ul li.mchart {
	left:466px;
	top:210px;
	width:454px;
	background-image:url(img/top_btn_jpg.jpg);
	background-position:-230px 0;
	}
div.leadbox ul li.mchart a {
	width:454px;
	}

/*
div.leadbox ul li.mcroquette {
	left:233px;
	top:0;
	background-image:url(img/top_btn_croquette.jpg);
	background-position:left top;
	width:454px;
	}
div.leadbox ul li.mcroquette a {
	width:454px;
	}
*/

/*
div.leadbox ul li.mowabi {
	left:233px;
	top:0;
	background-image:url(img/top_btn_owabi.jpg);
	background-position:left top;
	}
li.mcroquette-s {
	left:466px;
	top:0;
	background-image:url(img/top_btn_croquette_s.jpg);
	background-position:left top;
	}
*/

/* float box */
div.flobox {
	padding-bottom:20px;
	}
div.flobox ul {
	list-style-type:none;
	}
div.flobox ul li {
	float:left;
	display:inline;
	overflow:hidden;
	background-repeat:no-repeat;
	}
div.case3 ul li {
	width:300px;
	height:250px;
	margin-right:10px;
	}
div.case4 ul li {
	width:221px;
	height:190px;
	margin-right:12px;
	}
div.flobox ul li a {
	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 {
	width:221px;
	height:190px;
	}

/* 2nd box recta and report */
div.flobox ul li.bn-recta {
	background-color:#fff;
	}
div.flobox ul li.bn-recta a {
	display:inline;
	text-decoration:none;
	font-size:100%;
	text-indent:0;
	}
div.flobox ul li.mgallery {
	margin-left:30px;
	background-image:url(img/top_btn_gallery.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
div.flobox ul li.mmanga {
	background-image:url(img/top_btn_jpg.jpg);
	background-repeat:no-repeat;
	background-position:-540px -200px;
	}
div.flobox ul li.mrepo {
	background-image:url(img/top_btn_jpg.jpg);
	background-repeat:no-repeat;
	background-position:-230px -200px;
	}
div.flobox ul li.mrepo a {
	color:#a2f3fd;
	text-decoration:none;
	font-size:100%;
	text-indent:0;
	}
div.flobox ul li.mrepo a span {
	display:block;
	line-height:1.25;
	padding-left:23px;
	padding-top:210px;
	}

/*
div.flobox ul li.mtonko {
	width:227px;
	background-image:url(img/top_btn_png.png);
	background-position:0 -440px;
	margin-right:0;
	}
div.flobox ul li.mtonko a {
	width:227px;
	}
div.flobox ul li.msanjo {
	width:227px;
	background-image:url(img/top_btn_png.png);
	background-position:-227px -440px;
	}
div.flobox ul li.msanjo a {
	width:227px;
	}
*/

div.flobox ul li.minter-l {
	width:227px;
	background-image:url(img/top_btn_interview.jpg);
	background-position:left top;
	margin-left:30px;
	margin-right:0;
	}
div.flobox ul li.minter-l a {
	width:227px;
	}
div.flobox ul li.minter-r {
	width:227px;
	background-image:url(img/top_btn_interview.jpg);
	background-position:-227px 0;
	}
div.flobox ul li.minter-r a {
	width:227px;
	}
li.mbbs {
	background-image:url(img/top_btn_png.png);
	background-position:-230px 0;
	}

/* 3rd box case4 */

li.mnews {
	margin-left:30px;
	background-image:url(img/top_btn_png.png);
	background-position:-460px 0;
	}

li.mdatas {
	background-image:url(img/top_btn_data_s.png);
	background-position:left top;
	}

li.mtonst {
	background-image:url(img/top_btn_png.png);
	background-repeat:no-repeat;
	background-position:left top;
	}
li.mtonst span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	}
li.mcast {
	background-image:url(img/top_btn_cast.png);
	background-position:left top;
	}
li.mcast a {
	background-image:url(img/top_btn_cast.png);
	background-position:-230px 0;
	}
li.mstaff {
	background-image:url(img/top_btn_staff.png);
	background-position:left top;
	}
li.mstaff a {
	background-image:url(img/top_btn_staff.png);
	background-position:-230px 0;
	}

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

li.mkids {
	background-image:url(img/top_btn_kids.png);
	background-position:left top;
	}

/* 4th box case3 */
li.mbroad {
	margin-left:30px;
	background-image:url(img/top_btn_png.png);
	background-repeat:no-repeat;
	background-position:0 -190px;
	}
li.msdtk {
	background-image:url(img/top_btn_sdtk.png);
	background-repeat:no-repeat;
	background-position:left top;
	}
li.msong {
	margin-left:30px;
	background-image:url(img/top_btn_music.png);
	background-repeat:no-repeat;
	background-position:left top;
	}

/* 5th box case3 */
li.mschoolm {
	margin-left:30px;
	background-image:url(img/top_btn_school.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
li.mschoolw {
	background-image:url(img/top_btn_school.jpg);
	background-repeat:no-repeat;
	background-position:-300px 0;
	}
li#luckyperson {
	background-image:url(img/top_btn_uranai.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
li#luckyperson span img {
	width:300px;
	height:250px;
	}

.vine-embed {
	width:290px;
	height:240px;
	}
li.mvine {
	background-color:#fff;
	}
li.mvine span.spvine {
	display:block;
	width:300px;
	height:250px;
	}
li.mvine span.spvine span {
	display:block;
	line-height:1.5;
	padding:80px 20px 0;
	}
li.mvine iframe {
	padding:5px;
	}

/* owabi window */
div.w-owabi-1030 {
	position:relative;
	background-image:url(img/top_owabi.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:640px;
	height:640px;
	}
div.w-owabi-1030 {
	background-image:url(img/top_owabi.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:640px;
	height:640px;
	}
div.w-owabi-1030 ul {
	list-style-type:none;
	}
div.w-owabi-1030 ul li.btn-w-close {
	position:absolute;
	left:280px;
	top:548px;
	}
div.w-owabi-1030 ul li.btn-w-close a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:72px;
	height:72px;
	}
div.w-owabi-1030 ul li.btn-w-close a:hover {
	background-color:#f6f6ee;
	opacity:0.5;					/* Standard: Firefox 1.5以上, Opera, Safari */
	filter:alpha(opacity=50);		/* IE 8以下 */
	-ms-filter:"alpha(opacity=50)";	/* IE 8 */
	-moz-opacity:0.5;				/* Firefox 1.5以下, Netscape */
	-khtml-opacity:0.5;				/* Safari 1.x */
	}

/*
div.leadbox ul li.mcdown {
	left:233px;
	top:0;
	background-image:url(img/top_countdown_brd_min.png);
	background-position:left top;
	width:454px;
	}
div.leadbox ul li.mcdown span.suuji {
	position:absolute;
	top:23px;
	background-image:url(img/top_countdown_num.png);
	display:block;
	width:104px;
	height:139px;
	}
div.leadbox ul li.mcdown span#jukketa {
	left:184px;
	}
div.leadbox ul li.mcdown span#hitoketa {
	left:294px;
	}
*/