/* e-カタログTOPpage用 */
#btn-catalogALL a{
	width:550px; height:75px;
	background:url(../imgs/btn-catalogALL.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	margin:20px auto;
}
	#btn-catalogALL a:hover{
		background-position:0 -75px;
	}
	

/* e-カタログ */
#btn-catalog a{
	width:550px; height:75px;
	background:url(../imgs/btn-catalog.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	margin:20px auto;
}
	#btn-catalog a:hover{
		background-position:0 -75px;
	}
	
/* e-カタログイタリア語 */
#btn-catalogITA a{
	width:550px; height:75px;
	background:url(../imgs/btn-catalogITA.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	margin:20px auto;
}
	#btn-catalogITA a:hover{
		background-position:0 -75px;
	}
		
	
/* productsのトップ */
#products_wall{
	width:900px;
	background-image:url(../imgs/products_wall_middle.gif);
	background-repeat:repeat-y;
	}

.3box_wrap{
	width:900px;
}

.category_box{
	width:280px;
	float:left;
	margin:5px 12px 10px 0;
	background-image:url(../imgs/categorybox_middle.gif);
	background-repeat:repeat-y;
	}

.category_box ul{
	list-style:none;
	margin:10px 0 0 15px;
}
.category_box ul li{
	font-size:11px;
}


div.road a:link{
	color:#C00;
	}
div.road a:visited{
	color:#C00;
	}	
div.road a:hover{
	color:#900;
	}

div.mtb a:link{
	color:#006600;
	}
div.mtb a:visited{
	color:#006600;
	}		
div.mtb a:hover{
	color:#090;
	}	

div.bmx a:link{
	color:#554a90;
	}
div.bmx a:visited{
	color:#554a90;
	}
div.bmx a:hover{
	color:#63C;
	}

div.city a:link{
	color:#007781;
	}
div.city a:visited{
	color:#007781;
	}	
div.city a:hover{
	color:#044C45;
	}

div.others a:link{
	color:#2c9ad0;
	}
div.others a:visited{
	color:#2c9ad0;
	}
div.others a:hover{
	color:#0056FC;
	}
div.wc a:link{
	color:#e56416;
	}
div.wc a:visited{
	color:#e56416;
	}
div.wc a:hover{
	color:#BA4500;
	}

ul.product	{list-style-image:url(../imgs/product-list-mark.gif);
padding-left:5px;
}
	

/* タイヤそれぞれのページ */

#leftside{
	width:228px;
	float:left;
}

#right_contents{
	width:667px;
	float:right;
	}

#tire_name{
	width:667px;
	height:58px;
	background-image:url(../imgs/tire_name_back.gif);
	background-repeat:no-repeat;
	}
	#tire_name p{
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	margin:0 0 0 12px;
	}
	
/* formula用 */
#tire_name2{
	width:667px;
	height:58px;
	background-image:url(../imgs/tire_name_back2.gif);
	background-repeat:no-repeat;
	}
	#tire_name2 p{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	margin:0 0 0 12px;
	}
	
	
#category_image{
	width:667px;
}

/* tengokuya add start*/
#box01{
	margin:auto;
	padding:15px 32px 0 25px;
	}
#box01-2{
	color:#FFF;
	margin:auto;
	padding:15px 32px 0 25px;
	}
#box02{
	padding:15px 17px 0 20px;
	}
.lead{
	margin:0 30px;
	}
	
.gallery{
	width:137px;
	margin-right:8px;
	float:left;
	}
	
.index {
	width:200px;
	margin-right:8px;
	float:left;
	}
	
.index p {
	font-size:10px;
	margin-left:5px;
	line-height:130%;
	}
	
hr.dotted {
border-width: 1px 0px 0px 0px; /* 太さ */
   border-style:dotted; /* 線種 */
   border-color:#999; /* 線色 */
   height: 1px; /* 高さ */
}

#lineup_img{
	width:667px;
	height:210px;
	}
	
	
.redbold {color: red; 
font-weight: bold:
	}
/* tengokuya add end*/



ul#sidenavi{
	width:228px;
}
#sidenavi li{
	color:#FFF;
	font-size:10px;
	list-style:none;
	margin:0 0 0 10px;
}
#sidenavi li a:link{ 
color:#FFF;
text-decoration:none;
border:none;
}
#sidenavi li a:visited{
color: #FFF;
text-decoration:none;
border:none;
}
#sidenavi li a:hover{
color:#999;
text-decoration:none;
border:none;}


/* road 色は#C00*/

div#wrap_road{
	width:900px;
	background-image:url(../imgs/wall_road.gif);
	background-repeat:repeat-y;
	}
div#wrap_road2{
	width:900px;
	background-image:url(../imgs/wall_road2.gif);
	background-repeat:repeat-y;
	}

div.ss_road{
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#C00 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
	
div.ss_road2{
	color:#FFF;
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#C00 5px solid;
	border-bottom:#fff 1px solid;
	padding-left:5px;
	}
	

table#road {
    width: 600px;
}

table#road th {
    padding: 5px;
    border-left: 1px #C00 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#C00;
    line-height: 120%;
	text-align:left;
}
table#road td {
    padding: 5px;
    border-left: 1px #C00 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}


table#road2 {
    width: 600px;
}

table#road2 th {
    padding: 5px;
    border-left: 1px #C00 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#C00;
    line-height: 120%;
	text-align:left;
}
table#road2 td {
	color:#FFF;
    padding: 5px;
    border-left: 1px #C00 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}

/* mtb 色は#006600*/

div#wrap_mtb{
	width:900px;
	background-image:url(../imgs/wall_mtb.gif);
	background-repeat:repeat-y;
	}

div.ss_mtb{
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#006600 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
table#mtb {
    width: 600px;
}
table#mtb th {
    padding: 5px;
    border-left: 1px #006600 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#006600;
    line-height: 120%;
	text-align:left;
}
table#mtb td {
    padding: 5px;
    border-left: 1px #006600 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}

/* cyclo 色は#ffae00 2014-10-30カテゴリ追加*/

div#wrap_cyclo{
	width:900px;
	background-image:url(../imgs/wall_cyclo.gif);
	background-repeat:repeat-y;
	}

div.ss_cyclo{
	margin:40px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#ffae00 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
	

table#cyclo {
    width: 600px;
}

table#cyclo th {
    padding: 5px;
    border-left: 1px #ffae00 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#ffae00;
    line-height: 120%;
	text-align:left;
}
table#cyclo td {
    padding: 5px;
    border-left: 1px #ffae00 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}


/* bmx 色は#554a90*/

div#wrap_bmx{
	width:900px;
	background-image:url(../imgs/wall_bmx.gif);
	background-repeat:repeat-y;
	}

div.ss_bmx{
	margin:40px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#554a90 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
	

table#bmx {
    width: 600px;
}

table#bmx th {
    padding: 5px;
    border-left: 1px #554a90 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#554a90;
    line-height: 120%;
	text-align:left;
}
table#bmx td {
    padding: 5px;
    border-left: 1px #554a90 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}


/* tube 色は#727272*/

div#wrap_tube{
	width:900px;
	background-image:url(../imgs/wall_tube.gif);
	background-repeat:repeat-y;
	}

div.ss_tube{
	margin:40px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#727272 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
	

table#tube {
    width: 600px;
}

table#tube th {
    padding: 5px;
    border-left: 1px #727272 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#727272;
    line-height: 120%;
	text-align:left;
}
table#tube td {
    padding: 5px;
    border-left: 1px #727272 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}

/* city 色は#007781*/

div#wrap_city{
	width:900px;
	background-image:url(../imgs/wall_city.gif);
	background-repeat:repeat-y;
	}

div.ss_city{
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#007781 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
table#city {
    width: 600px;
}
table#city th {
    padding: 5px;
    border-left: 1px #007781 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#007781;
    line-height: 120%;
	text-align:left;
}
table#city td {
    padding: 5px;
    border-left: 1px #007781 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}

.index_metro {
	width:120px;
	float:left;
	}
	
.index_metro p {
	font-size:10px;
	margin-left:5px;
	}

.metro_wrap{
	width:195px;
	margin:10px 7px 0 0;
	float:left;
	}
	.metro_wrap p{
		font-size:10px;
		margin-left:5px;
		}
		
div#large_img_box
{
width:750px;
height:750px;
text-align:center;
}

div#tire_img01
{
width:635px;
float:left;
}

div#tire_img02
{
width:635px;
float:left;
}

div#tire_img03
{
width:635px;
float:left;
}

div#tire_img04
{
width:635px;
float:left;
}

div#tire_img05
{
width:635px;
float:left;
}

div#color_ctrl
{
width:115px;
float:right;
margin:15px 0 0 0;
}

div#color_ctrl ul li
{
list-style-type:none;
width:114px;
height:55px;
margin:0 0 10px 0;
}

div#color_ctrl ul li a
{
width:114px;
height:55px;
text-indent:-9999px;
display:block;
}

div#color_ctrl ul li a:hover
{
background-position:0 -55px;
}

div#color_ctrl ul li a.color01{
	background-image:url(../products/city/metro/btn_red.gif);
	}
div#color_ctrl ul li a.color02{
	background-image:url(../products/city/metro/btn_yell.gif);
	}
div#color_ctrl ul li a.color03{
	background-image:url(../products/city/metro/btn_blue.gif);
	}
div#color_ctrl ul li a.color04{
	background-image:url(../products/city/metro/btn_gray.gif);
	}
div#color_ctrl ul li a.color05{
	background-image:url(../products/city/metro/btn_black.gif);
	}

/* other 色は#2c9ad0*/

div#wrap_other{
	width:900px;
	background-image:url(../imgs/wall_other.gif);
	background-repeat:repeat-y;
	}

div.ss_other{
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#2c9ad0 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
table#other {
    width: 600px;
}
table#other th {
    padding: 5px;
    border-left: 1px #2c9ad0 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#2c9ad0;
    line-height: 120%;
	text-align:left;
}
table#other td {
    padding: 5px;
    border-left: 1px #2c9ad0 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}



/* wc 色は#e56416*/

div#wrap_wc{
	width:900px;
	background-image:url(../imgs/wall_wc.gif);
	background-repeat:repeat-y;
	}
div.ss_wc{
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#e56416 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
table#wc {
    width: 600px;
}
table#wc th {
    padding: 5px;
    border-left: 1px #e56416 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
	color:#e56416;
    line-height: 120%;
	text-align:left;
}
table#wc td {
    padding: 5px;
    border-left: 1px #e56416 solid;
    border-width: 0 0 1px 1px;
	line-height: 120%;
	text-align:left;
}



/* company *　色は#999999 */

div#wrap_company{
	width:900px;
	background-image:url(../imgs/wall_base.gif);
	background-repeat:repeat-y;
	}
div.ss_company{
	margin:40px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#999999 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}
	
div.ss_company_top{
	margin:0px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-left:#999999 5px solid;
	border-bottom:#CCC 1px solid;
	padding-left:5px;
	}	

table#company {
    width: 610px;
	text-align:left;
}

table#company td {
	padding:5px 0;
    border-bottom: 1px #e4e4e4 solid;
    border-width: 0 0 1px 1px;
}

.year{
	width:50px;
}

ul#sidenavi a:hover{
	color:#ccc;
	}


/* tech */

ul#warning{
	list-style-image:url(../tech/imgs/caution.gif);
	margin:0 0 0 30px;
}

ol#tire_mounting{
	margin:0 0 0 30px;
}

.index_tech {
	width:190px;
	margin-right:10px;
	float:left;
	}
	
.index_tech p {
	font-size:10px;
	margin-left:5px;
	}

/* contact us */

table#contactus{
    width: 610px;
	text-align:left;
}

table#contactus th,
table#contactus td {
	padding:10px 0;
    border-bottom: 1px #999999 solid;
    border-width: 0 0 1px 1px;
}


/* btn */
#btn_tlr a,
#btn_tl_road a,
#btn_tl_road2 a,
#btn_tl_mtb a{
		display:block;
		width:610px; height:60px;
		text-indent:-20000px;
		margin:60px auto;
		}
#btn_tlr a{
		background:url(../imgs/btn_tlr.jpg) no-repeat;
		}
#btn_tl_road a{
		background:url(../imgs/btn_tl_road.jpg) no-repeat;
		}
#btn_tl_road2 a{
		background:url(../imgs/btn_tl_road2.jpg) no-repeat;
		}
#btn_tl_mtb a{
		background:url(../imgs/btn_tl_mtb.jpg) no-repeat;
		}
		#btn_tlr a:hover,
		#btn_tl_road a:hover,
		#btn_tl_road2 a:hover,
		#btn_tl_road3 a:hover,
		#btn_tl_mtb a:hover{
			background-position:0px -60px;
		}