@charset "iso-2022-jp";

/* //////////////////////////////////////ouran_movie common.css/////////////////////////////////////// */

/*/////////////////////////////////////////////////////////////////////////
$B%G%U%)%k%H(BCSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:62.5%; font-family:"$B%R%i%.%N3Q%4(B Pro W3", "Hiragino Kaku Gothic Pro", "$B#M#S(B $B#P%4%7%C%/(B", Osaka, Meiryo, sans-serif; background:url(../img/bg.gif) #ffe8ee repeat-y top center;}
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 { 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;}

/*$B2hA|J]8nMQ(B*/
.cover { background:url(/img/cover.gif); display:block;}
.topcover { background:url(/img/cover.gif); display:block; width:165px; height:123px;}
/*$B%9!<%Q!<%P%J!<OH(B*/
#bnSuper {width:100%; height:110px; background:#fff; border-bottom:1px solid #c0c0c0;}
#bnIn { padding-top:10px;}
/*float$B@_Dj(B*/
.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;
	/*(J\(B*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*$B%U%)%s%H;XDj(B*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cGold { color:#905f11;}
.cRed, .err { color:#c53838;}
/*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%;}
.f80 { font-size:80%;}
/*$B%j%s%/;XDj(B*/
a { text-decoration:underline; color:#c53838;}
a:hover { text-decoration:none; color:#c53838;}
/*padding/margin*/
.pdgT15{ padding-top:7px; display:block;}
.pdgB25 { padding-bottom:25px;}
.pdgB15 { padding-bottom:15px;}
.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:850px;
	color:#422f2f;
	text-align:center;
	padding:20px 0 10px 0;
	margin:0 auto;
	height:31px;
	}
	#footer a { color:#422f2f;}
	

/* ***********************************************************************
top
*********************************************************************** */

#topArea #container{ width:980px; margin:0 auto; margin-top:10px; text-align:left; font-size:120%; line-height:180%; color:#333;}
#topimg{ background:url(../img/main.jpg); width:980px; height:680px;}
	#topimg .cover{ width:980px; height:680px;}

#caststaff{ width:980px; height:153px; background:url(../img/caststaff.gif); margin:0 auto;}
#topBox1{ padding:8px;}
#topBox2{ background:#ffdde5; border: solid 1px #ffc7d6; height:304px; position:relative;}

#topBox2 ul#topMenu{ width:647px; height:124px; position:absolute; left:6px; top:6px; background:url(../img/top_menu.gif);}
	#topBox2 ul#topMenu li{ position:absolute;}
	#topBox2 ul#topMenu li a{ width:158px; height:57px; display:block;}
	#topBox2 ul#topMenu li a:hover{ background:url(../img/top_menu.gif);}
	#topBox2 ul#topMenu li#menu01{ left:6px; top:4px;}
	#topBox2 ul#topMenu li#menu02{ left:165px; top:4px;}
	#topBox2 ul#topMenu li#menu03{ left:324px; top:4px;}
	#topBox2 ul#topMenu li#menu04{ left:483px; top:4px;}
	#topBox2 ul#topMenu li#menu05{ left:6px; top:63px;}
	#topBox2 ul#topMenu li#menu06{ left:165px; top:63px;}
	#topBox2 ul#topMenu li#menu07{ left:324px; top:63px;}
	#topBox2 ul#topMenu li#menu08{ left:483px; top:63px;}
	
	#topBox2 ul#topMenu li#menu01 a:hover{ background-position:-6px -128px;}
	#topBox2 ul#topMenu li#menu02 a:hover{ background-position:-165px -128px;}
	#topBox2 ul#topMenu li#menu03 a:hover{ background-position:-324px -128px;}
	#topBox2 ul#topMenu li#menu04 a:hover{ background-position:-483px -128px;}
	#topBox2 ul#topMenu li#menu05 a:hover{ background-position:-6px -187px;}
	#topBox2 ul#topMenu li#menu06 a:hover{ background-position:-165px -187px;}
	#topBox2 ul#topMenu li#menu07 a:hover{ background-position:-324px -187px;}
	#topBox2 ul#topMenu li#menu08 a:hover{ background-position:-483px -187px;}

#topBox2 .fb-like-box{ width:297px; height:290px; background:#fff; position:absolute; top:6px; right:6px;}

#topBanner{ width:647px; height:163px; background:url(../img/topBanner.gif); left:6px; bottom:6px; position:absolute;}
	#topBanner #trailer{ position:absolute; left:0; top:0;}
	#topBanner #trailer a{ display:block;width:240px; height:163px;}
	#topBanner #trailer a:hover{ filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background:#fff;}
	
	#topBanner #bnr1{ position:absolute; left:479px; top:0;}
	#topBanner #bnr1 a{ display:block;width:168px; height:54px;}

	#topBanner #bnr2{ position:absolute; left:479px; top:55px;}
	#topBanner #bnr2 a{ display:block;width:168px; height:54px;}
	
	#topBanner #bnr3{ position:absolute; left:479px; top:110px;}
	#topBanner #bnr3 a{ display:block; width:168px; height:54px;}
	
	#topBanner #bnr4{ position:absolute; left:243px; top:110px;}
	#topBanner #bnr4 a{ display:block; width:234px; height:53px;}


/* ***********************************************************************
common
*********************************************************************** */
.d2 #container{ width:980px; margin:0 auto; background:url(../img/container_bg.gif) repeat-y; margin-top:10px;text-align:left; font-size:120%; line-height:180%; color:#333;}
#containerBtm{ background:url(../img/container_B.gif) bottom no-repeat; padding:0 32px 30px 32px; position:relative;}

#title{ position:absolute; left:20px; top:20px;}
#title a{ width:265px; height:115px; display:block;}
#header{ width:980px; height:146px; background:url(../img/header.jpg); position:relative;}
	#header ul{	width:622px; height:105px; position:absolute; left: 302px; top: 24px;}
	#header ul li{ position:absolute;}
	#header ul li a{ width:155px; height:52px; display:block;}
	#header ul li a:hover{ background:url(../img/header.jpg);}
	#header ul li#menu01{ left:0; top:0;}
	#header ul li#menu02{ left:156px; top:0;}
	#header ul li#menu03{ left:311px; top:0;}
	#header ul li#menu04{ left:467px; top:0;}
	#header ul li#menu05{ left:0; top:53px;}
	#header ul li#menu06{ left:156px; top:53px;}
	#header ul li#menu07{ left:311px; top:53px;}
	#header ul li#menu08{ left:467px; top:53px;}
	
	#header ul li#menu01 a:hover{ background-position:0 -146px;}
	#header ul li#menu02 a:hover{ background-position:-156px -146px;}
	#header ul li#menu03 a:hover{ background-position:-311px -146px;}
	#header ul li#menu04 a:hover{ background-position:-467px -146px;}
	#header ul li#menu05 a:hover{ background-position:0 -199px;}
	#header ul li#menu06 a:hover{ background-position:-156px -199px;}
	#header ul li#menu07 a:hover{ background-position:-311px -199px;}
	#header ul li#menu08 a:hover{ background-position:-467px -199px;}
	
.d2 #main{ border-right: solid 1px #a56f2e; border-bottom: solid 1px #a56f2e; border-left: solid 1px #a56f2e; background:#fff6ec; padding:2px;}
	.d2 #main p{ padding-bottom:15px;}
	.d2 #mainBox{ border-right: solid 1px #a56f2e; border-top: solid 1px #a56f2e; border-bottom: solid 1px #a56f2e; border-left: solid 1px #a56f2e; background:#fff6ec;}
	.d2 #main h2{ border-bottom: dotted 1px #a56f2e; background:url(../img/h3_icon.gif) left no-repeat; padding:15px 0 13px 50px; color:#6e3b00; font-weight:bold; font-size:120%}
	.dotLine{ border-bottom: dotted 1px #a56f2e;}
	.mainPdg{ padding:20px 30px;}
	.mainPdg2{ padding:20px 30px; min-height:703px; height: auto !important; height: 703px;}
	.mainPdg3{ padding:20px 30px; min-height:652px; height: auto !important; height: 652px;}
	.mainPdg4{ padding:10px 30px 20px 30px; min-height:652px; height: auto !important; height: 652px;}

#left{ width:610px; float:left;}
#right{ width:296px; float:right;}
	#right .fb-like-box{ background:#fff; margin-bottom:10px;}

#page_top{ position:absolute; right:34px; bottom:24px;}
#page_top a{ width:77px; height:16px; background:url(../img/header.jpg) -622px -146px; display:block;}
#page_top a:hover{ background-position:-622px -162px;}

#sidebar_bnr{ width:297px; height:363px; background:url(../img/sidebar_bnr.gif); position:relative; margin-bottom:20px;}
	#sidebar_bnr li{ position:absolute;}
	#sidebar_bnr li a{ width:297px; height:54px; display:block;}
	#sidebar_bnr li.menu01{ left:0; top:0;}
	#sidebar_bnr li.menu02{ left:0; top:55px;}
	#sidebar_bnr li.menu03{ left:0; top:112px;}
	#sidebar_bnr li.menu04{ left:0; top:170px;}
	
/* ***********************************************************************
popup
*********************************************************************** */


.diaryArea h1{ width:610px; height:46px; background:url(../img/diary_h1.gif);}
.castArea h1{ width:610px; height:46px; background:url(../img/cast_h1.gif);}
.staffArea h1{ width:610px; height:46px; background:url(../img/staff_h1.gif);}
.storyArea h1{ width:610px; height:46px; background:url(../img/story_h1.gif);}
.introArea h1{ width:610px; height:46px; background:url(../img/introduction_h1.gif);}

.introArea #left #intro_img{ width:542px; height:260px; background:url(../img/intro_img.jpg); display:block; margin-bottom:20px;}
.introArea #left #intro_img .cover{ width:542px; height:260px;}

#spotarea{ padding:10px 0;}
#container_pop{ width:568px; text-align:left; font-size:120%; line-height:180%; color:#333; padding-top:20px; margin:0 auto;}	
	
	#photo01{ background:url(../img/photo.jpg); width:257px; height:176px; float:right; margin:0 0 15px 15px;}
		#photo01 .cover{ width:257px; height:176px;}
	#photo02{ background:url(../img/photo.jpg) -257px 0; width:156px; height:217px; float:right; margin:0 0 15px 15px;}
		#photo02 .cover{ width:156px; height:217px;}
	#photo03{ background:url(../img/photo.jpg) 0 -176px; width:257px; height:146px; float:right; margin:0 0 10px 15px;}
		#photo03 .cover{ width:257px; height:146px;}
	#photo04{ background:url(../img/photo.jpg) -413px 0; width:257px; height:176px; float:right; margin:0 0 15px 15px;}
		#photo04 .cover{ width:257px; height:176px;}
#close{ width:50px; height:12px; margin:15px auto 0;}
#close a{ width:50px; height:12px; background:url(../img/header_news.gif); background-position:0 -108px; display:block;}
#close a:hover{ background-position:-50px -108px;}

#spotBox{ width:480px; height:306px; margin:0 auto;}

.container_prof{ width:480px; height:302px; margin:0 auto; text-align:left; font-size:120%; line-height:180%; color:#371900; position:relative;}
	#prof01{ width:480px; height:302px; background:url(../img/prof01.jpg);}
	#prof02{ width:480px; height:302px; background:url(../img/prof02.jpg);}
	#prof03{ width:480px; height:302px; background:url(../img/prof03.jpg);}
	#prof04{ width:480px; height:302px; background:url(../img/prof04.jpg);}
	#prof05{ width:480px; height:302px; background:url(../img/prof05.jpg);}
	#prof06{ width:480px; height:302px; background:url(../img/prof06.jpg);}
	#prof07{ width:480px; height:302px; background:url(../img/prof07.jpg);}
	#prof08{ width:480px; height:302px; background:url(../img/prof08.jpg);}
	#prof09{ width:480px; height:302px; background:url(../img/prof09.jpg);}
	#prof10{ width:480px; height:302px; background:url(../img/prof10.jpg);}
	#prof11{ width:480px; height:302px; background:url(../img/prof11.jpg);}
	#prof12{ width:480px; height:302px; background:url(../img/prof12.jpg);}
	#prof13{ width:480px; height:302px; background:url(../img/prof13.jpg);}
	
	#prof_txt{width:223px; height:152px; position:absolute;	left: 228px; top: 103px;}

#prof_close{ position:absolute;	left: 450px; top: 14px;}
#prof_close a{ width:17px; height:16px; background:url(../img/prof_img.jpg); display:block;}
#prof_close a:hover{ background-position:-17px 0;}

#prev_prof{	position:absolute; left: 344px; top: 264px;}
#prev_prof a{ width:44px; height:10px; background:url(../img/prof_img.jpg) 0 -16px; display:block;}
#prev_prof a:hover{ background-position:0 -27px;}

#next_prof{	position:absolute; left: 404px; top: 264px;}
#next_prof a{ width:47px; height:10px; background:url(../img/prof_img.jpg) -44px -16px; display:block;}
#next_prof a:hover{ background-position:-44px -27px;}

.characterArea #left h1{ width:610px; height:46px; background:url(../img/character_h1.gif);}
.characterArea #left ul{ width:566px; height:687px; background:url(../img/character_img.jpg); position:relative;}
.characterArea #mainBox{ padding:17px; min-height:709px; height: auto !important; height:709px;}

	.characterArea #left ul li{ position:absolute;}
	.characterArea #left ul li a{ display:block;}
	.characterArea #left ul li a:hover{ filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background:#fff;}
	
	.characterArea ul li#c01 { left:168px; top:69px;}
	.characterArea ul li#c02 { left: 291px; top: 69px;}
	.characterArea ul li#c03 { left: 55px; top: 135px;}
	.characterArea ul li#c04 { left: 427px; top: 131px;}
	.characterArea ul li#c05 { left: 63px; top: 329px;}
	.characterArea ul li#c06 { left: 176px; top: 329px;}
	.characterArea ul li#c07 { left: 288px;	top: 328px;}
	.characterArea ul li#c08 { left: 400px; top: 329px;}
	.characterArea ul li#c09 { left: 54px; top: 520px;}
	.characterArea ul li#c10 { left: 148px; top: 520px;}
	.characterArea ul li#c11 { left: 242px; top: 520px;}
	.characterArea ul li#c12 { left: 336px;	top: 520px;}
	.characterArea ul li#c13 { left: 429px;	top: 520px;}
	.characterArea ul li#c01 a { width:115px; height:165px;}
	.characterArea ul li#c02 a { width:115px; height:165px;}
	.characterArea ul li#c03 a { width:106px; height:128px;}
	.characterArea ul li#c04 a { width:97px; height:132px;}
	.characterArea ul li#c05 a,.characterArea ul li#c06 a,.characterArea ul li#c07 a,.characterArea ul li#c08 a { width:103px; height:111px;}
	.characterArea ul li#c09 a,.characterArea ul li#c10 a,.characterArea ul li#c11 a,.characterArea ul li#c12 a,.characterArea ul li#c13 a{ width:86px; height:97px;}

.castArea dl#cast1{ float:left;}
.castArea dl#cast1 dt { width:250px; float:left; text-align:right; color:#784e12;}
.castArea dl#cast1 dd.dot { width:40px; text-align:center; float:left;}
.castArea dl#cast1 dd.mark { width:25px; text-align:center; float:left; background-position:-262px -48px;}
.castArea dl#cast1 dd.name { padding-left:290px; padding-bottom:3px;}

#bnarea{ margin-top:15px;}
#diarydate{ text-align:right; font-size:90%; font-weight:bold; color:#6e3b00;}

/* ***********************************************************************
diary
*********************************************************************** */
		.diaryArea #left .photoarea{ text-align:center; margin:10px 0 15px;}
		.diaryArea #left .photobox{ background:url(../img/diary_photo.gif); width:306px; height:206px; display:block; margin:0 auto 5px auto; text-align:center;}
		.diaryArea #left .photobox2{ background:url(../img/diary_photo.gif) -306px 0; width:206px; height:306px; display:block; margin:0 auto 5px auto; text-align:center;}
		.diaryArea #left .photoin{ padding:3px 0 0 3px;}
		.diaryArea #left .photoin2{ padding:3px 0 0 3px;}
		.diaryArea #left .photoin .cover{ width:300px; height:200px;}
		.diaryArea #left .photoin2 .cover{ width:200px; height:300px;}
		.diaryArea #left .cap{ font-size:90%; color:#bb7200; font-weight:bold;}
		

/* ***********************************************************************
news
*********************************************************************** */
.newsArea h1{ width:610px; height:46px; background:url(../img/news_h1.gif);}
	#news_book{ width:170px; height:240px; background:url(../img/news_book.jpg); display:block; float:left; margin:0 20px 15px 0;}
	#news_dvd{ width:200px; height:270px; background:url(../img/news_dvd.jpg); display:block; float:right; margin:0 0 15px 25px;}

/* ***********************************************************************
movie
*********************************************************************** */

.movieArea h1{ width:610px; height:46px; background:url(../img/movie_h1.gif);}
.movieArea #left ul{ position:relative; background:url(../img/movie_bn.jpg); width:542px; height:242px;}
	.movieArea #left ul li{ position:absolute;}
	.movieArea #left ul li a{ display:block; width:130px; height:91px;}
	.movieArea #left ul li a:hover{ filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background:#fff;}
	
	.movieArea #left ul li.menu01{ left:0; top:0;}
	.movieArea #left ul li.menu02{ left:137px; top:0;}
	.movieArea #left ul li.menu03{ left:275px; top:0;}
	.movieArea #left ul li.menu04{ left:412px; top:0;}
	.movieArea #left ul li.menu05{ left:0; top:130px;}
	.movieArea #left ul li.menu06{ left:137px; top:130px;}	
	.movieArea #left ul li.menu07{ left:275px; top:130px;}
	.movieArea #left ul li.menu08{ left:412px; top:130px;}
	
	#movieBox{ padding:3px; background:#e1d7b6; margin-bottom:15px;}

/*$B!w%X%C%@!<MWAG(B
/////////////////////////////////////////////////////////////////////////*/
#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;}
/*$B8!:w(B*/
#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;}
/*$B!w%J%S%2!<%7%g%s(B
/////////////////////////////////////////////////////////////////////////*/
#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;}

/*$B!w%X%C%@!<Gr(B//$B%9!<%Q!<%P%J!<M-$j(B
/////////////////////////////////////////////////////////////////////////*/
#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;}
/*$B!w%X%C%@!<Gr(B//$B%9!<%Q!<%P%J!<L5$7(B
/////////////////////////////////////////////////////////////////////////*/
#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;}
/*$B!w$=$NB>@_Dj(B
/////////////////////////////////////////////////////////////////////////*/
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;
	/*(J\(B*//*/
	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;}

/*$B!w%I%i%^MQ%U%C%?!<(B
/////////////////////////////////////////////////////////////////////////*/
#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, "$B%R%i%.%N3Q%4(B Pro W3", "Hiragino Kaku Gothic Pro", "$B#M#S(B $B#P%4%7%C%/(B", 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;
}


