@import url("./css/lightwindow.css");

	
*{
	margin:0;
	padding:0;
}


img, div, li, #menu li a,#amenu li a,#topmenu li a,#arcmenu li a a:hover{behavior:url(./a/iepngfix.htc);}

a img {border:none ;}
a{text-decoration:none;color:white;overflow:hidden;outline:none;}
#main a:hover
{border-bottom:1px dotted #ccc;}

.yellow{color:yellow;}

body{
	background:url(./img/bg.png) repeat-x top black;
	color:white;
	margin:0;
	padding:0;
	font-size:10pt;
}

#wrapper{
	width:850px;
	margin:0 auto;
	padding:0 5px;
	height:100%;
	position:relative;
}

#main{
	padding:10px;
	height:100%;
	width:780px;
	margin:0 auto;
}

#main ul{margin-left:20px;
list-style-type:circle;}

.c{text-align:center;}

#header h1{
	background:url(./img/moji.png) no-repeat;
	width:586px;
	height:140px;
	text-indent:-9999px;
	margin:0 auto;
}

#header h1 a{
	display:block;
	width:586px;
	height:140px;
}


/*-----------------------------
メイントップメニュー
-----------------------------*/

ul#topmenu{list-style:none;}

ul#topmenu li{
	width:200px;
	height:200px;
	text-indent:-9999px;
	float:left;
	margin:5px;
	
}

div.topmenu{
width:640px;
margin:10px auto;
}



ul#topmenu li a, ul#topmenu li a:hover{
	width:200px;
	height:200px;
	text-indent:-9999px;
	display:block;
	background-image:url(./img/button.png) ;
}

#topmenu li#people a{background:url(./img/button.png) 0px 0px no-repeat;}
#topmenu li#interview a{background:url(./img/button.png) 0px -200px no-repeat;}
#topmenu li#comment a{background:url(./img/button.png) 0px -400px no-repeat;}
#topmenu li#archive a{background:url(./img/button.png) 0px -600px no-repeat;}

#topmenu li#people a:hover{background:url(./img/button.png) -200px 0px no-repeat;}
#topmenu li#interview a:hover{background:url(./img/button.png) -200px -200px no-repeat;}
#topmenu li#comment a:hover{background:url(./img/button.png) -200px -400px no-repeat;}
#topmenu li#archive a:hover{background:url(./img/button.png) -200px -600px no-repeat;}


/*-----------------------------
メインヘッダメニュー
-----------------------------*/

#menu{width:600px;height:50px;margin:0 auto;}
#menu ul{list-style:none;}
#menu ul li{float:left;width:120px;height:50px;}
#menu ul li a{display:block;}

#menu li a, #menu li a:hover{
	width:120px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background:url(./img/menu.png);
}

#menu li#overview a{background:url(./img/menu.png) 0px 0px no-repeat;}
#menu li#people a{background:url(./img/menu.png) 0px -50px no-repeat;}
#menu li#interview a{background:url(./img/menu.png) 0px -100px no-repeat;}
#menu li#comment a{background:url(./img/menu.png) 0px -150px no-repeat;}
#menu li#archive a{background:url(./img/menu.png) 0px -200px no-repeat;}

#menu li#overview a:hover{background:url(./img/menu.png) -120px 0px no-repeat;}
#menu li#people a:hover{background:url(./img/menu.png) -120px -50px no-repeat;}
#menu li#interview a:hover{background:url(./img/menu.png) -120px -100px no-repeat;}
#menu li#comment a:hover{background:url(./img/menu.png) -120px -150px no-repeat;}
#menu li#archive a:hover{background:url(./img/menu.png) -120px -200px no-repeat;}


/*-----------------------------
アーカイヴトップメニュー
-----------------------------*/

ul#arcmenu{list-style:none;}

ul#arcmenu li{
	width:200px;
	height:200px;
	text-indent:-9999px;
	float:left;
	margin:5px;
	
}

div.arcmenu{
width:850px;
margin:10px auto;
}



ul#arcmenu li a, ul#arcmenu li a:hover{
	width:200px;
	height:200px;
	text-indent:-9999px;
	display:block;
	background-image:url(./img/abutton.png) ;
}

#arcmenu li#radio24 a{background:url(./img/abutton.png) 0px 0px no-repeat;}
#arcmenu li#plan a{background:url(./img/abutton.png) 0px -200px no-repeat;}
#arcmenu li#shio a{background:url(./img/abutton.png) 0px -400px no-repeat;}
#arcmenu li#voicemap a{background:url(./img/abutton.png) 0px -600px no-repeat;}
#arcmenu li#radio789 a{background:url(./img/abutton.png) 0px -800px no-repeat;}
#arcmenu li#art a{background:url(./img/abutton.png) 0px -1000px no-repeat;}
#arcmenu li#speak a{background:url(./img/abutton.png) 0px -1200px no-repeat;}
#arcmenu li#blog a{background:url(./img/abutton.png) 0px -1400px no-repeat;}

#arcmenu li#radio24 a:hover{background:url(./img/abutton.png) -200px 0px no-repeat;}
#arcmenu li#plan a:hover{background:url(./img/abutton.png) -200px -200px no-repeat;}
#arcmenu li#shio a:hover{background:url(./img/abutton.png) -200px -400px no-repeat;}
#arcmenu li#voicemap a:hover{background:url(./img/abutton.png) -200px -600px no-repeat;}
#arcmenu li#radio789 a:hover{background:url(./img/abutton.png) -200px -800px no-repeat;}
#arcmenu li#art a:hover{background:url(./img/abutton.png) -200px -1000px no-repeat;}
#arcmenu li#speak a:hover{background:url(./img/abutton.png) -200px -1200px no-repeat;}
#arcmenu li#blog a:hover{background:url(./img/abutton.png) -200px -1400px no-repeat;}

/*-----------------------------
アーカイヴヘッダメニュー
-----------------------------*/

#amenu{width:480px;height:50px;margin:0 auto;}
#amenu ul{list-style:none;}
#amenu ul li{float:left;width:120px;height:50px;}
#amenu ul li a{display:block;}

#amenu li a, #amenu li a:hover{
	width:120px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background:url(./img/amenu.png);
}

#amenu li#radio24 a{background:url(./img/amenu.png) 0px 0px no-repeat;}
#amenu li#plan a{background:url(./img/amenu.png) 0px -50px no-repeat;}
#amenu li#shio a{background:url(./img/amenu.png) 0px -100px no-repeat;}
#amenu li#voicemap a{background:url(./img/amenu.png) 0px -150px no-repeat;}
#amenu li#radio789 a{background:url(./img/amenu.png) 0px -200px no-repeat;}
#amenu li#art a{background:url(./img/amenu.png) 0px -250px no-repeat;}
#amenu li#speak a{background:url(./img/amenu.png) 0px -300px no-repeat;}
#amenu li#blog a{background:url(./img/amenu.png) 0px -350px no-repeat;}

#amenu li#radio24 a:hover{background:url(./img/amenu.png) -120px 0px no-repeat;}
#amenu li#plan a:hover{background:url(./img/amenu.png) -120px -50px no-repeat;}
#amenu li#shio a:hover{background:url(./img/amenu.png) -120px -100px no-repeat;}
#amenu li#voicemap a:hover{background:url(./img/amenu.png) -120px -150px no-repeat;}
#amenu li#radio789 a:hover{background:url(./img/amenu.png) -120px -200px no-repeat;}
#amenu li#art a:hover{background:url(./img/amenu.png) -120px -250px no-repeat;}
#amenu li#speak a:hover{background:url(./img/amenu.png) -120px -300px no-repeat;}
#amenu li#blog a:hover{background:url(./img/amenu.png) -120px -350px no-repeat;}


/*-----------------------------
ほか
-----------------------------*/

ul.radio{list-style-type:circle;}
ul.radio li{font-size:80%;margin:5px 15px;}
ul.radio li a{border-bottom:1px dotted ;}
ul.radio li a:hover{background:#456;}


#sidemain{float:left;}
#sidemain p{font-size:80%; margin-bottom:1em;text-indent:1em;}


.content{width:700px;clear:both;padding:200px auto;min-height:140px;}
.content_cover{width:250px; float:left;}
.content_cover img{float:left;padding:5px;border:1px solid #666;}
.content_text{width:430px;float:right;}
.content_text h3{font-size:100%;padding-bottom:1em;}
.content_text p{font-size:80%;}


table.cal{border-collapse:collapse;font-size:80%;width:400px;border-top:1px ;}
table.cal th, table.cal td{padding:3px;border-bottom:1px solid #666;}
table.cal th{width:2em;}
table.cal tr{width:250px;}


table.cast{border-collapse:collapse;font-size:80%;width:400px;border-top:1px ;}
table.cast th, table.cast td{padding:3px;border-bottom:1px solid #666;}
table.cast a{text-decoration:none;border-bottom:1px dotted #ffffff;}
table.cast td{width:125px;}

.speak{width:70%;margin:0 auto;}
.speak p{line-height:180%;color:#bbb;padding:3px;border:1px solid transparent;}
.speak p:hover{color:white;background:#123;border:1px solid #333;}
.speak h4, .speak h3{letter-spacing:.2em;}
p.navi a{padding:3px;margin:3px;border:1px solid #666;}
p.navi a:hover{background:#456;}
p.totop{text-align:right;}


.divleft{width:400px;float:left;}
.divright{width:400px;float:right;}

.left_{width:620px;float:left;}
.right_{width:210px;float:right;padding:0 5px;font-size:80%}
.right_ ul{list-style:none;}
.right_ li{border-left:3px solid #ccc;padding-left:5px;margin:5px 0;color:#ccc;}
.right_ li:hover{background:#234;color:white;}

#footer{
	margin:50px auto;
	width:850px;
	clear:both;
	border-top:1px dotted #666;
	font-size:80%;
}



#footer p{margin:1em auto;}
#footer a{padding:3px;margin:3px;border-bottom:1px solid #666;border-right:1px solid #666;}
#footer a:hover{background:#456;}