/* CSS Document */


/*LIST*/

html, body{
/*background:url(/common/img/bg_body_wide.jpg) #FFF no-repeat top center;*/

}



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

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


h2{
background-image:url(/gals/img/title.gif);
}

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

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





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


/*
#typelist h3{
background:url(/common/img/title_typelist.jpg) no-repeat;
width:120px;
height:25px;
text-indent:-10000px;
}

#typelist ul{
list-style-type:none;
width:120px;
}

#typelist ul li{
width:120px;
height:25px;
padding-top:5px;
font-size:12px;
text-align:center;
border-bottom:1px dotted #ccc;
}
*/


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













#main{
width:620px;
float:left;
margin-top:20px;
z-index:1;
}


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






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


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




#main ul li span{
/*for mark*/
}
#main ul li .mark_today{
position:absolute;
top:0px;
left:0px;
width:55px;
height:22px;
background:url(/common/img/mark_today.gif) no-repeat;
}

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


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

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




#main ul li p{
position:absolute;
top:17px;
left:16px;
}