@charset "UTF-8";

/*===== flash area =====*/

div#flash-area { 
position:relative;
height:560px;
} 

div#flash-area div#flash{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:980px;
	height:560px;
}

div#flash-area div#flash p{
	padding:80px 0 0 10px;
	color:#FFF;
}
div#flash-area div#flash a{
	color:#FFF;
}

div#flash-area div#nav{
	display:block;
	position:absolute;
	background:none;
	padding:0;
	width:980px;
	z-index:10;
}

/*===== Top Main =====*/
#main{
	margin:0 10px 0 10px;
	min-height:280px;
	height:auto !important;
	height:280px;
}

/*===== Top Content =====*/
#top-content{
	padding:0 20px 30px 20px;
}

#top-content #top-topics{
	float:left;
	width:520px;
	overflow:hidden;
	zoom:1;
}
#top-content #top-topics .rss-btn img{margin-left:13px;}
#top-content #top-topics .rss-btn a:hover img.to-rss{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
#top-content #top-search-block{
	float:left;
	width:180px;
	margin-left:20px;
}
#top-content #top-bnr-area{
	float:right;
	width:180px;
	margin-bottom:-8px;
}
#top-content #top-bnr-area li{
	margin-bottom:8px;
	line-height:0;
}
#top-content #top-bnr-area img{
	vertical-align:bottom;
}
#top-content #top-bnr-area a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

#top-subttl{
	overflow:hidden;
	zoom:1;
}
#top-subttl h2{
	float:left;
	padding:0;
	padding-right:328px;
}
* html #top-subttl h2{
	padding-right:325px;
}

#top-subttl .navi-btn{
	overflow:hidden;
	zoom:1;
}

/*===== topics style =====*/
#top-topics .topics-style{
	padding:0;
	margin:10px 0 15px 0;
}
#top-topics .topics-style table{
	width:520px;
	background:url(../img/dotline08.gif) repeat-x left bottom;
 font-size:100%;
}
#top-topics .topics-style th{
	background:url(../img/dotline05.gif) repeat-x left top;
	padding:7px 0 8px 10px;
	font-weight:normal;
	text-align:left;
	color:#404040;
	vertical-align:middle;
	font-size:80%;
	width:5.1em;
}
#top-topics .topics-style td{
	background:url(../img/dotline05.gif) repeat-x left top;
	padding:7px 0 8px 0;
	vertical-align:middle;
	font-size:80%;
}
* html #top-topics .topics-style th{padding:8px 0 9px 10px;}
* html #top-topics .topics-style td{padding:8px 0 9px 0; font-size:75%;}
#top-topics .topics-style .icon-cell{
	width:80px;
	text-align:center;
	line-height:1;
}
#top-topics .topics-style .icon-cell img{vertical-align:bottom;}
#top-topics .topics-style span.topics-cell{
	padding-left:10px;
	background:url(../img/arrow01.gif) no-repeat left center;
	display:block;
}
#top-topics .topics-style .first-child{
	background:url(../img/dotline07.gif) repeat-x left top;
}


/*===== top-shopsearch =====*/
#top-shopsearch{
	width:180px;
	height:264px;
	position:relative;
	background:url(../img/subsearch_bg.jpg) no-repeat 0 36px;
}
#top-shopsearch .searchstyle1{
	position:absolute;
	left:16px;
	top:45px;
}
#top-shopsearch .searchstyle1 input{
	width:150px;
	height:15px;
	font-size:12px;
}
* html #top-shopsearch .searchstyle1 input{height:18px;}
#top-shopsearch .searchstyle1 img{
	margin-bottom:7px;
}
#top-shopsearch .searchstyle2{
	position:absolute;
	left:16px;
	top:103px;
}
#top-shopsearch .searchstyle2 select{
	width:150px;
	font-size:12px;
}
#top-shopsearch .searchstyle2 img{
	margin-bottom:7px;
}
#top-shopsearch .searchstyle3{
	position:absolute;
	left:16px;
	top:164px;
}
#top-shopsearch .searchstyle3 select{
	width:150px;
	font-size:12px;
}
#top-shopsearch .searchstyle3 img{
	margin-bottom:7px;
}
#top-shopsearch .searchstyle4{
	position:absolute;
	left:33px;
	top:211px;
}

/*===== group banner =====*/
#group-bnr{
	background:#ffffff url(../img/dotline_foot.gif) repeat-x left top;
	padding:12px 0 6px 20px;
	zoom:1;
 overflow: hidden;
}
#group-bnr h3{float:left;}
#group-bnr p{
	zoom:1;
 overflow: hidden;
}
#group-bnr img{
	margin-right:8px;
}
#group-bnr a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/*===== top mobile site information =====*/
#top-mobile{
	overflow:hidden;
	zoom:1;
	width:520px;
}
#top-mobile .top-mobile-img{
	float:left;
	width:108px;
}
#top-mobile .top-mobile-text{
	float:left;
	width:330px;
}
#top-mobile .top-mobile-text h2{
	padding-bottom:0;
}
#top-mobile .top-mobile-text p{
	padding-top:5px;
	font-size:80%;
}
#top-mobile .top-mobile-qrcode{
	float:right;
	width:66px;
}