@charset "iso-2022-jp";

/* //////////////////////////////////////furusato-eco common.css/////////////////////////////////////// */

/*/////////////////////////////////////////////////////////////////////////
デフォルトCSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:62.5%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Meiryo, sans-serif; background:url(../img/bg.gif);}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, dl, dt, dd { font-size:100%;}
img { border:none;}
hr { display:none;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}

/*画像保護用*/
.cover { background:url(/img/cover.gif); display:block;}
.topcover { background:url(/img/cover.gif); display:block; width:165px; height:123px;}
/*スーパーバナー枠*/
#bnSuper {width:100%; height:110px; background:#fff; border-bottom:1px solid #c0c0c0;}
#bnIn { padding-top:10px;}
/*float設定*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*フォント指定*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cBlue { color:#225c95;}
.cRed, .err { color:#a71414;}
/*font-size*/
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%; line-height:160%;}
.f85 { font-size:85%; line-height:170%;}
.f80 { font-size:80%;}
/*リンク指定*/
a { text-decoration:underline; color:#b3401c;}
a:hover { text-decoration:none; color:#741c00;}
/*padding/margin*/
.pdgL10 { padding:0 10px;}
.pdgB15 { padding-bottom:15px;}
.pdgB20 { padding-bottom:20px;}
.pdgB25 { padding-bottom:25px;}
.mgnB0 { margin-bottom:0 !important}

/*bnSuper*/
#bnSuper {
	width:100%;
	height:110px;
	background:#fff;
	border-bottom:1px solid #c0c0c0;
	}
	#bnIn { padding-top:10px;}
/*footer*/
#footer {
	width:980px;
	color:#444;
	text-align:center;
	padding:25px 0;
	margin:0 auto;
	height:31px;
	}
	#footer a { color:#444;}	

/* ***********************************************************************
common
*********************************************************************** */
#container{ width:980px; margin:15px auto 0 auto; text-align:left; font-size:120%; line-height:180%; color:#444;}
#main{ padding:0 17px 17px 17px; background:url(../img/container_bg.gif) repeat-y; border-top: solid 3px #b8b8b8;}
#left{ width:618px; float:left;}
#left p{ margin-bottom:20px;}
#right{ width:300px; float:right;}
#menu{ width:618px; height:70px; background:url(../img/base_img.gif); position:relative; margin-bottom:7px;}
#title { position:absolute;}
#title a{ width:73px; height:70px; display:block;}

#menu li{ position:absolute;}
#menu li a{ width:88px; height:30px; display:block;}
#menu li a:hover{ background:url(../img/base_img.gif);}

#menu li#menu01{ left:76px; top:4px;}
#menu li#menu02{ left:166px; top:4px;}
#menu li#menu03{ left:256px; top:4px;}
#menu li#menu04{ left:346px; top:4px;}
#menu li#menu05{ left:436px; top:4px;}
#menu li#menu06{ left:526px; top:4px;}
#menu li#menu07{ left:76px; top:36px;}
#menu li#menu08{ left:166px; top:36px;}
#menu li#menu09{ left:256px; top:36px;}
#menu li#menu10{ left:346px; top:36px;}
#menu li#menu11{ left:436px; top:36px;}
#menu li#menu12{ left:526px; top:36px;}

#menu li#menu01 a:hover{ background-position:-76px -74px;}
#menu li#menu02 a:hover{ background-position:-166px -74px;}
#menu li#menu03 a:hover{ background-position:-256px -74px;}
#menu li#menu04 a:hover{ background-position:-346px -74px;}
#menu li#menu05 a:hover{ background-position:-436px -74px;}
#menu li#menu06 a:hover{ background-position:-526px -74px;}
#menu li#menu07 a:hover{ background-position:-76px -106px;}
#menu li#menu08 a:hover{ background-position:-166px -106px;}
#menu li#menu09 a:hover{ background-position:-256px -106px;}
#menu li#menu10 a:hover{ background-position:-346px -106px;}
#menu li#menu11 a:hover{ background-position:-436px -106px;}
#menu li#menu12 a:hover{ background-position:-526px -106px;}

.newsarea #menu li#menu01 a{ background:url(../img/base_img.gif); background-position:-76px -74px;}
.introarea #menu li#menu02 a{ background:url(../img/base_img.gif); background-position:-166px -74px;}
.storyarea #menu li#menu03 a{ background:url(../img/base_img.gif); background-position:-256px -74px;}
.castarea #menu li#menu04 a{ background:url(../img/base_img.gif); background-position:-346px -74px;}
.staffarea #menu li#menu05 a{ background:url(../img/base_img.gif); background-position:-436px -74px;}
.chartarea #menu li#menu06 a{ background:url(../img/base_img.gif); background-position:-526px -74px;}
.quizarea #menu li#menu07 a{ background:url(../img/base_img.gif); background-position:-76px -106px;}
.galleryarea #menu li#menu08 a{ background:url(../img/base_img.gif); background-position:-166px -106px;}
.reportarea #menu li#menu09 a{ background:url(../img/base_img.gif); background-position:-256px -106px;}
.commentarea #menu li#menu10 a{ background:url(../img/base_img.gif); background-position:-346px -106px;}
.spotarea #menu li#menu11 a{ background:url(../img/base_img.gif); background-position:-436px -106px;}
.msgarea #menu li#menu12 a{ background:url(../img/base_img.gif); background-position:-526px -106px;}

#header{ background:#fff; padding:17px 0 7px 0;}

#page_top{ width:980px; height:32px; background:url(../img/base_img.gif); background-position:0 -136px; position:relative;}
#page_top p { position:absolute; left:920px; top:1px;}
#page_top p a{ width:50px; height:23px; display:block;}

#rectangle{ width:300px; height:250px; margin:17px 0 12px 0;}
#whatsnew{ background:url(../img/base_img.gif); width:300px; height:114px; background-position:-618px 0; margin-bottom:12px;}
#whatsnew dl{ width:273px; height:69px; overflow:auto; line-height:150%;}
#whatsnew dt{float:left;color:#fff;font-weight:bold;font-size:90%; padding-right:10px;}
#whatsnew dd{margin-left:75px;color:#fff;font-size:90%;}
#whatsnew dd a{color:#fff; text-decoration:underline;}
#whatsnewbox{ padding:35px 0 0 18px;}

#twitter a{ width:300px; height:22px; background:url(../img/base_img.gif); background-position:-1218px 0; display:block; margin-bottom:12px;}
#drama2010 a{ width:300px; height:58px; background:url(../img/base_img.gif); background-position:-918px 0; display:block; margin-bottom:12px;}
#eto_column a{ width:300px; height:58px; background:url(../img/base_img.gif); background-position:-1218px -22px; display:block; margin-bottom:12px;}

#nenga{ width:300px; height:79px; background:url(../img/base_img.gif); background-position:-980px -86px; position:relative; margin-bottom:12px;}
#abe_nenga { position:absolute; left:7px; top:23px;}
#kuroki_nenga { position:absolute; left:104px; top:23px;}
#mizobata_nenga { position:absolute; left:200px; top:23px;}

#abe_nenga a{ width:92px; height:43px;display:block;}
#kuroki_nenga a{ width:92px; height:43px;display:block;  background:url(../img/base_img.gif); background-position:-1384px -109px;}
#mizobata_nenga a{ width:92px; height:43px;display:block;  background:url(../img/base_img.gif); background-position:-1480px -109px;}


#content{ padding:25px 25px 0 25px;}
#content2{ padding:15px 25px 0 25px;}

/* ***********************************************************************
top
*********************************************************************** */
.toparea #main{ padding:0 17px 0 3px; background:url(../img/container_bg.gif) repeat-y; border-top: solid 3px #b8b8b8; border-bottom: solid 3px #b8b8b8;}
.toparea #left{ width:647px; float:left;}
#topimg{ width:647px; height:522px; background:url(../img/topmain.jpg); position:relative;}

#topmenu{ width:647px; height:80px; background:url(../img/top_img.gif); position:relative;}
#topmenu li{ position:absolute;}
#topmenu li a{ width:106px; height:35px; display:block;}

#topmenu li#menu01{ left:0; top:4px;}
#topmenu li#menu02{ left:108px; top:4px;}
#topmenu li#menu03{ left:216px; top:4px;}
#topmenu li#menu04{ left:325px; top:4px;}
#topmenu li#menu05{ left:433px; top:4px;}
#topmenu li#menu06{ left:541px; top:4px;}
#topmenu li#menu07{ left:0; top:41px;}
#topmenu li#menu08{ left:108px; top:41px;}
#topmenu li#menu09{ left:216px; top:41px;}
#topmenu li#menu10{ left:325px; top:41px;}
#topmenu li#menu11{ left:433px; top:41px;}
#topmenu li#menu12{ left:541px; top:41px;}

#topmenu li#menu01 a:hover{ background:url(../img/top_img.gif); background-position: 0 -84px;}
#topmenu li#menu02 a:hover{ background:url(../img/top_img.gif); background-position: -108px -84px;}
#topmenu li#menu03 a:hover{ background:url(../img/top_img.gif); background-position: -216px -84px;}
#topmenu li#menu04 a:hover{ background:url(../img/top_img.gif); background-position: -325px -84px;}
#topmenu li#menu05 a:hover{ background:url(../img/top_img.gif); background-position: -433px -84px;}
#topmenu li#menu06 a:hover{ background:url(../img/top_img.gif); background-position: -541px -84px;}
#topmenu li#menu07 a:hover{ background:url(../img/top_img.gif); background-position: 0 -121px;}
#topmenu li#menu08 a:hover{ background:url(../img/top_img.gif); background-position: -108px -121px;}
#topmenu li#menu09 a:hover{ background:url(../img/top_img.gif); background-position: -216px -121px;}
#topmenu li#menu10 a:hover{ background:url(../img/top_img.gif); background-position: -325px -121px;}
#topmenu li#menu11 a:hover{ background:url(../img/top_img.gif); background-position: -433px -121px;}
#topmenu li#menu12 a:hover{ background:url(../img/top_img.gif); background-position: -541px -121px;}

.toparea #title{ width:231px; height:205px; background:url(../img/top_img.gif); background-position:-647px 0; left:15px; top:15px;}
#onairdate{ width:647px; height:89px; background:url(../img/top_img.gif); background-position:0 -160px;}

/* ***********************************************************************
cast
*********************************************************************** */
.castarea h1{ width:618px; height:49px; background:url(../img/cast_img.jpg);}
.castarea #left dl { line-height:165%; padding-top:40px; margin:0;}
.castarea #left dt { width:120px; float:left; text-align:right; font-weight:bold;}
.castarea #left dd.dot { width:30px; padding-bottom:10px; text-align:center; float:left; color:#C00; font-weight:bold;}
.castarea #left dd.mark { width:30px; text-align:center; float:left; color:#444; font-size:85%;}
.castarea #left dd.name { padding-left:130px; padding-bottom:10px;}
#cast_ph{ width:279px; height:390px; background:url(../img/cast_img.jpg); background-position:0 -49px; float:right; margin:40px 26px 0 0;}
#cast_ph .cover{ width:279px; height:390px;}

/* ***********************************************************************
staff
*********************************************************************** */
.staffarea h1{ width:618px; height:49px; background:url(../img/staff_img.jpg);}
.staffarea #left dl { line-height:165%; padding-top:120px; margin:0;}
.staffarea #left dt { width:110px; float:left; text-align:right; font-weight:bold;}
.staffarea #left dd.dot { width:30px; padding-bottom:10px; text-align:center; float:left; color:#C00; font-weight:bold;}
.staffarea #left dd.name { padding-left:130px; padding-bottom:10px;}
#staff_ph{ width:279px; height:390px; background:url(../img/staff_img.jpg); background-position:0 -49px; float:right; margin:40px 26px 0 0;}
#staff_ph .cover{ width:279px; height:390px;}

/* ***********************************************************************
story
*********************************************************************** */
.storyarea h1{ width:618px; height:49px; background:url(../img/story_img.jpg);}
#story_ph{ width:279px; height:413px; background:url(../img/story_img.jpg); background-position:0 -49px; float:right; margin:0 0 0 20px; position:relative;}
#story_ph .cover{ width:279px; height:413px;}
#yokoku { position:absolute; left:135px; top:386px;}
#yokoku a{ width:121px; height:21px; display:block;}

/* ***********************************************************************
intro
*********************************************************************** */
.introarea h1{ width:618px; height:49px; background:url(../img/intro_img.jpg);}
.introarea h2{ width:568px; height:48px; background:url(../img/intro_img.jpg); background-position:0 -49px; margin-bottom:25px;}
.introarea #intro_bg h3{ border-bottom: dashed 1px; padding-bottom:8px; margin-bottom:15px;}
#intro_ph{ width:279px; height:390px; background:url(../img/intro_img.jpg); background-position:0 -97px; float:right; margin:0 0 0 20px;}
#intro_ph .cover{ width:279px; height:390px;}
#intro_bg{ background:#fff; border: solid 1px #d0d0d0; padding:20px 20px 5px 20px;}
#book{ width:139px; height:208px; background:url(../img/intro_img.jpg); background-position:-281px -97px; display:block; float:right; margin:0 0 0 5px;}

/* ***********************************************************************
news
*********************************************************************** */
.newsarea h1{ width:618px; height:49px; background:url(../img/news_img.jpg);}
#news_ph{ width:279px; height:390px; background:url(../img/news_img.jpg); background-position:0 -49px; float:right; margin:15px 0 0 0;}
#news_ph .cover{ width:279px; height:390px;}
#newstext{ width:280px; float:left;}
#h201{ width:280px; height:29px; background:url(../img/news_img.jpg); background-position:-279px -49px; margin-bottom:15px;}
#h202{ width:280px; height:29px; background:url(../img/news_img.jpg); background-position:-279px -81px; margin:30px 0 15px 0;}
#h203{ width:280px; height:29px; background:url(../img/news_img.jpg); background-position:-279px -112px; margin-bottom:15px;}
#h204{ width:280px; height:29px; background:url(../img/news_img.jpg); background-position:-279px -145px; margin-bottom:15px;}
	.newsbox .mobileInfo { width:280px; height:130px; background:url(../img/news_img.jpg); background-position:-279px -180px; margin-bottom:20px;}

/* ***********************************************************************
msg
*********************************************************************** */
.msgarea h1{ width:618px; height:49px; background:url(../img/msg_img.gif); background-position:-701px 0;}

#msg_right{ float:right; width:145px;}
#msg_left{ float:left; width:412px;}
.entrybox{ background:url(../img/msg_img.gif) repeat-y; color:#fff; border: solid 2px #5c5c5c; padding:15px 20px 0 20px; margin-bottom:10px;}
.entrybg{ background:url(../img/entry_bg.gif) no-repeat right top;}

#msg_left h2{ font-size:120%; padding-bottom:5px; border-bottom: dashed 1px; margin-bottom:10px;}
#gowrite{ margin-bottom:10px!important}
#gowrite a{ width:145px; height:49px; background:url(../img/msg_img.gif); background-position:-412px 0; display:block;}
#gowrite a:hover{ background-position:-557px 0;}

#container_msg{ width:500px; background:#fff; margin:0 auto; text-align:left; font-size:120%; line-height:180%; color:#444; margin-top:15px;}
#container_msg p{ margin-bottom:15px;}
#container_msgbox{ padding:10px; border: solid 3px #b8b8b8;}
#container_msg h1{ width:474px; height:38px; background:url(../img/form_img.gif); margin-bottom:8px;}
#container_msg h2{ margin-bottom:10px;}
#content_msg{ padding:20px 20px 10px 20px; background:#eaeaea;}
#goform{ margin:20px 0 0 100px;}
#goform a{ width:215px; height:49px; background:url(../img/form_img.gif); background-position:0 -38px; display:block;}
#goform a:hover{ background-position:-215px -38px;}
#footer_msg { padding:15px 0; text-align:center; width:500px;}
.close a{ width:39px; height:12px; background:url(../img/form_img.gif); background-position:-430px -38px; display:block; margin:0 auto;}


/* ***********************************************************************
chart
*********************************************************************** */
.chartarea h1{ width:618px; height:49px; background:url(../img/chart_img.jpg);}
#chartbox{ padding:20px 0 0 24px;}
#chartimg{ width:570px; height:776px; background:url(../img/chart_img.jpg); background-position:0 -49px; position:relative;}
#chartimg .cover{ width:570px; height:776px;}

.people01 { color:#ae0000;cursor:pointer; width:129px; height:212px; display:block;}
.people01:hover{border:solid 2px;}

.people02 { color:#ae0000;cursor:pointer; width:92px; height:144px; display:block;}
.people02:hover{border:solid 2px;}

.people03 { color:#ae0000;cursor:pointer; width:65px; height:75px; display:block;}
.people03:hover{border:solid 2px;}

.people04 { color:#ae0000;cursor:pointer; width:69px; height:113px; display:block;}
.people04:hover{border:solid 2px;}

#cast01{ width:129px; height:212px; position:absolute; left:246px; top:65px;}
#cast02{ width:92px; height:144px; position:absolute; left:77px; top:166px;}
#cast03{ width:92px; height:144px; position:absolute; left:444px; top:12px;}
#cast04{ width:65px; height:75px; position:absolute; left:105px; top:492px;}
#cast05{ width:69px; height:80px; position:absolute; left:202px; top:492px;}
#cast06{ width:69px; height:80px; position:absolute; left:152px; top:629px;}
#cast07{ width:69px; height:80px; position:absolute; left:174px; top:365px;}
#cast07{ width:69px; height:80px; position:absolute; left:174px; top:364px;}
#cast08{ width:69px; height:80px; position:absolute; left:15px; top:492px;}
#cast09{ width:69px; height:80px; position:absolute; left:47px; top:363px;}
#cast10{ width:69px; height:80px; position:absolute; left: 401px; top:482px;}
#cast11{ width:69px; height:80px; position:absolute; left: 331px; top:366px;}
#cast12{ width:69px; height:80px; position:absolute; left: 471px; top:366px;}
#cast13{ width:69px; height:113px; position:absolute; left: 456px; top:167px;}
#cast14{ width:93px; height:147px; position:absolute; left: 1px; top:0px;}
#cast15{ width:95px; height:147px; position:absolute; left: 119px; top:0px;}

#kome{ padding:10px 0 0 20px; font-size:90%;}
/* ***********************************************************************
quiz
*********************************************************************** */
.quizarea h1{ width:618px; height:49px; background:url(../img/quiz_img.gif);}
.quizarea h2{ width:376px; height:45px; background:url(../img/quiz_img.gif); background-position:0 -49px; margin-bottom:12px;}
#quiz_ph{ width:162px; height:222px; background:url(../img/quiz_img.gif); background-position:-376px -49px; float:right; margin-top:15px;}
#quiztext{ width:384px; float:left;}

#question{ background:#fff; border: solid 1px #d0d0d0; padding:20px; font-weight:bold;}

#quiz_btn { width:245px; height:49px; background:url(../img/quiz_img.gif); background-position:0 -94px; display:block; margin:0 0 0 155px;}
#quiz_btn a:hover{ background-position:0 -143px;}

/* ***********************************************************************
column
*********************************************************************** */
.columnarea h1{ width:568px; height:154px; background:url(../img/column_img.jpg); background-position:-567px 0;}
.columnarea #h2box{ width:533px; height:30px; background:url(../img/column_img.jpg); background-position:-567px -154px; color:#fff; font-size:110%;}
.columnarea h2{ padding:6px 0 0 21px;}
#columnbox { background:url(../img/column_img.jpg) repeat-y; border-left: solid 2px #f5c1b5; border-bottom: solid 2px #f5c1b5; border-right: solid 2px #f5c1b5;}
#columnbox_pdg{ padding:0 15px 20px 16px;}
#column_bg{ background:url(../img/column_bg.gif); padding:15px 20px 5px 20px;}
#prof{ border: solid 1px #f6d5ca; background:#fff; padding:15px; font-size:90%; color:#c24428; line-height:160%;}
.columnarea #bnarea { float:right; margin-bottom:10px;}

/* ***********************************************************************
movie
*********************************************************************** */
.moviearea h1{ width:618px; height:49px; background:url(../img/movie_img.gif);}
#coming{ font-weight:bold; color:#a71414; padding:150px 15px 100px 15px; text-align:center;}
#movie_bg{ width:568px; height:254px; background:url(../img/movie_img.gif); background-position: 0 -49px; position:relative;}
#movie_vol1 { position:absolute; top: 60px;}
#movie_vol1 a{ width:280px; height:193px;  display:block;}
#movie_vol2 { position:absolute; left:287px; top: 60px; width:280px;	height:193px; display:block; background:url(../img/movie_img.gif); background-position: -287px -303px;}
#movie_vol2 a{ width:280px;	height:193px; display:block; background:url(../img/movie_img.gif); background-position: -287px -303px;}

/* ***********************************************************************
report
*********************************************************************** */
.reportarea h1{ width:618px; height:49px; background:url(../img/report_img.gif);}
.reportarea h2{ margin:0 0 10px 1px; color:#b82424; font-size:110%; }
.reportarea h2 .date{ background:#2f2d2f; color:#eaeaea; font-size:80%; margin-right:10px; padding:7px 7px 5px 9px;}
#report_bg{ background:#fff; border: solid 1px #d0d0d0; padding:30px 30px 10px 30px;}

.reportarea .photoarea{ text-align:center; margin-bottom:15px;}
.reportarea .photobox{ background:url(../img/report_img.gif) no-repeat; background-position:0 -49px; width:274px; height:209px; display:block;	margin:0 auto 5px auto;	text-align:center;}
.reportarea .photobox2{	background:url(../img/report_img.gif) no-repeat; background-position:-274px -49px;	width:209px; height:274px; display:block;	margin:0 auto 5px auto;	text-align:center;}
.reportarea .photoin{ padding:7px;}
.reportarea .photoin2{ padding:7px;}
.reportarea .photoin .cover{ width:260px; height:195px;}
.reportarea .photoin2 .cover{ width:195px; height:260px;}
.reportarea .cap{ font-size:90%; color:#225c95; font-weight:bold;}

.reportarea #bnarea { float:right; margin-bottom:10px;}

/* ***********************************************************************
comment
*********************************************************************** */
.commentarea h1{ width:618px; height:49px; background:url(../img/comment_img.gif);}
#commenttext{ width:432px; background:#fff; border: solid 1px #d0d0d0; float:left;}
#commenttext h2{ color:#225c95; font-size:120%; border-bottom:dashed 1px; padding:15px 0 10px 25px;}
#commenttext dl{ padding:15px 25px;}
#commenttext dt{ color:#225c95; font-weight:bold; margin-bottom:5px;}
#commenttext dd{ margin-bottom:15px; line-height:165%;}

#commentnavi{ width:120px; float:right;}
#commentnavi h3{ width:120px; height:23px; background:url(../img/comment_img.gif); background-position:0 -49px;}
#commentnavi li{ color:#225c95; border-bottom: dashed 1px; line-height:150%; padding:10px 0;}
#commentnavi li a{ color:#225c95;}

#abe{ width:348px; height:239px; background:url(../img/abe.jpg); margin:15px 0 0 40px;}
#kuroki{ width:348px; height:239px; background:url(../img/kuroki.jpg); margin:15px 0 0 40px;}
#mizobata{ width:348px; height:239px; background:url(../img/mizobata.jpg); margin:15px 0 0 40px;}
#sugimoto{ width:348px; height:239px; background:url(../img/sugimoto.jpg); margin:15px 0 0 40px;}
#nishida{ width:348px; height:239px; background:url(../img/nishida.jpg); margin:15px 0 0 40px;}
#tomita{ width:348px; height:239px; background:url(../img/tomita.jpg); margin:15px 0 0 40px;}
#matsushige{ width:348px; height:239px; background:url(../img/matsushige.jpg); margin:15px 0 0 40px;}
#sasaki{ width:348px; height:239px; background:url(../img/sasaki.jpg); margin:15px 0 0 40px;}
#tanaka{ width:348px; height:239px; background:url(../img/tanaka.jpg); margin:15px 0 0 40px;}
#yamazaki{ width:348px; height:239px; background:url(../img/yamazaki.jpg); margin:15px 0 0 40px;}

#abe .cover,#kuroki .cover,#mizobata .cover,#sugimoto .cover,#nishida .cover,#tomita .cover,#matsushige .cover,#sasaki .cover,#tanaka .cover,#yamazaki .cover{ width:348px; height:239px;}

/* ***********************************************************************
nenga
*********************************************************************** */
#bg_black{ background:#000;}
#abe_nengajyo{ width:330px; height:457px; background:url(../img/abe_nenga.jpg); margin:0 auto;}
#kuroki_nengajyo{ width:330px; height:457px; background:url(../img/kuroki_nenga.jpg); margin:0 auto;}
#mizobata_nengajyo{ width:330px; height:457px; background:url(../img/mizobata_nenga.jpg); margin:0 auto;}

#footer_nenga { padding:20px 0; text-align:center; width:330px; margin:0 auto;}
#footer_nenga .close a{ width:33px; height:11px; background:url(../img/close_nenga.gif); display:block; margin:0 auto;}

/* ***********************************************************************
gallery
*********************************************************************** */
.galleryarea h1{ width:618px; height:49px; background:url(../img/gallery_img.gif);}
#gallery_bg{ background:url(../img/gallery_bg.gif); padding:30px 55px 55px 55px;}
#photobox{ width:457px; height:311px; background:url(../img/gallery_img.gif); background-position:0 -125px; margin-bottom:5px;}

#galnavi{ padding:0 0 10px 282px;}
#vol{ width:175px; height:25px; background:url(../img/gallery_img.gif); background-position:0 -49px; position:relative;}
#vol li{ position:absolute;}
#vol li a{ width:25px; height:25px; display:block;}
#vol li a:hover{ background:url(../img/gallery_img.gif);}

li#vol01{ left:30px;}
li#vol02{ left:60px; width:25px; height:25px; display:block;}
li#vol03{ left:90px; width:25px; height:25px; display:block;}
li#vol04{ left:120px; width:25px; height:25px; display:block;}
li#vol05{ left:150px; width:25px; height:25px; display:block;}

li#vol01 a:hover{ background-position: -30px -74px;}
li#vol02 a:hover{ background-position: -60px -74px;}
li#vol03 a:hover{ background-position: -90px -74px;}
li#vol04 a:hover{ background-position: -120px -74px;}
li#vol05 a:hover{ background-position: -150px -74px;}

#photobox_pdg{ padding:18px;}

#thumb{ width:457px; height:67px; position:relative;}
#thumb li{ position:absolute;}
#thumb li a{ width:87px; height:65px; display:block;}
#thumb li a:hover{ border: solid 1px #999;}

li#ph01{ left:0;}
li#ph02{ left:92px;}
li#ph03{ left:184px;}
li#ph04{ left:276px;}
li#ph05{ left:368px;}

.gal01 li#ph01{ background:url(../img/thumb01.gif);}
.gal01 li#ph02{ background:url(../img/thumb01.gif); background-position:-92px 0;}
.gal01 li#ph03{ background:url(../img/thumb01.gif); background-position:-184px 0;}
.gal01 li#ph04{ background:url(../img/thumb01.gif); background-position:-276px 0;}
.gal01 li#ph05{ background:url(../img/thumb01.gif); background-position:-368px 0;}

.gal02 li#ph01{ background:url(../img/thumb02.gif);}
.gal02 li#ph02{ background:url(../img/thumb02.gif); background-position:-92px 0;}
.gal02 li#ph03{ background:url(../img/thumb02.gif); background-position:-184px 0;}
.gal02 li#ph04{ background:url(../img/thumb02.gif); background-position:-276px 0;}
.gal02 li#ph05{ background:url(../img/thumb02.gif); background-position:-368px 0;}

.gal03 li#ph01{ background:url(../img/thumb03.gif);}
.gal03 li#ph02{ background:url(../img/thumb03.gif); background-position:-92px 0;}
.gal03 li#ph03{ background:url(../img/thumb03.gif); background-position:-184px 0;}
.gal03 li#ph04{ background:url(../img/thumb03.gif); background-position:-276px 0;}
.gal03 li#ph05{ background:url(../img/thumb03.gif); background-position:-368px 0;}

.gal04 li#ph01{ background:url(../img/thumb04.gif);}
.gal04 li#ph02{ background:url(../img/thumb04.gif); background-position:-92px 0;}
.gal04 li#ph03{ background:url(../img/thumb04.gif); background-position:-184px 0;}
.gal04 li#ph04{ background:url(../img/thumb04.gif); background-position:-276px 0;}
.gal04 li#ph05{ background:url(../img/thumb04.gif); background-position:-368px 0;}


.gal05 li#ph01{ background:url(../img/thumb05.gif);}
.gal05 li#ph02{ background:url(../img/thumb05.gif); background-position:-92px 0;}
.gal05 li#ph03{ background:url(../img/thumb05.gif); background-position:-184px 0;}
.gal05 li#ph04{ background:url(../img/thumb05.gif); background-position:-276px 0;}
.gal05 li#ph05{ background:url(../img/thumb05.gif); background-position:-368px 0;}

.photo .cover{ width:420px; height:275px;}
#gal01_1{ background:url(../img/gal01_1.jpg);}
#gal01_2{ background:url(../img/gal01_2.jpg);}
#gal01_3{ background:url(../img/gal01_3.jpg);}
#gal01_4{ background:url(../img/gal01_4.jpg);}
#gal01_5{ background:url(../img/gal01_5.jpg);}

#gal02_1{ background:url(../img/gal02_1.jpg);}
#gal02_2{ background:url(../img/gal02_2.jpg);}
#gal02_3{ background:url(../img/gal02_3.jpg);}
#gal02_4{ background:url(../img/gal02_4.jpg);}
#gal02_5{ background:url(../img/gal02_5.jpg);}

#gal03_1{ background:url(../img/gal03_1.jpg);}
#gal03_2{ background:url(../img/gal03_2.jpg);}
#gal03_3{ background:url(../img/gal03_3.jpg);}
#gal03_4{ background:url(../img/gal03_4.jpg);}
#gal03_5{ background:url(../img/gal03_5.jpg);}

#gal04_1{ background:url(../img/gal04_1.jpg);}
#gal04_2{ background:url(../img/gal04_2.jpg);}
#gal04_3{ background:url(../img/gal04_3.jpg);}
#gal04_4{ background:url(../img/gal04_4.jpg);}
#gal04_5{ background:url(../img/gal04_5.jpg);}

#gal05_1{ background:url(../img/gal05_1.jpg);}
#gal05_2{ background:url(../img/gal05_2.jpg);}
#gal05_3{ background:url(../img/gal05_3.jpg);}
#gal05_4{ background:url(../img/gal05_4.jpg);}
#gal05_5{ background:url(../img/gal05_5.jpg);}

/*＠ヘッダー要素
/////////////////////////////////////////////////////////////////////////*/
#di2_header { width:980px; text-align:left; margin:0 auto; position:relative;}
#di2_programlink { width:250px; height:55px; background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -20px;}
	#di2_programlink li.tbstop { position:absolute; top:2px; left:0;}
	#di2_programlink li.program { position:absolute; top:15px; left:132px;}
	#di2_programlink li a { display:block;}
	#di2_programlink li.tbstop a { width:125px; height:50px;}
	#di2_programlink li.program a { width:95px; height:28px;}
	#di2_programlink li.program a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -130px;}
/*検索*/
#di2_ksb { width:240px; height:50px; position:relative; left:11px; background:url(/mi/mi6/img/di2_header.png) no-repeat -100px -130px;}
	#di2_ksb #tbswebsearch { width:150px;}
	#di2_ksb #tbsSearch, #di2_ksb #webSearch{ display:block; width:52px; height:13px; background: url(/mi/mi6/img/di2_header.png) no-repeat;}
	#di2_ksb #tbsSearch { width:50px; float:left; background-position:-345px -130px; cursor:default; position:absolute; top:0; left:7px;}
	#di2_ksb #webSearch { width:60px; float:left; background-position:-159px -130px; cursor:pointer; position:absolute; top:0; left:59px;}
	#di2_ksb input#kw { width:140px; height:20px; font-size:14px; color:#444; background:none; border:none; font-family:sans-serif; position:absolute; top:15px; left:27px;}
	#di2_ksb input#btnSearch { position:absolute; top:13px; left:179px;}
/*＠ナビゲーション
/////////////////////////////////////////////////////////////////////////*/
#di2_navi { width:980px; height:45px; position:relative; background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -75px;}
	/*main*/
	#di2_navi ul#di2_menuMain { padding:1px 0 0 10px;}
	#di2_navi ul#di2_menuMain li { float:left; margin-right:2px;}
	#di2_navi ul#di2_menuMain li a { display:block; height:25px;}
	#di2_navi ul#di2_menuMain li a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat;}
	#di2_navi ul#di2_menuMain li#di2_drama a { width:110px;}
	#di2_navi ul#di2_menuMain li#di2_variety a { width:140px;}
	#di2_navi ul#di2_menuMain li#di2_infowide a { width:105px;}
	#di2_navi ul#di2_menuMain li#di2_news a { width:170px;}
	#di2_navi ul#di2_menuMain li#di2_anime a { width:100px;}
	#di2_navi ul#di2_menuMain li#di2_sports a { width:105px;}
	#di2_navi ul#di2_menuMain li#di2_minibangumi a { width:105px;}
	#di2_navi ul#di2_menuMain li#di2_shopping a { width:110px;}
	#di2_navi ul#di2_menuMain li#di2_drama a:hover { background-position:-10px -75px;}
	#di2_navi ul#di2_menuMain li#di2_variety a:hover { background-position:-122px -75px;}
	#di2_navi ul#di2_menuMain li#di2_infowide a:hover { background-position:-264px -75px;}
	#di2_navi ul#di2_menuMain li#di2_news a:hover { background-position:-371px -75px;}
	#di2_navi ul#di2_menuMain li#di2_anime a:hover { background-position:-543px -75px;}
	#di2_navi ul#di2_menuMain li#di2_sports a:hover { background-position:-645px -75px;}
	#di2_navi ul#di2_menuMain li#di2_minibangumi a:hover { background-position:-752px -75px;}
	#di2_navi ul#di2_menuMain li#di2_shopping a:hover { background-position:-859px -75px;}
	/*sub*/
	#di2_navi ul#di2_menuSub { width:980px; height:17px; position:absolute; top:27px; left:0; }
	#di2_navi ul#di2_menuSub li { position:absolute; top:0;}
	#di2_navi ul#di2_menuSub li a { display:block; width:65px; height:17px;}
	#di2_navi ul#di2_menuSub li#di2_sub2 a { width:90px;}
	#di2_navi ul#di2_menuSub li#di2_sub3 a { width:85px;}
	#di2_navi ul#di2_menuSub li#di2_sub4 a { width:72px;}
	#di2_navi ul#di2_menuSub li#di2_sub8 a { width:80px;}
	#di2_navi ul#di2_menuSub li a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat;}
	#di2_navi ul#di2_menuSub li#di2_sub1 { left:382px;}
	#di2_navi ul#di2_menuSub li#di2_sub2 { left:447px;}
	#di2_navi ul#di2_menuSub li#di2_sub3 { left:537px;}
	#di2_navi ul#di2_menuSub li#di2_sub4 { left:622px;}
	#di2_navi ul#di2_menuSub li#di2_sub5 { left:694px;}
	#di2_navi ul#di2_menuSub li#di2_sub6 { left:759px;}
	#di2_navi ul#di2_menuSub li#di2_sub7 { left:824px;}
	#di2_navi ul#di2_menuSub li#di2_sub8 { left:888px;}
	#di2_navi ul#di2_menuSub li#di2_sub1 a:hover { background-position:-480px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub2 a:hover { background-position:-545px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub3 a:hover { background-position:-621px -150px;}
	#di2_navi ul#di2_menuSub li#di2_sub4 a:hover { background-position:-717px -150px;}
	#di2_navi ul#di2_menuSub li#di2_sub5 a:hover { background-position:-765px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub6 a:hover { background-position:-830px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub7 a:hover { background-position:-895px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub8 a:hover { background-position:-530px -150px;}
	/*contact*/
	#di2_programlink li.contact { position:absolute; top:132px; left:10px; z-index:10;}
	#di2_programlink li.contact a { width:105px; height:16px;}
	#di2_programlink li.contact a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat -415px -150px;}
	/*eng*/
	#di2_programlink li.english { position:absolute; top:132px; left:125px; z-index:10;}
	#di2_programlink li.english a { width:65px; height:16px;}
	#di2_programlink li.english a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat -415px -130px;}

/*＠ヘッダー白//スーパーバナー有り
/////////////////////////////////////////////////////////////////////////*/
#con_header { width:100%; height:150px; background:#fff url(/mi/mi6/img/di2_header.png) repeat-x 0 130px; position:relative;}
#con_header #bannerIn { width:980px; text-align:left; margin:0 auto; position:relative;}
#con_header #bnSuper { width:728px; height:90px; position:absolute; top:6px; right:11px; border:none;}
#con_header #di2_header { height:150px;}
/*＠ヘッダー白//スーパーバナー無し
/////////////////////////////////////////////////////////////////////////*/
#con_header_nsb { width:100%; height:100px; background:#fff url(/mi/mi6/img/di2_header.png) repeat-x 0 80px;}
#con_header_nsb #di2_header { height:100px;}
#con_header_nsb  #di2_programlink li.contact { top:82px;}
#con_header_nsb  #di2_programlink li.english { top:82px;}
#con_header_nsb  #di2_ksb { position:absolute; top:9px; left:740px;}
/*＠その他設定
/////////////////////////////////////////////////////////////////////////*/
body, #di2_header dl, #di2_header dt, #di2_header dd, #di2_header ul, #di2_header li, #di2_navi dl, #di2_navi dt, #di2_navi dd, #di2_navi ul, #di2_navi li, #di2_navi form { margin:0; padding:0;}
#di2_header ul { list-style:none;}
#di2_header hr { display:none;}
#di2_header .alt{ position:absolute; top:-5000px; left:-9999px;}
#di2_header .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#di2_header .clearfix { min-height: 1px;}
* html #di2_header .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*jumpSmp*/
#jumpSmp {
	display:block;
	color:#fff;
	background: -moz-linear-gradient(center top, #9dce5f 50%,#7cbe2a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #9dce5f),color-stop(0.5, #7cbe2a));
	text-align:center;
	font-size:52px;
	font-weight:bold;
	line-height:1.35;
	border-top:5px solid #ddd;
	border-bottom:5px solid #eee;
	padding:52px;
}
#jumpSmp a { display:block; color:#fff;}

/*＠ドラマ用フッター
/////////////////////////////////////////////////////////////////////////*/
#dramaFooter { width:100%; min-height:250px; height:auto !important; height:250px; background:#fff; color:#444; border-top:2px solid #b2bdcd; position:relative; font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Meiryo, sans-serif;}
	#dramaFooter h2 { background:#eff1f4; border-bottom:2px dotted #b2bdcd; font-size:150%; color:#6c7e98; font-family:Verdana; padding:5px; margin:0;}
	#dramaFooter ul { width:950px; text-align:left; list-style:none; margin:0 auto; padding:20px 0 20px 70px;}
	* html #dramaFooter ul { padding:20px 0 20px 20px;}
	#dramaFooter ul li { width:160px; line-height:1.6em; margin-right:20px; float:left;}
	#dramaFooter ul li a { display:block; font-size:120%; font-weight:normal;}
	#dramaFooter ul li a strong { display:block; width:160px; padding-top:55px; margin-bottom:5px;}
	#dramaFooter ul li a .date { color:#333;}
	#dramaFooter ul li#drama01 { background-position:0 0;}
	#dramaFooter ul li#drama02 { background-position:-160px 0;}
	#dramaFooter ul li#drama03 { background-position:-320px 0;}
	#dramaFooter ul li#drama04 { background-position:-480px 0;}
	#dramaFooter ul li#drama05 { background-position:-640px 0;}
	#dramaFooter #dramaFooterLink { text-align:center; border-top:2px dotted #b2bdcd; padding:20px 0;}
	#dramaFooter a { text-decoration:none; color:#50688b;}
	#dramaFooter a:hover { text-decoration:underline; color:#444 !important;}
	#dramaFooter #dramaFooterLink .tbs-link1,
	#dramaFooter #dramaFooterLink .tbs-copy1 { color:#444 !important;}
#dramaFooter ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	.footer201010 ul li { background: url(/mi/img/dramafooter201010.jpg) no-repeat;}
	/**/
	.footer201101 ul li { background: url(/mi/img/dramafooter201101.jpg) no-repeat; width:200px !important;}
	.footer201101 ul li a strong { width:200px !important;}
	.footer201101 ul li#drama01 { background-position:0 0 !important;}
	.footer201101 ul li#drama02 { background-position:-200px 0 !important;}
	.footer201101 ul li#drama03 { background-position:-400px 0 !important;}
	.footer201101 ul { padding:20px 0 20px 300px !important;}
	* html .footer201101 ul { padding:20px 0 20px 150px !important;}

/* Boobo Boona
=======================================*/
#boobo-hd { position:absolute; top:81px; left:-71px; z-index:100; }
#con_header_nsb #boobo-hd { top:32px; }
#boobo-hd a { display:block; background:url(/mi/mi6/img/boobo_an_hd.gif) top left no-repeat; width:90px; height:110px; text-indent:-9999px; }

#i_search_autocomplete {
    text-align:left;
    font-size:12px;
    border-top:    1px solid #CCCCCC;
    border-right:  2px solid #999999;
    border-left:   1px solid #CCCCCC;
    border-bottom: 1px solid #BBBBBB;
    background: #ffffff; color: #333333; 
    position: absolute;
    cursor: default;
    list-style:none;
    padding: 0px;
    margin: 0;
    display:block;
}

/* workarounds */
* html #i_search_autocomplete {
    width:1px;
}
/* without this, the menu expands to 100% in IE6 */

#i_search_autocomplete .ui-menu {
    margin-top: -3px;
}
#i_search_autocomplete .ui-menu-item {
    width: 100%;
    border-bottom:#ccc 1px solid;
    list-style-type: none;
    margin:0;
    padding: 0;
    float: left;
    clear: left;
}
#i_search_autocomplete .ui-menu-item a {
    word-break: break-all;
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
* html #i_search_autocomplete .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
#i_search_autocomplete .ui-menu-item a.ui-state-hover,
#i_search_autocomplete .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

#i_search_autocomplete .ui-widget {
}
#i_search_autocomplete a {
    color: #333333;
}

#i_search_autocomplete .ui-state-hover {
    border: 1px solid #cccccc;
    background: #ecf5fa;
    font-weight: bold;
    color: #333333;
}

#i_search_autocomplete.ui-state-hover a,
#i_search_autocomplete.ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none;
}
#i_search_autocomplete.ui-state-active a,
#i_search_autocomplete.ui-state-active a:link,
#i_search_autocomplete.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}
#i_search_autocomplete :active {
    outline: none;
}