/* CSS Document */

/*　大カテゴリ　-----------------------------*/
#main h1 {
    margin: 0 0 5px 0;
    }

/*　ブランド説明　-----------------------------*/
#main DL, DT, DD {
    margin: 0;
    padding: 0;
    }
    
#bigimage {
    margin: 0 10px 20px 0;
    float: left;
　  }

#main .exp {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    width: 305px;
    }
  
#main .exp DD {
    margin: 0 20px 0.8em 5px;
    padding: 1px 0 0.5em 0;
    font-size: 13px;
    _font-size: 108%;
    line-height: 20px;
    color: #222;
    background: url("../images/common/line.gif") 0px 2px;
    }

#main .exp DT {
    margin: 0.8em 0 0.9em 10px;
    padding-left: 5px;
    font-size: 150%;
    line-height: 130%;
    color: #000;
    border-left: double 8px #048;
    }

#main .DL3 DT {
    margin: 5px 0 10px 0 ;
    width: 629px;
    background: #048 url("../images/common/back_title_top.gif") 0% 0% no-repeat;
    }

#main .DL3 DT strong {
    display: block;
    padding: 7px 0 6px 24px;
    font-size: 18px;
    color: #005;
    background: url("../images/common/back_title_bottom.gif") 0% 100% no-repeat;
    line-height: 1em;
    }

#main .DL3 DD {
    width:320px;
    float:left;
    }

#main h4 {
    margin: 0 15px 5px 5px;
    padding: 4px 0 2px 0px;
    font-size: 120%;
    color: #369; 
    line-height: 130%;
    }
    
#main .DL3 DD p {
    margin: 0 10px 1.3em 5px;
    padding: 0 0 2px 0;
    line-height: 20px;
    color: #333;
    background: url("../images/common/line.gif") 0px 2px;
    }

.line {
    margin: 0 0 15px 0;
    width: 605px;
    height: 5px;
    border-top: dotted 7px #eee;
    }


/*　小カテゴリ　-------------------------------*/
#main h2 {
    margin: 15px 0 3px 6px;
    _margin: 32px 0 3px 6px;
    width: 619px;
    font-size: 100%;
    font-weight:normal;
    color: #000;
  }

#main h2 span {
    font-size: 80%;
    color: #2c76c2;
    }

.red h2 span{
    color: #FF5170;
    }

#main h2 a {
    text-decoration: none;
    color: #333;
    }

#main h2 a:hover {
    text-decoration: underline;
    color: #F00;
    }


.mark_note {
    display: inline;
    float: right;
    margin: 0 30px 0 0;
    color: #666;
    }

    
/*　商品セル　----------------------------*/
#main .itemcell,
#main .itemcell3	/* テラヘルツワンの扉ページ用 */
{
    margin-bottom: 3px;
    width: 313px;
    float: left;
    background: url("../images/common/back_itemcell.gif") 0 100% no-repeat; 
    }
#main .itemcell2 {
    margin-bottom: 3px;
    width: 622px;
    float: left;
    background: url("../images/common/back_itemcell_long.gif") 0 100% no-repeat; 
    }
#main .cool2 {
	margin-bottom: 40px;
}
    
/*　商品名　----------------------------*/
.itemcell h3,
.itemcell3 h5	/* テラヘルツワン 扉ページ用 */
{
    margin: 0 3px 0 0;
    padding: 8px 0 5px 20px;
    font-size: 117%;
    line-height:100%;
    color: #222;
    background: #48b url("../images/common/back_itemname.gif") no-repeat; 
    border-bottom: solid 0px #abc;
    }
.itemcell2 h3 {
    margin: 0 3px 0 0;
    padding: 8px 0 5px 20px;
    font-size: 117%;
    line-height:100%;
    color: #222;
    background: #48b url("../images/common/back_itemname_long.gif") no-repeat; 
    border-bottom: solid 0px #abc;
    }


/* CSSハック macIE以外に指定 \*/
.itemcell h3,
.itemcell3 h5	/* テラヘルツワン 扉ページ用 */
{
	overflow:hidden; height: 1em;
}
/**/

.itemcell .pb { background-color:#592;}

.itemcell h3 img.mark {
    float: right;
    margin: -1px 10px 0 0;
    width: 12px;
    height: 17px;
    }
    
/*　商品画像　----------------------------*/
#main .itemcell a,
#main .itemcell3 a /* テラヘルツワン 扉ページ用 */
{
    display: block;
    margin: 3px 0 0 0px;
    padding-bottom: 2em; 
    _padding-bottom: 1.5em; 
    width: 119px;
    float: left;
    background: url("../images/common/shousai2.gif") 2px 86% no-repeat;
    _background-position: 2px 91%;
    text-decoration: none;
    }
#main .itemcell2 a {
    display: block;
    margin: 3px 0 0 0px;
    float: left;
    text-decoration: none;
    }
    
#main .itemcell a:hover,
#main .itemcell3 a:hover	/* テラヘルツワン 扉ページ用 */
{
    background: url("../images/common/shousai2.gif") -118px 86% no-repeat;
    _background-position: -118px 91%;
    }    


.shousai {
    display: block;
    margin: 0px;
    height: 24px;
    visibility: hidden;
    text-decoration: none;
    }

/* テラヘルツワン 扉ページ用 */
.shousai2 {
    margin-top: 8px;
	margin-left:8px;
	padding-left:4px;
    height: 28px;
    visibility: hidden;
    text-decoration: none;
}

#itemimage {
    margin: 0 0 6px 4px;
    } 
    
/*　商品説明　----------------------------*/
#main .itemcell b,
#main .itemcell3 b
{
    margin-top: 7px;
    display: block;
    color: #d00;
    font-size: 106%;
    font-weight: normal;
    }
#main .itemcell2 b {
    margin-top: 7px;
    display: block;
    color: #d00;
    font-size: 106%;
    font-weight: normal;
    }

#main .itemcell p,
#main .itemcell3 p	/* テラヘルツワン 扉ページ用 */
{ 
    margin: 5px 15px 0 0;
    padding:0 0 1px 0;
    line-height: 20px;
    color: #333;
    background: url("../images/common/line.gif") 100% 2px repeat-y;
    }  
#main .itemcell2 p {
    margin: 5px 15px 0 0;
    padding:0 0 1px 0;
    line-height: 20px;
    color: #333;
    background: url("../images/common/line_hot.gif") 100% 2px repeat-y;
    }  
    
/*　商品価格　----------------------------*/
.price {
    margin: 7px 0 6px 0;
    font-size: 11px;
    _font-size: 92%; 
    color: #764;
    line-height:105%;
    }
 
.price th {
    padding-bottom: 2px;
    font-weight: normal;
    }
   
.price td {
    padding-bottom: 2px;
    }

.price small {
    font-size:90%;
    }
	
/*　クール・クール 2011ラインナップ 2011.05.19 add ----------------------------*/
#cc_2011{ width:625px; }

#cc_2011 img {
	vertical-align:bottom;
}

#cc_2011 .cc2011_item {
	background:url("../images/goods/coocouture/cool2_style2_back.gif") repeat-y;
}

#cc_2011 .cc2011_item img {
	width:280px;
	float:left;
	display:inline;
	margin:20px 0 0 21px;
	border:none;
}

#cc_2011 .bottom {
	background:URL("../images/goods/coocouture/cool2_style2_bottom.gif") repeat-x;
	height:12px;
}	



/* ------------------------------------------------------------------------------------------------ */
/*  div.itemBlockWrapper - アイテム一覧画面におけるセル 色のバリエーションあり                      */
/* ------------------------------------------------------------------------------------------------ */
.itemBlockWrapper {
	width: 308px;
	margin:10px 8px 10px 0;
	padding-top:10px;
	background:url(../images/common/itemcell_bg_topend.png) top no-repeat;
	background-color:#CFCFCF;
	text-align:center;
	float:left;
	display:inline;
}

	/* ---------------------------------------------------------------- */
	/*  subset                                                          */
	/* ---------------------------------------------------------------- */
	.bgBlue {
		background:url(../images/common/itemcell_bg_topend_blue.png) top no-repeat;
		background-color:#adf;
	}	

	.bgpink {
		background:url(../images/common/itemcell_bg_topend_pink.png) top no-repeat;
		background-color:#ffa8a8;
	}
	
	.bgGreen {
		background:url(../images/common/itemcell_bg_topend_green.png) top no-repeat;
		background-color:#cfc;
	}
	
	.bgPastelGreen {
		background:url(../images/common/itemcell_bg_topend_pastelgreen.png) top no-repeat;
		background-color:#cfcf71;
	}
	


.itemBlockWrapper img.bg_bottom {
	vertical-align:bottom;
}

.itemBlockWrapper .itemBlock {
	width: 288px;
	height:240px;
	margin-left:8px;
	margin-bottom:5px;
	background-color:#fff;
	border: solid 1px #000;
	text-align:left;
}

.itemBlockWrapper .itemBlock .itemBlock_header {
	height: 25px;
	padding-left: 5px;
	font-weight: bold;
	font-size:115%;
	line-height:25px;
	border-left: solid 8px #1D7AE2;
	background-color: #eeedeb;
}

.bgpink .itemBlock .itemBlock_header {
	height: 25px;
	padding-left: 5px;
	font-weight: bold;
	font-size:115%;
	line-height:25px;
	border-left: solid 8px #FF517C;
	background-color: #eeedeb;
}

.bgBlue .itemBlock .itemBlock_header {
	height: 25px;
	padding-left: 5px;
	font-weight: bold;
	font-size:115%;
	line-height:25px;
	border-left: solid 8px #1D7AE2;
	background-color: #eeedeb;
}

.bgGreen .itemBlock .itemBlock_header {
	border-left: solid 8px #009900;
}


.bgPastelGreen .itemBlock .itemBlock_header {
	border-left: solid 8px #7D7D2B;
}

.itemBlockWrapper .itemBlock .itemBlock_header img.icon {
	text-align:right;
}

.itemBlockWrapper .itemBlock .small {
	font-size:100%;
}

.itemBlockWrapper .itemBlock .itemBlock_header ul {
	display:inline;
	list-style-type:none;
}

.itemBlockWrapper .itemBlock .itemBlock_header ul li {
	float:right;
	display:inline;
	margin-top:2px;
	margin-right:1px;
}

.itemBlockWrapper .itemBlock .itemBlock_body {
	width: 276px;
	margin-top:10px;
	margin-left:8px;
}

.itemBlockWrapper .itemBlock .itemBlock_body img {
	border: solid 3px #1D7AE2;
	float:left;
	display:inline;
	margin-right:10px;
}

.bgpink .itemBlock .itemBlock_body img {
	border: solid 3px #FF527C;
	float:left;
	display:inline;
	margin-right:10px;
}

.bgGreen .itemBlock .itemBlock_body img {
	border: solid 3px #009900;
}

.bgPastelGreen .itemBlock .itemBlock_body img {
	border: solid 3px #7D7D2B;
}

.bgBlue .itemBlock .itemBlock_body img {
	border: solid 3px #1D7AE2;
}


.itemBlockWrapper .itemBlock .itemBlock_body p.catch {
	padding-left:3px;
	color: #FF0000;
}

.itemBlockWrapper .itemBlock .itemBlock_body p.text {
    padding:0 0 1px 0;
    line-height: 20px;
    color: #333;
    background: url(../images/common/item_underline.gif) 100% 2px repeat-y;
}

.itemBlockWrapper .itemBlock .itemBlock_body table {
	font-size:110%;
	text-align:left;
	margin-bottom:20px;
}

.itemBlockWrapper .itemBlock .itemBlock_body table th,
.itemBlockWrapper .itemBlock .itemBlock_body table td
{
	border-top: solid 1px #BBCCDD;
}

.itemBlockWrapper .itemBlock .itemBlock_body table th.bottom,
.itemBlockWrapper .itemBlock .itemBlock_body table td.bottom
{
	border-bottom: solid 1px #BBCCDD;
}

.itemBlockWrapper .itemBlock .itemBlock_body table td.bottom
{
	padding:5px;
}

.itemBlockWrapper .itemBlock .itemBlock_body table th {
	width:88px;
	height:22px;
	line-height:22px;
	padding-left:10px;
	background-color:#FFFFCC;
	border-right: solid 1px #BBCCDD;
	text-align:left;
}

.itemBlockWrapper .itemBlock .itemBlock_body table td {
	width: 170px;
	padding-left:4px;
}

.itemBlockWrapper .itemBlock .itemBlock_body table th span.marker {
	font-size:80%;
	color:#44AAFF;
	padding-right:2px;
}

.bgpink .itemBlock .itemBlock_body table th span.marker {
	font-size:80%;
	color:#FF527C;
	padding-right:2px;
}

.bgGreen .itemBlock .itemBlock_body table th span.marker,
.bgPastelGreen .itemBlock .itemBlock_body table th span.marker
{
	color:#009900;
}

.bgBlue .itemBlock .itemBlock_body table th span.marker {
	color:#1D7AE2;
}

.idx {
	font-size:120%;
	color:#1D7AE2;
	font-weight:bold;
	margin-top:20px;
}

.idx:before {
	content: "■ ";
}

.delivery {
	color:#f00;
	display:block;
	text-align:right;
	margin-bottom:5px;
}

div#brand_index ul li{
	float:left;
	list-style-type:none;
	background: url(../images/common/yajirusi_circle_9.gif) no-repeat;
	display:inline-table;
	width: 135px;
	margin-bottom:10px;
	padding-left:12px;
}