@charset "UTF-8";

/*------------------------------------
	#FLASH SIZE
------------------------------------*/
#fla,
#main .catcheye{
	width:500px;
	height:304px;
	background:transparent url(../img/bg-catcheye.gif) 0 0 no-repeat;
	}
#fla2{
	width:500px;
	height:73px;
	}

#countdown{
	width:215px;
	height:106px;
	}

#footerDance{
	width:981px;
	height:98px;
	}

/*------------------------------------
	#LAYOUT
------------------------------------*/
body{
	background:transparent url(../common/img/bg-body.gif) top left repeat-x;
	}

#container{
	width:955px;
	}
#contents{
	margin-bottom:20px;
	}
#contents .inner{
	padding:0;
	}
	
#contents .wrapper{
	float:left;
	width:728px;
	padding-bottom:30px;

}
	#contents .wrapper #main{
	float:right;
	width:500px;
	padding-bottom:0;
	}
	#contents .wrapper #leftmenu{
	margin-bottom:10px;
	width:215px;
	float:left;
	}

#contents #sub{
	width:215px;
	}


/*------------------------------------
	#sub
------------------------------------*/
#main .section{
	margin-bottom:10px;
	}
#main .section #fla2{
	margin:0 auto 10px;
	}

#main .pickup{
	position:relative;
	margin-top:-8px;
	margin-bottom:15px;
	}
#main .pickup a.button{
	position:absolute;
	top:16px;
	left:432px;
	}
#main .pickup{
	background:#ff7618 url(../img/bg-pickup.gif) top left repeat-y;
	}
#main .pickup .section-body{
	padding:0 22px 24px;
	background:url(../img/bg-pickup-btm.gif) bottom left no-repeat;
	}
#main .pickup dl{padding:10px;border-bottom:1px solid #ccc;clear:both;background-color:#FFF;}
#main .pickup dl.even{background-color:#f8f8f8;}
#main .pickup dl.lastChild{border-bottom:0px solid #ccc;}
#main .pickup dt{width:65px;float:left;}
#main .pickup dd{line-height:1.6;float:right;width:370px;}
#main .pickup dd h3{font-size:13px;}
#main .pickup dd h3 a:link,#main .pickup dd h3 a:visited,#main .pickup dd h3 a:hover{color:#F63;font-weight:bold;}
#main .pickup dd p{font-size:11px;}


/* PICK UP list --------------- */
#boxEmergency{
	background:transparent url(../img/bg_emergency.gif) top left repeat-y;
	margin:0 0 20px;
	}
#boxEmergency .inner{
	padding:12px 20px;
	background:transparent url(../img/bg_emergency_btm.gif) bottom left no-repeat;	
	}
#boxPickUpInfo{
	background:transparent url(../img/bg_pickup_info.gif) top left repeat-y;
	margin-bottom:15px;
	}
#boxPickUpInfo .inner{
	padding:12px 20px;
	background:transparent url(../img/bg_pickup_info_btm.gif) bottom left no-repeat;	
	}

#boxEmergency .img,
#boxPickUpInfo .img{
	float:left;
	width:50px;
	}
#boxEmergency .ttl,
#boxPickUpInfo .ttl{
	float:right;
	padding:15px 0 10px;
	width:400px;
	font-weight:bold;
	}
#boxEmergency .ttl,#boxEmergency .ttl a{color:#f30;}
#boxPickUpInfo .ttl,#boxPickUpInfo .ttl a{color:#333;}

#main p.pickup2{
	padding:0 0 10px 76px;
	line-height:1.3;
}
#main p.icAnnouncer {background:url(../img/ic_pickup_01.gif) no-repeat 0 0;}
#main p.icPresent {background:url(../img/ic_pickup_02.gif) no-repeat 0 0;}
#main p.icPreview {background:url(../img/ic_pickup_03.gif) no-repeat 0 0;}
#main p.icEvent {background:url(../img/ic_pickup_04.gif) no-repeat 0 0;}
#main p.icNew {background:url(../img/ic_pickup_05.gif) no-repeat 0 0;}
#main p.icRecruit {background:url(../img/ic_pickup_06.gif) no-repeat 0 0;}
#main p.icAccept {background:url(../img/ic_pickup_07.gif) no-repeat 0 0;}
#main p.icSoon {background:url(../img/ic_pickup_08.gif) no-repeat 0 0;}
#main p.icProgram {background:url(../img/ic_pickup_09.gif) no-repeat 0 0;}
#main p.icCampain {background:url(../img/ic_pickup_10.gif) no-repeat 0 0;}
#main p.icNotice {background:url(../img/ic_pickup_11.gif) no-repeat 0 0;}


/*------------------------------------
	#leftmenu
------------------------------------*/

#leftmenu .section{
	margin-bottom:10px;
	position:relative;
	}

/*---------#program-----------*/
#program .now{
	background:transparent url(../img/program-bg.gif) 0 20px no-repeat;
}
#program .now .section-body{
	padding:6px;
	height:285px;
	}
#program .now .section-body .inner{
	margin-bottom:0;
	background:none;
	height:285px;
	overflow-y:scroll;
	font-size:10px;
	}
#program .now .link{
	text-align:center;
	background:transparent url(../img/program-bg-btm.gif) 0 100% no-repeat;
	}
#program .now .link a img{
	margin-bottom:5px;
	}
#program .now .button{
	position:absolute;
	top:0px;
	right:0;
	}
#program .now dl{line-height:1.5;background-color:#FFF;}
#program .now dl.even{background-color:#EEE9DD;}
#program .now dl#tvprogram_now,#program .now dl.hover{background-color:#4F85B5;color:#fff;}
#program .now dl#tvprogram_now,
#program .now dl#tvprogram_now a:link,
#program .now dl#tvprogram_now a:visited,
#program .now dl#tvprogram_now a:hover,
#program .now dl.hover a:link,
#program .now dl.hover a:visited,
#program .now dl.hover a:hover{color:#fff;}
#program .now dt{float:left;width:32px;padding:4px;}
#program .now dd{border-left:1px solid #ccc;padding:4px;margin-left:38px;}

/*--------*/
#leftmenu .ichioshi{
	}
#leftmenu .ichioshi .section-body{
	background:transparent url(../img/ichioshi-bg.gif) top left repeat-y;
	padding:5px 5px 3px;
	}
#leftmenu .ichioshi dl{
	padding:10px;
	background:#fff url(../img/ichioshi-list-bg.gif) bottom left repeat-x;
	}
#leftmenu .ichioshi dl.lastChild{border-bottom:0px dotted #ccc;margin-bottom:0px;}
#leftmenu .ichioshi dt{
	padding-bottom:2px;
	}
#leftmenu .ichioshi dd{
	display:none;
	font-size:11px;
	}
#leftmenu .ichioshi dd a{
	font-size:12px;
	}
#leftmenu .ichioshi .link{
	padding:4px;
	background:transparent url(../img/ichioshi-bg-btm.gif) bottom left no-repeat;
	}
#leftmenu .ichioshi .link a img{
	margin-bottom:5px;
	}
	#leftmenu .kouhou{
		width:180px;
		display:block;
		height:18px;
		padding:5px 0 5px 24px;
		background:transparent url(../img/kouhou-icn.gif) 5px 48% no-repeat;
		}
		#leftmenu .kouhou a{
			}


#leftmenu .bnr li{
	margin-bottom:6px;
	}

/*------------------------------------
	#sub
------------------------------------*/
#sub .section{margin-bottom:10px;}

#sub .election{
	position:relative;
	margin-top:-6px;
}

#sub .refresh{
	position:relative;
	margin-top:-12px;
	margin-bottom:10px;
	background:url(../img/refresh-bg.gif) top left repeat-x;
	}
#sub .refresh .section-body{
	height:158px;
	overflow:hidden;
	}
#sub .refresh .refreshticker{
	text-align:center;
	height:158px;
	overflow:hidden;
	}
#sub .refresh .refreshticker ul li{
	height:158px;
	margin:0 10px;
	line-height:1.4;
	overflow:hidden;
	}
#sub .refresh .refreshticker ul li p{
	margin:0 0 6px;
	line-height:1.2;
	}
#sub .refresh .link{
	background:transparent url(../img/refresh-bg-btm.gif) bottom left no-repeat;
	text-align:center;
	padding:5px;
	}
#sub .refresh .link .quiz img{
	margin-top:5px;
	}

#sub .anamag h3{
	}
#sub .anamag .section-body{
	padding:6px;
	background:transparent url(../img/anamag-bg.gif) bottom left repeat-y;
	}
#sub .anamag .section-body .ttl{
	padding:6px 6px 10px;
	background-color:#FFF;
	}
#sub .anamag ul{
	background:#FFF url(../common/img/dotline.gif) top left repeat-x;
	}
#sub .anamag ul li{
	position:relative;
	padding:8px 2px 6px 8px;
	background:transparent url(../common/img/dotline.gif) top left repeat-x;
	}	
#sub .anamag ul li .img{
	width:50px;
	height:40px;
	float:left;
	}
#sub .anamag ul li .txt{
	width:142px;
	float:right;
	line-height:1.2;
	}
#sub .anamag ul li .txt p.name{
	margin-bottom:2px;
	}

#sub .anamag .link{
	padding:0 0 8px;
	text-align:center;
	background:transparent url(../img/anamag-bg-btm.gif) bottom left no-repeat;
	}

#sub .event{
	}
#sub .event .section-body{
	padding:5px;
	background:transparent url(../img/event-bg.gif) bottom left repeat-y;
	}
#sub .event .section-body .img{
	width:205px;
	overflow:hidden;
	padding:6px 0 10px;
	background:#FFF url(../img/dotline.gif) bottom left repeat-x;
	text-align:center;
	}
#sub .event .section-body ul{
		padding:5px 0 10px 5px;
		background-color:#FFF;
		}
#sub .event .section-body li{
	padding-left:12px;
	background:transparent url(../common/img/dot.gif) 0 4px no-repeat;
	}
#sub .event .link{
	padding:0 0 8px;
	text-align:center;
	background:transparent url(../img/event-bg-btm.gif) bottom left no-repeat;
	}
#sub .bnr{
	position:relative;
	height:167px;
	}
#sub .bnr img{
	position:absolute;
	top:0;
	left:-5px;
	}

/*----------------------------------------------------
	#sub-contents
----------------------------------------------------*/
#sub-contents{
	clear:both;
	position:relative;
	height:210px;
	padding:10px 16px 15px;
	background:transparent url(../img/subcontents-bg.gif) 0 0 no-repeat;
	}
#sub-contents .section{
	width:205px;
	height:210px;
	float:left;
	margin-right:16px;
	padding-right:16px;
	border-right:1px solid #ccc;
	}
#sub-contents .section.lastChild{
	margin-right:0;
	padding-right:0;
	border-right:0 solid #ccc;
	}
#sub-contents .section h4{
	margin-bottom:12px;
	}
#sub-contents .section p{
	margin:0 0 5px;
	}
#sub-contents .section ul{
	margin:0 0 10px;
	}
#sub-contents .section ul.fl{
	float:left;
	margin:0 0 10px 10px;
	width:90px;
	}
#sub-contents .section ul li{
	padding-left:12px;
	background:transparent url(../common/img/dot.gif) 0 3px no-repeat;
	}
	
#sub-contents .section .twitter{
	}
#sub-contents .section .twitter .icn{
	width:31px;
	float:left;
	}
#sub-contents .section .twitter #tweets{
	padding:3px 4px 5px 7px;
	position:relative;
	overflow:hidden;
	height:80px;
	float:right;
	margin-bottom:8px;
	background:transparent url(../img/twitter-bg.gif) 0 0 no-repeat;
	}
#sub-contents .section .twitter #twitter_div{
	width:162px;
	height:80px;
	overflow:auto;
	}
#sub-contents .section .twitter #twitter_div li{
	text-align:right;
	padding:2px 2px;
	width:150px;
	background:#FFF url(../img/dotline.gif) bottom left repeat-x;
	}
#sub-contents .section .twitter #twitter_div li.even{
	background-color:#F0FCFF;
	}
/*#sub-contents .section .twitter #twitter_div li.lastChild{
	padding:8px 2px 0;
	margin-bottom:0;
	background-image:none;
	}*/
#sub-contents .section .twitter #twitter_div li span{
	display:block;
	text-align:left;
	line-height:1.4;
	font-size:10px;
	color:#555;
	}
	
/*---------------------
#tweets .twtr-hd,
#tweets .twtr-avatar,
#tweets .twtr-ft{
	display:none;
	width:0;
	height:0;
	float:none;
	}
#tweets .twtr-bd{
	padding:0;
	font-size:10px;
	}
#tweets .twtr-timeline{
	border:0 solid;
	}
#tweets .twtr-tweet-wrap{
	padding:0 0 4px;
	}
#tweets .twtr-tweet{
	margin-bottom:4px;
	line-height:1.7;
	}
#tweets .twtr-widget .twtr-tweet-text{
		width:148px;
	}
#tweets .twtr-widget .twtr-tweet-text p{
	line-height:1.4 !important;
	}
#tweets .twtr-widget em{
	text-align:right;
	}
--------------------------*/

/*------------------------------------
	#banner
------------------------------------*/
#banner {
	width:955px;
	margin:0 auto 30px;
	}
#banner .section1 {
	overflow:hidden;
	width:929px;
	padding:12px 12px 2px;
	margin-bottom:10px;
	border:1px solid #ccc;
	font-size:0;
	}
#banner .section1 div{
	width:950px;
	position:relative;
	margin-right:-13px;
	vertical-align:middle;
	}
#banner .section1 img{
	vertical-align:middle;
	margin:0 13px 10px 0;
	}


#banner .section2{
	width:920px;
	margin:0 auto;
	}
#banner .section2 .fl{
	float:left;
	}
#banner .section2 .fr{
	float:right;
	margin-top:5px;
	}



/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.section-body:after,
#sub .anamag ul li:after,
dl:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
	}
.section-body,
#sub .anamag ul li,
dl{
	display:inline-block;
	min-height:1%;
	}

/* Hides from IE-mac \*/
* html .section-body,
* html #sub .anamag ul li,
* html dl{height:1%;}

.section-body,
#sub .anamag ul li,
dl{display:block;}
/* End hide from IE-mac */