@charset "utf-8";

/* このCSSはトップページのコンテンツレイアウトを記述しております */

#top_container {
	width: 943px;
	clear:both;
	text-align: left;
	background: url(../img/top_base.gif) center repeat-y;
	border-top: 1px solid #343434;
	font-size: 75%;
	line-height: 140%;
	margin: 0 1px;
	/*float: left;*/
	word-spacing: 1px;
	overflow: hidden;
}

#box_left {
	margin: 0;
	float: left;
	width: 205px;
	text-align: center;
}

#box_center {
	margin: 0;
	float: left;
	width: 512px;
	text-align: center;
}

#box_right {
	margin: 0;
	float: left;
	width: 226px;
	/*width: 226px;*/
	text-align: center;
}

#box_clear{
	clear:both;
}

/*----- BOX LEFT -----*/

/*-- information --*/
#box_left #information{
	background: url(../img/top_info_bg.gif) repeat-y;
	width: 188px;
	margin: 10px auto;
}


#box_left #information ul{
	text-align: left;
	list-style: none;
	padding: 10px 15px 5px 15px;
	line-height: 120%;
}

#box_left #information li{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: url(../img/top_info_li.gif) no-repeat;
	background-position: 0px 8px;
}

#box_left #information #info_foot{
	height: 10px;
	background: url(../img/top_info_foot.gif) bottom no-repeat;
}
/*-- summer --*/
#box_left #information #summer{
	background: url(../img/top_info2_bg.gif) center repeat-y;
	margin-top: 10px;
	margin: 0 13px;
	width: 163px;
}
#box_left #information #summer p#summer_foot{
	height: 10px;
	background: url(../img/top_info2_foot.gif) bottom no-repeat;
}

/*-- movie --*/
#box_left #movie{
	background: url(../img/top_mov_bg.gif) repeat-y;
	width: 188px;
	margin: 10px auto;
	text-align: left;
}


#box_left #movie #thumbnail{
	margin: 10px;
}
#box_left #movie #movie_foot{
	clear:both;
	height: 15px;
	background: url(../img/top_mov_foot.gif) bottom no-repeat;
}

#btn_play {
	clear:both;
	margin-left: 110px;
	display: block;
	width: 63px;
	height: 10px;
}
#btn_play a{
	display: block;
	width: 63px;
	height: 10px;
	background: url(../img/top_btn_play.gif) no-repeat;
}
#btn_play a:hover{
	width: 63px;
	height: 10px;
	background: url(../img/top_btn_play.gif) no-repeat;
	background-position: 0 -10px;
}

/** WMV対応: 「動画を見る前に→」ボタンをcomment out - TCS 09.03
#btn_before {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	display: block;
	width: 83px;
	height: 10px;
}
#btn_before a{
	display: block;
	width: 83px;
	height: 10px;
	background: url(../img/top_mov_btn_before.gif) no-repeat;
}
#btn_before a:hover{
	width: 83px;
	height: 10px;
	background: url(../img/top_mov_btn_before.gif) no-repeat;
	background-position: 0 -10px;
}
**/
/*----- BOX CENTER -----*/
#box_center #c_menu{
	margin: 10px auto;
	text-align: left;
	width: 495px;
}

/*-- kyoushitu --*/
#box_center #c_menu #kyoushitu{
	width: 495px;
	height: 295px;
	background: url(../img/top_kyoushitu.gif) no-repeat;
	padding-left: 172px;
	margin-bottom: 10px;
}
#kyoushitu h1{
	height: 79px;
}
#kyoushitu p{
	margin-bottom: 19px;
}

#kyoushitu #share1 a{
	display: block;
	width: 285px;
	height: 39px;
	background: url(../img/top_btn_share1.gif) no-repeat;
}
#kyoushitu #share1 a:hover{
	width: 285px;
	height: 39px;
	background: url(../img/top_btn_share1.gif) no-repeat;
	background-position: 0 -39px;
}

#kyoushitu #share2 a{
	display: block;
	width: 285px;
	height: 39px;
	background: url(../img/top_btn_share2.gif) no-repeat;
}
#kyoushitu #share2 a:hover{
	width: 285px;
	height: 39px;
	background: url(../img/top_btn_share2.gif) no-repeat;
	background-position: 0 -39px;
}
#kyoushitu #share3 a{
	display: block;
	width: 285px;
	height: 39px;
	background: url(../img/top_btn_share3.gif) no-repeat;
}
#kyoushitu #share3 a:hover{
	width: 285px;
	height: 39px;
	background: url(../img/top_btn_share3.gif) no-repeat;
	background-position: 0 -39px;
}

/*-- news --*/
#news_navi_box {
	float:left;
	width: 495;
	margin-bottom: 10px;
	background: url(../img/top_center_line.gif) center repeat-y;
}

#box_center #c_menu #news_navi_box #news{
	float: left;
	width: 245px;
	margin-right: 1px;
}
#news h1 a{
	display: block;
	width: 242px;
	height: 29px;
	background: url(../img/top_btn_news.gif) no-repeat;
}
#news h1 a:hover{
	width: 242px;
	height: 29px;
	background: url(../img/top_btn_news.gif) no-repeat;
	background-position: 0 -29px;
}

#news h2{
	margin-left: 10px;
	padding-left: 8px;
	background: url(../img/top_news_h2.gif) no-repeat;
	height: 15px;
	line-height: 15px;
	font-weight: bold;
}

#news p{
	padding: 5px 10px;
}
#news #btn_next {
	float: right;
	display: block;
	width: 63px;
	height: 10px;
}
#news #btn_next a{
	display: block;
	width: 63px;
	height: 10px;
	background: url(../img/top_btn_next.gif) no-repeat;
}
#news #btn_next a:hover{
	width: 63px;
	height: 10px;
	background: url(../img/top_btn_next.gif) no-repeat;
	background-position: 0 -10px;
}

/*-- navi --*/
#box_center #c_menu #news_navi_box #navi{
	float: left;
	width: 242px;
	margin-left: 7px;
}
#navi h1 a{
	display: block;
	width: 242px;
	height: 29px;
	background: url(../img/top_btn_navi.gif) no-repeat;
}
#navi h1 a:hover{
	width: 242px;
	height: 29px;
	background: url(../img/top_btn_navi.gif) no-repeat;
	background-position: 0 -29px;
}

#navi p{
	padding: 5px 10px;
}
#navi #btn_list {
	clear:both;
	float: right;
	display: block;
	width: 83px;
	height: 10px;
}
#navi #btn_list a{
	display: block;
	width: 83px;
	height: 10px;
	background: url(../img/top_btn_list.gif) no-repeat;
}
#navi #btn_list a:hover{
	width: 83px;
	height: 10px;
	background: url(../img/top_btn_list.gif) no-repeat;
	background-position: 0 -10px;
}

#navi #movie_btns a{
	display: block;
	width: 230px;
	height: 45px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#navi #movie_btns a:hover{
	background-position: 0 -45px;
}

#navi #btn_movie1 a{
	background: url(../img/top_navi_tn1.gif) no-repeat;
}
#navi #btn_movie2 a{
	background: url(../img/top_navi_tn2.gif) no-repeat;
}
#navi #btn_movie3 a{
	background: url(../img/top_navi_tn3.gif) no-repeat;
}
#navi #btn_movie4 a{
	background: url(../img/top_navi_tn4.gif) no-repeat;
}
#navi #btn_movie5 a{
	background: url(../img/top_navi_tn5.gif) no-repeat;
}
#navi #btn_movie6 a{
	background: url(../img/top_navi_tn6.gif) no-repeat;
}
#navi #btn_movie7 a{
	background: url(../img/top_navi_tn7.gif) no-repeat;
}
#navi #btn_movie8 a{
	background: url(../img/top_navi_tn8.gif) no-repeat;
}
#navi #btn_movie9 a{
	background: url(../img/top_navi_tn9.gif) no-repeat;
}
#navi #btn_movie10 a{
	background: url(../img/top_navi_tn10.gif) no-repeat;
}
#navi #btn_movie11 a{
	background: url(../img/top_navi_tn11.gif) no-repeat;
}
#navi #btn_movie12 a{
	background: url(../img/top_navi_tn12.gif) no-repeat;
}
#navi #btn_movie13 a{
	background: url(../img/top_navi_tn13.gif) no-repeat;
}
#navi #btn_movie14 a{
	background: url(../img/top_navi_tn14.gif) no-repeat;
}
#navi #btn_movie15 a{
	background: url(../img/top_navi_tn15.gif) no-repeat;
}


#navi h2{
	font-weight: bold;
	padding-left: 63px;
}
#navi #subtitle{
	font-size: 85%;
	padding-left: 63px;
}



/* BOX RIGHT */
#box_right #report{
	background: url(../img/top_report_bg.gif) repeat-y;
	width: 215px;
	margin: 10px auto;
	text-align: left;
}
#box_right #report h2{
	font-weight: bold;
	padding: 10px 15px;
}
#report #sc_photo{
	text-align: center;
}
#report p{
	padding: 5px 15px;
}
#report #btn_next {
	clear:both;
	float: right;
	display: block;
	width: 63px;
	height: 10px;
}
#report #btn_next a{
	display: block;
	width: 63px;
	height: 10px;
	background: url(../img/top_btn_next.gif) no-repeat;
}
#report #btn_next a:hover{
	width: 63px;
	height: 10px;
	background: url(../img/top_btn_next.gif) no-repeat;
	background-position: 0 -10px;
}
#report #line {
	clear:both;
	width: 194px;
	height: 10px;
	margin-left: 10px;
	background: url(../img/top_hr.gif) bottom repeat-x;
}
#report h3{
	padding: 10px 0 5px 10px;
}
#report ul {
	width: 186px;
	height: 57px;/*
	float: left;*/
	margin: 10px 5px 10px 15px;
}
#report li{
	display: block;
	list-style-type : none;
	width: 62px;
	height: 57px;
	float: left;
}
#report #search1 a{
	display: block;
	width: 62px;
	height: 57px;
	background: url(../img/top_btn_search.gif) no-repeat;
}
#report #search1 a:hover{
	width: 62px;
	height: 57px;
	background: url(../img/top_btn_search.gif) no-repeat;
	background-position: 0 -57px;
}
#report #search2 a{
	display: block;
	width: 62px;
	height: 57px;
	background: url(../img/top_btn_search.gif) no-repeat;
	background-position: -62px -0;
}
#report #search2 a:hover{
	width: 62px;
	height: 57px;
	background: url(../img/top_btn_search.gif) no-repeat;
	background-position: -62px -57px;
}
#report #search3 a{
	display: block;
	width: 62px;
	height: 57px;
	background: url(../img/top_btn_search.gif) no-repeat;
	background-position: -124px -0;
}
#report #search3 a:hover{
	width: 62px;
	height: 57px;
	background: url(../img/top_btn_search.gif) no-repeat;
	background-position: -124px -57px;
}
#report #report_foot{
	clear: both;
	height: 15px;
	background: url(../img/top_report_foot.gif) bottom no-repeat;
}