@charset "iso-2022-jp";

/* //////////////////////////////////////ouran2011 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) 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, 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;}
/*スーパーバナー枠*/
#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*/
.cOrangeB { color:#a52d08; font-weight:bold;}
.cOrange { color:#a52d08;}
.cBrown{ color:#69451e;}
.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%; line-height:175%;}
/*リンク指定*/
a { text-decoration:underline; color:#aa5d0b;}
a:hover { text-decoration:none; color:#aa5d0b;}
/*padding/margin*/
.mgnB0 { margin-bottom:0 !important}
.mgnB5 { margin-bottom:5px !important}
.mgnB7 { margin-bottom:7px !important}
.mgnB25 { margin-bottom:25px !important}
.mgnB15 { margin-bottom:15px !important}
.mgnB200 { margin-bottom:200px !important}
.pdgB10 { margin-bottom:15px !important}

/*bnSuper*/
#bnSuper {
	width:100%;
	height:110px;
	background:#fff;
	border-bottom:1px solid #c0c0c0;
	}
	#bnIn { padding-top:10px;}
/*footer*/
#footer {
	color:#5c310a;
	text-align:center;
	padding-top:10px;
	}
	#footer a { color:#5c310a;}

/* ***********************************************************************
common
*********************************************************************** */

#container{ width:980px; margin:15px auto 0 auto; text-align:left; font-size:120%; line-height:180%; color:#5c310a;background:url(../img/base_img1.gif) repeat-y left;}
#container_t{ width:980px; background:url(../img/base_img1.gif) no-repeat top; background-position:-1960px 0;}
#main{ width:980px;  background:url(../img/main_bg.gif) no-repeat bottom right; padding-bottom:50px;}
#container_b{ width:980px; background:url(../img/base_img1.gif) no-repeat bottom;}

#headerbox{ padding:9px 0 0 9px;}
	#header{ width:628px; height:176px; background:url(../img/base_img2.gif); position:relative;}
	#header #title { position:absolute;	left: 31px;	top: 21px;}
	#header #title a{ width:200px; height:60px;	display:block;}

ul#menu{ width:595px; height:77px; position:absolute; left: 20px; top: 86px;}
ul#menu li{ position:absolute;}
ul#menu li a{ display:block; height:38px;}

.menu01 { left:0;}
.menu02 { left:118px;}
.menu03 { left:240px;}
.menu04 { left:357px;}
.menu05 { left:479px;}
.menu06 { left:0; top:39px;}
.menu07 { left:118px; top:39px;}
.menu08 { left:240px; top:39px;}
.menu09 { left:357px; top:39px;}
.menu10 { left:479px; top:39px;}

.menu01 a{ width:118px;}
.menu02 a{ width:122px;}
.menu03 a{ width:117px;}
.menu04 a{ width:122px;}
.menu05 a{ width:116px;}
.menu06 a{ width:118px;}
.menu07 a{ width:122px;}
.menu08 a{ width:117px;}
.menu09 a{ width:122px;}
.menu10 a{ width:116px;}

.menu01 a:hover{ background:url(../img/base_img2.gif); background-position:-20px -176px;}
.menu02 a:hover{ background:url(../img/base_img2.gif); background-position:-138px -176px;}
.menu03 a:hover{ background:url(../img/base_img2.gif); background-position:-260px -176px;}
.menu04 a:hover{ background:url(../img/base_img2.gif); background-position:-377px -176px;}
.menu05 a:hover{ background:url(../img/base_img2.gif); background-position:-499px -176px;}
.menu06 a:hover{ background:url(../img/base_img2.gif); background-position:-20px -215px;}
.menu07 a:hover{ background:url(../img/base_img2.gif); background-position:-138px -215px;}
.menu08 a:hover{ background:url(../img/base_img2.gif); background-position:-260px -215px;}
.menu09 a:hover{ background:url(../img/base_img2.gif); background-position:-377px -215px;}
.menu10 a:hover{ background:url(../img/base_img2.gif); background-position:-499px -215px;}

#left{ width:638px; float:left;}
#right{ width:342px; float:right;}
#rightbox{ padding:25px 25px 15px 17px;}

#content{ padding:40px 20px 20px 40px;}
#content2{ padding:40px 20px 20px 45px;}
#content3{ padding:40px 35px 20px 45px;}
#content4{ padding:40px 50px 20px 55px;}
#content5{ padding:20px 20px 20px 40px;}

#rectangle{ width:300px; height:250px; margin-bottom:10px;}

#page_top{ width:980px; height:19px; margin:0 auto; position:relative;}
#page_top p{ position:absolute; right:3px;}
#page_top p a{ width:92px; height:19px; background:url(../img/base_img2.gif); background-position:0 -253px; display:block;}
#page_top p a:hover{ background-position:-92px -253px;}

#footerbox { width:980px;margin:0 auto; position:relative; padding-bottom:30px;}
	#footermenu{ width:780px; height:28px; margin-bottom:20px;}
	#footermenu li { position:absolute;}
	#footermenu li a{ width:152px; height:28px; display:block; background:url(../img/base_img2.gif);}
	#footermenu li.menu01{ left:100px;}
	#footermenu li.menu02{ left:257px;}
	#footermenu li.menu03{ left:414px;}
	#footermenu li.menu04{ left:571px;}
	#footermenu li.menu05{ left:728px;}
	#footermenu li.menu01 a{ background-position:0 -272px;}
	#footermenu li.menu02 a{ background-position:-152px -272px;}
	#footermenu li.menu03 a{ background-position:-304px -272px;}
	#footermenu li.menu04 a{ background-position:-456px -272px;}
	#footermenu li.menu05 a{ background-position:0 -300px;}

#whatsnew{ width:300px; height:115px; background:url(../img/base_img2.gif); background-position:0 -328px; position:relative; margin-bottom:7px;}
#whatsnew dl{ width:250px; height:93px; overflow:auto; line-height:160%; font-size:90%;}
#whatsnew dt{ float:left;color:#5c310a;font-weight:bold;font-size:90%;}
#whatsnew dd{ margin-left:70px;font-size:90%; margin-bottom:2px; padding-right:5px;}
#whatsnew dd a{ text-decoration:underline;}
#whatsnew dd a:hover{ text-decoration:none;}
#whatsnewbox{ padding:12px 0 0 40px;}

#spot_bnr { width:155px; height:96px; background:url(../img/base_img2.gif); background-position:-300px -328px; float:left; display:block;}
#spot_bnr a{ width:155px; height:96px; display:block;}
#spot_bnr a:hover,#twitter_bnr a:hover{ filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background:#fff;}
#twitter_bnr{ width:139px; height:96px; background:url(../img/base_img2.gif); background-position:-455px -328px; float:right; display:block;}
#twitter_bnr a{ width:139px; height:96px; display:block;}

#movie_bnr a{ width:300px; height:64px; background:url(../img/base_img2.gif); background-position:0 -443px; display:block; margin-bottom:5px;}
#photo_bnr a{ width:300px; height:64px; background:url(../img/base_img2.gif); background-position:-300px -443px; display:block; margin-bottom:5px;}
#sp_movie_bnr a{ width:300px; height:42px; background:url(../img/base_img2.gif); background-position:0 -507px; display:block; margin-bottom:5px;}
#ouran_m a{ width:300px; height:42px; background:url(../img/ouran_m.gif); display:block; margin-bottom:12px;}
#mail_bnr a{ width:219px; height:18px; background:url(../img/base_img2.gif); background-position:0 -549px; display:block; margin-bottom:15px;}
#mail_bnr a:hover{ background-position:0 -567px;}


/* ***********************************************************************
top
*********************************************************************** */
#header_top{ width:628px; height:698px; background:url(../img/main.jpg); position:relative;}
	#header_top .cover{ width:628px; height:638px;}
#main_top{ width:980px; background:url(../img/main_bg.gif) no-repeat bottom right; padding-bottom:23px;}

#menu_top{ width:628px; height:77px; background:url(../img/top_img.gif); position:relative; margin-bottom:0px;}
#menu_top ul{ width:595px; height:77px; position:absolute; left:20px;}
#menu_top ul li{ position:absolute;}
#menu_top ul li a{ display:block; height:38px;}

#menu_top .menu01 { left:0;}
#menu_top .menu02 { left:118px;}
#menu_top .menu03 { left:240px;}
#menu_top .menu04 { left:357px;}
#menu_top .menu05 { left:479px;}
#menu_top .menu06 { left:0; top:39px;}
#menu_top .menu07 { left:118px; top:39px;}
#menu_top .menu08 { left:240px; top:39px;}
#menu_top .menu09 { left:357px; top:39px;}
#menu_top .menu10 { left:479px; top:39px;}

#menu_top .menu01 a{ width:118px;}
#menu_top .menu02 a{ width:122px;}
#menu_top .menu03 a{ width:117px;}
#menu_top .menu04 a{ width:122px;}
#menu_top .menu05 a{ width:116px;}
#menu_top .menu06 a{ width:118px;}
#menu_top .menu07 a{ width:122px;}
#menu_top .menu08 a{ width:117px;}
#menu_top .menu09 a{ width:122px;}
#menu_top .menu10 a{ width:116px;}

#menu_top .menu01 a:hover{ background:url(../img/top_img.gif); background-position:-20px -77px;}
#menu_top .menu02 a:hover{ background:url(../img/top_img.gif); background-position:-138px -77px;}
#menu_top .menu03 a:hover{ background:url(../img/top_img.gif); background-position:-260px -77px;}
#menu_top .menu04 a:hover{ background:url(../img/top_img.gif); background-position:-377px -77px;}
#menu_top .menu05 a:hover{ background:url(../img/top_img.gif); background-position:-499px -77px;}
#menu_top .menu06 a:hover{ background:url(../img/top_img.gif); background-position:-20px -116px;}
#menu_top .menu07 a:hover{ background:url(../img/top_img.gif); background-position:-138px -116px;}
#menu_top .menu08 a:hover{ background:url(../img/top_img.gif); background-position:-260px -116px;}
#menu_top .menu09 a:hover{ background:url(../img/top_img.gif); background-position:-377px -116px;}
#menu_top .menu10 a:hover{ background:url(../img/top_img.gif); background-position:-499px -116px;}

#date{ background:url(../img/top_img.gif); width:283px; height:35px; background-position:0 -355px; margin:15px 0 5px 180px;}
#date2{ background:url(../img/top_episode0.gif); width:628px; height:80px;}
#date3{ background:url(../img/top_date.gif); width:628px; height:64px; margin:10px 0 8px 0;}

	#footermenu_top { width:780px; height:28px; margin-bottom:20px;}
	#footermenu_top li { position:absolute;}
	#footermenu_top li a{ width:152px; height:28px; display:block; background:url(../img/top_img.gif);}
	#footermenu_top li.menu01{ left:100px;}
	#footermenu_top li.menu02{ left:257px;}
	#footermenu_top li.menu03{ left:414px;}
	#footermenu_top li.menu04{ left:571px;}
	#footermenu_top li.menu05{ left:728px;}
	#footermenu_top li.menu01 a{ background-position:0 -184px;}
	#footermenu_top li.menu02 a{ background-position:-152px -184px;}
	#footermenu_top li.menu03 a{ background-position:-304px -184px;}
	#footermenu_top li.menu04 a{ background-position:-456px -184px;}
	#footermenu_top li.menu05 a{ background-position:0 -212px;}

#whatsnew_top{ width:300px; height:115px; background:url(../img/top_img.gif); background-position:0 -240px; position:relative; margin-bottom:7px;}
#whatsnew_top dl{ width:250px; height:93px; overflow:auto; line-height:160%; font-size:90%;}
#whatsnew_top dt{ float:left;color:#5c310a;font-weight:bold;font-size:90%;}
#whatsnew_top dd{ margin-left:70px;font-size:90%; margin-bottom:2px; padding-right:5px;}
#whatsnew_top dd a{ text-decoration:underline;}
#whatsnew_top dd a:hover{ text-decoration:none;}

#spot_bnr_top { width:155px; height:96px; background:url(../img/top_img.gif); background-position:-300px -240px; float:left; display:block;}
#spot_bnr_top a{ width:155px; height:96px; display:block;}
#spot_bnr_top a:hover,#twitter_bnr_top a:hover{ filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background:#fff;}
#twitter_bnr_top{ width:139px; height:96px; background:url(../img/top_img.gif); background-position:-455px -240px; float:right; display:block;}
#twitter_bnr_top a{ width:139px; height:96px; display:block;}

#movie_bnr_top a{ width:300px; height:64px; background:url(../img/top_img.gif); background-position:0 -397px; display:block; margin-bottom:5px;}
#photo_bnr_top a{ width:300px; height:64px; background:url(../img/top_img.gif); background-position:0 -461px; display:block; margin-bottom:5px;}
#sp_movie_bnr_top a{ width:300px; height:42px; background:url(../img/top_img.gif); background-position:-300px -397px; display:block; margin-bottom:5px;}
#mail_bnr_top a{ width:219px; height:18px; background:url(../img/top_img.gif); background-position:-300px -439px; display:block; margin:5px 0 15px 0;}
#mail_bnr_top a:hover{ background-position:-300px -457px;}
#hf_bnr a{ width:300px; height:42px; background:url(../img/hf_bnr.gif); display:block; margin-bottom:5px;}

#page_top_top{ width:980px; height:19px; margin:0 auto; position:relative;}
#page_top_top p{ position:absolute; right:3px;}
#page_top_top p a{ width:92px; height:19px; background:url(../img/top_img.gif); background-position:-152px -212px; display:block;}
#page_top_top p a:hover{ background-position:-244px -212px;}

#fanclub_top{ position:absolute; left:497px; top:515px; width:67px;}
#fanclub_top a{	width:104px; height:104px; display:block;}

#fanclub825_top{ position:absolute; left:151px; top:611px;}
#fanclub825_top a{ width:345px; height:21px; display:block; background:url(../img/fanclub825_top.gif);}
#fanclub825_top a:hover{ background-position:0 -21px;}



/* ***********************************************************************
cast
*********************************************************************** */
.castarea h1{ width:507px; height:48px; background:url(../img/cast_img.jpg) no-repeat; margin:0 0 30px 17px;}
#cast_img{ background:url(../img/cast_img.jpg) no-repeat; background-position:0 -57px; width:255px; height:183px; display:block; float:right; margin-bottom:5px;}
	#cast_img .cover{ width:255px; height:183px;}

.castarea dl#cast1{ width:260px; float:left;}
.castarea dl#cast1 dt { width:130px; float:left; text-align:right; color:#610b19; font-weight:bold ;}
.castarea dl#cast1 dd.dot { width:25px; text-align:center; float:left;}
.castarea dl#cast1 dd.mark { width:25px; text-align:center; float:left; background:url(../img/cast_img.jpg); background-position:-262px -48px;}
.castarea dl#cast1 dd.name { padding-left:155px; padding-bottom:10px;}

.castarea dl#cast2{ width:250px; float:left;}
.castarea dl#cast2 dt { width:112px; float:left; text-align:right; color:#610b19; font-weight:bold ;}
.castarea dl#cast2 dd.dot { width:25px; text-align:center; float:left;}
.castarea dl#cast2 dd.mark { width:25px; text-align:center; float:left; background:url(../img/cast_img.jpg); background-position:-262px -48px;}
.castarea dl#cast2 dd.name { padding-left:137px; padding-bottom:10px;}

#cast_left{ width:260px; float:left;}
#cast_right{ width:255px; float:right;}

#guest{ width:491px; height:597px; background:url(../img/cast_guest.jpg); margin-left:26px;}
#guest .cover{ width:491px; height:597px;}

/* ***********************************************************************
staff
*********************************************************************** */
.staffarea h1{ width:507px; height:48px; background:url(../img/staff_img.jpg) no-repeat; margin:0 0 30px 30px;}

.staffarea #left dl{ float:left;}
.staffarea #left dt { width:190px; float:left; text-align:right; color:#610b19; font-weight:bold;}
.staffarea #left dd.dot { width:25px; text-align:center; float:left;}
.staffarea #left dd.name { padding-left:215px; padding-bottom:10px;}

/* ***********************************************************************
intro
*********************************************************************** */
.introarea h1{ width:507px; height:48px; background:url(../img/intro_img.jpg) no-repeat; margin:0 0 30px 30px;}
.introarea h2{ width:568px; height:63px; background:url(../img/intro_img.jpg) no-repeat; background-position:0 -48px; margin:0 0 30px 5px;}
#intro_img{ background:url(../img/intro_img.jpg); background-position:0 -109px; width:361px; height:228px; display:block; float:right;}
	#intro_img .cover{ width:361px; height:228px;}

/* ***********************************************************************
msg
*********************************************************************** */
.msgarea h1{ width:507px; height:48px; background:url(../img/msg_img.gif) no-repeat; background-position:-568px 0; margin:0 0 30px 30px;}

#go_enter_area { width:568px; height:68px; background:url(../img/msg_img.gif); background-position:-568px -48px; position:relative;}
#go_enter { position:absolute; left:109px; top:15px;}
#go_enter a{ width:353px; height:38px; display:block;}
#go_enter a:hover{  background:url(../img/msg_img.gif); background-position:-677px -116px;}

.paging{ font-size:80%; margin-bottom:25px; line-height:175%;}
.paging a{ color:#c71b38;}
.entry{ width:568px; margin-bottom:10px; background:url(../img/msg_img.gif) no-repeat bottom left;}
.entry2{ width:568px; margin-bottom:10px;}
.entrybox{ padding:20px 20px 30px 20px;}
.entrybox2{ padding:20px 20px 5px 20px;}
.entry h2{ font-size:120%; padding-bottom:10px; margin-bottom:10px; color:#c71b38;}

.hn{ font-size:90%; text-align:right; margin-top:10px; padding-top:10px; color:#c71b38;}

#container_msg{ width:500px; margin:0 auto; text-align:left; font-size:120%; line-height:180%; color:#371900;}
#container_msg #header{ width:500px; height:116px; background:url(../img/form_img.gif);}

.formarea{ padding:10px 0;}
#container_msg #main_msg{ width:500px; background:#fffdeb;}
#container_msg #mainbox{ border-left: solid 2px #8a680f; border-right: solid 2px #8a680f; border-bottom: solid 2px #8a680f; padding:0 2px 2px 2px;}
#container_msg #mainbox2{ border: solid 1px #8a680f; padding:14px;}
#container_msg #content_msg{ padding:20px 30px; background:#f7f3da; border: solid 1px #eae5c9;}
#doui a{ width:212px; height:19px; background:url(../img/form_img.gif); background-position:0 -116px; display:block; margin:20px 0 15px 90px;}
#doui a:hover{ background-position:0 -135px;}

.thanks{ padding:30px 0; text-align:center;}

#close a{ background:url(../img/form_img.gif); width:46px; height:11px; display:block; background-position:-223px -116px; margin:15px auto 0 auto;}
#close a:hover{ background-position:-223px -127px;}

.msgarea #bnbox { float:right; margin-top:10px;}
.msgarea .bn{color:#555;background:#fff;border:#999 solid 1px;}

/* ***********************************************************************
info
*********************************************************************** */
.infoarea h1{ width:507px; height:48px; background:url(../img/info_img.gif) no-repeat; margin:0 0 30px 26px;}
#h201{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -48px; margin-bottom:20px;}
#h202{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -80px; margin-bottom:20px;}
#h203{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -112px; margin-bottom:20px;}
#h204{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -144px; margin-bottom:20px;}
#h205{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -176px; margin-bottom:20px;}
#h206{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -208px; margin-bottom:20px;}
#h207{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -240px; margin-bottom:20px;}
#h208{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -272px; margin-bottom:20px;}
#h209{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -304px; margin-bottom:20px;}
#h210{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -336px; margin-bottom:20px;}
#h211{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -368px; margin-bottom:20px;}
#h212{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -400px; margin-bottom:20px;}
#h213{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -432px; margin-bottom:20px;}
#h214{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -464px; margin-bottom:20px;}
#h215{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -496px; margin-bottom:20px;}
#h216{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -528px; margin-bottom:20px;}
#h217{ width:568px; height:32px; background:url(../img/info_img.gif); background-position:0 -560px; margin-bottom:20px;}

#goods01{ width:500px; height:347px; background:url(../img/info_goods.jpg); display:block; margin:0 0 20px 35px;}
#goods02{ width:349px; height:227px; background:url(../img/info_goods.jpg) 0 -347px; display:block; margin:0 0 20px 106px;}
#dvd{ width:170px; height:206px; background:url(../img/info_dvd.jpg); float:left; display:block;}

#present{ width:300px; height:229px; background:url(../img/info_present.jpg); float:left; display:block; margin:0 15px 0 0;}

.infoarea #content2 p,.fanclubarea #content2 p{ margin-bottom:10px;}

.fanclubarea h1{ width:568px; height:32px; background:url(../img/fanclub_img.gif); margin-bottom:30px;}
#fanclub_btn{  margin:30px 0 25px 180px!important}
#fanclub_btn a{ width:192px; height:49px; background:url(../img/fanclub_img.gif); display:block; background-position:0 -32px;}
#fanclub_btn a:hover{ background-position:-192px -32px;}
#membership{ width:568px; height:189px; background:url(../img/membership.gif);}
#info_book{ width:200px; height:278px; background:url(../img/info_book.jpg); display:block; float:left; margin:0 20px 20px 0;}
	#info_book .cover{ width:200px; height:278px;}

#info_app{ width:150px; height:269px; background:url(../img/info_app.jpg); display:block; float:right; margin:0 8px 20px 15px;}

/* ***********************************************************************
original
*********************************************************************** */
.originalarea h1{ width:507px; height:48px; background:url(../img/original_img.gif) no-repeat; background-position:-1314px 0; margin:0 0 30px 25px;}
.originalarea h2{ width:319px; height:64px; background:url(../img/original_img.gif) no-repeat; background-position:-1314px -48px; margin:10px 0 20px 0; display:block;}

#originalbox{ background:#f8f6e3; border: solid 1px #dfd9a6; padding:10px 0;}
	#originalbox_pdg{ background:url(../img/original_img.gif) top no-repeat;background-position:-573px 0;}
	#originalbox_pdg2{ background:url(../img/original_img.gif) left bottom no-repeat; padding:40px 25px;}	
	#comic{ float:left; background:url(../img/original_img.gif); width:168px; height:249px; background-position:-1146px 0;}
	#comic .cover{ width:168px; height:249px;}
	#comictxt{ float:right; width:319px;}

/* ***********************************************************************
story
*********************************************************************** */
.storyarea h1{ width:507px; height:48px; background:url(../img/story_img.gif) no-repeat; margin:0 0 30px 26px;}
#container_msg #header_spot{ width:500px; height:85px; background:url(../img/spot_img.gif);}

#close_spot a{ background:url(../img/form_img.gif); width:46px; height:11px; display:block; background-position:-223px -116px; margin:15px auto 0 auto;}
	#close_spot a:hover{ background-position:-223px -127px;}
.storyarea #content p{ margin-bottom:10px;}

#story_head{ width:568px; height:37px; position:relative;}
	#spot_btn{ position:absolute; left:319px; top:4px;}
	#spot_btn a{ width:122px; height:27px; display:block;}
	#spot_btn a:hover{ background:url(../img/story_img.gif) 0 -48px;}

	#pg_btn{ position:absolute; left:443px; top:4px;}
	#pg_btn a{ width:122px; height:27px; display:block;}
	#pg_btn a:hover{ background:url(../img/story_img.gif) -122px -48px;}
	
	.storyh201{ background:url(../img/story01_h2.gif) no-repeat; margin-bottom:20px;}
	#story01_1{ width:273px; height:183px; background:url(../img/story01_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story01_1 .cover{ width:273px; height:183px;}
	#story01_2{ width:273px; height:183px; background:url(../img/story01_img.jpg) -257px 0; display:block; float:right;}
	#story01_2 .cover{ width:273px; height:183px;}
	
	.storyh202{ background:url(../img/story02_h2.gif) no-repeat; margin-bottom:20px;}
	#story02_1{ width:273px; height:183px; background:url(../img/story02_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story02_1 .cover{ width:273px; height:183px;}
	#story02_2{ width:273px; height:183px; background:url(../img/story02_img.jpg) -257px 0; display:block; float:right;}
	#story02_2 .cover{ width:273px; height:183px;}
	
	.storyh203{ background:url(../img/story03_h2.gif) no-repeat; margin-bottom:20px;}
	#story03_1{ width:273px; height:183px; background:url(../img/story03_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story03_1 .cover{ width:273px; height:183px;}
	#story03_2{ width:273px; height:183px; background:url(../img/story03_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story03_2 .cover{ width:273px; height:183px;}

	.storyh204{ background:url(../img/story04_h2.gif) no-repeat; margin-bottom:20px;}
	#story04_1{ width:273px; height:183px; background:url(../img/story04_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story04_1 .cover{ width:273px; height:183px;}
	#story04_2{ width:273px; height:183px; background:url(../img/story04_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story04_2 .cover{ width:273px; height:183px;}

	.storyh205{ background:url(../img/story05_h2.gif) no-repeat; margin-bottom:20px;}
	#story05_1{ width:273px; height:183px; background:url(../img/story05_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story05_1 .cover{ width:273px; height:183px;}
	#story05_2{ width:273px; height:183px; background:url(../img/story05_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story05_2 .cover{ width:273px; height:183px;}

	.storyh206{ background:url(../img/story06_h2.gif) no-repeat; margin-bottom:20px;}
	#story06_1{ width:273px; height:183px; background:url(../img/story06_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story06_1 .cover{ width:273px; height:183px;}
	#story06_2{ width:273px; height:183px; background:url(../img/story06_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story06_2 .cover{ width:273px; height:183px;}

	.storyh207{ background:url(../img/story07_h2.gif) no-repeat; margin-bottom:20px;}
	#story07_1{ width:273px; height:183px; background:url(../img/story07_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story07_1 .cover{ width:273px; height:183px;}
	#story07_2{ width:273px; height:183px; background:url(../img/story07_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story07_2 .cover{ width:273px; height:183px;}
	
	.storyh208{ background:url(../img/story08_h2.gif) no-repeat; margin-bottom:20px;}
	#story08_1{ width:273px; height:183px; background:url(../img/story08_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story08_1 .cover{ width:273px; height:183px;}
	#story08_2{ width:273px; height:183px; background:url(../img/story08_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story08_2 .cover{ width:273px; height:183px;}

	.storyh209{ background:url(../img/story09_h2.gif) no-repeat; margin-bottom:20px;}
	#story09_1{ width:273px; height:183px; background:url(../img/story09_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story09_1 .cover{ width:273px; height:183px;}
	#story09_2{ width:273px; height:183px; background:url(../img/story09_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story09_2 .cover{ width:273px; height:183px;}

	.storyh210{ background:url(../img/story10_h2.gif) no-repeat; margin-bottom:20px;}
	#story10_1{ width:273px; height:183px; background:url(../img/story10_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story10_1 .cover{ width:273px; height:183px;}
	#story10_2{ width:273px; height:183px; background:url(../img/story10_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story10_2 .cover{ width:273px; height:183px;}

	.storyh211{ background:url(../img/story11_h2.gif) no-repeat; margin-bottom:20px;}
	#story11_1{ width:273px; height:183px; background:url(../img/story11_img.jpg); display:block; float:left; margin-bottom:10px;}
	#story11_1 .cover{ width:273px; height:183px;}
	#story11_2{ width:273px; height:183px; background:url(../img/story11_img.jpg) -257px 0; display:block; float:right; margin-bottom:10px;}
	#story11_2 .cover{ width:273px; height:183px;}
	
.storyarea #bnbox{ float:right;}
.storyarea .bn{ color:#555;background:#fff;border:#999 solid 1px;}

/* ***********************************************************************
diary
*********************************************************************** */
.diaryarea h1{ width:507px; height:48px; background:url(../img/diary_img.gif) no-repeat; margin:0 0 30px 25px;}
.diaryarea h2{ width:507px; height:48px; background:url(../img/diary_img.gif) no-repeat; background-position:0 -48px; font-size:120%; padding:12px 0 0 12px; color:#bf0c23;}
	#number{ color:#fffdeb;}
#diarybox{ border-top: dashed 1px #c8b169; border-bottom: dashed 1px #c8b169; padding:25px 15px;}	

.diaryarea #content3 p{ margin-bottom:10px;}

.diaryarea .photoarea{ text-align:center; margin-bottom:15px;}
.diaryarea .photobox{ background:url(../img/frame.gif) no-repeat;	width:310px; height:210px; display:block; margin:0 auto 5px auto; text-align:center;}
.diaryarea .photobox2{ background:url(../img/frame_tate.gif) no-repeat; width:210px; height:310px; display:block; margin:0 auto 5px auto; text-align:center;}

.diaryarea .photoin,.diaryarea .photoin2{ padding:5px;}
.diaryarea .photoin .cover{ width:300px; height:200px;}
.diaryarea .photoin2 .cover{ width:200px; height:300px;}
.diaryarea .cap{ font-size:90%; color:#bf0c23; font-weight:bold;}

#bnareabox{ padding:10px 0 0 0;}

/* ***********************************************************************
music
*********************************************************************** */
.musicarea h1{ width:507px; height:48px; background:url(../img/music_img.gif) no-repeat; margin:0 0 30px 26px;}
.musicarea h2{ width:566px; height:96px; background:url(../img/music_img.gif) no-repeat 0 -48px; margin-bottom:30px;}

#miwaprof_img{ width:265px; height:177px; background:url(../img/music_img.gif) 0 -144px; float:left; margin-right:20px;}

.musicarea #content2 p{ margin-bottom:10px;}

#miwaprof_area{ border-top: dashed 1px #a71414; border-bottom: dashed 1px #a71414; padding:20px 0;}

/* ***********************************************************************
chart
*********************************************************************** */
.chartarea h1{ width:507px; height:48px; background:url(../img/chart_img.gif) no-repeat; margin:0 0 30px 35px;}

#chartimg{ width:567px; height:773px; background:url(../img/chartimg.jpg); position:relative;}
	#chartimg ul li{ position:absolute;}
	#chartimg ul li a{ display:block;}
	#chartimg ul li a:hover{ filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background:#fff;}
	
	#chartimg ul li#chart01 { left:156px; top:74px;}
	#chartimg ul li#chart02 { left: 292px; top: 74px;}
	#chartimg ul li#chart03 { left: 31px; top: 147px;}
	#chartimg ul li#chart04 { left: 444px; top: 141px;}
	#chartimg ul li#chart05 { left: 41px; top: 360px;}
	#chartimg ul li#chart06 { left: 165px; top: 359px;}
	#chartimg ul li#chart07 { left: 290px; top: 360px;}
	#chartimg ul li#chart08 { left: 414px; top: 359px;}
	#chartimg ul li#chart01 a { width:128px; height:182px;}
	#chartimg ul li#chart02 a { width:128px; height:182px;}
	#chartimg ul li#chart03 a { width:116px; height:140px;}
	#chartimg ul li#chart04 a { width:106px; height:147px;}
	#chartimg ul li#chart05 a,#chartimg ul li#chart06 a,#chartimg ul li#chart07 a,#chartimg ul li#chart08 a { width:116px; height:123px;}
	
.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);}
	
	#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;}

/* ***********************************************************************
sp_movie
*********************************************************************** */
.sp_moviearea h1{ width:507px; height:48px; background:url(../img/sp_movie_img.gif) no-repeat; margin:0 0 30px 35px;}
.dis_no{ display:none;}
#moviebox{ margin:20px 0 30px 49px;}

/* ***********************************************************************
movie
*********************************************************************** */
#movie_head{ width:568px; height:456px; background:url(../img/movie_img.gif); position:relative;}
#moviebox480{ width:460px; height:258px; position:absolute;	left: 54px;	top: 178px;}
.moviearea #content5 p{ margin-bottom:10px;}
	#movie_main{ background:url(../img/movie_bg.gif) repeat-y; width:568px;}
	#movie_btm{ background:url(../img/movie_btm.gif) no-repeat bottom; padding:25px 14px 0 14px;}
	.movie_pdg{ padding:0 17px 30px 17px;}
	
#movieh201{ width:540px; height:73px; background:url(../img/movie01_img.gif);}		
	.movie_pdg ul { width:505px; height:147px; position:relative;}
	.movie_pdg ul li{ position:absolute;}
	.movie_pdg ul li a{ width:90px; height:90px; display:block;}
	.movie_pdg ul li a:hover{ filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background:#503100;}
	#list01{ left:11px; top:11px;}
	#list02{ left:110px; top:11px;}
	#list03{ left:208px; top:11px;}
	#list04{ left:307px; top:11px;}
	#list05{ left:405px; top:11px;}
	#list06{ left:11px; top:165px;}
	#list07{ left:110px; top:165px;}
	#list08{ left:208px; top:165px;}
	#list09{ left:307px; top:165px;}
	#list10{ left:405px; top:165px;}
	#list06_2{ left:11px; top:140px;}
	#list07_2{ left:110px; top:140px;}
	
ul#list01img{ width:505px; height:147px; background:url(../img/movie01_img.gif) 0 -73px; position:relative;}

#movieh202{ width:540px; height:48px; background:url(../img/movie02_img.gif);}		
ul#list02img{ width:505px; height:147px; background:url(../img/movie02_img.gif) 0 -48px; position:relative;}

#movieh203{ width:540px; height:48px; background:url(../img/movie03_img.gif);}		
ul#list03img{ width:505px; height:147px; background:url(../img/movie03_img.gif) 0 -48px; position:relative;}

#movieh204{ width:540px; height:48px; background:url(../img/movie04_img.gif);}		
ul#list04img{ width:505px; height:323px; background:url(../img/movie04_img.gif) 0 -48px; position:relative;}

#movieh205{ width:540px; height:45px; background:url(../img/movie05_img.gif);}		
ul#list05img{ width:505px; height:147px; background:url(../img/movie05_img.gif) 0 -48px; position:relative;}

#movieh206{ width:540px; height:45px; background:url(../img/movie06_img.gif);}		
ul#list06img{ width:505px; height:147px; background:url(../img/movie06_img.gif) 0 -48px; position:relative;}

#movieh207{ width:540px; height:45px; background:url(../img/movie07_img.gif);}		
ul#list07img{ width:505px; height:283px; background:url(../img/movie07_img.gif) 0 -48px; position:relative;}

/* ***********************************************************************
photo
*********************************************************************** */
#photo_g{ width:568px; height:537px; background:url(../img/photo_img.gif); position:relative;}

#prev_pg{ position:absolute; left:29px; top:277px;}
#prev_pg a{ width:10px; height:14px;  background:url(../img/photo_img.gif) 0 -537px; display:block;}
#prev_pg a:hover{ background-position:0 -551px; display:block;}

#next_pg{ position:absolute; left:529px; top:277px;}
#next_pg a{ width:10px; height:14px; background:url(../img/photo_img.gif) -10px -537px; display:block;}
#next_pg a:hover{ background-position:-10px -551px; display:block;}

#epi01 h2{ width:82px; height:16px; background:url(../img/photo_h201.gif); position:absolute;	left: 75px;	top: 452px;}
#epi02 h2{ width:82px; height:16px; background:url(../img/photo_h202.gif); position:absolute;	left: 75px;	top: 452px;}
#epi03 h2{ width:82px; height:18px; background:url(../img/photo_h203.gif); position:absolute;	left: 75px;	top: 451px;}
#epi04 h2{ width:82px; height:18px; background:url(../img/photo_h204.gif); position:absolute;	left: 75px;	top: 451px;}
#epi05 h2{ width:82px; height:18px; background:url(../img/photo_h205.gif); position:absolute;	left: 75px;	top: 451px;}
#epi06 h2{ width:82px; height:18px; background:url(../img/photo_h206.gif); position:absolute;	left: 75px;	top: 451px;}
#epi07 h2{ width:82px; height:18px; background:url(../img/photo_h207.gif); position:absolute;	left: 75px;	top: 451px;}
#epi08 h2{ width:82px; height:18px; background:url(../img/photo_h208.gif); position:absolute;	left: 75px;	top: 451px;}
#epi09 h2{ width:82px; height:18px; background:url(../img/photo_h209.gif); position:absolute;	left: 75px;	top: 451px;}
#epi10 h2{ width:88px; height:18px; background:url(../img/photo_h210.gif); position:absolute;	left: 75px;	top: 451px;}
#epi11 h2{ width:100px; height:18px; background:url(../img/photo_h211.gif); position:absolute;	left: 75px;	top: 451px;}

#epi01 #back_story a{ width:158px;	height:14px; background:url(../img/photo_h201.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi02 #back_story a{ width:158px;	height:14px; background:url(../img/photo_h202.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi03 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h203.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi04 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h204.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi05 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h205.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi06 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h206.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi07 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h207.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi08 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h208.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi09 #back_story a{ width:158px;	height:15px; background:url(../img/photo_h209.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi10 #back_story a{ width:166px;	height:15px; background:url(../img/photo_h210.gif) 0 -18px;	position:absolute; left: 340px; top: 453px;	display:block;}
#epi11 #back_story a{ width:174px;	height:15px; background:url(../img/photo_h211.gif) 0 -18px;	position:absolute; left: 320px; top: 453px;	display:block;}

#epi01 #back_story a:hover,#epi02 #back_story a:hover{ background-position:0 -32px;}
#epi03 #back_story a:hover,#epi04 #back_story a:hover,#epi05 #back_story a:hover,#epi06 #back_story a:hover,#epi07 #back_story a:hover,#epi08 #back_story a:hover,#epi09 #back_story a:hover,#epi10 #back_story a:hover,#epi11 #back_story a:hover{ background-position:0 -33px;}


.photo{	width:400px; height:266px; position:absolute; left: 83px; top: 155px;}
.photo .cover{	width:400px; height:266px;}

#photo01_1{ background:url(../img/photo01_1.jpg);}
#photo01_2{ background:url(../img/photo01_2.jpg);}
#photo01_3{ background:url(../img/photo01_3.jpg);}
#photo01_4{ background:url(../img/photo01_4.jpg);}
#photo01_5{ background:url(../img/photo01_5.jpg);}
#photo01_6{ background:url(../img/photo01_6.jpg);}
#photo01_7{ background:url(../img/photo01_7.jpg);}
#photo01_8{ background:url(../img/photo01_8.jpg);}
#photo01_9{ background:url(../img/photo01_9.jpg);}
#photo01_10{ background:url(../img/photo01_10.jpg);}
#photo01_11{ background:url(../img/photo01_11.jpg);}
#photo01_12{ background:url(../img/photo01_12.jpg);}
#photo01_13{ background:url(../img/photo01_13.jpg);}
#photo01_14{ background:url(../img/photo01_14.jpg);}
#photo01_15{ background:url(../img/photo01_15.jpg);}

#photo02_1{ background:url(../img/photo02_1.jpg);}
#photo02_2{ background:url(../img/photo02_2.jpg);}
#photo02_3{ background:url(../img/photo02_3.jpg);}
#photo02_4{ background:url(../img/photo02_4.jpg);}
#photo02_5{ background:url(../img/photo02_5.jpg);}
#photo02_6{ background:url(../img/photo02_6.jpg);}

#photo03_1{ background:url(../img/photo03_1.jpg);}
#photo03_2{ background:url(../img/photo03_2.jpg);}
#photo03_3{ background:url(../img/photo03_3.jpg);}
#photo03_4{ background:url(../img/photo03_4.jpg);}
#photo03_5{ background:url(../img/photo03_5.jpg);}
#photo03_6{ background:url(../img/photo03_6.jpg);}
#photo03_7{ background:url(../img/photo03_7.jpg);}
#photo03_8{ background:url(../img/photo03_8.jpg);}
#photo03_9{ background:url(../img/photo03_9.jpg);}
#photo03_10{ background:url(../img/photo03_10.jpg);}
#photo03_11{ background:url(../img/photo03_11.jpg);}
#photo03_12{ background:url(../img/photo03_12.jpg);}

#photo04_1{ background:url(../img/photo04_1.jpg);}
#photo04_2{ background:url(../img/photo04_2.jpg);}
#photo04_3{ background:url(../img/photo04_3.jpg);}
#photo04_4{ background:url(../img/photo04_4.jpg);}
#photo04_5{ background:url(../img/photo04_5.jpg);}
#photo04_6{ background:url(../img/photo04_6.jpg);}
#photo04_7{ background:url(../img/photo04_7.jpg);}
#photo04_8{ background:url(../img/photo04_8.jpg);}
#photo04_9{ background:url(../img/photo04_9.jpg);}
#photo04_10{ background:url(../img/photo04_10.jpg);}

#photo05_1{ background:url(../img/photo05_1.jpg);}
#photo05_2{ background:url(../img/photo05_2.jpg);}
#photo05_3{ background:url(../img/photo05_3.jpg);}
#photo05_4{ background:url(../img/photo05_4.jpg);}
#photo05_5{ background:url(../img/photo05_5.jpg);}
#photo05_6{ background:url(../img/photo05_6.jpg);}
#photo05_7{ background:url(../img/photo05_7.jpg);}
#photo05_8{ background:url(../img/photo05_8.jpg);}
#photo05_9{ background:url(../img/photo05_9.jpg);}
#photo05_10{ background:url(../img/photo05_10.jpg);}
#photo05_11{ background:url(../img/photo05_11.jpg);}

#photo06_1{ background:url(../img/photo06_1.jpg);}
#photo06_2{ background:url(../img/photo06_2.jpg);}
#photo06_3{ background:url(../img/photo06_3.jpg);}
#photo06_4{ background:url(../img/photo06_4.jpg);}
#photo06_5{ background:url(../img/photo06_5.jpg);}
#photo06_6{ background:url(../img/photo06_6.jpg);}
#photo06_7{ background:url(../img/photo06_7.jpg);}
#photo06_8{ background:url(../img/photo06_8.jpg);}

#photo07_1{ background:url(../img/photo07_1.jpg);}
#photo07_2{ background:url(../img/photo07_2.jpg);}
#photo07_3{ background:url(../img/photo07_3.jpg);}
#photo07_4{ background:url(../img/photo07_4.jpg);}
#photo07_5{ background:url(../img/photo07_5.jpg);}
#photo07_6{ background:url(../img/photo07_6.jpg);}
#photo07_7{ background:url(../img/photo07_7.jpg);}
#photo07_8{ background:url(../img/photo07_8.jpg);}
#photo07_9{ background:url(../img/photo07_9.jpg);}

#photo08_1{ background:url(../img/photo08_1.jpg);}
#photo08_2{ background:url(../img/photo08_2.jpg);}
#photo08_3{ background:url(../img/photo08_3.jpg);}
#photo08_4{ background:url(../img/photo08_4.jpg);}
#photo08_5{ background:url(../img/photo08_5.jpg);}
#photo08_6{ background:url(../img/photo08_6.jpg);}
#photo08_7{ background:url(../img/photo08_7.jpg);}
#photo08_8{ background:url(../img/photo08_8.jpg);}

#photo09_1{ background:url(../img/photo09_1.jpg);}
#photo09_2{ background:url(../img/photo09_2.jpg);}
#photo09_3{ background:url(../img/photo09_3.jpg);}
#photo09_4{ background:url(../img/photo09_4.jpg);}
#photo09_5{ background:url(../img/photo09_5.jpg);}
#photo09_6{ background:url(../img/photo09_6.jpg);}
#photo09_7{ background:url(../img/photo09_7.jpg);}
#photo09_8{ background:url(../img/photo09_8.jpg);}
#photo09_9{ background:url(../img/photo09_9.jpg);}

#photo10_1{ background:url(../img/photo10_1.jpg);}
#photo10_2{ background:url(../img/photo10_2.jpg);}
#photo10_3{ background:url(../img/photo10_3.jpg);}
#photo10_4{ background:url(../img/photo10_4.jpg);}
#photo10_5{ background:url(../img/photo10_5.jpg);}
#photo10_6{ background:url(../img/photo10_6.jpg);}
#photo10_7{ background:url(../img/photo10_7.jpg);}
#photo10_8{ background:url(../img/photo10_8.jpg);}

#photo11_1{ background:url(../img/photo11_1.jpg);}
#photo11_2{ background:url(../img/photo11_2.jpg);}
#photo11_3{ background:url(../img/photo11_3.jpg);}

.photoarea #bnbox{ padding:485px 55px 0 0; float:right;}
.photoarea .bn{ color:#555;background:#fff;border:#999 solid 1px;}

/* ***********************************************************************
extra
*********************************************************************** */
.extraarea h1{ width:568px; height:32px; background:url(../img/extra_img.gif); margin-bottom:30px;}
.extraarea h2{ font-size:120%; color:#ae1717; border-top: dashed 1px; border-bottom: dashed 1px; padding:10px 0 8px 0; margin-bottom:15px;}

#extra_btn{  margin:30px 0 25px 180px!important}
#extra_btn a{ width:192px; height:49px; background:url(../img/extra_img.gif); display:block; background-position:0 -32px;}
#extra_btn a:hover{ background-position:-192px -32px;}

/*＠ヘッダー要素
/////////////////////////////////////////////////////////////////////////*/
#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;
}