@charset "utf-8";

/* module common tab
------------------------*/

.tabs{
	width:100%;
	height:30px;
	margin:0 0 -1px 0;
}

.tabs ul{
}

.tabs li{
	float:left;
}

.tabs li h3{
	overflow:hidden;
	position:relative;
	background-repeat:no-repeat;
	background-position:0 -30px;
}

.tabs li h3 a{
	width:320px;
	height:30px;
	text-indent:-9999px;
	display:block;
	outline:none;
}

.tabs li h3.tab_01{
	background-image:url(img/tab_design1.gif);
}

.tabs li h3.tab_02{
	width:160px;
	background-image:url(img/tab_design2.gif);
}

.tabs li h3.tab_03{
	width:160px;
	background-image:url(img/tab_design3.gif);
}

.tabs li h3:hover{
	cursor:pointer;
	background-position:0 0;
}

.tabs li.active h3{
	background-position:0 0;
}

.tab_container{
	clear:both;
}

.tab_content{
	padding:5px;
	border:1px solid #292929;
}


/* module ranking tab
------------------------*/

.ranking .tabs li h3 a{
	width:90px;
}

.ranking .tabs li h3.tab_01{
	background-image:url(img/tab_ranking1.gif);
}

.ranking .tabs li h3.tab_02{
	width:45px;
	background-image:url(img/tab_ranking2.gif);
}

.ranking .tabs li h3.tab_03{
	width:45px;
	background-image:url(img/tab_ranking3.gif);
}

.ranking .tab_content{
	border:1px solid #dac677;
}


/* module common tab
------------------------*/

#tab .tabs{
	height:35px;
}

#tab .tabs li h3{
	background-position:0 -35px;
}

#tab .tabs li h3 a{
	width:260px;
	height:35px;
}

#tab .tabs li h3.tab_01{
	background-image:url(img/tab_guide1.gif);
}

#tab .tabs li h3.tab_02{
	width:260px;
	background-image:url(img/tab_guide2.gif);
}

#tab .tabs li h3:hover{
	background-position:0 0;
}

#tab .tabs li.active h3{
	background-position:0 0;
}

#tab .tab_content{
	padding:20px 20px 1px 20px;
}