/* CSS Document */

*{
    margin:0;
    padding:0;
}


body {
	text-align:center;
	background-color:#fff;
	background-image:url(../images/back-g.gif);
	background-position:center 0;
	color: #333;
	font-family:Arial,Verdana,"Lucida Grande",'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3',sans-serif;
	font-size:80%;
	line-height: 1.5em;
}

a:link,
a:active,
a:visited
{
	color:#06C;
	text-decoration:underline;
}
a:hover{
	color:#3CF;
	text-decoration:underline;
}

img{
	border:0;
}

li{
	list-style-type:none;
}

.small{
	font-size:x-small;
}

/*Wrapper*/
#wrapper{
	width:956px;
	margin:0px auto;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	background-position:top left;
	overflow:hidden;
	text-align:left;
	z-index:-9999;
}



/*--header--*/

#header{
	width:956px;
	height:123px;
	background-image: url(../images/head.gif);
	background-repeat:no-repeat;
}


#title{
	height:77px;
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#title a{
	display: block;
	text-indent:-9999px;
}

#title .rogo a{
	float:left;
	width:320px;
	height:68px;
	padding-top:10px;
	margin-left:10px;
	overflow:hidden;
}
#title .rogo a:link,
#title .rogo a:active,
#title .rogo a:visited
{
	background-position: -26px 0;
}

#head_navi{
	float:right;
	padding:30px 150px 0 100px;
	overflow:hidden;
}

#head_navi a{ 
	float:left;
	margin-left:10px;
	background-image:url(../images/head_navi.gif);
	background-repeat:no-repeat;
}

.news{
	width:99px;
	height:28px;
	background-position:left top;
}

.onair{
	width:120px;
	height:28px;
	background-position:right top;
}

#head_navi a.news:hover 
{
	background-position:left bottom;
}
#head_navi a.onair:hover  
{
	background-position:right bottom;
}


/*--navigation--*/



#navigation{
	width:956px;
	clear:both;
	height:50px;
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	background-position: -13px -78px;
	margin-left:13px;
	z-index:999;
}



#navigation li{
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
}

	/*outline_btn*/
	p#outline_btn a{
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	display: block;
	width:155px;
	height:45px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	}
	p#outline_btn a:link,
	p#outline_btn a:active,
	p#outline_btn a:visited
	{
	background-position: -13px -78px;
	}
	p#outline_btn a:hover{
	background-position: -13px -133px;
	}
	#outline_btn .under{
		margin-left:5px;
	}
	
	
	/*course_btn*/
	#course_btn a{
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	display: block;
	width:155px;
	height:45px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	}
	#course_btn a:link,
	#course_btn a:active,
	#course_btn a:visited
	{
	background-position: -168px -78px;
	}
	#course_btn a:hover{
	background-position: -168px -133px;
	}
	
	
	/*campus_btn*/
	#campus_btn a{
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	display: block;
	width:155px;
	height:45px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	}
	#campus_btn a:link,
	#campus_btn a:active,
	#campus_btn a:visited
	{
	background-position: -323px -78px;
	}
	#campus_btn a:hover{
	background-position: -323px -133px;
	}
	
	
	/*staff_btn*/
	#staff_btn a{
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	display: block;
	width:155px;
	height:45px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	}
	#staff_btn a:link,
	#staff_btn a:active,
	#staff_btn a:visited
	{
	background-position: -478px -78px;
	}
	#staff_btn a:hover{
	background-position: -478px -133px;
	}
	
	
	/*schoollife_btn*/
	#schoollife_btn a{
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	display: block;
	width:155px;
	height:45px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	}
	#schoollife_btn a:link,
	#schoollife_btn a:active,
	#schoollife_btn a:visited
	{
	background-position: -633px -78px;
	}
	#schoollife_btn a:hover{
	background-position: -633px -133px;
	}
	

	/*goods_btn*/
	#goods_btn a{
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	background-position: -685px -78px;
	display: block;
	width:155px;
	height:45px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	}
	#goods_btn a:link,
	#goods_btn a:active,
	#goods_btn a:visited
	{
	background-position: -788px -78px;
	}
	#goods_btn a:hover{
	background-position: -788px -133px;
	}
	
	/* 繧ｵ繝悶Γ繝九Η繝ｼ1谿ｵ逶ｮ */
	
	
	
	#navigation ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;  	
	text-align:left;
	}
	
	#navigation ul li ul li{
	background-image:url(../images/head.gif);
	background-position:left bottom;
	}
	
	#navigation ul ul a{
	display: block;
	padding: 7px 10px;
	width:160px;
	color:#0033cc;
	text-decoration:none;
	}

	
	#navigation ul li ul li a.under2{
	background:url(../images/arrow.gif) no-repeat 95% 50%;
	}
	
	#navigation ul li ul li a:hover{
	background-color:#003399;
	color:#99ccff;
	}
	

	/* 繧ｵ繝悶Γ繝九Η繝ｼ2谿ｵ逶ｮ莉･髯� */
	#navigation ul ul ul {
	top:0;
	left:100%;
	}
	
	/* 繝ｪ繧ｹ繝� */
	#navigation li {
	float:left;
	
	}
	
	#navigation li li {
	clear:both;
	}
	
	#navigation li:hover {
	position:relative;
	}
	
	#navigation li:hover > ul {
	display: block;
	}
	
	/* IE6逕ｨ */
	* html #navigation li {
	behavior: expression(
	 this.onmouseover=new Function("this.className='column1'"),
	 this.onmouseout=new Function("this.className=''"),
	 this.style.behavior = 'none'
	);
	}
	
	* html #navigation li li {
	behavior: expression(
	 this.onmouseover=new Function("this.className='column2'"),
	 this.onmouseout=new Function("this.className=''"),
	 this.style.behavior = 'none'
	);
	}
	
	* html #navigation li li li {
	behavior: expression(
	 this.onmouseover=new Function("this.className='column3'"),
	 this.onmouseout=new Function("this.className=''"),
	 this.style.behavior = 'none'
	);
	}
	
	#navigation .column1 {position:relative;}
	#navigation .column1 ul {display:block;}
	#navigation .column1 * ul {display:none;}
	
	#navigation .column2 {position:relative;}
	#navigation .column2 ul {display:block;}
	#navigation .column2 * ul {display:none;}
	
	#navigation .column3 {position:relative;}
	#navigation .column3 ul {display:block;}
	#navigation .column3 * ul {display:none;}
	

		
/*--contents_box--*/

#contents_box{
	overflow:hidden;
	clear:both;
}


/*--蜈磯�ｭ縺ｸ謌ｻ繧�--*/


.back_top{
	clear:both;
	font-size:90%;
	padding:10px 0 10px 0;
	display:block;
	text-indent:-9999px;
	text-align:right;
}

.back_top a{
	text-indent:-9999px;
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:18px;
	padding-bottom:2px;
}	
	

/*--footer--*/

#footer{
	margin:10px 3px 0 3px;
	padding-bottom:20px;
	height:20px;
	clear:both;
	text-align:center;
	border-top:#0066cc 6px double;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
	
.copy{
	font-size:70%;
}


/*--clear--*/

.clear {
	clear:both;
}



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