@charset "utf-8";

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

#wrapper #contents { width: 1000px; }

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

/* #article */
#wrapper #contents  #main #article {
	margin-top:10px;
}

/* #nav */

#main #article ul#nav{
	width:665px;
	height:120px;
	text-indent:-9999em;
}

#main #article ul#nav li{
	width:133px;
	height:60px;
	float:left;
}

#main #article ul#nav li a{
	width:133px;
	height:60px;
	display:block;
}

#main #article ul#nav li a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}

#main #article ul#nav li.list01{
	background:url(../images/common/bg_nav.gif) no-repeat 0 -240px;
}

#main #article ul#nav li.list01 a{
	background:url(../images/common/bg_nav.gif) no-repeat 0 0;
}

#main #article ul#nav li.list01 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat 0 -120px;
}

#main #article ul#nav li.list02{
	background:url(../images/common/bg_nav.gif) no-repeat -133px -240px;
}

#main #article ul#nav li.list02 a{
	background:url(../images/common/bg_nav.gif) no-repeat -133px 0;
}

#main #article ul#nav li.list02 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -133px -120px;
}

#main #article ul#nav li.list03{
	background:url(../images/common/bg_nav.gif) no-repeat -266px -240px;
}

#main #article ul#nav li.list03 a{
	background:url(../images/common/bg_nav.gif) no-repeat -266px 0;
}

#main #article ul#nav li.list03 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -266px -120px;
}

#main #article ul#nav li.list04{
	background:url(../images/common/bg_nav.gif) no-repeat -399px -240px;
}

#main #article ul#nav li.list04 a{
	background:url(../images/common/bg_nav.gif) no-repeat -399px 0;
}

#main #article ul#nav li.list04 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -399px -120px;
}

#main #article ul#nav li.list05{
	background:url(../images/common/bg_nav.gif) no-repeat -532px -240px;
}

#main #article ul#nav li.list05 a{
	background:url(../images/common/bg_nav.gif) no-repeat -532px 0;
}

#main #article ul#nav li.list05 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -532px -120px;
}

#main #article ul#nav li.list06{
	background:url(../images/common/bg_nav.gif) no-repeat 0 -300px;
}

#main #article ul#nav li.list06 a{
	background:url(../images/common/bg_nav.gif) no-repeat 0 -60px;
}

#main #article ul#nav li.list06 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat 0 -180px;
}

#main #article ul#nav li.list07{
	background:url(../images/common/bg_nav.gif) no-repeat -133px -300px;
}

#main #article ul#nav li.list07 a{
	background:url(../images/common/bg_nav.gif) no-repeat -133px -60px;
}

#main #article ul#nav li.list07 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -133px -180px;
}

#main #article ul#nav li.list08{
	background:url(../images/common/bg_nav.gif) no-repeat -266px -300px;
}

#main #article ul#nav li.list08 a{
	background:url(../images/common/bg_nav.gif) no-repeat -266px -60px;
}

#main #article ul#nav li.list08 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -266px -180px;
}

#main #article ul#nav li.list09{
	background:url(../images/common/bg_nav.gif) no-repeat -399px -300px;
}

#main #article ul#nav li.list09 a{
	background:url(../images/common/bg_nav.gif) no-repeat -399px -60px;
}

#main #article ul#nav li.list09 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -399px -180px;
}

#main #article ul#nav li.list10{
	background:url(../images/common/bg_nav.gif) no-repeat -532px -300px;
}

#main #article ul#nav li.list10 a{
	background:url(../images/common/bg_nav.gif) no-repeat -532px -60px;
}

#main #article ul#nav li.list10 a:hover{
	background:url(../images/common/bg_nav.gif) no-repeat -532px -180px;
}

/********** is2nd **********/

.is2nd #header_lower{
	height:222px;
	background:url(../images/lower/bg_header.gif) repeat-x 0 0;
}

.is2nd #main #article{
	margin-top:0 !important;
}

.is2nd #main #article #header{
	height:222px;
	margin-bottom:15px;
}

.is2nd #main #article #header #header_inner{
	height:100px;
	text-indent:-9999em;
}

.is2nd #main #article #header #header_inner h1{
	float:left;
}

.is2nd #main #article #header #header_inner h1 a{
	width:259px;
	height:72px;
	background:url(../images/lower/h1_header.gif) no-repeat 0 0;
	display:block;
	position:relative;
	top:13px;
	left:10px;
}

.is2nd #main #article #header #header_inner h2{
	width:297px;
	height:100px;
	background:url(../images/lower/h2_header.gif) no-repeat 0 3px;
	position:relative;
	left:105px;
	float:left;
}

.is2nd #main #article #header ul#nav{
	margin-left:1px;
	padding:0 3px;
	border-left:#c2ab72 1px solid;
	border-right:#c2ab72 1px solid;
}

.is2nd #wrapper #contents  #main #article .block .frame h3{
	height:46px;
	padding-bottom:20px;
	text-indent:-9999em;
}


/* .block */
#wrapper #contents  #main #article .block{
	background:#fff;
	margin:0 0 10px;
	padding:5px;
	/* box-shadow: */
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
}

#wrapper #contents  #main #article .block .frame{
	padding:30px;
	border:#eadaaf double;
	position:relative;
}

#wrapper #contents  #main #article .block .frame h3{
	height:31px;
	padding-bottom:25px;
	text-indent:-9999em;
}

#wrapper #contents  #main #article .block .frame .top_corner{
	width:86px;
	height:63px;
	background:url(../images/common/top_corner.gif) no-repeat 0 0;
	position:absolute;
	top:-1px;
	right:-1px;
	text-indent:-9999em;
}

#wrapper #contents  #main #article .block .frame .bottom_corner{
	width:86px;
	height:63px;
	background:url(../images/common/bottom_corner.gif) no-repeat 0 0;
	position:absolute;
	bottom:-1px;
	left:-1px;
	text-indent:-9999em;
}

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

#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;
}

#topad { padding-bottom:5px; }

.innerlink-head {
	margin-top: 13px;
	text-indent:-9999em;
}
.innerlink-head a {
	width:76px;
	height:14px;
	background:url(../images/common/innerlink-head.png) no-repeat 0 0;
	display:block;
	position:relative;
	left:595px;
}

/* #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;
}

#side div#banner_navimail { width: 100%; height: 105px;}

/*ジャニーズ*/

@media print{
	#top #main #article #header { background:none;}
	.chart #main .block .frame p{ background:none;}
	.trailer #player {display:none;}
	.trailer table div {display:none;}
}