@charset "utf-8";

div.product_base_tab{width:780px; height:45px;}
ul.base_tab {margin:0; padding:0; width:780px; height:45px!important;}
li.tab1,li.tab2,li.tab3{display:block; width:251px; height:45px!important; line-height:52px; text-align:center; float:left; overflow:hidden; margin:0 0 0 5px;}
li.tab1_on,li.tab2_on,li.tab3_on{display:block; width:251px; height:45px; line-height:52px; text-align:center; float:left; overflow:hidden; margin:0 0 0 5px;}

li.tab1 a{display:block; width:251px; height:45px; text-decoration:none!important; font-weight:bold!important; color:#FFF!important; background:url(./../img/base_tab_off.gif) #FFF no-repeat;}
li.tab1 a:hover{ line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important;background: url(./../img/base_tab_1_on.gif) #FFF no-repeat;}
li.tab1_on a{display:block; width:251px; height:45px; line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_1_on.gif) #FFF no-repeat;}
li.tab1_on a:hover{ line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_1_on.gif) #FFF no-repeat;}


li.tab2 a{display:block; width:251px; height:45px; text-decoration:none!important; font-weight:bold!important; color:#FFF!important; background:url(./../img/base_tab_off.gif) #FFF no-repeat;}
li.tab2 a:hover{ line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_2_on.gif) #FFF no-repeat;}
li.tab2_on a{display:block; width:251px; height:45px; line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_2_on.gif) #FFF no-repeat;}
li.tab2_on a:hover{ line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_2_on.gif) #FFF no-repeat;}

li.tab3 a{display:block; width:251px; height:45px; text-decoration:none!important; font-weight:bold!important; color:#FFF!important; background:url(./../img/base_tab_off.gif) #FFF no-repeat;}
li.tab3 a:hover{ line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_3_on.gif) #FFF no-repeat;}
li.tab3_on a{display:block; width:251px; height:45px; line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_3_on.gif) #FFF no-repeat;}
li.tab3_on a:hover{ line-height:40px; text-decoration:none!important; font-weight:bold!important; color:#333!important; background: url(./../img/base_tab_3_on.gif) #FFF no-repeat;}


div.base_content {clear:both; width:780px; margin:0 0 0; text-align:center; background: url(./../img/base_bg.gif) #FFF repeat-x top; padding-top:10px;}


/*
		<div class="tab">
		<ul class="base_tab">
		<li class="tab1"><a href="#">タイヤの基礎知識</a></li>
		<li class="tab2"><a href="#">タイヤの点検</a></li>
		<li class="tab3"><a href="#">タイヤ関連用語集</a></li>
		</ul>
		</div>
*/