@charset "utf-8";

@import url(common.css);

/*==================================================================*/
/* TOPページ用 style css */
/*==================================================================*/
#container,#wrapper{background:none;}
#contents{float:left;font-size:0.9em;}
#contents h3{width:auto;margin:0 0 10px;padding:0;border:none;}

/* ------------------------------------------- */
/* push */
/* ------------------------------------------- */
#push *{margin:0;padding:0;}
#push img{vertical-align:bottom;}

#push{
	margin:0 0 10px;
	padding:2px 5px 5px 12px;
	background:url('../img/push_back.gif') no-repeat 0 0;
}
/* clear hack */
#push{zoom:1;}
#push:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#push h1{
	float:right;
	width:592px;
	margin:1px 0 0;
	padding:0;
	background-image:none;
}
#push h1 img{max-width:592px;}

#push div{
	float:left;
	width:130px;
}
#push h2{
	margin:0 0 10px;
	padding:0;
	background:none;
}
#push ul{
font-size:0;
}
#push li{
	margin:0 0 1px;
	list-style:none;
	text-align:center;
}
#push li img{border:3px solid #888;max-width:124px;}
#push li.on img,#push li a:hover img{border-color:#fdbe00;}


/* ------------------------------------------- */
/* middlebox */
/* ------------------------------------------- */
#middlebox{margin:0 0 15px;}

/* clear hack */
#middlebox{zoom:1;}
#middlebox:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* ------------------------------------------- */
/* leftbox */
/* ------------------------------------------- */
#leftbox{
	float:left;
	width:315px;
}
#leftbox div{
	margin:0 0 6px;
	background:url('../img/left_back.gif') repeat-y 0 0;
}

/* movie */
/* ------------------------------------------- */
#movie *{margin:0;padding:0;}
#movie img{vertical-align:bottom;}

/**/#movie span a{
	display:block;
	width:41px;
	height:42px;
	background:url('/common_img/bt_play.png') repeat 0 0;
	text-indent:-9999px;
}
#movie span a:hover{opacity:0.8;filter:alpha(opacity=80);
	background:url('/common_img/bt_play_on.png') repeat 0 0;}
	
#movie dl.first .movie{
	margin-bottom:1.5em;
	text-align:center;
}

#movie dl.first .movie .btplay{
	position:absolute;
	top:65px;
	left: 133px;
	z-index:2;
}
#movie .sec .movie{
	margin-bottom:1.5em;
	text-align:center;
}

#movie .sec .movie .btplay{
	position:absolute;
	top:30px;
	left: 70px;
	z-index:2;
}

#movie dl.first{
	margin:0 4px 0 3px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
	float:none;
	width:auto;
}
#movie dl.first dt{
	margin:0 0 5px;
	text-align:center;
	position:relative;
	zoom:1;
}
#movie dl.first dt span{
	position:absolute;
	top:45%;
	left:134px;
}
#movie dl.first img{max-width:290px;}

#movie div.sec{
	margin:0;
	padding:10px 3px 8px 4px;
	background:url('../img/movie_back.gif') repeat-y 3px 0;
}
/* clear hack */
#movie div{zoom:1;}
#movie div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#movie dl{
	float:left;
	width:153px;
}
#movie dt{
	margin:0 0 8px;
	text-align:center;
}

#movie dt{
	margin:0;
	padding:0;
	position:relative;
}
#movie dt span{
	position:absolute;
	top:28%;
	left:54px;
}

/* IE hack */
* html #movie dt span{top:20%;left:47px;}

#movie dd.date{font-size:0.9em;}
#movie dd{
	margin:0 10px;
	line-height:1.4;
}
#movie dd a{
	padding:0 0 0 10px;
	background:url('/common_img/top_arrow1.gif') no-repeat 0 3px;
}
#movie dd span{
	padding:0 0 0 10px;
	font-size:0.9em;
}
#movie div dt img{
	max-width:135px;
	_width:135px;
	}

#movie p.more{
	margin:0;
	padding:8px 0 10px;
	border:none;
	background:url('../img/movie_bottom.gif') no-repeat 0 100%;
	text-align:center;
}

#movie p.more a{
	display:block;
	width:131px;
	height:24px;
	margin:0 auto;
	background:url('../img/movie_more.gif') no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
}
#movie p.more a:hover{background-position:0 -24px;}


/* block */
/* ------------------------------------------- */
#leftbox .block{
	padding:0 13px 6px 12px;
	background:url('../img/left_bottom.gif') no-repeat 0 100%;
}
/* clear hack */
#leftbox .block{zoom:1;}
#leftbox .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* news */
/* ------------------------------------------- */
#news *{margin:0;padding:0;}

#news h4{
	margin:0 0 5px;
	padding:0;
	width:auto;
}

#news dl{
	margin:0 0 10px;
	padding:0 0 10px;
	background:url('../img/line_dot.gif') repeat-x 0 100%;
}
#news dt{
	margin:0 0 10px;
	padding-left:18px;
	background:url('/common_img/top_arrow.gif') no-repeat 0 5px;
}
.special{
	padding:2px 3px;
	background:#000;
	color:#fff;
	font-size:0.9em;
	white-space:nowrap;
}

/* present */
/* ------------------------------------------- */
#present *{margin:0;padding:0;}

#present .block{
	padding-bottom:12px;
	cursor: pointer;
}
#present p img{
	float:left;
	margin:0 15px 0 0;
	padding:0;
	max-width:85px;
}



/* ------------------------------------------- */
/* centerbox */
/* ------------------------------------------- */
#centerbox{
	float:right;
	width:430px;
}
#centerbox div{background:url('../img/center_back.gif') repeat-y 0 0;}

/* pickup */
/* ------------------------------------------- */
#pickup *{margin:0;padding:0;}

#pickup{margin:0 0 6px;}
#pickup h4{
	width:auto;
	margin:0 13px 13px 12px;
	padding:0 0 0 15px;
	background:url('../img/pickup_listmark.gif') no-repeat 0 0;
	font-weight:normal;
	font-size:1.0em;
}
#pickup .frame{
	padding:0 0 6px;
	background:url('../img/pickup_bottom.gif') no-repeat 0 100%;
}
#pickup .frame div{
	margin:0 13px 10px 12px;
	padding:0 0 10px;
	background:url('../img/line_dot.gif') repeat-x 0 100%;
	cursor: pointer;
}
/* clear hack */
#pickup div{zoom:1;}
#pickup div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#pickup p{
	float:left;
	width:135px;
	text-align:center;
}
#pickup p img{
	max-width:135px;
	_width:135px;
	}

#pickup dl{
	float:right;
	width:260px;
}

#pickup dt{
	margin:0 0 10px;
	line-height:1.4;
	font-weight:bold;
}
#pickup dt span{
	font-size:0.9em;
	font-weight:normal;
}

#pickup dd.date{
	padding:0 0 0 15px;
	background:url('../img/pickup_date.gif') no-repeat 0 6px;
}

/* block */
/* ------------------------------------------- */
#centerbox .block{margin:0 0 6px;}
#centerbox .block dl{
	margin:0 13px 0 12px;
	padding:0;
}
#centerbox .block dt{
	margin:0;
	padding:9px 0 0;
	color:#333;
	font-size:0.9em;
}
#centerbox .block dd{
	margin:0;
	padding:0 0 10px;
	background:url('../img/line_dot.gif') repeat-x 0 100%;
}

#centerbox .block ul{
	margin:0 13px 0 12px;
	padding:0;
}
#centerbox .block li{
	list-style:none;
	margin:0;
	padding:9px 0 10px;
	background:url('../img/line_dot.gif') repeat-x 0 100%;
}
/* clear hack */
#centerbox .block ul{zoom:1;}
#centerbox .block ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#centerbox .block dd a,#centerbox .block li a{
	display:block;
	padding-left:18px;
	background:url('/common_img/top_arrow.gif') no-repeat 0 5px;
}

#centerbox .block p{
	padding:8px 0 10px;
	background:url('../img/center_bottom.gif') no-repeat 0 0;
	text-align:center;
}
#centerbox .block p a{
	display:block;
	margin:0 auto;
	text-indent:-9999px;
	outline:none;
}
#centerbox .block p a:hover{background-position:0 -24px;}

/* information */
/* ------------------------------------------- */
#information p a{
	width:236px;
	height:24px;
	background:url('../img/information_more.gif') no-repeat 0 0;
}


/* contact */
/* ------------------------------------------- */
#contact p a{
	width:211px;
	height:24px;
	background:url('../img/contact_more.gif') no-repeat 0 0;
}


/* banner */
/* ------------------------------------------- */
#banner *{margin:0;padding:0;}
#banner img{vertical-align:bottom;}

#banner ul{text-align:center;}
#banner li{
	list-style:none;
	font-size:0;
	line-height:0;
}
#banner li img{margin:0 0 15px;}


#banner li{ float:left; padding:0 6px;}
/*#banner li:nth-child(even) { padding: 0 5px 0 0;  }
#banner li:nth-child(odd) { padding:0 14px 0 5px; }*/
/**/

/* banner-s */
/* ------------------------------------------- */
#banner-s *{margin:0;padding:0;}
#banner-s img{vertical-align:bottom;}

#banner-s ul{/*text-align:center;*/
	margin-left:30px;
}
#banner-s li{
	padding:0 12px 0 0;
	list-style:none;
	font-size:0;
	line-height:0;
	display:inline;
	text-align:center;
}
#banner-s li img{margin:0 0 10px;}

/* ------------------------------------------- */
/* rightbox */
/* ------------------------------------------- */
#rightbox{
	float:right;
	width:200px;
	font-size:0.9em;
}

#rightbox div{
	margin:0 0 6px;
	background:url('/common_img/left/left_back.gif') repeat-y 0 0;
}
#rightbox h4{margin:0;padding:0;}

/* how */
/* ------------------------------------------- */
#how div{
	margin:0;
	padding:0 13px 7px 6px;
	background:url('/common_img/left/left_bottom.gif') no-repeat 0 bottom;}
#how a{
	display:block;
	margin:3px 0 0px;
	/*padding-left:18px;
	background:url('/img/how_ico.gif') no-repeat 0 2px;*/
	text-indent: -9999px;
	background:url(../img/how_btn.gif) no-repeat 0 0;
	width: 187px;
	height: 35px;
}
#how a:hover{
	background-position:bottom;
}

/* new */
/* ------------------------------------------- */
#new dl{
	margin:0;
	padding:0 13px 6px 12px;
	background:url('/common_img/left/left_bottom.gif') no-repeat 0 bottom;}

#new dt:first-child{background:none;}

#new dt{
	margin:0;
	padding:9px 0 0;
	color:#333;
	line-height:1.2;
	font-size:0.9em;
	background:url('../img/line_dot.gif') repeat-x 0 0;
}


#new dd{
	margin:0 0 10px;
	padding-left:18px;
	background:url('/common_img/top_arrow.gif') no-repeat 0 5px;
}


/* onair */
/* ------------------------------------------- */
#onair .first{
	margin:0 4px 9px 3px;
	padding:0 9px 6px;
	border-bottom:1px solid #ccc;
	background:none;
}

#onair .first li{
	padding:6px 0 10px;
	background:none;
}
#onair .first span{
	color:#333;
	line-height:2;
	font-size:1em;
}
#onair .first img{
	max-width:175px;
	margin:0 0 8px;
	_width:175px;
}

#onair h5{
	margin:0;
	padding:0 0 0 9px;
}

#onair ul{
	margin:0;
	padding:0 13px 6px 12px;
	background:url('/common_img/left/left_bottom.gif') no-repeat 0 bottom;
}

#onair li{
	list-style:none;
	margin:0;
	padding:9px 0 10px;
	background:url('../img/line_dot.gif') repeat-x 0 100%;
}
#onair li a{
	display:block;
	padding-left:18px;
	background:url('/common_img/top_arrow.gif') no-repeat 0 5px;
}
#onair li span{
	color:#333;
	font-size:0.9em;
	line-height:1.2;
}


/* pr */
/* ------------------------------------------- */
#pr *{margin:0;padding:0;}
#rightbox #pr{background:none;
padding-top:20px;}
#pr img{margin-bottom:8px;}

/*
#pr img{vertical-align:bottom;}
#pr a{color:#333;text-decoration:none;}
#pr a:hover{text-decoration:underline;}

#pr div{background:url('../img/pr_top.gif') no-repeat 0 0;}

#pr dl{zoom:1;}
#pr dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#pr dl{
	padding:0 13px 6px 12px;
	background:url('/common_img/left/left_bottom.gif') no-repeat 0 bottom;
}
#pr dt{float:left;}
#pr dt img{margin:10px 12px 0 0;}

#pr dd{
	margin:0;
	padding:9px 0 10px;
	background:url('../img/line_dot.gif') repeat-x 0 100%;
}*/


/* ---------------------------------------------------------------- */
