@import url("common.css");





/* -------------------------------------------------------------
コンテンツ（大枠）のdiv指定
------------------------------------------------------------- */
#box_2{
	width:909px;
	margin:35px 18px;
	float:left;
	background-image:url(img/li_3col_list.gif);
	background-repeat:repeat-y;
}
/* for WinIE6 */
*html #box_2{
	margin:35px 9px;
}
#box_2 img.title{
	margin:0px;
	padding:0px;
	border:0;
}
#box_2 h2,h3{
	text-indent:-9999px;
}

/* -------------------------------------------------------------
コンテンツ（ブランドメニュー）のdiv指定
------------------------------------------------------------- */
#box_2 #brand{
	float:left;
	width:214px;
	margin:0px 20px 0px 0px;
	/*background-color:#939596;*/
}
#box_2 #brand h2.cp1{/* Brand */
	width:214px;
	height:25px;
	background-image:url(img/im_title_brand.gif);
	background-repeat:no-repeat;
	margin:0px;
}
#box_2 #brand h2.cp2{/* Pickup */
	clear:both;
	width:214px;
	height:25px;
	background-image:url(img/im_title_pickup.gif);
	background-repeat:no-repeat;
	margin:30px 0px 5px 0px;/* 30pxは、IEのみ反映します */
	
}
/* ブランドのナビゲーション指定 */
#box_2 #brand li
{
	float:left;
	list-style:none;
}
#box_2 #brand a
{
	float:left;
	height:40px;
	text-indent:-9999px;
	background:url(img/bt_lg_brand.png) no-repeat;
	text-decoration:none;
	outline:none;
}
#box_2 #brand a.last
{
	height:55px;
	margin-bottom:30px;/* IEには、反映されません */
}
		
#box_2 #brand #GanWell				{width:107px; background-position:0px 0px;}
#box_2 #brand #GanWell:hover		{background-position:-214px 0px;}
		
#box_2 #brand #cyclepro				{width:107px; background-position:-107px 0px;}
#box_2 #brand #cyclepro:hover		{background-position:-321px 0px;}
		
#box_2 #brand #somec				{width:107px; background-position:0px -40px;}
#box_2 #brand #somec:hover			{background-position:-214px -40px;}
		
#box_2 #brand #Vittoria				{width:107px; background-position:-107px -40px;}
#box_2 #brand #Vittoria:hover		{background-position:-321px -40px;}

#box_2 #brand #sab				{width:107px; background-position:0px -80px;}
#box_2 #brand #sab:hover		{background-position:-214px -80px;}
		
#box_2 #brand #GEAX					{width:107px; background-position:-107px -80px;}
#box_2 #brand #GEAX:hover			{background-position:-321px -80px;}

#box_2 #brand #TRIGON				{width:107px; background-position:0px -120px;}
#box_2 #brand #TRIGON:hover			{background-position:-214px -120px;}
		
#box_2 #brand #selleITALIA			{width:107px; background-position:-107px -120px;}
#box_2 #brand #selleITALIA:hover	{background-position:-321px -120px;}

#box_2 #brand #moa				{width:107px; background-position:0px -160px;}
#box_2 #brand #moa:hover			{background-position:-214px -160px;}
		
#box_2 #brand #gsg				{width:107px; background-position:-107px -160px;}
#box_2 #brand #gsg:hover		{background-position:-321px -160px;}
		
#box_2 #brand #miche				{width:107px; background-position:-0px -200px;}
#box_2 #brand #miche:hover			{background-position:-214px -200px;}
		
#box_2 #brand #carnac				{width:107px; background-position:-107px -200px;}
#box_2 #brand #carnac:hover		{background-position:-321px -200px;}
		
#box_2 #brand #hed					{width:107px; background-position:0px -240px;}
#box_2 #brand #hed:hover			{background-position:-214px -240px;}

#box_2 #brand #var				{width:107px; background-position:-107px -240px;}
#box_2 #brand #var:hover		{background-position:-321px -240px;}
		
#box_2 #brand #ness				{width:107px; background-position:0px -280px;}
#box_2 #brand #ness:hover		{background-position:-214px -280px;}
		
#box_2 #brand #cyclus				{width:107px; background-position:-107px -280px;}
#box_2 #brand #cyclus:hover			{background-position:-321px -280px;}

#box_2 #brand #Guizzo				{width:107px; background-position:0px -320px;}
#box_2 #brand #Guizzo:hover			{background-position:-214px -320px;}
		
#box_2 #brand #XERO					{width:107px; background-position:-107px -320px;}
#box_2 #brand #XERO:hover			{background-position:-321px -320px;}

#box_2 #brand #Kalloy				{width:107px; background-position:0px -360px;}
#box_2 #brand #Kalloy:hover			{background-position:-214px -360px;}
		
#box_2 #brand #ALLIGATOR			{width:107px; background-position:-107px -360px;}
#box_2 #brand #ALLIGATOR:hover		{background-position:-321px -360px;}

#box_2 #brand #GIYO					{width:107px; background-position:0px -400px;}
#box_2 #brand #GIYO:hover			{background-position:-214px -400px;}
		
#box_2 #brand #ALEXRIMS				{width:107px; background-position:-107px -400px;}
#box_2 #brand #ALEXRIMS:hover		{background-position:-321px -400px;}

#box_2 #brand #XKEYMET				{width:107px; background-position:0px -440px;}
#box_2 #brand #XKEYMET:hover		{background-position:-214px -440px;}
		
#box_2 #brand #wellgo				{width:107px; background-position:-107px -440px;}
#box_2 #brand #wellgo:hover			{background-position:-321px -440px;}

#box_2 #brand #FORMULA				{width:107px; background-position:0px -480px;}
#box_2 #brand #FORMULA:hover		{background-position:-214px -480px;}
		
#box_2 #brand #NUVO					{width:107px; background-position:-107px -480px;}
#box_2 #brand #NUVO:hover			{background-position:-321px -480px;}

#box_2 #brand #taya					{width:107px; background-position:-107px -520px;}
#box_2 #brand #taya:hover			{background-position:-321px -520px;}

#box_2 #brand #Lifu					{width:107px; background-position:0px -520px;}
#box_2 #brand #Lifu:hover			{background-position:-214px -520px;}
		
#box_2 #brand #others				{width:107px; background-position:0px -560px;}

#box_2 #brand #others:hover			{background-position:-214px -560px;}

#box_2 #brand #null				{width:107px; background-position:-107px -560px;}

#box_2 #brand #open					{width:107px; background-position:0px -440px;}

		

/* バナー用指定　Vittoria */
#box_2 #brand h3 #bn_vittoria{
	display:block;
	width:214px;
	height:101px;
	background:url(img/bn_vittoria_a.png) no-repeat;
}
#box_2 #brand h3 #bn_vittoria:hover{
	background:url(img/bn_vittoria_b.png) no-repeat;
}






/* -------------------------------------------------------------
コンテンツ（本文）のdiv指定
------------------------------------------------------------- */
#box_2 #content{
	float:left;
	width:495px;
	/*background-color:#939596;*/
}
#box_2 #content h2.accessory{/* タイトル アクセサリー 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_accessory.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.alex{/* タイトル alexrims 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_alexrims.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.alligator{/* タイトル Alligator 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_alligator.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.bottle{/* タイトル bottle_gage 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_bottle_gage.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.complete{/* タイトル 完成車 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_complete.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.cyclus{/* タイトル cyclus 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_cyclus.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.fender{/* タイトル フェンダー 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_fender.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.fork{/* タイトル フォーク 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_fork.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.formula{/* タイトル formura 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_formura.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.frame{/* タイトル フレーム 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_frame.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.geax{/* タイトル geax 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_geax.png);
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.giyo{/* タイトル giyo 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_giyo.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.grip{/* タイトル グリップ／バーテープ 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_grip_bartape.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.ganwell{/* タイトル ganwell 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_grip_ganwell.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.stem{/* タイトル stem 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_grip_stem.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.guizzo{/* タイトル guizzo 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_guizzo.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.handle{/* タイトル ハンドル 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_handle.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.kalloy{/* タイトル kalloy 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_kalloy.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.x_keymet{/* タイトル keymet 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_keymet.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.lifu{/* タイトル lifu 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_lifu.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.lock{/* タイトル lock 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_lock.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.miche{/* タイトル miche 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_miche.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.nuvo{/* タイトル nuvo 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_nuvo.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.pedal{/* タイトル ペダル 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_pedal.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.pump{/* タイトル ポンプ 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_pump.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.rim{/* タイトル リム 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_rim.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.saddle{/* タイトル saddle 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_sadlle.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.seatpost{/* タイトル シートポスト 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_seatpost.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.selleitalia{/* タイトル selle_italia 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_selle_italia.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.shoes{/* タイトル shoes 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_shoes.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.somec{/* タイトル somec 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_somec.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.stand{/* タイトル stand 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_stand.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.tire{/* タイトル tire 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_tire.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.tool{/* タイトル tool 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_tool.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.trigon{/* タイトル trigon 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_trigon.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.tube{/* タイトル tube 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_tube.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.velo{/* タイトル velo 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_velo.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.vittoria{/* タイトル vittoria 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_vittoria.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.wellgo{/* タイトル wellgo 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_wellgo.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.wheel{/* タイトル wheel 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_wheel.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.wire{/* タイトル wire 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_wire_gage.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.xero{/* タイトル xero 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_xero.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.component{/* タイトル component 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_componetn.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.others{/* タイトル others 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_others.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.hed{/* タイトル HED 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_hed.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.taya{/* タイトル taya chain 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_taya.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
/* 2010.2.19 新ブランド追加 */ 
#box_2 #content h2.cyclepro{/* タイトル CYCLE PRO 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_cyclepro.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.sab{/* タイトル sab 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_sab.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.gsg{/* タイトル GSG 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_gsg.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.carnac{/* タイトル carnac 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_carnac.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.var{/* タイトル VAR 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_var.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
#box_2 #content h2.ness{/* タイトル NESS 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(header/im_title_ness.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}

/* テーブル データベース用の指定 */
#box_2 #content table{
	width:484px;
	margin:5px 0px;
	font-size:75%;/* 基本文字サイズ指定75％を解除 */
	line-height:1.5em;
	border-collapse:separate;
}
#box_2 #content th{
	padding:5px;
	width:130px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
/*	background-color:#DFDFE0;*//* グレー15％ */
}
#box_2 #content th.w_320{
	width:320px;
}
#box_2 #content th.photo{
	padding:0px;
	border:solid 1px #CCCCCC;/* 画像枠の指定 */
	background-color:#FFFFFF;
}
#box_2 #content th.gr_5{
	background-color:#F4F4F5;/* グレー5％ */
}
#box_2 #content th.open{
	background-color:#FFFFFF;
	height:10px;
}






/* -------------------------------------------------------------
コンテンツ（カテゴリーメニュー）のdiv指定
------------------------------------------------------------- */
#box_2 #category{
	float:right;
	width:165px;
	margin:0px 0px 0px 15px;
	/*background-color:#939596;*/
}
#box_2 #category h2.cp5{/* category */
	width:165px;
	height:25px;
	background-image:url(img/im_title_category_s.gif);
	background-repeat:no-repeat;
	margin:0px;
}
.tree{/* 表示用文字指定 */
	display:block;
	width:auto;
	font-size:70%;
	letter-spacing:0;
	/*background-color:#D9E5F2;*/
	border-bottom:1px dashed #BBBBBB;
	padding:6px 10px 5px 10px;
	margin:0px;
}
.tree_1{/* 下層有りの表示用文字指定 */
	display:block;
	width:auto;
	font-size:70%;
	letter-spacing:0;
	background-color:#E9EAEA;
	border-bottom:1px dashed #BBBBBB;
	padding:6px 10px 5px 10px;
	margin:0px;
}
.tree_2{/* 非表示用文字指定 */
	display:block;
	width:auto;
	font-size:70%;
	letter-spacing:0;
	background-color:#F4F4F5;
	border-bottom:1px dashed #BBBBBB;
	padding:6px 5px 5px 19px;
	margin:0px;
}
.tree_2_s{/* 非表示用文字ツメ指定 */
	display:block;
	width:auto;
	font-size:70%;
	letter-spacing:-0.1em;
	background-color:#F4F4F5;
	border-bottom:1px dashed #BBBBBB;
	padding:6px 5px 5px 19px;
	margin:0px;
}
.tree_3{/* 最下段用文字指定 */
	display:block;
	width:auto;
	font-size:70%;
	letter-spacing:0;
	/*background-color:#D9E5F2;*/
	border-bottom:1px dashed #BBBBBB;
	padding:6px 10px 5px 10px;
	margin:0px 0px 20px 0px;
}
#box_2 #category ul{
	padding:0;
	list-style:none;
	text-indent:0px;
	font-size:70%;/* 基本文字サイズ指定75％を解除 */
}
#box_2 #category li{
	width:auto;
	letter-spacing:0.1em;
	/*background-color:#D9E5F2;*/
	border-bottom:1px dashed #BBBBBB;
	margin:0px;
	padding:6px 10px 5px 10px;
}
#box_2 #category li.sub{
	padding-left:30px;
}















#box_0 #box_2 #content .gr_data {
	width: 320px;
}
#box_0 #box_2 #content .gr_15 {
	background-color: #DFDFE0;
}
#box_0 #box_2 #content .gr_5 {
	background-color: #F4F4F5;
}
/*タイヤスペック表のCSS*/
#box_0 #box_2 #content #spec {
	width: 480px;
	font-size:100%;
}
#box_0 #box_2 #content #spec .col1 {/* 色玉の指定 */
	width: 16px;
	background-color: #FFFFFF;
	text-align: center;
}
#box_0 #box_2 #content #spec .col2 {/* Sizeの指定 */
	width: 100px;
	background-color: #669933;
	text-align: center;
	vertical-align:middle;
}
#box_0 #box_2 #content #spec .col3 {/* tread colorsの指定 */
	width: 130px;
	background-color: #669933;
	text-align: center;
	vertical-align:middle;
}
#box_0 #box_2 #content #spec .col4 {/* Weightの指定 */
	width: 40px;
	background-color: #669933;
	text-align: center;
	vertical-align:middle;
}
#box_0 #box_2 #content #spec .col5 {/* Pree barの指定 */
	width: 40px;
	background-color: #669933;
	text-align: center;
	vertical-align:middle;
	line-height:1.0em;
}
#box_0 #box_2 #content #spec .col6 {/* Presas psiの指定 */
	width: 70px;
	background-color: #669933;
	text-align: center;
	vertical-align:middle;
}
#box_0 #box_2 #content #spec .col7 {/* Codeの指定 */
	width: 80px;
	background-color: #669933;
	text-align: center;
	vertical-align:middle;
}
#box_0 #box_2 #content #spec tr.data {/* 地色の指定 */
	text-align: center;
	background-color: #e4e4e4;
	line-height:1.2em;
}
#box_0 #box_2 #content #spec tr.data td {/* 地色の指定 */
	padding:5px 0px;
}