@charset "UTF-8";
/* CSS Document */


#main p.ml5 { margin:0 0 0 5px; font-size:12px; color:#000; }
#main p.ml10 { margin:0 0 0 10px; font-size:12px; color:#000; }
#main p.ml20 { margin:0 0 0 20px; font-size:12px; color:#000; }
#main p.ml30 { margin:0 0 0 30px; font-size:12px; color:#000; }
#main p.ml20-90 { margin:0 0 0 25px; font-size:12px; color:#000; width:90%; }
#main h4 { margin:15px 0 0 30px; padding:0 0 0 5px; font-size:15px; color:#000; font-weight:bold; border-left:solid 4px; }
#main h2 { margin:0px 0 -10px 10px; font-size:22px; color:#000;  font-weight:bold; }
#base p.title3 {
	padding: 0 0 3px 5px; font-size:14px; font-weight:bold; margin:25px 0 5px 20px; border-left:solid 4px #CC0000; border-bottom:solid 1px #000; width:93%; }
#main p.question { margin:15px 0 0 15px; padding:5px 0 10px 35px; font-size:14px; color:#000;  font-weight:bold; background:url("../img/icon_q.png") no-repeat; }
#main p.answer { margin:5px 0 0 15px; padding:0 0 10px 35px; font-size:12px; color:#000; font-weight:normal; background:url("../img/icon_a.png") no-repeat; }

#main-left p{ margin:10px 0 0 5px; font-size:12px; }
#main-left p.ml10{ margin:0 0 0 5px; font-size:12px; }
#main-left img {padding:0 0 5px 0; float:left; margin-right:10px; }

#main-right h2 { margin:15px 0 0 0; font-size:22px; color:#000;  font-weight:bold; }
#main-right h3{ margin:20px 0 0 20px; font-size:15px; font-weight:bold; padding:0 0 0 5px; border-bottom:solid 1px #777; border-left:solid 4px #CC0000; }
#main-right p.more { margin:20px 0 0 10px; padding:3px 0 3px 5px; font-size:14px; font-weight:bold; }
#main-right p.ml10 { margin:10px 0 0 30px; font-size:12px; color:#000; }
#main-right p.ml20 { margin:0 0 0 20px; font-size:12px; color:#000; }
#main-right p.ml30 { margin:0 0 0 40px; font-size:12px; color:#000; }


#main-left2 { width:400px; margin:0 0 0 0; float:left; }
#main-right2 { width:400px; margin:0 10px 0 0; float:right; }


#back-yellow1 { width:100%; height:150px; padding:0 10px 0 10px; margin:0; background-color:#FFFFCC; }
#back-yellow2 { width:100%; height:150px; padding:0 0 0 10px; margin:0; background-color:#FFFFCC; }

.column-fun{ width:390px;height:145px; float:left; margin:0 0 0 0;padding:0 0 0 0;font-size:; overflow:auto; background-color:#FFFFCC;}
.center { width:100%; padding:0 0 0 10px; text-align:center; font-size:12px;}
.navi-left{ width:100%; margin:10px 0 0 0; text-align:left; font-size:12px;}



.align-right { float:right; margin-left:10px; }
.align-left { float:left; margin-right:10px; }




/*POPUP用
---------------------------------------------*/
#popup{ width:100%;  background:url("../img/bk_fanclub_pop.jpg") no-repeat; background-color:#091b31; padding-top:40px; }
#popup-main{ width:600px; margin:0 0 20px 70px; font-size:12px; color:#FFF; }
.more13px { margin:0; padding:0; font-size:15px; }
.center { width:100%; padding:0 0 0 10px; text-align:center; font-size:12px;}
#popup h2 { padding:0 0 0 0px; font-size:22px; color:#FFF; font-weight:bold; }
#popup h3{padding: 0 0 0 5px; font-size:13px; font-weight:bold; color:#000; margin:15px -10px 0 0; border-left:solid 4px #CC0000; border-bottom:solid 1px #FFF; }

/*アコーディオン用
---------------------------------------------*/
#accordion { }
#accordion h2 { padding: 0 0 0 5px; font-size:13px; font-weight:bold; margin:25px 0 0 15px; border-left:solid 4px #CC0000; border-bottom:solid 1px #999; background:#EFEFEF; width:780px; }
#accordion h2.current {　cursor:default;}
#accordion div.pane { border:1px solid #fff; display:none; height:165px; padding:0; width:790px; }

/*緊急ニュース用*/
#facebox {
	display:none;
	width:550px;	
	border:10px solid #777;
	border:10px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#facebox div {
	padding:10px;
	border:1px solid #000;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	text-align:center;
}

#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#CC0000;
	padding:5px 10px;
	border:1px solid #000;
	font-size:18px;
}
#facebox p{ padding:10px; font-size:12px; }




/*タブ用
---------------------------------------------*/
ul.tabs { 
	list-style:none; 
	margin:-10px 0px 0 0px !important; 
	padding:0;
	height:80px;
}
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
ul.tabs a { 
	background: url(../img/bt_fanclub.png) no-repeat 0px 0px;
	font-size:13px;
	display:block;
	height: 80px;
	line-height:138px;
	width: 147px;
	text-align:center;	
	vertical-align:middle;	
	text-decoration:none;
	color:#FFF;
	padding:0 0 0 0;
	position:relative;
}

ul.tabs a:active {
	outline:none;
}
ul.tabs a:hover {
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
	cursor:default !important; 
	color:#FFF !important;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position: 0   0px }
	#nav02 a { background-position: -147px   0px }
	#nav03 a { background-position: -294px   0px }
	#nav04 a { background-position: 0   0px }
	#nav05 a { background-position: 0   0px }
	
	/* 現在位置 */
	#nav01 a.stay { background-position: 0   -80px }
	#nav02 a.stay { background-position: -147px   -80px }
	#nav03 a.stay { background-position: -294px   -80px }
	#nav04 a.stay { background-position: 0   -80px }
	#nav05 a.stay { background-position: 0   -80px }

	/* オンマウス */
	#nav01 a:hover { background-position: 0   -80px }
	#nav02 a:hover { background-position: -147px   -80px }
	#nav03 a:hover { background-position: -294px   -80px }
	#nav04 a:hover { background-position: 0   -80px }
	#nav05 a:hover { background-position: 0   -80px }

/*タブ2用
---------------------------------------------*/
ul.tabs2 { 
	list-style:none; 
	margin:0 0 0 0px !important; 
	padding:0;
	height:66px;
}
ul.tabs2 li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
ul.tabs2 a { 
	background: url(../img/bt_fan_sab.png) no-repeat 0px 0px;
	font-size:13px;
	display:block;
	height: 66px;
	width: 286px;
	text-align:center;	
	vertical-align:middle;	
	text-decoration:none;
	color:#FFF;
	padding:0 0 0 0;
	position:relative;
}

ul.tabs2 a:active {
	outline:none;
}
ul.tabs2 a:hover {
}
ul.tabs2 a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
	cursor:default !important; 
	color:#FFF !important;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#snav01 a { background-position: 0px   -132px }
	#snav02 a { background-position:-286px -132px }
	#snav03 a { background-position:-572px -132px }
	#snav04 a { background-position: 0   0px }
	#snav05 a { background-position: 0   0px }
	
	/* 現在位置 */
	#snav01 a.stay { background-position: 0px   0 }
	#snav02 a.stay { background-position:-286px   0 }
	#snav03 a.stay { background-position:-572px    0 }
	#snav04 a.stay { background-position: 0   0px }
	#snav05 a.stay { background-position: 0   0px }

	/* オンマウス */
	#snav01 a:hover { background-position: 0px   -66px }
	#snav02 a:hover { background-position:-286px -66px }
	#snav03 a:hover { background-position:-572px -66px }
	#snav04 a:hover { background-position: 0   0px }
	#snav05 a:hover { background-position: 0   0px }




/*過去のスケジュール*/
ul#pulldown-menu a {
	color: #333;
    text-decoration: none;
	font-size:12px;
	margin-top:10px;
	width: 180px;
	height:20px;
}
ul#pulldown-menu a:link,ul#pulldown-menu a:visited {
	background:url('../img/black10.png');
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
	background:url('../img/black50.png');
	color: #FFF;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        width: 170px;
}
ul#pulldown-menu li a {
	display: block;
	width: 170px;
	text-align:left;
	padding:2px 0 0 10px;
	margin:0 0 1px 0;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul { display: none; }
/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul { display: block; position: absolute; z-index:180px; }
ul#pulldown-menu li ul li { float: none;  margin: 0; font-weight: normal; }





.none{
	width:760px;
	margin:0 0 0 30px;
	border-collapse: collapse;
	border-spacing: 0;
	background:#FFF;
	clear: both;
	font-size:12px;
}
.none th { text-align:left; background:#EFEFEF; padding:7px; }
.none td { padding: 0; text-align:left; vertical-align:top; background:#FFF; padding:7px; }


.fanclub{
	width:100%;
	margin:0px 0 -10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	font-size:12px;
}
.fanclub th { text-align:center; padding:10px 0 5px 0; background:#FFFF7E; padding:10px; }
.fanclub td { padding: 0; text-align:left; vertical-align:top; padding:15px; }


.yellow{
	width:100%;
	background-color:#FFF;
	margin:10px 0 -20px 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	font-size:12px;
}
.yellow th { text-align:left; vertical-align:top; padding:10px 0 5px 0; }
.yellow td { padding: 0; text-align:left; vertical-align:top; padding:5px; }


.white{
	width:100%;
	margin:5px 0 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	font-size:12px;
	border-top: 2px solid #fb099e;
	border-right: 2px solid #fb099e;
	border-bottom: 2px solid #fb099e;
	border-left: 2px solid #fb099e;
}
.white th { text-align:center; padding:10px 0 5px 0; background:#FFF; padding:8px; }
.white td { padding: 0; text-align:left; vertical-align:top; background:#FFF; padding:8px; color:#000; }

.white2{
	width:100%;
	margin:5px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	font-size:12px;
}
.white2 th { text-align:center; padding:10px 0 5px 0; background:#FFF; padding:8px; }
.white2 td { padding: 0; text-align:left; vertical-align:top; background:#EFEFEF; padding:8px; color:#000; }
.white2 blue-b {color: ##21CDFF;font-weight: bold;background: transparent;}




.quiz{
	margin:0 0 0 170px;
	width:600px;
	border-collapse: collapse;
	border-spacing: 0;
	background:#FFF;
	border-top: 4px solid #FFF;
	border-right: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	border-left: 4px solid #FFF;
	clear: both;
	font-size:12px;
}
.quiz th { text-align:left; background:#EFEFEF; padding:0px; }
.quiz td { text-align:left; vertical-align:top; background:#FFF; padding:2px; }

.quiz-yellow{
	width:860px;
	background: url("../img/quiz.gif") no-repeat;
	background-position:bottom left;
	margin:0 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	font-size:12px;
}
.quiz-yellow th { text-align:left; padding:8px; }
.quiz-yellow td { padding: 0; text-align:left; vertical-align:top; padding:8px; }




/*ギャラリー用フィルタ=========================================*/
/* オーバーレイ */
.overlay { display:none; background:url("../img/black50.png"); }
.overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:0px;
	top:380px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.overlay-child { text-align:center; }


/* テーブル */
.gallery{
	width:100%;
	margin-top:-20px;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin-bottom:10px;
	font-size:12px;
}
.gallery th { padding:0; text-align:left; border-left:10px; }
.gallery td { margin-top:10px; text-align:left; border-left:10px; color:#000; }

.gallery img { float:left; margin:5px 5px 0 0; }


.gallery2{
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.gallery2 th { padding:0; text-align:center; }
.gallery2 td { margin-top:10px; text-align:center; }