@charset "euc-jp";
/* CSS Document */
/*--------------------- toppage --------------------------*/
#mainmenu ul li.top a{
background-position:0 -66px;
}
#mainmenu ul li.top a:hover{
background-position:0 -66px;
}

#main{
width:632px;
float:left;
clear:right;
}


#topcontainer{
height:197px;
margin-bottom:10px;
overflow:hidden;
}

.topflash{
height:197px;
width:415px;
float:left;
clear:right;
overflow:hidden;
background-color:#F2F2F4;
}

.topnews{
height:197px;
width:211px;
margin-left:6px;
float:left;
clear:right;
overflow:hidden;
background-color:#F2F2F4;
}

#eme{
clear:both;
margin-bottom:10px;
background:url(../img/bg_top_emergency_body.gif) repeat-y;
}

#eme div.body{
color:#E55D03;
line-height:1.8em;
padding:7px 0 0 28px;
background:url(../img/bg_top_emergency_top.gif) no-repeat;
}

#eme div.bottom{
height:8px;
background:url(../img/bg_top_emergency_bottom.gif) no-repeat;
overflow:hidden;
}


#chatrooms{
clear:both;
}

#chatrooms div.title{
padding:3px 0 0 12px;
height:25px;
background:url(../img/bg_top_main_title.gif) no-repeat;
}
#chatrooms div.title h2{
margin:0;
padding:0;
height:23px;
width:376px;
text-indent:-9999px;
float:left;
clear:right;
overflow:hidden;
}
#chatrooms div.title div.switch{
/*visibility:hidden;*/
height:21px;
width:91px;
margin-right:7px;
text-indent:-9999px;
float:left;
clear:right;
overflow:hidden;
background:url(../img/btn_top_main_switch.gif) no-repeat;
}
#chatrooms div.title div.switch a{
height:21px;
width:91px;
display:block;
}

#chatrooms div.title div.reload{
height:21px;
width:140px;
text-indent:-9999px;
float:left;
clear:right;
overflow:hidden;
background:url(../img/btn_top_main_update.gif) no-repeat;
}
#chatrooms div.title div.reload a{
height:21px;
width:140px;
display:block;
}

#chatrooms div.title h2.private{
background:url(../img/img_top_main_privatetitle.gif) no-repeat;
}
#chatrooms div.title h2.party{
background:url(../img/img_top_main_partytitle.gif) no-repeat;
}

#chatrooms div.room{
padding:3px 0 0 10px;
border:1px solid #b7b7b6;
border-style:solid solid none solid;
width:620px;
overflow:hidden;/*ieバグ回避の為--表示がおかしくなるようなら消す*/
}

/*--------------------- chatbox --------------------------*/
#chatrooms div.room div.chatbox{
margin:7px 10px 0 0;
height:115px;
width:112px;
border:1px solid #bbb;
background-color:#f5f5f5;
float:left;
line-height:1.8em;
text-align:center;
overflow:hidden;
}
#chatrooms div.room div.chatbox img{
margin:2px auto;
}
#chatrooms div.room div.chatbox div.pict{
height:75px;
width:100px;
overflow:hidden;
margin:0 auto;
/*border:1px solid #b7b7b6;*/
}
#chatrooms div.room div.chatbox div.pict img{
margin:0 auto;
border:0 none;
}


#chatrooms div.room div.schedule{
height:15px;
line-height:15px;
}
#chatrooms div.room div.zero{
color:#666;
text-align:center;
height:50px;
line-height:50px;
}


#chatrooms div.bottom{
margin-bottom:15px;
height:10px;
width:632px;
overflow:hidden;
background:url(../img/bg_top_main_bottom.gif) no-repeat;
}

/*--------------------- rightnavigation --------------------------*/
#rightnavigation{
width:165px;
margin-bottom:15px;
margin-left:10px;
float:left;
clear:right;
}
#rightnavigation div.movie{
height:129px;
width:156px;
margin-bottom:7px;
background:url(../img/bg_top_right_minimovie.gif) no-repeat;
padding:31px 0 0 9px;
}

#rightnavigation div.movie div#mini_movie{
height:110px;
width:147px;
}

#rightnavigation h3.title{
margin:0;
padding:4px 0 0 10px;
height:17px;
line-height:17px;
color:white;
background:url(../img/bg_right_title.gif);
}

#rightnavigation div.text{
background-color:white;
line-height:1.8em;
border:1px solid #b7b7b6;
border-style:solid solid none solid;
width:156px;
padding:0 0 5px 7px;
overflow:hidden;
}
#rightnavigation div.text img{
border:0 none;
}
#rightnavigation div.text h4{
margin-top:5px;
}

#rightnavigation div.text div.point{
margin:0 0 0 5px;
overflow:hidden;
}
#rightnavigation div.text div.point p.title{
color:#EE8AA4;
font-weight:bold;
clear:both;
}
#rightnavigation div.text div.point dl.free dt{
width:80px;
float:left;
}
#rightnavigation div.text div.point dl.free dd{
width:40px;
float:left;
}
#rightnavigation div.text div.point dl.chat dt{
width:55px;
float:left;
}
#rightnavigation div.text div.point dl.chat dd{
width:87px;
float:left;
}
#rightnavigation div.text div.charge{
margin:0;
overflow:hidden;
}

#rightnavigation div.text div.charge dl dt{
width:46px;
text-align:right;
float:left;
clear:both;
}
#rightnavigation div.text div.charge dl dd{
width:109px;
float:left;
}
#rightnavigation div.text div.type img{
float:left;
margin:0 5px 5px 0;
}

#rightnavigation div.dotline{
border-bottom:1px dotted #b3afab;
margin:0 5px 0 0;
height:1px;
clear:both;
overflow:hidden;
}

#rightnavigation div.bottom{
height:8px;
overflow:hidden;
clear:both;
background:url(../img/bg_right_bottom.gif) no-repeat;
}

/*--------------------- topnews --------------------------*/
#topnews{
width:209px;
height:195px;
border:1px solid #B7B7B6;
overflow:hidden;
}

#topnews ul{
margin:0px;
padding:0px;
}

#topnews ul.tab{
margin:0px;
padding:0px;
width:211px;
height:23px;
line-height:23px;
text-indent:25px;
overflow:hidden;
border-top:2px solid #F6F6F6;
list-style-type:none;
}

#topnews ul.tab li{
width:105px;
height:23px;
float:left;
clear:right;
overflow:hidden;
background:url(../img/bg_top_main_news.gif) repeat-x top;
}
#topnews ul.tab li.a{
border-right:1px solid #B7B7B6;
}

#topnews ul.tab li.b{
background-position:bottom;
}

#topnews ul.tab li a{
color:#2A2A2A;
text-decoration:none;
}

#topnews ul.tab li a.title{
display:block;
height:23px;
float:left;
clear:right;
width:80px;
}

#topnews ul.tab li a:hover{
text-decoration:underline;
}

#topnews ul.tab li.b a{
color:#5D5D5D;
}

#topnews ul.tab li img{
margin-top:4px;
border:0px none;
float:left;
clear:right;
}
#topnews div.text{
padding:5px 10px;
height:160px;
width:189px;
overflow:auto;
background-color:white;
clear:both;
}

#topnews div.text ul{
list-style:none outside;
color:#ff7800;
font-weight:bold;
line-height:1.4em;
}
#topnews div.text ul li{
background-color:white;
background:url(../img/img_top_main_newslilst.gif) no-repeat 0 4px;
text-indent:8px;
margin:5px 0 0 0;
overflow:hidden;
}


#topnews div.text ul li a{
text-indent:0px;
display:block;
width:168px;
color:#0066cc;
font-weight:normal;
text-decoration:none;
}

#topnews div.text ul li a:hover{
text-decoration:underline;
}