.tablist {
height: 35px;
width:710px;
margin:5px auto 0px auto;
background:#FFFFFF;
}

.tablist ul{
margin:0px;
padding:0px 0px 0px 7px;
}

.tablist li{
float: left;
display: block;
width: 135px;
height:35px;
text-indent: -9999px;
overflow: hidden;
margin:0px 3px 0px 0px;
cursor: pointer;
}

.tablist li:hover{
background: #000000;
}

/*地域別タブ*/

li#tabsel1{
background: url(/assets/img/pc/images/tab_hk_off.gif)  no-repeat left top;
}
li#tabsel1:hover{
background: url(/assets/img/pc/images/tab_hk_on.gif)  no-repeat left top;
}
li#tabsel2{
background: url(/assets/img/pc/images/tab_kt_off.gif)  no-repeat left top;
}
li#tabsel2:hover{
background: url(/assets/img/pc/images/tab_kt_on.gif)  no-repeat left top;
}
li#tabsel3{
background: url(/assets/img/pc/images/tab_ct_off.gif)  no-repeat left top;
}
li#tabsel3:hover{
background: url(/assets/img/pc/images/tab_ct_on.gif)  no-repeat left top;
}
li#tabsel4{
background: url(/assets/img/pc/images/tab_ks_off.gif)  no-repeat left top;
}
li#tabsel4:hover{
background: url(/assets/img/pc/images/tab_ks_on.gif)  no-repeat left top;
}
li#tabsel5{
background: url(/assets/img/pc/images/tab_ko_off.gif)  no-repeat left top;
}
li#tabsel5:hover{
background: url(/assets/img/pc/images/tab_ko_on.gif)  no-repeat left top;
}


.tab_selector {

}

/*地域別タブ選択時*/
li#tabsel1.selected {
background: url(/assets/img/pc/images/tab_hk_on.gif)  no-repeat left top;
}
li#tabsel2.selected {
background: url(/assets/img/pc/images/tab_kt_on.gif)  no-repeat left top;
}
li#tabsel3.selected {
background: url(/assets/img/pc/images/tab_ct_on.gif)  no-repeat left top;
}
li#tabsel4.selected {
background: url(/assets/img/pc/images/tab_ks_on.gif)  no-repeat left top;
}
li#tabsel5.selected {
background: url(/assets/img/pc/images/tab_ko_on.gif)  no-repeat left top;
}


/*表示／非表示*/
.tab {
display: block;
}
.noshow {
display: none;
}

/*オーバー画像プリロード*/
#tab_preload{ 
width: 0px; 
height: 0px; 
display: inline; 
background: url(/assets/img/pc/images/tab_hk_on.gif);
background: url(/assets/img/pc/images/tab_kt_on.gif);
background: url(/assets/img/pc/images/tab_ct_on.gif);
background: url(/assets/img/pc/images/tab_ks_on.gif);
background: url(/assets/img/pc/images/tab_ko_on.gif);
} 

/* エリア7分割版 */
.tablist1 {
	height: 35px;
	width:710px;
	margin:5px auto 0px auto;
	background:#FFFFFF;
}

.tablist2 ul {
	margin:0px;
	padding:0px 0px 0px 7px;
}

.tablist2 li {
	float: left;
	display: block;
	width: 95px;
	height:35px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0px 3px 0px 0px;
	cursor: pointer;
}

li#tabsel0b          { background: url(/assets/img/pc/images/tab2_0_off.gif) no-repeat left top; }
li#tabsel0b:hover    { background: url(/assets/img/pc/images/tab2_0_on.gif)  no-repeat left top; }
li#tabsel0b.selected { background: url(/assets/img/pc/images/tab2_0_on.gif)  no-repeat left top; }
li#tabsel1b          { background: url(/assets/img/pc/images/tab2_hk_off.gif) no-repeat left top; }
li#tabsel1b:hover    { background: url(/assets/img/pc/images/tab2_hk_on.gif)  no-repeat left top; }
li#tabsel1b.selected { background: url(/assets/img/pc/images/tab2_hk_on.gif)  no-repeat left top; }
li#tabsel2b          { background: url(/assets/img/pc/images/tab2_kt_off.gif) no-repeat left top; }
li#tabsel2b:hover    { background: url(/assets/img/pc/images/tab2_kt_on.gif)  no-repeat left top; }
li#tabsel2b.selected { background: url(/assets/img/pc/images/tab2_kt_on.gif)  no-repeat left top; }
li#tabsel3b          { background: url(/assets/img/pc/images/tab2_ct_off.gif) no-repeat left top; }
li#tabsel3b:hover    { background: url(/assets/img/pc/images/tab2_ct_on.gif)  no-repeat left top; }
li#tabsel3b.selected { background: url(/assets/img/pc/images/tab2_ct_on.gif)  no-repeat left top; }
li#tabsel4b          { background: url(/assets/img/pc/images/tab2_ks_off.gif) no-repeat left top; }
li#tabsel4b:hover    { background: url(/assets/img/pc/images/tab2_ks_on.gif)  no-repeat left top; }
li#tabsel4b.selected { background: url(/assets/img/pc/images/tab2_ks_on.gif)  no-repeat left top; }
li#tabsel5b          { background: url(/assets/img/pc/images/tab2_ko_off.gif) no-repeat left top; }
li#tabsel5b:hover    { background: url(/assets/img/pc/images/tab2_ko_on.gif)  no-repeat left top; }
li#tabsel5b.selected { background: url(/assets/img/pc/images/tab2_ko_on.gif)  no-repeat left top; }
li#tabsel6b          { background: url(/assets/img/pc/images/tab2_7_off.gif) no-repeat left top; }
li#tabsel6b:hover    { background: url(/assets/img/pc/images/tab2_7_on.gif)  no-repeat left top; }
li#tabsel6b.selected { background: url(/assets/img/pc/images/tab2_7_on.gif)  no-repeat left top; }
