@charset "UTF-8";
/* CSS Document */

body{
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:#000000 url(bg.jpg) repeat-y center;
padding:0;
margin:0;
color:#FFFFFF;
font-size:12px;
line-height:1.5;}

a:link { color: #0099FF;text-decoration:none; } 
a:visited { color: #0066CC;text-decoration:none; } 
a:hover { color: #00CCFF; } 
a:active { color: #00CCFF;text-decoration:none; }

hr{
padding:0;
margin:0;
clear:both;
border-color:#000000;}

ul,li{
margin:0;
padding:0;}

h2{
margin:0;
padding:5px 0 0 0;
color:#FFFFFF;
font-weight:bold;
font-size:15px;}

h3{
margin:5px 10px;
padding:0;
font-size:12px;
font-weight:normal;
}

.box{
width:760px;
margin:0 auto;
padding:0;}

#head{
	background:url(head.jpg) bottom no-repeat;
	height:90px;
	width:750px;
	text-align:right;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

#footer{
	background:url(footer.jpg) no-repeat;
	height:38px;
	width:760px;
	margin-top:15px;
	margin-bottom: 20px;
}

#news{
float:left;
background:url(news.jpg) no-repeat;
width:350px;
padding:28px 0px 0px 10px;}

#news div{
scrollbar-base-color:#666666;
width:340px;
height:150px;
overflow:auto;}

#news h1{
padding:0px;
margin:0px;
font-size:10px;
color:#CCCCCC;}

#live{
float:right;
background:url(map.jpg) no-repeat;
height:184px;
width:389px;}

#index{
z-index:-500;
width:780px;
background:url(main.jpg) no-repeat;
height:350px;
margin:5px auto 5px;}

#main_box{
background:#222222;
margin:5px auto;
width:740px;
padding:10px;}

#main_box h1{
height:31px;
width:731px;
margin:5px auto;
}

.main{
padding:0 10px 10px 10px;
color:#FFFFFF;}

.blue{
color: #FFCC33;}

/*------MENu*/

#menu{
background:url(menu_01.jpg);
width:760px;
height:37px;}

#menu ul{
height:37px;}

#menu li{
height:37px;
display:inline;
list-style-type:none;}

#menu li a{
height:37px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
} 

/*------off*/
#menu .a01 a {
width:152px;
background:url(menu_01.jpg) 0px 0px;
position: relative;
}
#menu .a02 a {
width:152px;
background:url(menu_01.jpg) -152px 0px;
position: relative;
}
#menu .a03 a {
width:152px;
background:url(menu_01.jpg) -304px 0px;
position: relative;
}
#menu .a04 a {
width:152px;
background:url(menu_01.jpg) -456px 0px;
position: relative;
}
#menu .a05 a {
width:152px;
background:url(menu_01.jpg) -608px 0px;
position: relative;
}

/*------hover*/
#menu .a01 a:hover{
background:url(menu_02.jpg) 0px 0px;
}
#menu .a02 a:hover{
background:url(menu_02.jpg) -152px 0px;
}
#menu .a03 a:hover{
background:url(menu_02.jpg) -304px 0px;
}
#menu .a04 a:hover{
background:url(menu_02.jpg) -456px 0px;
}
#menu .a05 a:hover{
background:url(menu_02.jpg) -608px 0px;
}



/*------on*/
#menu .a01_on a {
width:152px;
background:url(menu_01.jpg) 0px 0px;
}
#menu .a02_on a {
width:152px;
background:url(menu_01.jpg) -152px 0px;
}
#menu .a03_on a {
width:152px;
background:url(menu_01.jpg) -304px 0px;
}
#menu .a04_on a {
width:152px;
background:url(menu_01.jpg) -456px 0px;
}
#menu .a05_on a {
width:152px;
background:url(menu_01.jpg) -608px 0px;
}


.int{
background:url(interviewer.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}

.kazuki{
background:url(kazuki.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;
height:6em;
}
.sakaki{
background:url(sakaki.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}
.rora{
background:url(rora.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}
.wido{
background:url(wido.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}
.kakei{
background:url(kakei.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:5em;
}
.kurata{
background:url(kurata.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}
.ginguu{
background:url(ginguu.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}
.kiriru{
background:url(kiriru.gif) no-repeat left top;
padding: 10px 0 10px 80px;
min-height:65px;height:6em;
}