/* CSS Document */


html, body{

/*background:url(/common/img/bg_body_wide_schedule.jpg) #FFF no-repeat top center;*/
}

#schedule{
background:url(/common/img/bg_body_wide_schedule.jpg) #FFF no-repeat top center;
}

#schedule #container{
background:url(/common/img/bg_body_wide_schedule.jpg) no-repeat left 50px ;
height:550px;
overflow:hidden;
position:relative;
}

h2{
background:url(/schedule/img/title.gif) no-repeat;
}




#schedule #container .next_bt{
position:absolute;
top:300px;
right:0px;
width:30px;
height:43px;
z-index:10000;
}

#schedule #container .back_bt{
position:absolute;
top:300px;
left:0px;
width:30px;
height:43px;
z-index:10000;
}



#l_main{
width:630px;
margin:0px 0px 0px 10px;
z-index:1;
float:left;
}



#main{
width:610px;
margin:0px auto;
z-index:1;
}




#schedule #main ul{
list-style-type:none;
}

#schedule #main ul li{
background:url(/common/img/white.png) repeat;
width:145px;
height:230px;
margin-left:5px;
margin-bottom:5px;
float:left;
/display:inline;
text-align:right;
position:relative;
border:#fff solid 1px;
}




#schedule #main ul li span{
/*for mark*/
}
#schedule ul li .mark_soldout{
position:absolute;
top:0px;
left:0px;
width:50px;
height:17px;
background:url(/common/img/mark_soldout.gif) no-repeat;
z-index:5;
}

#schedule ul li .mark_last1{
position:absolute;
top:0px;
left:0px;
width:50px;
height:17px;
background:url(/common/img/mark_last1.gif) no-repeat;
z-index:5;
}

#schedule ul li .mark_last2{
position:absolute;
top:0px;
left:0px;
width:50px;
height:17px;
background:url(/common/img/mark_last2.gif) no-repeat;
z-index:5;
}

#schedule ul li .mark_inquery{
position:absolute;
top:0px;
left:0px;
width:50px;
height:17px;
background:url(/common/img/mark_inquery.gif) no-repeat;
z-index:5;
}

#schedule ul li .mark_reservation{
position:absolute;
top:0px;
left:0px;
width:50px;
height:17px;
background:url(/common/img/mark_reservation.gif) no-repeat;
z-index:5;
}


#schedule #main ul li em{/*photo*/
position:absolute;
top:6px;
left:8px;
}
#schedule ul li em img{
width:130px;
height:164px;
}


#schedule #main ul li h3{/*name*/
position:absolute;
width:142px;
_width:145px;
left:0px;
color:#110001;
top:170px;
text-align:left;
font-size:12px;
/*border-top:#110001 3px solid;*/
padding:3px 0px 0px 5px;
}

#schedule #main ul li h4{/*size*/
position:absolute;
top:190px;
left:5px;
width:145px;
font-size:10px;
font-weight:normal;
text-align:left;
color:#110001;
padding-left:3px
}

#schedule #main ul li h5{/*time*/
position:absolute;
width:142px;
_width:145px;
left:0px;
color:#110001;
top:200px;
text-align:left;
font-size:12px;
padding:3px 0px 0px 5px;
}







#schedule  #daylist{
background:url(/common/img/white.png) repeat;
width:600px;
height:20px;
margin:10px auto 5px auto;
list-style-type:none;
border:1px dotted #ccc;

}


#schedule  #daylist li{
list-style-type:none;
float:left;
font-size:10px;
color:#666;
text-align:center;
width:65px;
padding-top:5px;
height:20px;
border-left:1px dotted #ccc;

}
#schedule  #daylist .today{
color:#FFF;
background:#110001;
font-weight:bold;
height:20px;
float:left;
}

#schedule   #daylist .sat{
color:#0066FF;
}
#schedule  #daylist .sun{
color:#E13E65;
}

#schedule  #daylist a{
color:#666;
}
#schedule  #daylist a:hover{
text-decoration:underline;
}




/*dropdown list*/


#typelist{
width:120px;
float:left;
margin-right:5px;
margin-left:15px;
margin-top:20px;
}

.dropdown {float:left; padding-right:5px}
.dropdown dt {width:120px;height:20px;  font-weight:bold; cursor:pointer; background:url(/common/img/title_typelist.jpg) no-repeat;text-indent:-10000px;}

.dropdown  h3{text-indent:-10000px;height:5px;}

.dropdown dt:hover {background:url(/common/img/title_typelist.jpg) no-repeat;}
.dropdown dd {position:absolute; overflow:hidden; width:120px; display:none; z-index:200; opacity:0}
.dropdown ul {width:120px;  list-style:none; border-top:none}
.dropdown li {display:inline;border-bottom:1px dotted #FFF; font-size:12px;height:20px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none;  width:120px}
.dropdown a:hover { color:#333 ;background:#ccc; text-decoration:none;}
.dropdown .underline {border-bottom:1px dotted #ccc;}






.dropdown_next {float:left; padding-right:5px}
.dropdown_next dt {width:120px;height:20px;  font-weight:bold; cursor:pointer; background:url(/common/img/title_typelist.jpg) no-repeat;text-indent:-10000px;}

.dropdown_next  h3{text-indent:-10000px;height:5px;}

.dropdown_next dt:hover {background:url(/common/img/title_typelist.jpg) no-repeat;}
.dropdown_next dd {position:absolute; overflow:hidden; width:120px; display:block; z-index:200; /*opacity:0*/}
.dropdown_next ul {width:120px;  list-style:none; border-top:none}
.dropdown_next li {display:inline;border-bottom:1px dotted #FFF; font-size:12px;height:20px;}
.dropdown_next a, .dropdown_next a:visited {display:block; padding:5px; color:#333; text-decoration:none;  width:120px}
.dropdown_next a:hover, .dropdown_next a:active { color:#333 ;background:#ccc; text-decoration:none;}
.dropdown_next .underline {border-bottom:1px dotted #ccc;}





#schedule #main .pngfix2{
background:url(/gals/img/bg_list_ani.gif) repeat;
/*width:145px;
height:233px;
margin-left:5px;
margin-bottom:10px;
float:left;
/display:inline;
text-align:right;
position:relative;
border:#fff solid 1px;*/
}