@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 #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:495px;
	/*background-color:#939596;*/
}
#box_2 #content h2.saddle{/* タイトル saddle 画像の指定 */
	width:484px;
	height:40px;
	background-image:url(img/im_title_saddle.png);
	background-repeat:no-repeat;
	margin:0px 8px 15px 3px;
}
/* テーブル ヘッダー用の指定 */
#box_2 #content table.head{
	width:484px;
	margin:5px 8px 5px 3px;
	font-size:75%;/* 基本文字サイズ指定75％を解除 */
	line-height:1.2em;
	border-collapse:collapse;
}
#box_2 #content th.head{
	padding:5px;
	text-align:center;
	font-weight:normal;
	border-left:solid 1px #DFDFD0;/* 左枠の指定 */
	border-right:solid 1px #FFFFFF;/* 右枠の指定 */
	background-color:#DFDFD0;
	width: 150px;
}
#box_2 #content th.head_1{
	padding:5px;
	text-align:center;
	font-weight:normal;
	border-right:solid 1px #FFFFFF;/* 右枠の指定 */
	background-color:#DFDFD0;
	width: 172px;
}
#box_2 #content th.head_2{
	padding:5px;
	text-align:center;
	font-weight:normal;
	border-right:solid 1px #FFFFFF;/* 右枠の指定 */
	background-color:#DFDFD0;
	width: 91px;
}
#box_2 #content th.head_3{
	padding:5px;
	text-align:center;
	font-weight:normal;
	background-color:#C9CACB;
	width: 57px;
}
#box_2 #content th.open{
	background-color:#FFFFFF;
	height:10px;
}
/* テーブル データベース用の指定 */
#box_2 #content th.contents{/* 商品画像用の指定 */
	padding:0px;
	font-weight:normal;
	border:solid 1px #CCCCCC;
	width: 150px;
}
#box_2 #content th.contents_1{/* 商品名用の指定 */
	padding:7px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border-top:solid 1px #CCCCCC;
	width: 172px;
}
#box_2 #content th.contents_1b{/* 商品名用の指定 */
	padding:7px;
	text-align:left;
	vertical-align:bottom;
	font-weight:normal;
	border-bottom:solid 1px #CCCCCC;
}
#box_2 #content th.contents_2{/* ブランド名用の指定 */
	padding:7px;
	text-align:center;
	vertical-align:top;
	font-weight:normal;
	border:solid 1px #CCCCCC;
}
#box_2 #content th.contents_3{/* 価格用の指定 */
	padding:7px;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	border:solid 1px #CCCCCC;
	width: 57px;
}
#box_2 #content table.kochira{/* 詳しくはこちら用のテーブル指定 */
	width:100%;
	/*margin-top:5%;*/
	font-size:95%;/* 基本文字サイズ指定75％を解除 */
}
#box_2 #content th.kochira{/* 詳しくはこちら用のテーブル指定 */
	height:100%;
	vertical-align:bottom;
	text-align:left;
	/*margin-top:5%;*/
}
/* 前頁・次頁用ボタンの指定 */
#box_2 #content p.bt {
	margin-top:15px;
	text-indent:-9999px;
}
#box_2 #content #bt_pre {/* 前頁用ボタンの指定 */
	float:left;
	background:url(img/bt_prev_a.gif) no-repeat;
	width:60px;
	height:15px;
	margin-left:4px;
}
#box_2 #content #bt_pre:hover {
	background:url(img/bt_prev_b.gif) no-repeat;
}
#box_2 #content #bt_next {/* 次頁用ボタンの指定 */
	float:right;
	background:url(img/bt_next_a.gif) no-repeat;
	width:60px;
	height:15px;
	margin-right:8px;
	border:0;
}
#box_2 #content #bt_next:hover {
	background:url(img/bt_next_b.gif) no-repeat;
}













#box_2 #content th.r{
	text-align:right;
	padding:5px;
}
#box_2 #content th.rg{
	text-align:right;
	padding:5px;
	background-color:#F2F2F2;
}






/* -------------------------------------------------------------
コンテンツ（カテゴリーメニュー）の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 table.geax_td{
	font-size:100%;
	line-height:1.3em;
	border-collapse:collapse;
}

#box_0 #box_2 #content table.geax_td td{
	border:solid 1px #CCCCCC;
	padding:5px;
}


/* -------------------------------------------------------------
Vittoria他用テーブルの指定
------------------------------------------------------------- */

#box_0 #box_2 #content table.com_td table{
	font-size:100%;
	line-height:1.5em;
	text-align:left;
	border:0;
	margin:0px;
}

#box_0 #box_2 #content table.com_td td{
	font-size:100%;
}

#box_0 #box_2 #content table.com_td td.keisen{
	border:solid 1px #CCCCCC;
	padding:5px;
}

.mb20com{
	padding-bottom:20px;
}

/* -------------------------------------------------------------
TRIGON用テーブルの指定
------------------------------------------------------------- */

#box_0 #box_2 #content table.trigon{
	line-height:1.5em;
	text-align:left;
	border-collapse:collapse;
	margin:0 0 0 3px;
}

#box_0 #box_2 #content table.trigon td{
	border:solid 1px #CCCCCC;
	padding:5px;
}

#box_0 #box_2 #content table.trigon td.copy{
	border:none;
	padding:0 5px 20px 5px;
}

#box_0 #box_2 #content table.trigon td.center{
	text-align:center;
}


/* -------------------------------------------------------------
ALEX用テーブルの指定
------------------------------------------------------------- */

#box_0 #box_2 #content table.alex{
	line-height:1.5em;
	text-align:left;
	border-collapse:collapse;
	margin:0 0 0 3px;
}
#box_0 #box_2 #content table.alex td{
	border:solid 1px #CCCCCC;
	padding:5px;
}
#box_0 #box_2 #content table.alex td.copy{
	border:none;
	padding:0 5px 20px 5px;
}
#box_0 #box_2 #content table.alex td.center{
	border:solid 1px #CCCCCC;
	padding:5px;
	text-align:center;
}




/* -------------------------------------------------------------
他ブランド用テーブルの指定
------------------------------------------------------------- */

#box_0 #box_2 #content table.etc{
	font-size:100%;
	line-height:1.5em;
	text-align:center;
	border-collapse:collapse;
	margin:0px;
}

#box_0 #box_2 #content table.etc td{
	border:solid 1px #CCCCCC;
	padding:5px;
}

#box_0 #box_2 #content table.etc td.left{
	text-align:left;
}



/* -------------------------------------------------------------
他ブランド用テーブルの指定
------------------------------------------------------------- */

#box_0 #box_2 #content table.bland{
	font-size:100%;
	line-height:1.5em;
	text-align:center;
	border-collapse:collapse;
	padding:5px 0;
	margin:0 0 10px 0;
}

#box_0 #box_2 #content table.bland td{
	font-size:100%;
	border:solid 1px #CCCCCC;
}

#box_0 #box_2 #content table.bland td.left{
/*	font-size:100%;*/
	text-align:left;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:none;
	border-bottom:none;
	padding:5px 0 0 10px;
}

#box_0 #box_2 #content table.bland td.right{
	font-size:80%;
	text-align:right;
	border-top:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-left:none;
	border-bottom:none;
	padding:5px 5px 0 0;
}

.mb20com{
	padding-bottom:20px;
}

.mb10com{
	padding-bottom:10px;
}