@charset "UTF-8";


/*枠外の背景・コレクションページのみ-------------*/
body {
	background-color:#000000;
	background-attachment:scroll;
	background-image: url(../01_coll/img/bg_collection.gif);
	background-repeat:repeat-x;
	}




/*段組-------------------------------------------*/

#content {
	width:800px;
	height:470px;/*グローバルメニューを除いた、コレクションページ天地合計サイズ*/
	}


#category {
	float:left;
	}

#item {
	float:left;
	}


#right {
	width:280px;
	/*height:350px;  ←削除　ブラウザの上下スクロールバーがナゼか出てしまうので*/
	float:right;
	background-image:url(../01_coll/img/bg_collection_02.gif);
	position:relative;
	top:-350px;
	left:0px;
	}

#right .back {
	position:relative;
	top:132px;/*BACKボタン・上からのの距離*/
	left:0px;/*BACKボタン・時計からのの距離*/
	}

#right .next {
	position:relative;
	top:108px;/*NEXTボタン・上からのの距離*/
	left:70px;/*NEXTボタン・時計からのの距離*/
	}


#right .color {/*カラーバリの説明*/
	position:relative;
	top:130px;/*上からのの距離*/
	left:0px;
	display:block;
	height:20px;
	width:130px;
	background-image:url(../01_coll/img/color.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}


.price {
	position:relative;
	top:120px;/*色数、型番、値段・上からのの距離*/
	left:0px;/*色数、型番、値段・時計からのの距離*/
	}




#footer {
	width:280px;
	margin-left:465px;/*左からの距離を調節*/
	position:absolute;/*上からの距離を調節*/
	top:630px;
	}





/*カテゴリのメニュー-------------------------------------------*/
#menu_coll {
	width:800px;
	height:120px;
	background-image:url(../01_coll/img/menu_bg.jpg);
	background-repeat:repeat-x;
	position:absolute;
	top:500px;
	}

#menu_coll ul {
	list-style: none;
	float:right;
	position:absolute;
	top:0px;/*#menu_collに対してTOPからゼロ*/
	margin-left:90px;/*カテゴリ数が増減したら左からの距離を調節する*/
	}

#menu_coll li {
	width:85px;
	height:120px;
	float:left;
	text-indent:-9999px;
	margin:0 10px;/*各カテゴリの左右間隔調整用*/
	}

#menu_coll li a {
	width:85px;
	height:120px;
	display:block;
	}

#menu_coll li.big_square {
	background-image:url(../01_coll/img/menu_big_square.jpg);
	}
#menu_coll li.mini_square {
	background-image:url(../01_coll/img/menu_mini_square.jpg);
	}
#menu_coll li.oversize {
	background-image:url(../01_coll/img/menu_oversize.jpg);
	}
#menu_coll li.tonneau {
	background-image:url(../01_coll/img/menu_tonneau.jpg);
	}
#menu_coll li.round {
	background-image:url(../01_coll/img/menu_round.jpg);
	}
#menu_coll li.bangle {
	background-image:url(../01_coll/img/menu_bangle.jpg);
	}
#menu_coll li.multi_function {
	background-image:url(../01_coll/img/menu_multi_function.jpg);
	}
#menu_coll li.chrono {
	background-image:url(../01_coll/img/menu_chrono.jpg);
	}	
	
	
	
#menu_coll li.big_square a:hover{
	background-image:url(../01_coll/img/menu_big_square.jpg);
	background-position:bottom;
	}
#menu_coll li.mini_square a:hover{
	background-image:url(../01_coll/img/menu_mini_square.jpg);
	background-position:bottom;
	}
#menu_coll li.oversize a:hover{
	background-image:url(../01_coll/img/menu_oversize.jpg);
	background-position:bottom;
	}
#menu_coll li.tonneau a:hover{
	background-image:url(../01_coll/img/menu_tonneau.jpg);
	background-position:bottom;
	}
#menu_coll li.round a:hover{
	background-image:url(../01_coll/img/menu_round.jpg);
	background-position:bottom;
	}
#menu_coll li.bangle a:hover{
	background-image:url(../01_coll/img/menu_bangle.jpg);
	background-position:bottom;
	}	
#menu_coll li.multi_function a:hover{
	background-image:url(../01_coll/img/menu_multi_function.jpg);
	background-position:bottom;
	}
#menu_coll li.chrono a:hover{
	background-image:url(../01_coll/img/menu_chrono.jpg);
	background-position:bottom;
	}	

	
#menu_coll p.tab {
	position:relative;
	top:45px;
	}





/*詳細-------------------------------------------*/
.price {
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #999999;
	}


img {
	border-style: none;/*BACK・NEXTボタンのリンク線消し*/
}