@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;
}
#head ul#headerMenu li.home a,#head ul#headerMenu li.home a:hover{
background-position:0 -64px;
}

#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_leq div.eventpage{
margin-right:7px;
height:21px;
width:98px;
text-indent:-9999px;
float:left;
clear:right;
overflow:hidden;
background:url(../img/btn_top_main_eventpage.gif) no-repeat;
}
#chatrooms div.title_leq div.eventpage a{
height:21px;
width:98px;
display:block;
}
#chatrooms div.title_leq div.eventpage a:active{
height:21px;
width:98px;
display:block;
background:url(../img/btn_top_main_eventpage_on.gif) no-repeat;
}


#special{
overflow:hidden;
border-top:1px solid white;
}
#specials{
overflow:hidden;
border-top:1px solid white;
}
div.a_hyappun{
margin:10px 0 0 10px;
}

/*******100pun TimeTableList*******/
ul.hyappun{
display:block;
margin:7px 0 0 10px;
padding:0;
width:620px;
height:12px;
list-style:none;
}
ul.hyappun li{
float:left;
width:124px;
height:12px;
text-indent:13px;
font-weight:bold;
}
ul.hyappun li.time1{
color:#ee8aa4;
background:url(../img/ico_subpage_navi.gif) no-repeat 1px 2px;
}
ul.hyappun li.time2{
color:#ffa75a;
background:url(../img/ico_event_navi0.gif) no-repeat 1px 2px;
}
ul.hyappun li.time3{
color:#d0b300;
background:url(../img/ico_event_navi1.gif) no-repeat 1px 2px;
}
ul.hyappun li.time4{
color:#6dc83d;
background:url(../img/ico_event_navi2.gif) no-repeat 1px 2px;
}
ul.hyappun li.time5{
color:#96d0fe;
background:url(../img/ico_event_navi3.gif) no-repeat 1px 2px;
}

ul.hyappun li.on{
color:#ee8aa4;
background:url(../img/ico_subpage_navi.gif) no-repeat 1px 2px;
}
ul.hyappun li.off{
color:#a6a6a6;
background:url(../img/ico_top_100minoff.gif) no-repeat 1px 2px;
}

/*********************************/


#chatrooms div.title h2.special{
background:url(../img/img_top_main_specialtitle.gif) no-repeat;
}

#chatrooms div.title h2.event{
background:url(../img/img_top_main_eventtitle.gif) no-repeat;
}

#chatrooms div.title_leq h2.topevent{
margin-top:2px;
background:url(../img/img_top_main_evetitle.gif) no-repeat;
width:255px;
}

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

/*-----for 100pun_event-----*/
#chatrooms div.title_leq h2.hyappun{
margin-top:2px;
background:url(../img/img_top_main_100mintitle.gif) no-repeat;
width:369px;
}
/*-----------------------------*/

/*-----for taiiku_event-----*/
#chatrooms div.title_leq h2.taiiku{
margin-top:2px;
background:url(../img/img_top_main_taiikutitle.gif) no-repeat;
width:369px;
}
/*-----------------------------*/

/*-----for valentine_event-----*/
#chatrooms div.title h2.valentine{
background:url(../event/valentine/img_top_main_valentinetitle.gif) no-repeat;
}
/*-----------------------------*/

/*-----for maru33off_event-----*/
#chatrooms div.title_leq h2.maru33off{
margin-top:2px;
background:url(../img/img_top_main_maru33offtitle.gif) no-repeat;
width:281px;
}
/*-----------------------------*/

/*-----for twoshot_event-----*/
#chatrooms div.title_leq h2.twoshoteve{
margin-top:2px;
background:url(../img/img_top_main_evetitle.gif) no-repeat;
width:255px;
}
/*-----------------------------*/

/*-----for charity_event-----*/
#chatrooms div.title_leq h2.charityeve{
margin-top:2px;
background:url(../img/img_top_main_charitytitle.gif) no-repeat;
width:270px;
}
/*-----------------------------*/

#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.event{}
#chatrooms div.room div.event0{}

#chatrooms div.room div.event11{
background-color:#A8D6FF;
}
#chatrooms div.room div.event12{
background-color:#ffdb84;
}
#chatrooms div.room div.event13{
background-color:#FFC1D2;
}
#chatrooms div.room div.event14{
background-color:#FFD199;
}
#chatrooms div.room div.event15{
background-color:#FFFF8E;
}
#chatrooms div.room div.event16{
background-color:#FFFFFF;
}
#chatrooms div.room div.event18{
background-color:#FFFFFF;
}
#chatrooms div.room_liq div.event100min{
margin-top:4px !important;
margin-bottom:4px;
border:1px solid #ffb6b6;
background:url(../img/bg_chatbox_100min.gif) repeat-x;
/*line-height:1.5em;*/
}
#chatrooms div.room_liq div.event100minoff{
margin-top:4px !important;
margin-bottom:4px;
/*line-height:1.5em;*/
}


#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.room div.zero2{
color:#666;
text-align:center;
height:60px;
padding-top:10px;
}



#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 a.moreLink{
display:block;
overflow:hidden;
margin-bottom:5px;
padding-bottom:1px;
text-align:right;
font-size:10px;
}

/*----------- イベントバナー -----------*/
#eventCountBanner{ /*カウントダウン用*/
margin-bottom:6px;
height:70px;
background:url(http://www.angel-live.com/common/event/bonus/bg_sncount.gif) no-repeat 0 46px;
}
.prEvent,#event_banners a,#event_banners div{
opacity:0;
filter: alpha(opacity=0);
}
#rightnavigation div#event_banners a,
#rightnavigation div#eventCountBanner a{
position:relative;
display:block;
margin-bottom:6px;
}
#rightnavigation div#event_banners a img,
#rightnavigation div#eventCountBanner a img{
border:0;
}
#rightnavigation div#event_banners div.kaisai_ribbon,
#rightnavigation div#eventCountBanner div.kaisai_ribbon{
z-index:1;
position:absolute;
top:-3px;
right:-3px;
width:79px;
height:56px;
background:url(http://www.angel-live.com/common/img/img_kaisai_ribbon.gif) no-repeat;
cursor:pointer;
}
#rightnavigation div#event_banners div.honjitu_ribbon{
z-index:1;
position:absolute;
top:-3px;
right:-3px;
width:79px;
height:56px;
background:url(http://www.angel-live.com/common/img/img_honjitu_ribbon.gif) no-repeat;
cursor:pointer;
}
#rightnavigation div#event_banners div.kokuti_ribbon{
z-index:1;
position:absolute;
top:-3px;
right:-3px;
width:79px;
height:56px;
background:url(http://www.angel-live.com/common/img/img_kokuti_ribbon.gif) no-repeat;
cursor:pointer;
}
#rightnavigation div.sinkinou_ribbon{
z-index:1;
position:absolute;
top:-3px;
right:-3px;
width:79px;
height:56px;
background:url(http://www.angel-live.com/common/img/img_sinkinou_ribbon.gif) no-repeat;
cursor:pointer;
}


#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:45px;
float:left;
}
#rightnavigation div.text div.point dl.chat dd{
width:104px;
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,#rightnavigation div.bottom2{
height:8px;
overflow:hidden;
clear:both;
background:url(../img/bg_right_bottom.gif) no-repeat;
}
#rightnavigation div.bottom2{
margin-bottom:7px;
}

#rightnavigation div#liveNews{
position:relative;
}
#rightnavigation div#liveNews ul#livenews{
margin:4px 2px -7px -5px;
}
#rightnavigation div#liveNews ul#livenews li{
display:block;
}
#rightnavigation div#liveNews ul#livenews li a{
overflow:hidden;
display:block;
text-indent:3px;
}
#rightnavigation div#liveNews ul#livenews li a.new{
background:#ffff99;
}
#rightnavigation div#liveNews ul#livenews li a img{
margin-left:2px;
}


/*--------------------- topnews --------------------------*/

.topnewsWindow{
position:absolute;
overflow:hidden;
top:40px;
right:0;
width:274px;
height:auto;
}
.topnewsWindow a.windowClose{
position:absolute;
top:0;
right:0;
display:block;
width:25px;
height:25px;
}
.topnewsWindow .topnewsHeader{
overflow:hidden;
width:274px;
height:36px;
background:url(../img/bg_topnews_headfoot.png) no-repeat 0 0;
}
.topnewsWindow .topnewsHeader p{
margin:17px 0 0 18px;
color:#e57693;
font-weight:bold;
}
.topnewsWindow .topnewsBody{
padding:5px 18px;
height:auto;
background:url(../img/bg_topnews_body.png) repeat-y;
text-align:left
}
.topnewsWindow .topnewsBody p{
color:#333;
font-size:10px;
letter-spacing:0.1em;
line-height:145%;
}
.topnewsWindow .topnewsBody p.date{
text-align:right;
color:#e57693;
}
.topnewsWindow .topnewsFooter{
width:274px;
height:11px;
background:url(../img/bg_topnews_headfoot.png) no-repeat 0 -36px;
}


#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;
}