@charset "iso-2022-jp";

/* //////////////////////////////////////japanese-americans 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:#040202;}
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;}
/*$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*/
.cBrown { color:#976b32;}
.cBrown2 { color:#e6a551;}
.cOrange { color:#ffeac1;}
.cOrange2{ color:#d4520c;}
.cGold{ color:#d9b991;}
.cRed, .err { color:#b03e1f;}
/*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:#bc4415;}
a:hover { text-decoration:none;  color:#bc4415;}
/*padding/margin*/
.pdgB10 { padding-bottom:10px;}
.pdgB15 { padding-bottom:15px;}
.pdgB20 { padding-bottom:20px;}
.pdgB25 { padding-bottom:25px;}
.mgnB0 { margin-bottom:0 !important}
.mgnB10 { margin-bottom:10px !important}
.mgnB30 { margin-bottom:30px !important}

/*bnSuper*/
#bnSuper {
	width:100%;
	height:110px;
	background:#fff;
	border-bottom:1px solid #c0c0c0;
	}
	#bnIn { padding-top:10px;}
/*footer*/
#footer {
	width:685px;
	color:#8f8d80;
	text-align:left;
	padding:25px 0;
	margin:0 auto;
	height:31px;
	}
	#footer_left{ width:550px; float:left; padding-top:10px;}
	#footer_right a{ width:121px; height:31px; float:right; background:url(../img/base_imageset.gif); background-position:-301px -154px;}
	#footer_right_top a{ width:121px; height:31px; float:right; background:url(../img/top_imageset.jpg); background-position:-382px -312px;}
	#footer a { color:#8f8d80;}	


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

#bg1{ background:url(../img/bg.jpg) top center repeat-x; padding-bottom:20px; padding-bottom:20px;}
#bg2{ background:url(../img/bg_container.jpg) no-repeat top center; padding-bottom:20px;}
#bg_top{ background:url(../img/bg_top.jpg) no-repeat top center; padding-bottom:20px;}

#container { width:980px; margin:0 auto; color:#efece8; text-align:left; font-size:120%; line-height:180%;}
#header{ padding-top:5px;}
#title { background:url(../img/base_imageset.gif); width:980px; height:76px;}
#title a{ background:url(../img/base_imageset.gif); width:500px; height:70px; display:block;}

#glonavi{ width:980px; height:39px; position:relative; margin-bottom:25px;}
#glonavi li{ position:absolute;}
#glonavi li a{ display:block; background:url(../img/base_imageset.gif);}
	#glonavi #menu01{ left:0;}
	#glonavi #menu02{ left:103px;}
	#glonavi #menu03{ left:219px;}
	#glonavi #menu04{ left:326px;}
	#glonavi #menu05{ left:482px;}
	#glonavi #menu06{ left:568px;}
	#glonavi #menu07{ left:658px;}
	#glonavi #menu08{ left:799px;}
	
	#glonavi #menu01 a{ background-position:0 -76px; width:103px; height:39px;}
	#glonavi #menu02 a{ background-position:-103px -76px; width:116px; height:39px;}
	#glonavi #menu03 a{ background-position:-219px -76px; width:107px; height:39px;}
	#glonavi #menu04 a{ background-position:-326px -76px; width:156px; height:39px;}
	#glonavi #menu05 a{ background-position:-482px -76px; width:86px; height:39px;}
	#glonavi #menu06 a{ background-position:-568px -76px; width:90px; height:39px;}
	#glonavi #menu07 a{ background-position:-658px -76px; width:141px; height:39px;}
	#glonavi #menu08 a{ background-position:-799px -76px; width:181px; height:39px;}
	
	#glonavi #menu01 a:hover{ background-position:0 -115px;}
	#glonavi #menu02 a:hover{ background-position:-103px -115px;}
	#glonavi #menu03 a:hover{ background-position:-219px -115px;}
	#glonavi #menu04 a:hover{ background-position:-326px -115px;}
	#glonavi #menu05 a:hover{ background-position:-482px -115px;}
	#glonavi #menu06 a:hover{ background-position:-568px -115px;}
	#glonavi #menu07 a:hover{ background-position:-658px -115px;}
	#glonavi #menu08 a:hover{ background-position:-799px -115px;}

	.intro_area #glonavi #menu01 a{ background-position:0 -115px;}	
	.story_area #glonavi #menu02 a{ background-position:-103px -115px;}
	.outline_area #glonavi #menu03 a{ background-position:-219px -115px;}
	.cast_staff_area #glonavi #menu04 a{ background-position:-326px -115px;}
	.chart_area #glonavi #menu05 a{ background-position:-482px -115px;}
	.comment_area #glonavi #menu06 a{ background-position:-568px -115px;}
	.msg_area #glonavi #menu07 a{ background-position:-658px -115px;}


#main{ padding:0 0 0 25px;}
	#main p{ margin-bottom:20px;}
#left{ float:left; width:628px;}
#right{ float:right; width:300px;}

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

#whatsnew{ width:300px; height:130px; background:url(../img/base_imageset.gif); background-position:0 -154px; margin-bottom:20px;}
	#whatsnew dl{ width:270px; height:80px; overflow:auto; line-height:160%; margin-top:5px;}
	#whatsnew dt{ float:left;color:#897159;font-weight:bold;font-size:90%;}
	#whatsnew dd{ margin-left:75px;font-size:90%; margin-bottom:4px;}
	#whatsnew dd a{ color:#fff;text-decoration:underline;}
	#whatsnew dd a:hover{ text-decoration:none;}
	#whatsnewbox{ padding:35px 0 0 15px;}

#page_top { margin-left:900px;}
#page_top a{ width:81px; height:21px; background:url(../img/base_imageset.gif); background-position:-301px -185px; display:block;}
#page_top a:hover{ background-position:-382px -185px;}

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

#container_top { width:980px;margin:0 auto; text-align:left; font-size:120%; line-height:180%; position:relative; color:#efece8;}
#header_top{ width:980px; height:359px; position:relative;}
	#shousai { position:absolute; left:665px; top:163px;}
	#shousai a{ width:300px; height:123px; display:block;}
.top_area #main{ padding:15px 0 0 0;}
#left_top{ float:left; width:664px;}

#glonavi_top{ width:664px; height:78px;	position:relative; margin-bottom:15px;}
#glonavi_top li{ position:absolute;}
#glonavi_top li a{ display:block; width:166px; height:39px;}
	#glonavi_top #menu01{ left:0; top:0;}
	#glonavi_top #menu02{ left:166px; top:0;}
	#glonavi_top #menu03{ left:332px; top:0;}
	#glonavi_top #menu04{ left:498px; top:0;}
	#glonavi_top #menu05{ left:0px; top:39px;}
	#glonavi_top #menu06{ left:166px; top:39px;}
	#glonavi_top #menu07{ left:332px; top:39px;}
	#glonavi_top #menu08{ left:498px; top:39px;}
	
	#glonavi_top #menu01 a{ background:url(../img/top_imageset.jpg); background-position:0 0;}
	#glonavi_top #menu02 a{ background:url(../img/top_imageset.jpg); background-position:-166px 0;}
	#glonavi_top #menu03 a{ background:url(../img/top_imageset.jpg); background-position:-332px 0;}
	#glonavi_top #menu04 a{ background:url(../img/top_imageset.jpg); background-position:-498px 0;}
	#glonavi_top #menu05 a{ background:url(../img/top_imageset.jpg); background-position:0 -39px;}
	#glonavi_top #menu06 a{ background:url(../img/top_imageset.jpg); background-position:-166px -39px;}
	#glonavi_top #menu07 a{ background:url(../img/top_imageset.jpg); background-position:-332px -39px;}
	#glonavi_top #menu08 a{ background:url(../img/top_imageset.jpg); background-position:-498px -39px;}
	
	#glonavi_top #menu01 a:hover{ background-position:0 -78px;}
	#glonavi_top #menu02 a:hover{ background-position:-166px -78px;}
	#glonavi_top #menu03 a:hover{ background-position:-332px -78px;}
	#glonavi_top #menu04 a:hover{ background-position:-498px -78px;}
	#glonavi_top #menu05 a:hover{ background-position:0 -117px;}
	#glonavi_top #menu06 a:hover{ background-position:-166px -117px;}
	#glonavi_top #menu07 a:hover{ background-position:-332px -117px;}
	#glonavi_top #menu08 a:hover{ background-position:-498px -117px;}

#spotbox { background:url(../img/top_imageset.jpg); width:270px; height:120px; float:right; background-position:-382px -156px; margin-bottom:7px; display:block;}
#spotbox a:hover{ background-position:-652px -156px;}
#bnr_60 a{ background:url(../img/top_imageset.jpg); width:270px; height:36px; float:right; background-position:-382px -276px;}

#whatsnew_top{ width:382px; height:164px; background:url(../img/top_imageset.jpg); background-position:0 -156px; float:left; position:relative;}
	#whatsnew_top dl{ width:335px; height:90px; overflow:auto; line-height:160%; margin-top:5px;}
	#whatsnew_top dt{ float:left;color:#897159;font-weight:bold;font-size:90%;}
	#whatsnew_top dd{ margin-left:75px;font-size:90%; margin-bottom:4px;}
	#whatsnew_top dd a{ text-decoration:underline; color:#fff;}
	#whatsnew_top dd a:hover{ text-decoration:none;}
	#whatsnewbox_top{ padding:45px 0 0 25px;}
	
	#go_info { position:absolute; left:225px; top:16px;}
	#go_info a{	width:142px;height:20px; display:block; background:url(../img/top_imageset.jpg); background-position:-225px -172px;}
	#go_info a:hover{ background:url(../img/top_imageset.jpg); background-position:-652px -276px;}

.top_area #rectangle{ width:300px; height:250px; margin-top:7px;}

/* ***********************************************************************
cast_staff
*********************************************************************** */

.cast_staff_area h1{ background:url(../img/cast_staff_imageset.gif) no-repeat; width:628px; height:22px; margin-bottom:25px;}
.cast_staff_area #left{ background:url(../img/cast_staff_photo.jpg) no-repeat right bottom;}

#castbox{ width:358px; float:left}
#staffbox{ width:270px; float:right;}
#castbox h2 { background:url(../img/cast_staff_imageset.gif); background-position:-81px -32px; width:67px; height:16px; margin-bottom:25px; margin-left:140px;}
#staffbox h2 { background:url(../img/cast_staff_imageset.gif); background-position:0 -32px; width:67px; height:16px; margin-bottom:25px; margin-left:70px;}
#castbox #gendai { background:url(../img/cast_staff_imageset.gif); background-position:-164px -32px; width:44px; height:16px; margin:15px 0; margin-left:150px; display:block;}

.cast_staff_area #castbox dt { width:150px; float:left; text-align:right; color:#b08a5a; font-weight:bold;}
.cast_staff_area #castbox dd.dot { width:50px; text-align:center; float:left;}
.cast_staff_area #castbox dd.name { padding-left:200px; padding-bottom:7px;}

.cast_staff_area #staffbox dt { width:80px; float:left; text-align:right; color:#b08a5a; font-weight:bold;}
.cast_staff_area #staffbox dd.dot { width:50px; text-align:center; float:left;}
.cast_staff_area #staffbox dd.name { padding-left:130px; padding-bottom:7px;}


/* ***********************************************************************
story
*********************************************************************** */

.story_area h1{ background:url(../img/story_imageset.gif); width:628px; height:22px; margin-bottom:25px;}
.story_area #lead{ background:url(../img/story_photo.jpg); width:628px; height:317px; margin-bottom:30px;}

/* ***********************************************************************
comment
*********************************************************************** */

.comment_area h1{ background:url(../img/comment_imageset.gif); width:628px; height:22px; margin-bottom:25px;}
.comment_area h2#h201{ background:url(../img/comment_imageset.gif); width:628px; height:34px; margin-bottom:15px; background-position:0 -34px;}
.comment_area h2#h202{ background:url(../img/comment_imageset.gif); width:628px; height:34px; margin-bottom:15px; background-position:0 -68px;}
.comment_area h2#h203{ background:url(../img/comment_imageset.gif); width:628px; height:34px; margin-bottom:15px; background-position:0 -102px;}
.comment_area h2#h204{ background:url(../img/comment_imageset.gif); width:628px; height:34px; margin-bottom:15px; background-position:0 -136px;}

/* ***********************************************************************
outline
*********************************************************************** */

.outline_area h1{ background:url(../img/outline_imageset.gif) no-repeat; width:628px; height:20px; margin-bottom:25px;}
.outline_area h2#h201{ background:url(../img/outline_imageset.gif) no-repeat; width:628px; height:20px; background-position:0 -32px; margin-bottom:25px;}
.outline_area h2#h202{ background:url(../img/outline_imageset.gif) no-repeat; width:628px; height:20px; background-position:0 -55px; margin-bottom:25px;}
.outline_area h2#h203{ background:url(../img/outline_imageset.gif) no-repeat; width:628px; height:20px; background-position:0 -79px; margin-bottom:25px;}
.outline_area h2#h204{ background:url(../img/outline_imageset.gif) no-repeat; width:628px; height:20px; background-position:0 -105px; margin-bottom:25px;}
.outline_area h2#h205{ background:url(../img/outline_imageset.gif) no-repeat; width:628px; height:20px; background-position:0 -131px; margin-bottom:25px;}
	#outline_ph01{ width:266px; height:181px; background:url(../img/outline_photo.jpg); display:block; float:right; margin:0 0 15px 25px;}
	#outline_ph01 .cover{ width:266px; height:181px;}
	#outline_ph02{ width:266px; height:181px; background:url(../img/outline_photo.jpg); background-position:0 -181px; display:block; float:left; margin:0 25px 15px 0;}
	#outline_ph02 .cover{ width:266px; height:181px;}
	
	#outline_s1_ph01{ width:266px; height:181px; background:url(../img/outline_photo_s1.jpg); display:block; float:right; margin:0 0 15px 25px;}
	#outline_s1_ph01 .cover{ width:266px; height:181px;}
	#outline_s2_ph01{ width:266px; height:181px; background:url(../img/outline_photo_s2.jpg); display:block; float:right; margin:0 0 15px 25px;}
	#outline_s2_ph01 .cover{ width:266px; height:181px;}
	#outline_s3_ph01{ width:266px; height:181px; background:url(../img/outline_photo_s3.jpg); display:block; float:right; margin:0 0 15px 25px;}
	#outline_s3_ph01 .cover{ width:266px; height:181px;}
	#outline_s4_ph01{ width:266px; height:181px; background:url(../img/outline_photo_s4.jpg); display:block; float:right; margin:0 0 15px 25px;}
	#outline_s4_ph01 .cover{ width:266px; height:181px;}
	#outline_s5_ph01{ width:266px; height:181px; background:url(../img/outline_photo_s5.jpg); display:block; float:right; margin:0 0 15px 25px;}
	#outline_s5_ph01 .cover{ width:266px; height:181px;}

.outline_area #bnarea{ float:right; padding:0 20px 15px 0;}

/* ***********************************************************************
intro
*********************************************************************** */
.intro_area h1{ background:url(../img/intro_imageset.gif); width:628px; height:20px; margin-bottom:25px;}
.intro_area #lead{ background:url(../img/intro_imageset.gif); width:628px; height:150px; background-position:0 -34px; margin-bottom:40px;}
	#intro_ph01{ width:266px; height:181px; background:url(../img/intro_photo.jpg); display:block; float:right; margin:0 0 10px 15px;}
	#intro_ph01 .cover{ width:266px; height:181px;}
	#intro_ph02{ width:266px; height:181px; background:url(../img/intro_photo.jpg); background-position:0 -181px; display:block; float:left; margin:0 15px 10px 0;}
	#intro_ph02 .cover{ width:266px; height:181px;}

/* ***********************************************************************
msg
*********************************************************************** */
.msg_area h1{ background:url(../img/msg_imageset.gif); width:628px; height:20px; margin-bottom:25px;}
#msg_ph{ width:394px; height:523px; display:block; float:right; margin-top:38px;}

#msgleft{ width:430px; float:left;}
#msgright{ width:177px; float:right;}
#msgright a{ text-decoration:underline; color:#fff;}
#msgright a:hover{ text-decoration:none;}

#go_write { margin-bottom:15px;}
#go_write a{ width:177px; height:54px; background:url(../img/msg_imageset.gif); background-position:-451px -32px; display:block;}
#go_write a:hover{ background-position:-451px -86px;}

.entry{ border: solid 1px #865b11; padding:20px; margin-bottom:10px; background:url(../img/msg_imageset.gif) no-repeat; background-position:0 -26px;}
	.entry h2{ font-size:120%; margin-bottom:15px;}
	.entry .hn{ text-align:right; font-size:90%; margin-bottom:0 !important}

#container_form{ width:490px; margin:0 auto; color:#efece8; text-align:left; font-size:120%; line-height:180%; background:url(../img/form_imageset.gif) no-repeat;}
#header_form{ width:490px; height:107px; background:url(../img/form_imageset.gif);}
#main_form{ padding:25px 35px 35px 35px;}

	#doui{ margin:30px 0 0 100px;}
	#doui a{ width:227px; height:21px; background:url(../img/form_imageset.gif); background-position:-497px -8px; display:block;}
	#doui a:hover{ background-position:-497px -29px;}

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

#close a{ background:url(../img/form_imageset.gif); width:141px; height:20px; display:block; background-position:-497px -60px; margin:20px auto 0 auto;}
#close a:hover{ background-position:-497px -80px;}

.msg_area #bnarea{ padding:0 0 10px 0;}

/* ***********************************************************************
history
*********************************************************************** */
.history_area h1{ background:url(../img/history_imageset.gif) no-repeat; width:628px; height:23px; margin-bottom:25px; background-position:-628px 0;}
.history_area h2{ background:url(../img/history_imageset.gif) no-repeat; width:273px; height:18px; margin-bottom:25px; background-position:-628px -32px;}
	#message{ border: dashed 1px #9d9182; padding:30px 30px 10px 30px; background:url(../img/history_imageset.gif) no-repeat;}
	#go_outgoing{ margin:35px 0 0 85px;}
	#go_outgoing a{ width:457px; height:45px; background:url(../img/history_imageset.gif); background-position:-628px -58px; display:block;}
	#go_outgoing a:hover{ background-position:-628px -103px;}

/* ***********************************************************************
diary
*********************************************************************** */
#header_diary{ background:url(../img/diary_imageset.jpg) no-repeat; width:628px; height:102px; background-position:-628px 0;}
#diarybox{ background:url(../img/diary_imageset.jpg) repeat-y;}
#diarybox_bg{ background:url(../img/diary_bg.gif) no-repeat right bottom;}
#diary_pdg{ padding:20px 30px 5px 30px;}
#diary_bottom{ background:url(../img/diary_imageset.jpg) no-repeat; width:628px; height:54px; background-position:-628px -102px;}

.diary_area #bnarea{ float:right; padding:0 20px 15px 0;}

.diary_area h2{ padding-bottom:10px; border-bottom: dashed 1px; margin-bottom:20px; font-size:120%;}
#profile{ border: dashed 1px; padding:20px; color:#000;}

/* ***********************************************************************
trailer
*********************************************************************** */
.trailer_area h1{ background:url(../img/trailer_imageset.gif) no-repeat; width:628px; height:23px; margin-bottom:25px;}
	#trailerbox{ background:url(../img/trailer_imageset.gif); width:600px; height:353px; background-position:0 -36px; margin-left:15px; position:relative;}
	#trailer{ width:480px; height:303px; position:absolute;	left: 59px;	top: 24px;}
	
/* ***********************************************************************
chart
*********************************************************************** */	
.chart_area h1{ background:url(../img/chart_imageset.gif) no-repeat; width:628px; height:23px; margin-bottom:25px;}
#chartimg{ background:url(../img/chart.jpg); width:628px; height:621px; position:relative;}
#chartimg .cover{ width:628px; height:621px;}

.yougo {color:#759512; font-weight:bold; text-decoration:underline; cursor:pointer; width:111px; height:171px; display:block;}
.yougo:hover{ background:url(../img/chart_imageset.gif) no-repeat; background-position:0 -26px;}
.yougo2{color:#759512; font-weight:bold; text-decoration:underline; cursor:pointer; width:96px; height:151px; display:block;}
.yougo2:hover{ background:url(../img/chart_imageset.gif) no-repeat; background-position:-111px -26px;}
.yougo3{color:#759512; font-weight:bold; text-decoration:underline; cursor:pointer; width:73px; height:126px; display:block;}
.yougo3:hover{ background:url(../img/chart_imageset.gif) no-repeat; background-position:-303px -26px;}
.yougo4{color:#759512; font-weight:bold; text-decoration:underline; cursor:pointer; width:96px; height:140px; display:block;}
.yougo4:hover{ background:url(../img/chart_imageset.gif) no-repeat; background-position:-207px -26px;}
.bBrd{ border: solid 1px #98ba2f; padding:10px;}

#people01 {	width:111px; height:171px; position:absolute; left: 201px; top: 209px;}
#people02{ width:111px;	height:171px; position:absolute; left: 373px; top: 208px;}
#people03{ width:97px; height:151px; position:absolute;	left: 50px;	top: 225px;}
#people04{ width:73px;	height:126px; position:absolute;	left: 135px; top: 438px;}
#people05{ width:73px;	height:126px; position:absolute;	left: 23px;	top: 438px;}
#people06{ width:73px; height:126px; position:absolute;	left: 421px; top: 437px;}
#people07{ width:73px; height:126px; position:absolute;	left: 411px; top: 1px;}
#people08{ width:73px;	height:126px; position:absolute; left: 555px; top: 0px;}
#people09{ width:73px; height:126px; position:absolute; left: 245px; top: 437px;}
#people10{ width:73px; height:126px; position:absolute;	left: 340px; top: 437px;}
#people11{ width:73px; height:126px; position:absolute;	left: 29px;	top: 50px;}
#people12{ width:97px; height:151px; position:absolute;	left: 240px; top: 23px;}
#people13{ width:97px; height:151px; position:absolute;	left: 126px; top: 23px;}
#people14{ width:97px; height:140px; position:absolute;	left: 523px; top: 172px;}
#people15{ width:97px; height:140px; position:absolute; left: 523px; top: 321px;}
#people16{ width:97px; height:140px; position:absolute;	left: 523px; top: 470px;}

/* ***********************************************************************
special
*********************************************************************** */
.special_area h1{ background:url(../img/special_imageset.gif) no-repeat; width:628px; height:23px; margin-bottom:25px;}
#spmenu li { margin-bottom:15px;}
#spmenu li a{ display:block; width:628px; height:82px; background:url(../img/special_imageset.jpg);}
#spmenu li a:hover{ background-position:0 -29px;}
#spmenu li#sp01 a{ background-position:0 0;}
#spmenu li#sp02 a{ background-position:0 -82px;}
#spmenu li#sp03 a{ background-position:0 -164px;}
#spmenu li#sp04 a{ background-position:0 -246px;}
#spmenu li#sp05 a{ background-position:0 -328px;}

/* ***********************************************************************
info
*********************************************************************** */

.info_area h1{ background:url(../img/info_imageset.gif) no-repeat; width:628px; height:23px; margin-bottom:25px;}

.infobox{ border: solid 1px #865b11; margin-bottom:15px;}
	.infobox_pdg{ padding:20px 30px;}
.infobox h2{ border-bottom: dashed 1px #865b11; padding:10px 30px;}

#book1{ width:80px; height:113px; background:url(../img/info_book.jpg); display:block; float:left; margin-right:10px;}
#book2{ width:80px; height:116px; background:url(../img/info_book.jpg); background-position:-80px 0;display:block; float:left; margin-right:10px;}
#minogashi a{ width:300px; height:53px; background:url(../img/minogashi.gif); display:block;}

/* ***********************************************************************
present
*********************************************************************** */
.present_area h1{ width:628px; height:345px; background:url(../img/present_imageset.gif); margin-bottom:15px;}

.presentbox{ border-left: dashed 1px #684b26; border-right: dashed 1px #684b26; border-bottom: dashed 1px #684b26; padding:30px 20px 0 20px; margin-bottom:15px;}
.presentbox ul{ line-height:190%;}
.present_area h2#h201{ width:628px; height:30px; background:url(../img/present_imageset.gif); background-position:0 -348px;}
.present_area h2#h202{ width:628px; height:30px; background:url(../img/present_imageset.gif); background-position:0 -378px;}
.present_area h2#h203{ width:628px; height:30px; background:url(../img/present_imageset.gif); background-position:0 -408px;}
.present_area h2#h204{ width:628px; height:30px; background:url(../img/present_imageset.gif); background-position:0 -438px;}
#go_presentform a{ width:398px; height:67px; background:url(../img/present_imageset.gif); background-position:0 -457px; margin-left:100px;}

#go_toyota{ float:left;}
#go_toyota a{ width:299px; height:67px; background:url(../img/present_imageset.gif); background-position:0 -468px; display:block;}
#go_toyota a:hover{ background-position:-299px -468px; display:block;}
#go_pana{ float:right;}
#go_pana a{ width:299px; height:67px; background:url(../img/present_imageset.gif); background-position:0 -535px; display:block;}
#go_pana a:hover{ background-position:-299px -535px; display:block;}

#taiki{ background:url(../img/taiki.gif); width:628px; height:110px;}

/* ***********************************************************************
interview
*********************************************************************** */
#header_interview{ background:url(../img/interview_imageset.jpg) no-repeat; width:628px; height:193px;}
#interview_box{ background:url(../img/interview_bg.jpg) repeat-y; color:#472b08; padding:20px 40px;}
#interview_bottom{ background:url(../img/interview_imageset.jpg) no-repeat; width:628px; height:78px; background-position:0 -193px;}
#header_interview2{ background:url(../img/interview_imageset2.jpg) no-repeat; width:628px; height:193px;}
#interview_bottom2{ background:url(../img/interview_imageset2.jpg) no-repeat; width:628px; height:78px; background-position:0 -193px;}

#interview_box dt{ margin-bottom:15px;}
#interview_box dd{ margin-bottom:10px;}

#q01{ background:url(../img/interview01.gif) no-repeat; width:540px; height:15px; }
#q02{ background:url(../img/interview01.gif) no-repeat; width:540px; height:15px; background-position:0 -24px;}
#q03{ background:url(../img/interview01.gif) no-repeat; width:540px; height:15px; background-position:0 -49px;}
#q04{ background:url(../img/interview01.gif) no-repeat; width:540px; height:15px; background-position:0 -74px;}
#q05{ background:url(../img/interview02.gif) no-repeat; width:540px; height:15px; }
#q06{ background:url(../img/interview02.gif) no-repeat; width:540px; height:15px; background-position:0 -24px;}
#q07{ background:url(../img/interview02.gif) no-repeat; width:540px; height:15px; background-position:0 -49px;}
#q08{ background:url(../img/interview02.gif) no-repeat; width:540px; height:15px; background-position:0 -74px;}

/*$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;
}


