@charset "Shift_JIS";

/*------------------------------------------------------*/
/* Auther unType::u.matsuda::2010/04/01 */
/*------------------------------------------------------*/

/*------------------------------------------------------*/
/* motorclothes トップ  index.html */
/*------------------------------------------------------*/
/*---検索エリア
div#search_area{
	padding:0;
	position:relative;
	left:425px;
}
*html div#search_area{
	width:340px;
	padding:0;
	position:relative;
	left:434px;
}
*+html div#search_area{
	width:340px;
	padding:0;
	position:relative;
	left:434px;
}
div#search_area p{
	padding:0 0 0 5px;
}
div#search_area .fll{
	float: left;
}
div#search_area p input{
	margin-top:2px;
	padding:0;
}---------------------*/

/*---Hot Item---------------------*/
div#hot_item {
	background: url(../img/top/hot_item_bg.gif) no-repeat left;
	margin:12px 0 45px 6px;
	width:763px;
	height:171px;
}
div#hot_item ul li{
	float: left;
	margin:15px 0 0 -1px;
	_margin:0 0 0 0px;
	padding:0;
}
div#hot_item ul li .first{
	margin:0px 0 0 12px;
	_margin:15px 0 0 11px;
	padding:0;
}
div#hot_item ul li .ph{
	margin:0px 0 0 7px;
	_margin:15px 0 0 5px;
	padding:0;
}
div#hot_item ul li .ico{
	float: left;
	text-align:center;
	width:115px;
	margin:14px 0 0 9px;
	_margin:14px 0 0 4px;
	padding:0 0 0 0;
	border:solid 1px #e9e8e8;
}
div#hot_item ul li .ico_first{
	float: left;
	text-align:center;
	width:115px;
	margin:14px 0 0 14px;
	_margin:14px 0 0 7px;
	padding:0 0 0 0;
	border:solid 1px #e9e8e8;
}

div#hot_item ul li .ico p,
div#hot_item ul li .ico_first p{
	float: left;
	margin-right:2px;
}
div#hot_item ul li .ph a:hover img,
div#hot_item ul li .first a:hover img{
	margin: -3px;
    border: solid 3px #d5d5d5;
}
* html div#hot_item ul li .ph a:hover,
* html div#hot_item ul li .first a:hover {  
    zoom: 1;  
}  
* html div#hot_item ul li .ph a:hover img,
* html div#hot_item ul li .first a:hover img {  
		/* for BackCompat mode 
		margin-left: -6px; 
		margin-right: -6px; 
		over here */  
	float: left;
	position: relative;  
 }


/*---Season Collection / Core Collection ---------------------*/
div#season{
	margin:0 0 0 0px;
	padding:15px 0 0 5px;
	/* background: url(../img/top/season_bg.gif) no-repeat bottom left; */
	width:769px;
}
div#core{
	margin:0 0 0 0px;
	padding:15px 0 0 7px;
	/* background: url(../img/top/season_bg.gif) no-repeat bottom left; */
	width:769px;
}
div#season ul li,
div#core ul li{
	float:left;
	padding:0;
	margin-top:0;
}
div#core .list_width{
	width:145px;
	margin-bottom:3px;
}

/*---商品カテゴリから探す ---------------------*/
div#category{
	margin-bottom:30px;
	padding:0;
}

div#category p{
	margin:0 0 0 6px;
}
div#category .bg{
	margin:0 0 0 6px;
	padding:0;
	background: url(../img/top/search_category_btm.gif) no-repeat bottom left;
}
div#category .bg dl{
	margin:0 0 0 30px;
	padding:15px 0 0 0;
}
div#category .bg dl.last{
	margin:0px 0 0 30px;
	padding-bottom:15px;
}
div#category .bg dl dt{
	float: left;  
}
div#category .bg dl dd{
	float: left;
	padding:0 4px 0 4px;
	border-right:1px solid #686868;
}
div#category .bg dl dd.first{
	margin-left:10px;
	border-right:1px solid #686868;
}
div#category .bg dl dd.last{
	border-right:none;
	
}

/*------------------------------------------------------*/
/* motorclothes 一覧ページ list.html */
/*------------------------------------------------------*/
div#motorclothes h2{
	font-size: 220%;
	font-weight: bold;
	margin-top:20px;
}
div#motorclothes h3{
	font-size: 120%;
	font-weight: bold;
	margin:10px 0 10px 0;
	background-color:#e1e1e1;
	padding:5px 0 5px 10px;
}
/*---ページ遷移・商品点数・並べ替え ---------------------*/
div#motorclothes #page{
	float: left;
	margin:18px 0 0 0;
	padding-bottom:12px;
	width:600px;
}
div#motorclothes #page ul li.first{
	border:none;
	padding-left:0;
}
div#motorclothes #page ul li.last{
	border-left:1px solid #adacac;
	border-right:1px solid #adacac;
	padding:0 5px 0 5px;
}
div#motorclothes #page ul li.last02{
	border:none;
	padding-left:5px;
}
div#motorclothes #page ul li{
	margin-top:18px;
	padding:0 5px 0 5px;
	display:inline;
	border-left:1px solid #adacac;
}
div#motorclothes #page ul li img{
	vertical-align:middle;
}
div#motorclothes #number{
	float: left;
	text-align:right;
	margin:18px 0 12px 0;
	width:170px;
}
div#motorclothes #number p{
	margin-top:18px;
	display:inline;
	padding-left:20px;
	text-align:right;
}
/*div#motorclothes #number p.first{
	margin-left:580px;
}*/
div#motorclothes #path{
	margin-bottom:18px;
}
div#motorclothes #path ol li{
	display:inline;
}
/*---商品カテゴリから探す（Men's/Lady'sの一覧ページの時に使用する） ---------------------*/
div#motorclothes div#category ul{
	margin:0 0 0 60px;
	padding:15px 0 10px 0;
}
div#motorclothes div#category .bg ul li{
	display:inline;
	padding:0 4px 0 4px;
	border-right:1px solid #686868;
}
div#motorclothes div#category .bg ul li.first{
	margin-left:10px;
	border-right:1px solid #686868;
}
div#motorclothes div#category .bg ul li.last{
	border-right:none;
	
}
/*---商品一覧---------------------*/
div#motorclothes div#category_box{
	margin-left:3px;
}
div#motorclothes div#category_box_ML{	/* Men'・Lady'sカテゴリ一覧用 */
	margin-left:3px;
	width:769px;
	height:488px;
}
div#motorclothes div#category_box .boxT{
	background: url(../img/products/category_box_mark.gif) no-repeat top left;
	width:769px;
}
div#motorclothes div#category_box .boxB{
	background: url(../img/products/category_box_mark.gif) no-repeat bottom left;
	width:769px;
	margin:0;
	padding:0;
}
div#motorclothes div#category_box .boxM{
	background: url(../img/products/category_box_bg.gif) repeat-y left;
	width:769px;
}
div#motorclothes div#category_box ul li{
	float: left;
	padding:0;
	margin-left:2px;
	_margin-left:2px;
	width:188px;
}
div#motorclothes div#category_box_ML ul li{
	float: left;
}
div#motorclothes div#category_box ul li.first{
	float: left;
	padding:0;
	margin-left:4px;
	width:188px;
}
div#motorclothes div#category_box_ML ul li.first{
	float: left;
}
div#motorclothes div#category_box .pd02{
	padding-top:13px;
	_margin:3px 0 0 1px;
}
*+html div#motorclothes div#category_box .pd02{
	padding:16px 0 0 5px;
}
div#motorclothes div#category_box .pd03{ /* 2行目以降 */
	padding-top:0px;
	_margin:0 0 0 -4px;
}

div#motorclothes div#category_box .category_list_img{
	margin:3px 0 0 5px;
	_margin:3px 8px 0 5px;
	padding:0;
	width:181px;
}
div#motorclothes div#category_box .category_list_img02{
	margin:-7px 0 0 5px;
	_margin:-7px 4px 0 5px;
	padding:0;
	width:181px;
}
div#motorclothes div#category_box .category_list_img  a:hover img,
div#motorclothes div#category_box .category_list_img02  a:hover img{
	margin: -3px;
    border: solid 3px #d5d5d5;
}
* html div#motorclothes div#category_box .category_list_img a:hover,
* html div#motorclothes div#category_box .category_list_img02 a:hover {  
    zoom: 1;  
}  
* html div#motorclothes div#category_box .category_list_img a:hover img,
* html div#motorclothes div#category_box .category_list_img02 a:hover img{  
		/* for BackCompat mode 
		margin-left: -6px; 
		margin-right: -6px; 
		over here */  
	float: left;
	position: relative;  
 }
div#motorclothes div#category_box .pd{
	margin:0 0 0 1px;
	padding:10px 10px 20px 10px;
	_padding:10px 10px 20px 6px;
	width:169px;
}
div#motorclothes div#category_box .new{
	width:168px;
}
div#motorclothes div#category_box .new p{
	float: left;
	margin:7px 0 0 0;
}
div#motorclothes div#category_box .new p.price{
	width:126px;
	text-align: right;
	font-weight: bold;
}
div#motorclothes div#category_box .ico p{
	float: left;
	padding-right:6px;
	padding-bottom:7px;
	margin:7px 0 0 0;
}
div#motorclothes div#category_box .ico p.last{
	float: left;
	padding-right:0;
}


/*---注記---------------------*/
.attentionBox{
	width:769px;
	border:solid 1px #cac9c9;
	padding:2px;
	margin:10px 0 0 0;
}
.attentionBox02{
	border:solid 1px #cac9c9;
}
.attentionBox02 ul.attention01{
	padding: 10px 0 10px 15px;
}
.attentionBox02 ul.attention01 li{
	font-weight: bold;
}
.attentionBox02 ul.attention02{
	padding: 0 0 10px 15px;
}
.dot{
	background: url(/goods/images/line_dot.gif) no-repeat 20px bottom;
	width:736px;
}
.attentionBox02 dl{
	padding: 10px 0 0 15px;
}
.attentionBox02 dl dt{
	font-weight: bold;
}
/*------------------------------------------------------*/
/* motorclothes 詳細ページ details.html */
/*------------------------------------------------------*/
#details_item{
	margin:18px 0 0 0;
}
#details_item .ph{
	float: left;
	border:solid 3px #d5d5d5;
	width:368px;
}
#details_item .ph p.item{
	padding:25px 25px 0 25px;
	width:318px;
}
#details_item .ph p.ex{
	text-align:right;
	margin:0 5px 3px 0;
}
#details_item .explanation{
	float: left;
	margin:0 0 0 17px;
	width:384px;
}
#details_item .explanation .title{ width:384px; }
#details_item .explanation h2{
	font-size: 120%;
	font-weight: bold;
	margin:0;
	float: left;
}
#details_item .explanation .title p{
	float: right;
}
#details_item .explanation .ico{
	margin:18px 0 18px 0;
	width:384px;
}
#details_item .explanation .ico p{
	float: left;
	width:210px;
}
#details_item .explanation .ico div{
	float: left;
}
#details_item .explanation .ico ul li{
	display:inline;
	margin-left:3px;
}
#details_item .explanation .details_list dl dt{
	display:inline;
	line-height:1.5em;
}
#details_item .explanation .details_list dl dd{
	display:inline;
	line-height:1.5em;
}
#details_item .explanation dl.another_img dd ul li{
	float: left;
	border:solid 1px #d5d5d5;
	margin-right:6px;
	width:89px;
	height:88px;
} 
#details_item .explanation dl.another_img dd ul li.last{
	margin-right:0;
} 
/*---関連商品---------------------*/
dl#relation_img{
	margin:18px 0 30px 0;
}
dl#relation_img dd{
	margin:30px 0 12px 10px;
	_margin:10px 0 12px 10px;
	background: url(../img/products/details_line_bg.gif) no-repeat left;
	width:751px;
	height:55px;
}
dl#relation_img dd ul li{
	float: left;
	margin:-20px 21px 0 16px;
	_margin:0 28px 0 9px;
}
dl#relation_img dd ul li.first{
	float: left;
	margin:-20px 20px 0 19px;
	_margin:0 29px 0 9px;
}
dl#relation_img dd ul li.last{
	float: left;
	margin:-20px 0 0 16px;
	_margin:0 0 0 9px;
}
.attentionBox .attentionBox02 ul.dl_btn li{
	float: left;
	padding: 20px 0 10px 15px;
	margin-bottom:10px;
}
.attentionBox .attentionBox02 ul.dl_btn li.btn{
	float: right;
	padding:10px 0 0 0;
}

#hdj_col2common table {
	border: none;
	margin-top: 0px;
}

#hdj_col2common table td {
	border: none;
	padding-top: 0px;
	padding-left: 0px;
	background-position: left bottom;
}

.hdj_col1 table {
	border: none;
	margin-top: 0px;
}

.hdj_col1 table td {
	border: none;
	padding: 0px;
	background-position: left bottom;
}

ul#sideNavNew .active a.sidenavlink {
	background: url(/common/images/content/sideArea/sidenavibg_02_on.gif) 0 0 no-repeat;
}

ul#sideNavNew .active a.sidenavlink span {
	background: url(/common/images/content/sideArea/sidenavibgborder_on.gif) 0 0 no-repeat;
}

ul#sideNavNew .active a.sidenavlink span.parentSpan {
	background: url(/common/images/content/sideArea/sidenavibg_01_on.gif) 0 0 no-repeat;
}

p.hdj_tRight a#pageBackLink {
	color: #000;
}

p.hdj_tRight a#pageBackLink:hover {
	text-decoration: none;
}

/*------------------------------------------------------*/
/* End */
/*------------------------------------------------------*/