@charset "euc-jp";

/* ---------------------------------------------
COMMON
--------------------------------------------- */
/* float */
.floatL{
float:left;
display:block;
}
.floatR{
float:right;
display:block;
}

/* clearfix */
.clearfix{
width:100%;
display:block;
}
.clearfix:after{
content:"."; 
display:block;
height:0;
visibility:hidden;
clear:both;
}
.clear{ /* for DW */
clear: both;
}

/* cancel */
.no-m-top{
margin-top:0 !important;
}
.no-m-bottom{
margin-bottom:0 !important;
}
.no-m-left{
margin-left:0 !important;
}
.no-m-right{
margin-right:0 !important;
}
.no-p-top{
padding-top:0 !important;
}
.no-p-bottom{
padding-bottom:0 !important;
}
.no-p-left{
padding-left:0 !important;
}
.no-p-right{
padding-right:0 !important;
}

/* number */
sup{
font-size:10px;
margin:0 2px 0 1px;
position:relative;
top:2px;
}
sub{
font-size:10px;
margin:0 2px 0 1px;
position:relative;
top:-3px;
}
*:first-child+html sup { /* IE7 Hack */
position:static;
top:0;
font-size:12px;
}
*:first-child+html sub { /* IE7 Hack */
font-size:12px;
}
* html sup { /* IE6 Hack */
position:static;
top:0;
font-size:12px;
}
* html sub { /* IE6 Hack */
font-size:12px;
}



/* ---------------------------------------------
BASE / RESET
--------------------------------------------- */
.mainarea{
width:446px;
margin:0 auto;
}

.mainarea h1,
.mainarea h2,
.mainarea h3,
.mainarea h4,
.mainarea h5,
.mainarea p{
font-weight:normal;
margin:0;
padding:0;
}

.mainarea h2.headimg{
margin-bottom:30px;
}

.mainarea .block{
width:422px;
margin-bottom:30px;
padding:0 12px;
clear:both;
}

.mainarea .block h3.txt14px{
line-height:normal;
font-weight:bold;
margin-bottom:8px;
}



/* ---------------------------------------------
TEXT SETTINGS
--------------------------------------------- */
/* base fontsize */
/*.mainarea,
.centerColumn{
font-size:12px;
line-height:normal;
}*/
/** html .mainarea{  IE6 Hack 
font-size:75%;
}*/
/**:first-child+html .mainarea{  IE7 Hack 
font-size:75%;
}*/

/* fontsize variation */
.txt16px{
font-size:134%;
}
.txt14px{
font-size:117%;
line-height:1.6;
}
.txt12px{
font-size:100%;
line-height:1.6;
}
.txt10px{
font-size:84%;
line-height:1.2;
}

.txt-center{
text-align:center;
}
.txt-right{
text-align:right;
}
.txt-bold,
strong{
font-weight:bold !important;
}

.dangle{
margin-left:1em;
text-indent:-1em;
}

.underline{
border-bottom:1px solid;
}

.warning{
color:#cc0000;
}



/* ---------------------------------------------
TABLE STYLES
--------------------------------------------- */



/* ---------------------------------------------
LIST STYLES
--------------------------------------------- */
.mainarea .list-point01{
background:url(../images/pages/icon_point.gif) no-repeat 0 50%;
padding-left:15px;
}



/* ---------------------------------------------
FORM STYLES
--------------------------------------------- */



/* ---------------------------------------------
■stylesheet_original.css -> customize
--------------------------------------------- */
/* page title */
.centerColumn h1{
line-height:normal;
font-size:16px;
color: #998044;
font-weight:bold;
}

#productName{
font-size:12px;
}

#introduction h1, #ezPageDefault h1, #shippingInfo h1{
margin:0 0 20px 0;
padding:7px 0 0 12px;
height:25px;
background:url(../images/pages/bg_titlebar.gif) repeat-x 0 0;
line-height:normal;
font-size:16px;
color:#ffffff;
font-weight:bold;
display:block;
}

/* table */
table.centershop{
margin:0 auto;
width:800px !important;
background-color:#ffffff;
}

table.header{
background: url(../images/header_bg.jpg) repeat-y 0 0;
width:796px !important;
height:auto;
margin:2px auto 0 auto;
}

table.headerNavigation{
background: url(../images/bg_gnavi.gif) repeat-y 0 0;
width:796px !important;
height:auto;
margin:0 auto;
}
table.headerNavigation td{
padding:5px;
}

/* footer */
#siteinfoLegal.legalCopyright{
font-size:10px;
background-position:0 50%;
margin-bottom:5px;
clear:both;
}



/* ---------------------------------------------
■stylesheet_new.css -> customize
--------------------------------------------- */
body{
background:#e5e2b7 url(../images/base/base_bg01.png) repeat-y 50% 0;
}

#mainWrapper{
background:url(../images/base/base_bg02.png) no-repeat 50% 0;
padding-top:20px;
}

/* footer */
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper{
clear:both;
}

/* centerColumn reset */
.centerColumn{
width:446px;
margin:0 auto;
padding:0;
}
*:first-child+html .centerColumn{ /* IE7 Hack */
font-size:10px;
}
*html .centerColumn{ /* IE6 Hack */
font-size:10px;
}
.centerColumn .block p{
margin:0;
padding:0;
}



/* ---------------------------------------------
★about_deerskin
--------------------------------------------- */
#about-deerskin #point01 .floatL{
width:250px;
}

#about-deerskin .imgbox .floatR{
width:250px;
}
#about-deerskin .imgbox .floatR #point05{
margin-top:30px;
}

#about-deerskin #point06 .floatL{
width:250px;
}



/* ---------------------------------------------
★sample
--------------------------------------------- */
#sample .block p{
margin-bottom:20px;
}

#sample .block strong{
color:#9ba845;
}

#sample .block .btn{
margin:0;
padding-top:10px;
}



/* ---------------------------------------------
★message
--------------------------------------------- */
#message .block{
margin-bottom:15px;
}

#message .block .floatL{
width:280px;
}

#message #staff01,
#message #staff02,
#message #staff03{
padding-bottom:45px;
background:url(../images/pages/line_shadow.gif) no-repeat 12px 100%;
}

#message #staff04{
margin-bottom:30px;
}



/* ---------------------------------------------
★manager_message
--------------------------------------------- */
#manager_message{
width:147px;
margin-bottom:15px;
border:1px solid #dadada;
display:none; /* トップ以外非表示 */
}
#manager_message p{ /*reset*/
margin:0;
padding:0;
}
#manager_message .text{
background-color:#836727;
padding:8px 6px;
color:#ffffff;
text-align:center;
line-height:1.2;
}
*:first-child+html #manager_message .text{ /* IE7 Hack */
font-size:10px;
}
*html #manager_message .text{ /* IE6 Hack */
font-size:10px;
}



/* ---------------------------------------------
★inquiry_info
--------------------------------------------- */
#inquiry_info{
width:148px;
margin-bottom:15px;
border:1px solid #836727;
background-color:#ffffee;
text-align:center;
padding:12px 0;
}



/* ---------------------------------------------
★TOP MAINAREA
--------------------------------------------- */
.centerColumn .block{
width:446px;
margin:0 0 20px 0;
padding:0;
clear:both;
}

/* guide */
.centerColumn #guide{
width:442px;
background-color:#836727;
border:2px solid #dadada;
color:#ffffff;
margin-top:15px;
}
.centerColumn #guide .text{
padding:12px 0 5px 0;
text-align:center;
}
.centerColumn #guide .link{
background:url(../images/top/icon_beginner.gif) no-repeat 0 50%;
padding:5px 15px 7px 23px;
margin-bottom:5px;
}
.centerColumn #guide .link a{
color:#ffffff;
text-decoration:underline;
}

/* recommend */
.centerColumn #recommend{
padding-bottom:20px;
}

.centerColumn #recommend .block{
width:444px;
border:1px solid #dadada;
margin-bottom:8px;
}
.centerColumn #recommend .block span,
.centerColumn #recommend .block a{
display:block;
}
.centerColumn #recommend .text{
color:#836727;
margin-bottom:8px;
}
* html .centerColumn #recommend .text{ /* IE6 Hack */
line-height:1.6;
}




/* recommend - colorstone ★20111118追加 */
.centerColumn #recommend .colorstone,
.centerColumn #recommend .colorstone a{
height:234px;
}
.centerColumn #recommend .colorstone .wrap{
background:#ffffee url(../images/top/item04_bg01.jpg) no-repeat 0 0;
height:195px;
}
.centerColumn #recommend .colorstone .wrap .textbox{
//padding:10px 230px 0 12px;
padding:10px 200px 0 12px;
}
.centerColumn #recommend .colorstone .link{
background:#ffffee url(../images/top/item04_bg02.jpg) no-repeat 0 0;
height:39px;
padding-left:10px;
}


/* recommend - jewelry */
.centerColumn #recommend .jewelry{
background:url(../images/top/item01_bg.jpg) no-repeat 0 0;
}
.centerColumn #recommend .jewelry,
.centerColumn #recommend .jewelry a{
height:204px;
}
.centerColumn #recommend .jewelry .textbox{
padding:5px 10px 0 210px;
}
.centerColumn #recommend .jewelry .link{
padding:10px 8px 0 0;
text-align:right;
}


/* recommend - bag */
.centerColumn #recommend .bag,
.centerColumn #recommend .bag a{
height:234px;
}
.centerColumn #recommend .bag .wrap{
background:#ffffee url(../images/top/item02_bg01.jpg) no-repeat 0 0;
height:195px;
}
.centerColumn #recommend .bag .wrap .textbox{
padding:10px 230px 0 12px;
}
.centerColumn #recommend .bag .link{
background:#ffffee url(../images/top/item02_bg02.jpg) no-repeat 0 0;
height:39px;
padding-left:10px;
}


/* recommend - perlina */
.centerColumn #recommend .perlina{
background:url(../images/top/item03_bg.jpg) no-repeat 0 0;
}
.centerColumn #recommend .perlina,
.centerColumn #recommend .perlina a{
height:214px;
}
.centerColumn #recommend .perlina .text{
padding:20px 10px 0 280px;
}
.centerColumn #recommend .perlina .link{
padding:10px 8px 0 0;
text-align:right;
}
* html .centerColumn #recommend .perlina .link{ /* IE6 Hack */
padding-top:20px;
}



/* ---------------------------------------------
★intro
--------------------------------------------- */
#introduction .content{
width:446px;
margin:0;
padding:0;
font-size:12px;
}

#introduction #intro-point01,
#introduction #intro-point02{
width:446px;
margin-bottom:30px;
padding-bottom:40px;
background:url(../images/pages/line_shadow.gif) no-repeat 50% 100%;
}
#introduction #intro-point03{
width:446px;
margin-bottom:30px;
}

/* reset */
#introduction h2,
#introduction p{
margin:0;
padding:0;
}
#introduction ul{
margin:0;
padding:0;
list-style:none;
}

#introduction h2{
margin-bottom:15px;
}
#introduction p{
margin-bottom:10px;
}
#introduction p.graph,
#introduction p.end{
margin-bottom:20px;
}

#introduction .list-link01 li{
background:url(../images/pages/icon_link.gif) no-repeat 0 0.2em;
padding:0 0 5px 17px;
}

#introduction .list-disk01{
margin-bottom:10px;
}
#introduction .list-disk01 li{
background:url(../images/pages/icon_disk.gif) no-repeat 5px 0.3em;
padding:0 0 5px 15px;
}

#introduction li{
line-height:normal;
}




/* ---------------------------------------------
▼201006　全商品一覧レイアウト変更
--------------------------------------------- */

#productsallBody .columnLeft{
//display:none;
//width:0px;
//width:150px;
display:block;
}

#productsallBody .centerColumn{
	width:100%;
}


#productsallBody .columnRight{
	display:none;
	width:0px;
}



#allProductsDefault #wideList{
//	width:800px;
	width:620px;
}

#allProductsDefault .itemBlock{
	float:left;
//	width:160px;
	width:154px;
	height:300px;
}

#allProductsDefault .itemPhoto{
//	margin: 10px 8px 8px;
	margin: 10px 5px 5px;
}

#allProductsDefault .itemInfo{
//	margin: 8px;
	margin: 5px;
}

#allProductsDefault .itemDetail{
	display: none;
}




/* ---------------------------------------------
▼201007　商品一覧レイアウト変更
　一般カテゴリ（ジュエリーは別CSS）
--------------------------------------------- */

.listCell-0, .listCell-1, .listCell-2{
	float:left;
	text-align:center;
	margin:12px 0;
	}

.listCell-0, .listCell-1{
	width:170px;
}

.listCell-2{
	width:100px;
	margin-top:30px
	}

.itemListBorder {
	clear:both; width:100%; margin:0;
	}


.productListing-rowheading div{
	border-left:#FFFFFF 1px solid;
	padding:5px 0;
	margin:0px;
	
	}

#row-0 .itemListBorder{
	display:none;
	}

#row-1 hr{
	display:none;
	}

.itemEnd{
	clear:both;
	}




/*20111115　左メニュー表示調整*/

#categories-content {line-height:150%;}
#categoriesContent .category-products {display: block; margin-left: 3em; text-indent: -3em; float:left;}
#categoriesContent .category-subs {display: block; margin-left: 6em; text-indent: -6em; float:left;}
#categoriesContent .category-top {display:block; clear:both;}
#categoriesContent .categoryCountNum {color:#666;}