@charset "utf-8";

h2{
margin:0;
padding:0;
background:none;
height:1%;
}

/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/


div#contents{
width:auto;
float:none;
}
div.section{
padding:0;
}

div.section.top_image{
padding:0;
width:727px;
float:left;
}
div.section.top_image p.topimage{
margin:0;
}
div.section.top_image:after{
clear:none;
}
div.section.top_image ul{
margin:8px 0 0 0;
}
div.section.top_image ul li{
float:left;
width:auto;
height:70px;
padding:0 8px 0 0;
overflow:hidden;
min-width:234px;
}
div.section.top_image ul li a{
width:234px;
display:block;
}
body:first-of-type div.section.top_image ul li img{
position:absolute;
width:234px;
height:70px;
}
div
div.section.top_image ul li.last{
padding:0;
}



/* shop_news */
div.section.shop_news{
width:232px;
position:relative;
top:0;
left:0;
font-size:90%;
float:right;
clear:none;
}
div.section.shop_news h2{
margin:0 0 8px 0;
clear:none;
}
div.section.shop_news ul.tool{
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
width:232px;
float:right;
}
div.section.shop_news ul.tool li{
position:absolute;
width:10px;
height:8px;
right:10px;
margin:0;
padding:0;
background:none;
line-height:0;
}
div.section.shop_news ul.tool li img{
position:absolute;
top:0;
left:0;
cursor:pointer;
}
div.section.shop_news ul.tool li.up{
top:6px;
}
div.section.shop_news ul.tool li.down{
top:17px;
}
div#shop_news_scroll{
width:232px;
height:345px;
margin:0;
overflow:hidden;
position:relative;
}
div#shop_news_scroll ul{
height:345px;
margin:0;
overflow:hidden;
padding:0;
}
div#shop_news_scroll ul li{
width:220px;
height:55px;
margin:0 0 7px 0;
padding:3px 4px;
border:1px solid #ccc;
background:none;
overflow:hidden;
position:relative;
}
div#shop_news_scroll ul li p.mark{
position:absolute;
top:3px;
left:4px;
z-index:100;
margin:0;
padding:0;
line-height:1;
}
div#shop_news_scroll ul li p.mark img{
margin:0;
padding:0;
}
div#shop_news_scroll ul li p.pict2 img{
clip:rect(0px,70px,55px,0px);
position:absolute;
}
div#shop_news_scroll ul li p.shop{
margin:0;
padding:0 0 0 80px;
line-height:1.6;
}
div#shop_news_scroll ul li p.shop img{
padding:0 5px 0 0;
position:static;
clip:auto;
}
div#shop_news_scroll ul li p.pict{
margin:0;
padding:0;
}


/* topico */
div.section.news{
float:left;
clear:none;
width:470px;
margin:20px 0 0;
padding:0;
}
div.section.news h2{
margin:0;
padding:0;
clear:none;
}
div.section.news ul{
margin:0;
padding:10px 10px 0;
}
div.section.news ul li{
margin:0 0 10px 0;
padding:0 0 0 60px;
background:none;
text-indent:-60px;
}
div.section.news ul li img{
vertical-align:middle;
}
div.section.news ul li a{
padding:0 0 0 10px;
}


/* topico */
div.section.topico{
float:right;
clear:none;
width:470px;
margin:20px 0 0;
padding:0;
}
div.section.topico h2{
margin:0;
padding:0;
clear:none;
}
div.section.topico ul{
margin:10px 0 0 0;
padding:0;
}
div.section.topico ul li{
margin:0;
padding:0 0 0 5px;
background:none;
float:left;
}
div.section.topico ul li a{
padding:0;
}


/* extra */
div.section.extra{
float:right;
float:right;
clear:none;
width:470px;
margin:10px 0 0 0;
padding:0;
border-top:1px dotted #ccc;
}
div.section.extra p{
margin:1em 5px;
}
div.section.extra ul.bn{
padding:0 0 0 5px;
}
div.section.extra ul.bn li{
float:left;
padding:0 10px 0 0;
}
div.section.extra ul.bn li.last{
padding:0;
}
div.section.extra ul li{
float:left;
padding:0 12px 0 20px;
background:none;
font-size:90%;
}
div.section.extra ul li.staff{
background:url(../img/index_icon_staff.gif) no-repeat 0 0;
}
div.section.extra ul li.caocamail{
background:url(../img/index_icon_caocamail.gif) no-repeat 0 0;
}
div.section.extra ul li.info{
background:url(../img/index_icon_info.gif) no-repeat 0 0;
}
div.section.extra ul li.sitemap{
background:url(../img/index_icon_sitemap.gif) no-repeat 0 0;
}

div.section.caoca_mobie,
div.section.mail_member{
margin:20px 0 0;
}
div.section.caoca_mobie p.pict,
div.section.mail_member p.pict{
padding:0 10px;
}
div.section.caoca_mobie h2,
div.section.mail_member h2{
 margin:0 -5px;
}


#image-navigation .navi-image{
position:relative;
height:305px !important;
}
#image-navigation .navi-image a{
display:block;
}
#image-navigation .navi-image a{
position:absolute;
top:0;
left:0;
z-index:8;
}
#image-navigation .navi-image a.active{
z-index:10;
}
#image-navigation .navi-image a.last-active{
z-index:9;
}
#image-navigation ul.navi li{
background:none;
}
#image-navigation ul.navi li a{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
#image-navigation ul.navi li a.active{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#image-navigation ul.navi li img{
background:#000;
}