@import url("common.css");




/* -------------------------------------------------------------
Flash（メインムービー）の指定
------------------------------------------------------------- */
#box_flash{
	width:909px;
	margin:0px 18px;
	clear:left;
	padding-top:0;
}
#box_flash #f_left{
	width:auto;
	float:left;
	margin:0;
	padding-top:10px;
}
#box_flash #f_right{
	width:216px;
	float:right;
	margin:0;
	padding-top:10px;
}
/* for WinIE6 */
*html #box_flash #f_right{/* widthの正数指定による段落落ち解除の指定 */
	width:auto;
}
/* for WinIE7 */ 
*:first-child+html #box_flash #f_right{/* widthの正数指定による段落落ち解除の指定 */
	width:auto;
}

img.flash {
	float:left;
	border:0;
}

img.hot {
	float:right;
	border:0;
}


/* -------------------------------------------------------------
コンテンツ（大枠）のdiv指定
------------------------------------------------------------- */
#box_2{
	float:left;
	width:909px;
	margin:20px 18px 0px 18px;
	background-image:url(img/li_3col_top.gif);
	background-repeat:repeat-y;
}
/* for WinIE6 */
*html #box_2{
	margin:20px 9px 0px 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 #miche				{width:107px; background-position:0px -160px;}
#box_2 #brand #miche: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 #carnac				{width:107px; background-position:0px -200px;}
#box_2 #brand #carnac:hover		{background-position:-214px -200px;}
		
#box_2 #brand #hed					{width:107px; background-position:-107px -200px;}
#box_2 #brand #hed:hover			{background-position:-321px -200px;}

#box_2 #brand #var				{width:107px; background-position:0px -240px;}
#box_2 #brand #var:hover		{background-position:-214px -240px;}
		
#box_2 #brand #cyclus				{width:107px; background-position:-107px -240px;}
#box_2 #brand #cyclus: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 #XERO					{width:107px; background-position:-107px -280px;}
#box_2 #brand #XERO: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 #ALLIGATOR			{width:107px; background-position:-107px -320px;}
#box_2 #brand #ALLIGATOR: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 #ALEXRIMS				{width:107px; background-position:-107px -360px;}
#box_2 #brand #ALEXRIMS: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 #wellgo				{width:107px; background-position:-107px -400px;}
#box_2 #brand #wellgo: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 #NUVO					{width:107px; background-position:-107px -440px;}
#box_2 #brand #NUVO: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 #taya					{width:107px; background-position:-107px -480px;}
#box_2 #brand #taya:hover			{background-position:-321px -480px;}

#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:-107px -520px;}
#box_2 #brand #others:hover			{background-position:-321px -520px;}



/* バナー用指定　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:444px;
	/*background-color:#939596;*/
}
#box_2 #content h2.cp3{/* What's New */
	width:434px;
	height:21px;
	background-image:url(img/cp_whatsnew.gif);
	background-repeat:no-repeat;
	margin:4px 5px 10px 0px;
}

#box_2 #content h2.cp4{/* New Line up */
	float:left;
	width:434px;
	height:21px;
	background-image:url(img/cp_newlineup.gif);
	background-repeat:no-repeat;
	margin:20px 5px 10px 0px;
}

#box_2 #content li.wn{/* What's New用日付の指定 */
	display:block;
	float:left;
	width:120px;
	padding-left:5px;
	background:url(img/tr_wn.gif) no-repeat right 3px;

}
#box_2 #content li.wn_1{/* What's New用文章の指定 */
	display:inline;
	float:left;
	width:280px;
	padding-left:20px;
	margin-bottom:20px;
}
#box_2 #content #newlineup{/* Lineup用divの指定 */
	float:left;
	width:434px;
	margin:0px 5px 10px 0px;
	padding:0;
	/*background-color:#939596;*/
}

#box_2 #content #newlineup img.newlu{/* Lineup用画像の指定 */
	display:block;
	float:left;
	width:150px;
	border:solid 1px #999999;
	margin-right:10px;
	padding:0;
	/*background-color:#939596;*/
}
#box_2 #content #newlineup p{/* Lineup用文字の指定 */
	display:inline;
	float:left;
	width:270px;
}










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

.webcatalog{
	background-image:url(images/partscatarog_bunner.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 215px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.webcatalog:hover{
	background-image:url(images/partscatarog_bunner2.jpg);
}