﻿@charset "utf-8";

body { background:#fff url(../images/bg_body.gif) repeat 0 0;} /* 全体の背景指定 */


#wrapper{
	margin:0 auto;
	background:url(../images/bg_wrapper.png) no-repeat 50% 0 ;
	max-height:100%;
}

#wrapper #contents { width: 1000px;}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}
/* #totop */
#totop {
	width: 60px;
	height: 60px;
	text-indent:-30000px;
	position: absolute;
	z-index: 9999;
	display: none;
}
#totop a {
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/btn_totop.png) no-repeat 0 0;
}
#totop a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* #main */
#main {
	width: 675px;
	padding-bottom: 10px;
}

/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* #header */
#main #article #header {
	height: 580px;
	text-indent:-30000px;
	position:relative;
}

#main #article #header h1 a{
	width:640px;
	height:294px;
	background:url(../images/h1_header.png) no-repeat center top;
	position:absolute;
	top:20px;
	left:20px;
}

#main #article #header h1 a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=70);*/
	-moz-opacity:0.7;
	opacity:0.7;
}

#main #article #header h2 {
	width:635px;
	height:120px;
	background:url(../images/h2_header.png) no-repeat center top;
	position:absolute;
	top:307px;
	left:24px;
}

#main #article #header p{
	width:95px;
	height:105px;
	background:url(../images/sign_header.png) no-repeat 0 0;
	position:absolute;
	top:365px;
	right:15px;
}

#main #article #header .disc{
	text-indent:0;
	position:absolute;
	top:319px;
	left:28px;
}

#main #article #header #menu{
	width:640px;
	height:133px;
	background:url(../images/bg_menu.png) no-repeat center top;
	position:absolute;
	top:439px;
	left:20px;
}

#main #article #header #menu ul{
	margin:50px 0 0 40px;
}

#main #article #header #menu ul li{
	height:35px;
	margin-left:23px;
	float:left;
}

#main #article #header #menu ul li a{
	height:35px;
	display:block;
}

#main #article #header #menu ul li.m01 a{
	width:99px;
	background:url(../images/btn_menu.png) no-repeat 0 0;
}

#main #article #header #menu ul li.m02 a{
	width:95px;
	background:url(../images/btn_menu.png) no-repeat -121px 0;
}

#main #article #header #menu ul li.m03 a{
	width:94px;
	background:url(../images/btn_menu.png) no-repeat -239px 0;
}

#main #article #header #menu ul li.m04 a{
	width:169px;
	background:url(../images/btn_menu.png) no-repeat -356px 0;
}


#topad { padding-bottom:5px; }

/* #btn-sbm */

#btn-sbm {
	text-align: right;
	margin-bottom:-7px;
}

#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 35px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

/* .block */

#main #article .block{
	width:580px;
	margin:15px auto 20px;
	padding:25px;
	border:#2f642f 5px solid;
	background:url(../images/bg_block.gif) repeat 0 0;
}

#main #article .block h3{
	height:122px;
	margin:0 0 35px;
	text-indent:-30000px;
}

#main #article .block p{
	text-indent:-30000px;
}

/* #movie */

#main #article #movie h3{
	height:43px !important;
	margin-bottom:15px !important;
	background:url(../images/h3_movie.gif) no-repeat center top;
}
#main #article #movie #player{
	height:328px;
	background:url(../images/cs_movie.gif) no-repeat 0 0;
}

/* #intro */

#main #article #intro h3{
	background:url(../images/h3_intro.png) no-repeat center top;
}

#main #article #intro p{
	height:870px;
	background:url(../images/txt_intro.png) no-repeat center top;
}

/* #cast */

#main #article #cast{
	width:630px;
	padding:25px 0;
}

#main #article #cast h3{
	background:url(../images/h3_cast.png) no-repeat center top;
}

#main #article #cast h4{
	height:263px;
	background:url(../images/sashihara_cast.png) no-repeat left top;
	text-indent:-30000px;
}

#main #article #cast h5{
	height:237px;
	margin:45px 0 0;
	background:url(../images/kitahara_cast.png) no-repeat right top;
	text-indent:-30000px;
}

#main #article #cast p.member_hkt{
	height:358px;
	margin:30px 0;
	background:url(../images/hkt_cast.png) no-repeat center top;
}

#main #article #cast p.member_ngt{
	height:358px;
	margin:30px 0;
	background:url(../images/ngt_cast.png) no-repeat center top;
}

#main #article #cast p.copy{
	height:15px;
	background:url(../images/copy_cast.png) no-repeat 550px 0;
}

/* #staff */

#main #article #staff h3{
	background:url(../images/h3_staff.png) no-repeat center top;
}

#main #article #staff p{
	height:470px;
	background:url(../images/txt_staff.png) no-repeat 20px top;
}

/* #backnumber */

#main #article #backnumber h3{
	background:url(../backnumber/images/h3_backnumber.png) no-repeat center top;
}

#main #article #backnumber h4{
	margin-bottom:15px;
}

#main #article #backnumber p{
	margin-bottom:15px;
}

#main #article #backnumber .ep{
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:#333 1px dashed;
}

#main #article #backnumber .ep a{
	color:#ed2524;
}

body #main #article #backnumber .ep_end{
	margin-bottom:0;
	border-bottom:none;
}

/* #disc */

#main #article #disc{
	width: 630px;
	padding: 0;
	color: #463127;
}

#main #article #disc p{
	text-indent: 0;
}

#main #article #disc h1{
	height: 451px;
	background:url(../disc/images/h1_disc.jpg) no-repeat center top;
	text-indent: -9999em;
}

#main #article #disc h2{
	height: 133px;
	background:url(../disc/images/h2_disc.png) no-repeat center center;
	text-indent: -9999em;
}

#main #article #disc .bd,
#main #article #disc .dvd{
	padding:0 25px 40px;
}

#main #article #disc .bd p,
#main #article #disc .dvd p{
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 1.6em;
}

#main #article #disc .photo{
	width: 236px;
	float: left;
	text-align: center;
}

#main #article #disc .photo span{
	padding-top: 8px;
	display: block;
	font-size: 11px;
	line-height: 1.5em;
}

#main #article #disc .spec{
	width: 323px;
	padding-left: 20px;
	float: left;
}

#main #article #disc .spec p.link{
	margin-top: 20px;
	text-align: center;
}

#main #article #disc .spec .limit h4{
	background: #df1c1c;
	margin: 5px 0;
	padding: 4px 5px 3px;
	display: inline-block;
	font-size: 13px;
	color: #fff;
}

#main #article #disc .spec .limit p{
	color: #df1c1c;
}

#main #article #disc .bd h3{
	height: 60px;
	background:url(../disc/images/h3_bd.png) no-repeat center top;
}

#main #article #disc .dvd h3{
	height: 60px;
	background:url(../disc/images/h3_dvd.png) no-repeat center top;
}


#main #article #disc .detail{
	margin: 0 25px 5px;
	padding: 25px 25px 10px;
	background:url(../disc/images/bg_detail.png) repeat 0 0;
	border: #eccf78 1px solid;
	font-size: 13px;
}

#main #article #disc .detail h3{
	height: 23px;
	margin-bottom: 15px;
	background:url(../disc/images/h3_detail.png) no-repeat center top;
}

#main #article #disc .detail .list{
	margin-bottom:15px;
	line-height: 1.8em;
}

#main #article #disc .detail .list h4{
	margin-bottom: 3px;
	font-style: 14px;
	font-weight: bold;
}

#main #article #disc .detail .list h4.orange{
	color: #e95d09;
}

#main #article #disc .detail .list h4.square{
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px 4px 2px;
	background: #e95d09;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

#main #article #disc .detail .list p{
	margin-bottom: 7px;
}

#main #article #disc p.notice{
	padding: 5px 25px 0;
}

#main #article #disc p.back{
	margin: 40px 0;
	text-align: center;
}

#main #article #disc .present{
	margin: 35px 25px 25px;
	padding: 25px 25px 10px;
	background:url(../disc/images/bg_present.png) repeat 0 0;
	border: #f8cab1 1px solid;
	font-size: 13px;
	line-height: 1.8em;
}

#main #article #disc .present h3{
	height: 125px;
	margin-bottom: 15px;
	background:url(../disc/images/h3_present.png) no-repeat center top;
}

#main #article #disc .present .app {
	margin:30px 0;
	padding: 15px 0;
	border-top: #463127 1px dashed;
	border-bottom: #463127 1px dashed;
}

#main #article #disc .present .app h4{
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}

#main #article #disc .present .prize{
	margin-bottom: 30px;
}

#main #article #disc .present .prize h4{
	margin-bottom: 10px;
	text-align: center;
}

#main #article #disc .present .prize h4.item img{
	border: #f8ccb4 2px solid;
}

#main #article #disc .present .prize h5{
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: bold;
	color: #ec4e16;
}

#main #article #disc .present .detailinfo{
	padding: 0 0 20px;
}

#main #article #disc .present .detailinfo h5{
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}

#main #article #disc .present .detailinfo p{
	margin-bottom: 10px;
}

/* .bnr */

#main #article .bnr{
	width:630px;
	margin:10px auto;
}

#main #article .bnr a{
	margin:0 5px;
	text-decoration:none;
	display:block;
	float:left;
}

#main #article .bnr:before,
#main #article .bnr:after {
    content: " ";
    display: table;
}

#main #article .bnr:after {
    clear: both;
}

#main #article .bnr {
    *zoom: 1;
}

/* テキスト指定 */

#main #article #backnumber p{
	font-size:16px;
	text-indent:0;
	line-height:1.7em;
}
