@charset "utf-8";

/* ---------------------------------------------------------
TITLE　: le coq [products.css]
------------------------------------------------------------ 
------------------------------------------------------------
目次
-基本設定
-リンク設定
------------------------------------------------------------ */


/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
/*commonbase.cssから継承*/

/* ---------------------------------------------------------
メインコラム
------------------------------------------------------------ */
/* ---------------------------------------------------------
2コラム：左
------------------------------------------------------------ */
.outeritemleft{/*後で削除*/
	width:600px;
	height:600px;
	padding:0 5px;
	margin:0 0 2px 0;
}

.pctmain{
	width:600px;
	height:600px;
	padding:0 5px;
	margin:0 0 2px 0;
}

.thumblistouter{
	width:610px;
	text-align:center;
	
	padding:0;
	padding:0;
}

ul.thumblist{
	width:610px;
	text-align:center;
	
	font-size:0;
	
	padding:0;
	margin:0 0 3px -3px;
}


ul.thumblist li{
    display: -moz-inline-box;/*for FF2*/  
    display: inline-block;/*Modern Browser & FF3*/  
	width:70px;

	font-size:12px;

	padding:15px 0 3px 0;
	margin:0 3px 0 0;
	cursor:pointer;
}

ul.thumblist li.color{
	background:transparent url(../images/ttl_color.gif) no-repeat left top;
}

/* Windows IE6 only */  
* html .thumblist li  {
	display: inline;    
	zoom: 1;  
}  
/* Windows IE7 only */  
*+html .thumblist li  {  
	display: inline;  
	zoom: 1;  
}  


ul.thumblist li img{
	border:solid 1px #c2c2c2;
}

/*↓add by it (09.12.09)*/
ul.thumblist li img.sel{
	border:solid 1px #1d5a8d;
}

ul.thumblist li img.mouseon{
	border:solid 1px #1d5a8d;
}

/*↑add by it (09.12.09)*/


ul.thumblist li p{
	text-align:center;
	padding:0;
	margin:0;
}




/* ---------------------------------------------------------
2コラム：右
------------------------------------------------------------ */
.outeritemright{/*後で削除*/
	padding:15px 0 0 0;
	background:transparent url(../images/line_halftone_l.gif) repeat-x left top;
}

.contentsright{
	padding:15px 0 0 0;
	background:transparent url(../images/line_halftone_l.gif) repeat-x left top;
}

.itemheader{
}

.itemsocial{
	display: inline-block;
	margin: 0 0 12px 0;
	width: 298px;
}

ul.sbm {
	list-style: none;
	padding: 0;
	margin:0;
}
li.sbml {
	list-style: none;
	float: left;
	margin: 0px 3px 0px 0px;
}
ul.sbm img { 
	border: none;
}


.itemid{
	font-size:10px;
}

.itemid img{
	margin:0 6px 0 0;
}

h2{
	font-size:23px;
	line-height:1.1;
	
	padding:0 0 13px 0;/*bottom16*/
	margin:0 0 18px 0;/*bottom20*/
	background:transparent url(../images/line_h_dot.gif) repeat-x left bottom;
}

.itemcopy{
	font-weight:bold;
}

.itemdescription{
	padding:0 0 4px 0;/*bottom20*/
}

.itemdescription a{
	padding:0 0 4px 0;/*bottom20*/
	text-decoration:underline;
	font-weight: bold;
	color:#1d5a8d;
}



dl.itemdetail{
	clear:both;
	width:298px;
}

dl.itemdetail dt{
	clear:both;
	float:left;
	width:77px;

	padding:10px 0 20px 0;
	margin:0 1px 0 0;
	
	background:transparent url(../images/line_halftone_s.gif) repeat-x left top;
}

dl.itemdetail dd{
	float:left;
	width:210px;
	
	line-height:1.8;
	
	padding:5px 0 20px 10px;
	margin:0;

	background:transparent url(../images/line_h_dot.gif) repeat-x left top;
}


.txtfunction{
	padding:0 0 6px 0;
	margin:0;
}


/*タイトル画像
------------------------------------------------------------ */
.itemttl{
	position:relative;
	width:76px;
	height:8px;

	display:block;
	overflow:hidden;
	
	padding:0;
	margin:0;
}

.itemttlj{
	position:relative;
	width:76px;
	height:10px;

	display:block;
	overflow:hidden;
	
	padding:0;
	margin:0;
}

.ttlcolor{
	position:absolute;
	top:0;
	left:0;	
}

.ttlprice{
	position:absolute;
	top:-10px;
	left:0;	
}

.ttlsize{
	position:absolute;
	top:-20px;
	left:0;	
}

.ttlmaterial{
	position:absolute;
	top:-30px;
	left:0;	
}

.ttlcomposition{
	position:absolute;
	top:-40px;
	left:0;	
}

.ttlfunction{
	position:absolute;
	top:-50px;
	left:0;	
}

.ttlcountry{
	position:absolute;
	top:-60px;
	left:0;	
}


/*カラーチップ*/
ul.colorlist{
	padding:5px 0 0 0;
	margin:0 0 0 -7px;
	xborder-top:solid 1px #ff0000;
}

ul.colorlist li{
	float:left;
	display:inline;
	margin:0 0 0 7px;
}

ul.colorlist li img{
	padding:2px;
	margin:0;
	background:#ffffff;
	border:solid 1px #c2c2c2;
}



ul.colorlist li p{
	text-align:center;
	padding:0;
	margin:0;
}


/*ファンクション*/
ul.functionlist{
	margin:0 0 0 -6px;
}

ul.functionlist li{
	float:left;
	display:inline;
	margin:0 0 7px 7px;
}

ul.functionlist li img{
	margin:0;
	/*border:solid 1px #c2c2c2;*/
}



/* ---------------------------------------------------------
2コラム：関連商品
------------------------------------------------------------ */
.outerrelated{
	clear:both;
	width:922px;
	
	padding:36px 0 20px 0;
}

h3{
	height:20px;
	background:transparent url(../images/line_h_dot.gif) repeat-x left bottom;
	
	margin:0 0 10px 0;
}

.outerrelated ul{
	width:936px;
	margin:0 0 0 -14px;
}

.outerrelated ul li{
	float:left;
	display:inline;
	width:142px;
	/*text-align:center;*/
	
	padding:0;
	margin:0 0 0 14px;
}

.outerrelated ul li img{
	margin:0 0 10px 0;
}

/*ボタン：DETAIL*/
.btndetail{
	position:relative;
	width:73px;
	height:25px;

	overflow:hidden;

	padding:0;
	margin:0 auto;
}

.detail{
	position:absolute;
	top:0;
	left:0;
}

a:hover .detail {
	position:absolute;
	top:-30px;
	left:0;
}



/*add by div1 100730*/
/*カート
------------------------------------------------------------ */
.boxcart{
	clear:both;
	width:297px;
	xheight:300px;
	background:#ebebeb;
	
	padding:0;
	margin:0 0 12px 0;
}

.boxcartinner{
	padding:13px 13px 20px 13px;
}


dl.dlcart{
	width:260px;
	
	padding:0;
	margin:0 0 6px 0;
}

dl.dlcart dt{
	clear:both;
	float:left;
	display:inline;
	width:60px;
	xheight:35px;
	
	padding:6px 0 0 0;
	margin:0;
}

dl.dlcart dd{
	float:left;
	display:inline;
	width:170px;
	xheight:30px;
	
	padding:0 0 14px 0;
	margin:0;
}

dl.dlcart .mg{
	padding:0;
}

#message{
	font-size:11px;
	color:#cc0000;
	
	margin:0 0 3px 5px;
	padding:0;
}

.selectbox{
	width:160px;
	
	font-size:12px;
	line-height:1.0;
	
	vertical-align:middle;

	padding:4px 0;
	margin:0;
}

.btnsubmit{
	width:;
	margin:0 auto;
	padding:0;
}

.sizelink{
	font-weight:bold;
	line-height:1.1;
	
	margin:0 0 12px 0;
}

.sizelink a:link{
	color:#333333;
	text-decoration:underline;
}
.sizelink a:visited{
	color:#333333;
	text-decoration:underline;
}
.sizelink a:hover{
	color:#333333;
	text-decoration:none;
}
.sizelink a:active{
	color:#333333;
	text-decoration:underline;
}

.notice{
	font-size:10px;
	
	padding:0;
	margin:0;
}

ul.newList * {
	margin:0; 
	padding:0;
}


/*デフォルト状態*/
.newListSelected{
	float:left;
	display:inline;
	width:160px; 
	height:22px; 
	padding:3px 0 0 10px; 
	background:url(../images/product_bg_select170.gif) no-repeat;
}

/*プルダウン*/

ul.newList {
	position:absolute;  
	list-style:none; 
	width:170px;/*130*/
	background:#fff; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	top:22px;
	left:0; 

	xoverflow:auto; 
	z-index:9999;

	margin:0; 
	padding:3px 0 0 0; 
}

ul.newList li a,
ul.newList li a:visited,
ul.newList li a:hover,
ul.newList li a:active {
	padding:0 0 0 10px;
	display: block;
	outline:none;
}

ul.newList li a:hover {
	background:#999;
	color:#fff;
}

.selectedTxt {
	width:160px; 
	overflow:hidden; 
	height:22px;
	padding:0;
}

/*ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:124px; overflow:hidden; height:16px; padding:0;}
.hiLite {background:#cccccc!important;}
.hiLite a {background:#cccccc!important;}
.hiLite a:hover {background:#cccccc!important;}*/



/*add by div1 100730 end*/

/*add by div1 100731 end*/

#btnaddcart{
	cursor:pointer
}

/*add by div1 100731 end*/