.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 12px Arial, Helvetica, sans-serif, MS PGothic;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: left;
color: #666666;
background: #DDDDDD url(../image/common/tagroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../image/common/tagroundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #2e3092; /*background color of tabs onMouseover*/
color: #FFFFFF;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

/* ----------------End tag common -----------------------------*/

/* -----------------------Start tag rate ---------------------*/
/* -----------------------Start tag rate ---------------------*/
.ubercolortabsRate{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
height:26px;

}

.ubercolortabsRate ul{
text-align:center;
font: bold 12px Arial, Helvetica, sans-serif, MS PGothic;
margin: 0;
padding: 0;
list-style: none;

}

.ubercolortabsRate li{

display: inline;
margin: 0 2px 0 0;
padding: 0;

}


.ubercolortabsRate a{
float: left;
color: #666666;
background: #DDDDDD url(../image/common/tagroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
width:50px;
}

.ubercolortabsRate a span{
float: left;
display: block;
background: transparent url(../image/common/tagroundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabsRate a span{
float: none;
}


.ubercolortabsRate a:hover{
background-color: #bab9b9; /*background color of tabs onMouseover*/
font-size:16px;

}

.ubercolortabsRate li.selected a{
background-color: #2e3092; /*background color of tabs onMouseover*/
color: #FFFFFF;
font-size:16px
}

.ubercolortabsRate a:hover span{
background-color: transparent;
}
.ubercolortabsRate li.selectedA a{background-color: #ffe600; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedB a{background-color: #ec9122; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedC a{background-color: #ed1c24; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedD a{background-color: #cbdb2a; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedE a{background-color: #22ab4a; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedF a{background-color: #a1dbe4; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedG a{background-color: #6993cd; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedH a{background-color: #ff99cc; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedI a{background-color: #cc66ff; color: #000000;font-size:16px}
.ubercolortabsRate li.selectedJ a{background-color: #C44B87; color: #000000;font-size:16px}

/* ----------------End tag rate -----------------------------*/


/* ----------------Start tag tateyama ----------------------*/

.ubercolortabsTateyama{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
height:26px;

}

.ubercolortabsTateyama ul{
text-align:center;
font: bold 12px Arial, Helvetica, sans-serif, MS PGothic;
margin: 0;
padding: 0;
list-style: none;

}

.ubercolortabsTateyama li{

display: inline;
margin: 0 2px 0 0;
padding: 0;

}


.ubercolortabsTateyama a{
float: left;
color: #666666;
background: #DDDDDD url(../image/common/tagroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
width:150px;
}

.ubercolortabsTateyama a span{
float: left;
display: block;
background: transparent url(../image/common/tagroundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabsTateyama a span{
float: none;
}


.ubercolortabsTateyama a:hover{
background-color: #bab9b9; /*background color of tabs onMouseover*/
font-size:15px;

}

.ubercolortabsTateyama li.selected a{
background-color: #006060; /*background color of tabs onMouseover*/
color: #FFFFFF;
font-size:15px
}

.ubercolortabsTateyama a:hover span{
background-color: transparent;
}


/* ----------------End tag tateyama -----------------------------*/

/* ----------------Start tag tateyamaEnglish ----------------------*/

.ubercolortabsTateyamaE{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
height:41px;

}

.ubercolortabsTateyamaE ul{
text-align:center;
font: bold 12px Arial, Helvetica, sans-serif, MS PGothic;
margin: 0;
padding: 0;
list-style: none;

}

.ubercolortabsTateyamaE li{

display: inline;
margin: 0 2px 0 0;
padding: 0;

}


.ubercolortabsTateyamaE a{
float: left;
color: #666666;
background: #DDDDDD url(../image/common/tagroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
width:150px;
}

.ubercolortabsTateyamaE a span{
float: left;
display: block;
background: transparent url(../image/common/tagroundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabsTateyamaE a span{
float: none;
}


.ubercolortabsTateyamaE a:hover{
background-color: #bab9b9; /*background color of tabs onMouseover*/
font-size:15px;

}

.ubercolortabsTateyamaE li.selected a{
background-color: #006060; /*background color of tabs onMouseover*/
color: #FFFFFF;
font-size:15px
}

.ubercolortabsTateyamaE a:hover span{
background-color: transparent;
}


/* ----------------End tag tateyamaEnglish -----------------------------*/

/* ----------------Start tag SkiCouponEnglish ----------------------*/

.ubercolortabsSkiCouponE{
	padding: 0;
	width: 600px;
	overflow: hidden;
	background: transparent;
	height:33px;

}

.ubercolortabsSkiCouponE ul{
text-align:center;
font: bold 12px Arial, Helvetica, sans-serif, MS PGothic;
margin: 0;
padding: 0;
list-style: none;

}

.ubercolortabsSkiCouponE li{

display: inline;
margin: 0 2px 0 0;
padding: 0;

}


.ubercolortabsSkiCouponE a{
float: left;
color: #666666;
background: #DDDDDD url(../image/common/tagroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
width:180px;
}

.ubercolortabsSkiCouponE a span{
	float: left;
	display: block;
	background: transparent url(../image/common/tagroundright.gif) no-repeat right top;
	cursor: pointer;
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 13px;
	padding-left: 6px;
}

.ubercolortabsSkiCouponE a span{
float: none;
}


.ubercolortabsSkiCouponE a:hover{
background-color: #bab9b9; /*background color of tabs onMouseover*/
font-size:15px;

}

.ubercolortabsSkiCouponE li.selected a{
background-color: #003399; /*background color of tabs onMouseover*/
color: #FFFFFF;
font-size:15px
}

.ubercolortabsSkiCouponE a:hover span{
background-color: transparent;
}


/* ----------------End tag SkiCouponEnglish -----------------------------*/