﻿/* CSS Document */
body{
	background-color:#161616;/*背景の色*/
	color:#CCC;/*通常のテキストカラー*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px; /* モダンブラウザ */
    *font-size: 80%; /* IE 7 */
    *font: 80%; /* IE 6以下 */
	text-align:center;
	background-image: url(../img/bg1.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left top;
	height: 100%;
	}

.check {
	font-size: 14px;
	color: #FFF;
}
a{color:#FFF;}
a:hover{color:#F90;text-decoration:underline;}
*{
	margin:0;
	padding:0;
	line-height: 1.2em;
}
img{border:0;}

table,div{
	margin:auto;
	}

/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}

/*■基本レイアウト*/
#bg{
	margin:auto;
	width:840px;
	text-align:center;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F60;
	border-left-color: #F60;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	margin-bottom: 20px;
	}
#container{
	width:800px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	background-color:#161616;
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat;
	background-position:top center;
	background-attachment:fixed;
	}
#head{
	padding-top:10px;
	background-color:#161616;
	}
#head h1{
	height:50px;
	line-height:16px;
	font-size:11px;
	color:#CCC;
	font-weight:normal;
	text-indent:10px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	}
#head h1 a{
	background-image: url(../img/nano_off.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 140px;
	display: block;
	}
#head h1 a:hover{
	background-image: url(../img/nano_on.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 140px;
	display: block;
	}
#head h2{
	padding:0 0 10px 10px;
	font-weight:normal;	
	font-size:12px;
	}
#head h2 a{
	font-size:24px;
	line-height:140%;
	vertical-align:top;
	text-decoration:none;
	color:#CCCCCC;
	font-weight:normal;
	filter: glow(color=#666666,strength=100);	
	}
#head h2 a:hover{
	font-size:24px;
	line-height:140%;
	vertical-align:top;
	text-decoration:none;
	color:#CCC;
	}
#head_menu{
	height:42px;
	zoom:100%;
	clear:both;
	}
#head_menu:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#head_menu ul *{
	list-style-type:none;
	display:block;}	
#head_menu ul li{
	width:160px;
	height:42px;
	position:relative;
	float:left;
	}
#head_menu ul li a{
	width:160px;
	height:42px;
	text-align:center;
	color:#FFF;
	line-height:42px;
	text-decoration:none;	
	}
#head_menu ul li a:hover{
	color:#FFF;
	text-decoration:none;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:160px;
	}
#head_menu ul li.off ol.sub{
	left:0px; top:-999px;
	}
#head_menu ul ol.sub{
	position:absolute;
	left:0px; top:42px;
	width:160px;
	text-align:center;
	
	}
#head_menu ul li.on{
	width:160px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
#head_menu ul ol.sub li{
	width:160px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999;
	text-align:center;
	float:none;
	filter:alpha(opacity=85); /*IE*/
	-moz-opacity:0.85; /*FF*/
	}
#head_menu ul ol.sub li a{
	background:none;
	background-color:#FFF;
	text-decoration:none;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul ol.sub li a:hover{
	color:#000;
	background:none;
	background-color:#EEE;
	}
#head_menu ul li.a01 a{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
}
#head_menu ul li.a01 a:hover{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#head_menu ul li.a02 a{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -320px 0px;
}
#head_menu ul li.a02 a:hover{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -320px -42px;
}
#head_menu ul li.a03 a{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -160px 0px;
}
#head_menu ul li.a03 a:hover{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -160px -42px;
}
#head_menu ul li.a04 a{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -480px 0px;
}
#head_menu ul li.a04 a:hover{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -480px -42px;
}
#head_menu ul li.a05 a{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -640px 0px;
}
#head_menu ul li.a05 a:hover{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -640px -42px;
}

/*メインイメージ*/
#main_image{
	clear:left;
	width:800px;
	border:solid #333;
	border-width:1px 0 1px 0;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	background-image: url(../img/JUMP4.png);
	background-repeat: no-repeat;
	height: 280px;
	}
#contents{
	margin:20px 10px 20px 10px;
	clear:left;
	zoom:100%;
	}
	
#contents_kanri{
	margin:0px 10px 0px 10px;
	padding-bottom:20px;
	clear:left;
	zoom:100%;
	}

#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#foot_up{
	background:url(../img/line_02.gif) no-repeat bottom;
	clear:both;
	height:32px;
	margin:0 0 0 0;
	}
#foot{
	clear:left;
	margin-left: -20px;
	width:840px;
	height: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	background-image: url(../img/foot_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
	}
#copy{
	line-height:40px;
	font-size:11px;
	text-align:center;
	color:#666;
	margin-top:10px;
	}
#copy a{
	color:#666;
	text-decoration:none;
	}
#copy a:hover{
	color: #FFF;
	text-decoration:underline;
	}
#to_page_top {
	text-align:right;
}

/***トップ***/
#top div#top_up{
	zoom:100%;
	margin:0 0 20px 0;
	}
#top div#top_up:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#top div#top_up div#left{
	float:left;
	width:400px;
	margin:0 0 0 0;
	}
#top div#top_up div#left h3#diary_date{
	background-image: url(../img/new_diary.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 389px;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 10px;
	}
#top div#top_up div#left p{
	margin:5px 0 0 0;
	line-height:160%;
	}
#top div#top_up div#diary_text {
	line-height: 1.2em;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 10px;
	}
#top div#top_up div#diary_text p{
	font-size:14px;
	color:#FFF;
	}
#top div#top_up div#left h3.news{
	background-image: url(../img/hot_news.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 389px;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 10px;
	}
#top div#top_up div#left h3.photos{
	background-image: url(../img/photos.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 389px;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 10px;
	}
.news_text {
	padding-left: 10px;
	}
#top div#top_up div#right{
	float:left;
	width:360px;
	margin:0 0 10px 10px;
	}
#top div#top_up div#right h3{
	font-size:12px;
	}
#top div#top_up div#right div#info{
	width:358px;
	height:auto;
	padding:1px 1px 0px 1px;
	background-repeat: no-repeat;
	border: 1px solid #333;
	}
#top div#top_up div#right div#info div#main{
	overflow:auto;
	width:358px;
	height:auto;
	margin:0;
	background-color:#161616;
	}
#top div#top_up div#right div#info div#main h4{
	margin:10px;
	font-size:100%;
	color:#FFF;
	}
#top div#top_up div#right div#info div#main p{
	margin:4px 10px 0 10px;
	}
#top div#btm{
	clear:left;
	}
#top div#btm div#bnr_sps ul{
	list-style-type:none;
	zoom:100%;
 	}
#top div#btm div#bnr_sps ul:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#top div#btm div#bnr_sps ul li{
	float:left;
	margin:0 8px 0 0;
 }
#todays_live {
	line-height:1.2em;
	margin-left: 10px;
	color: #999;
	padding-bottom: 10px;
}
#todays_live .band{
	font-size:16px;
	color:#FFF;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#todays_live .info {
	text-align:right;
}
#todays_live .info span{
	color: #666;
}

.schedule {
	line-height:1.2em;
	border: 1px solid #666;
	padding: 10px;
	margin-top: 10px;
	color: #999;
}
.schedule .band{
	font-size:16px;
	color:#FFF;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.schedule .info {
	text-align:right;
}
.schedule .info span{
	color: #666;
}
.today {
	line-height:1.2em;
	border: 1px solid #666;
	padding: 10px;
	margin-top: 10px;
	background-color: #666;
}
.today .band{
	font-size:16px;
	color:#FFF;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.today .info {
	text-align:right;
}
.today .info span{
	color: #333;
}

/***その他のページ***/
#other_page h3{
	font-size:18px;
	line-height:52px;
	height:52px;
	color:#FFF;
	vertical-align:bottom;
	text-indent:10px;
	background-color: #333;
	}
#other_page h4{
	font-size:110%;
	line-height:1em;
	vertical-align:top;
	margin:20px 0 0 0;
	color:#FFF;
	text-indent:6px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
	}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#FF9900;
	}	
#other_page div.typeA p{
	margin:2px 0 16px 0;
	line-height:200%;
	}
#other_page div.typeB{
	zoom:100%;
	}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeB p{
	margin:2px 0 10px 0;
	line-height: 1.2em;
	}	
#other_page div.typeB div.left{
	float:left;
	width:477px;
	}
#other_page div.typeB div.right{
	float:right;
	width:250px;
	margin:0 0 0 20px;
	}
#other_page div.typeC{
	zoom:100%;
	}
#other_page div.typeC:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeC p{
	margin:2px 0 10px 0;
	line-height: 1.2em;
	}	
#other_page div.typeC div.left{
	float:left;
	width:200px;
	}
#other_page div.typeC div.right{
	float:right;
	width:450px;
	margin:0 0 0 20px;
	}
#other_page div.typeD{
	zoom:100%;
	margin-top:10px;
	background-color:#000;
	padding: 10px;
	background-image: url(../img/mogran_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#other_page div.typeD:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeD p{
	margin:2px 0 10px 0;
	line-height: 1.2em;
	}	
#other_page div.typeD div.left{
	float:left;
	width:200px;
	}
#other_page div.typeD div.right{
	float:right;
	width:450px;
	height: 100%;
	margin:0 0 0 10px;
	padding: 0px;
	}
#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}

/*テーブルセット*/
#tbl_setA{
	border:#666 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA th{
	border:#666 solid 1px;
	background:url(../img/bg_th_a.gif);
	padding:6px;
	color:#CCC;
	text-align:center;
	}
#tbl_setA td{
	border:#666 solid 1px;
	padding:6px;
	color:#CCC;
	}

/******************************************************************************************************/
#p-copy{
	width:796px;
	text-align:left;

	}
#nakami{
	margin-top:15px;
	margin-left: 25px;
	}
.box {
	margin: 15px;
	border: 1px solid #333;
	font-size: 14px;
	width: 350px;
	padding: 5px;
}
.red {
	color: #F90;
}
.catch {
	font-size: 14px;
	color: #F90;
}

.banner {
	border:thin #111 solid;
	margin-top: 5px;
	width: 360px;
	height: 40px;
}

.banner_big {
	border:thin #111 solid;
	margin-top: 5px;
	width: 360px;
	height: 80px;
}

.banner_bigger {
	border:thin #444 solid;
	margin-top: 5px;
	width: 360px;
	height: 140px;
}

.banner_jump {
	border:thin #444 solid;
	margin-top: 5px;
	width: 360px;
	height: 159px;
}

.thumb {
	width: 100px;
	height: 100px;
	margin-left: 10px;
	margin-top: 4px;
	padding:4px;
	border:thin #333 solid;
}

.flyer {
	margin-top: 4px;
	padding:4px;
	border:thin #333 solid;
}

/*jump!!3******************************************************************************************/

#jump_bg {
	background-color:#FFF;
	border:thin #9C0 solid;
}

#jump_left {
	background-image:url(../img/jump3/side.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

#jump_right {
	background-image:url(../img/jump3/side2.gif);
	background-repeat:repeat-y;
	background-position:right top;
}

#jump {
	 width:600px;
	 margin-left:auto;
	 margin-right:auto;
	 pading-bottom:30px;
}

#jump a {
	color: #F90;
}

#jump a:hover {
	color: #F00;
}

#jump th {
	text-align:center;
	padding-bottom:20px;
}

#jump .intro {
	color: #F00;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006;
	line-height: 2.0em;
}

