@charset "UTF-8";

/*-------------------------------------------------------------------- MAIN AREA ----------*/

#products{
	width:100%;
	max-width:920px;
	min-height:400px;
	height: auto !important;
	height:100%;
	overflow:hidden;
	margin:auto}
#products ul{
	list-style:none}
#products li.pdt_pic{
	float:left;
	width:190px;
	min-height:13em;
	margin:0 8px 35px 9px;
	padding:10px;
	background:#fff;
	border:1px #d2c8ae solid}
#products li.pdt_pic img{
	width:190px;
	border:1px #e5e3c8 solid}
#products li.pdt_pic p{
	text-align:right;
	margin-top:5px;
	margin-bottom:0;
	font-size:80%}
#products li.pdt_pic,
#products li.pdt_pic img{
	moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px}
#products li.pdt_pic:hover{
	background-color:#e1eedd;
	border-color:#b7e0de}
/*-------------------------------------------------------------------- Title PRODUCT ---------*/
#title_product{
	width:100%;
	/*min-width:600px;
	max-width:960px;*/
	/*height:100%;
	min-height:104px;
	max-*/height:344px;
	margin:0 auto 20px auto;
	border:1px #d2c8ae solid}
.ttl_earrings{	background:url(../../products/img/earrings/ttl_earrings.jpg)}
.ttl_necklace{	background:url(../../products/img/necklace/ttl_necklace.jpg)}
.ttl_bracelet{	background:url(../../products/img/bracelet/ttl_bracelet.jpg)}
.ttl_ring{	background:url(../../products/img/ring/ttl_ring.jpg)}
/*--------------------------------------------------------------- Product TOP ---------*/
#products_top{
	width:944px;
	height:333px;
	margin:50px auto 20px auto;
	overflow:hidden;
	clear:both}
#products_top #p_top,
#products_top #p_top a{
	background:url(../../products/img/products_top.jpg) no-repeat top left}
#products_top #p_top li{
	float:left}
#products_top #p_top li a{
    display:block;
    text-align:center;
    text-indent:-9898px;
	width:236px;
	height:333px}

#products_top #p_top li.p_1,
#products_top #p_top li.p_1 a{background-position:0 0}
#products_top #p_top li.p_1 a:hover,
#products_top #p_top li.p_1 a:active{background-position:0 -333px}

#products_top #p_top li.p_2,
#products_top #p_top li.p_2 a{background-position:-236px 0}
#products_top #p_top li.p_2 a:hover,
#products_top #p_top li.p_2 a:active{background-position:-236px -333px}

#products_top #p_top li.p_3,
#products_top #p_top li.p_3 a{background-position:-472px 0}
#products_top #p_top li.p_3 a:hover,
#products_top #p_top li.p_3 a:active{background-position:-472px -333px}

#products_top #p_top li.p_4,
#products_top #p_top li.p_4 a{background-position:-708px 0}
#products_top #p_top li.p_4 a:hover,
#products_top #p_top li.p_4 a:active{background-position:-708px -333px}
/*-------------------------------------------------------------------- aperitif ---------*/
#bnr_aperitif{
	width:960px;
	margin:0 auto 20px auto;
	overflow: hidden}
/*-------------------------------------------------------------------- Bridal ---------*/
#link_bridal{
	width:960px;
	height:90px;
	margin:0 auto 20px auto
	/*background:url(../../products/img/btn_bridal.gif;)
	border:1px #d2c8ae solid*/}
/*-------------------------------------------------------------------- Material PRODUCT ---------*/
#products_mtr{
	clear:both;
	width:960px;
	margin:0 auto;
	overflow:hidden}
#product_l{
	float:left;
	width:450px;
	margin:0 10px 10px 15px}
#product_l #pic_prd{
	width:440px;
	border:1px #d2c8ae solid;
	padding:5px;
	margin-bottom:10px;
	background:#fff;
	moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px}
#pic_product_l #pic_tn{
	width:450px;
	margin-top:10px}
#product_l #pic_tn p{
	float:left;
	margin-right:10px;
	border:1px #d2c8ae solid;
	background:#fff}
#product_l #pic_tn img.pic_rover{
	width:90px;
	padding:4px}
#product_l #pic_tn p,
#product_l #pic_tn p img{
	moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px}
#product_txt{
	float:left;
	width:440px;
	padding:10px;
	border-left:1px #ccc solid;
	margin-bottom:50px}
#product_txt .prd_txt1{
	margin-bottom:15px;
	line-height:1.3em}
#prd_name{
	margin-bottom:20px;
	border-bottom:1px #F36 dotted}
/*----------------- SNS Area ---------*/
.fb-like{
	width:440px;
    height:100%;
	margin:5px 20px 0 auto;
	text-align:right;
	overflow:hidden}
.fb-like ul,
.fb-like ul a{
	list-style:none;
	clear:both}
.fb-like li{
	float:left;
	border:1px #fcfae0 solid/**/}
.fb-like li,
.fb-like lia{
    display:block;
	padding:0}
	
#sns_area{
	margin:0 0 10px auto}
/*-------------- material dl dd dt ---*/
#material dl{	margin-top:20px}
#material dl dd{	padding:5px; background:#d2c8ae}
#material dl dt{	padding:5px; line-height:1.3em}
/*------------------------ btn buy ---*/
#btn_buy{	margin:30px auto 0 20px}
#btn_buy img{	margin-bottom:5px}
#btn_buy p{ font-size:80%}
/*----------------------- Sold Out ---*/
.sold{	color:#F09}
/*---------------- related product ---*/
#related_prd{
	width:440px;
	height:100%;
	margin:50px auto 0 0;
	clear:both;
	overflow:hidden}
#related_prd p.ttl_ss{
	padding:5px;
	background:#d2c8ae;
	margin-bottom:10px}
#related_prd div{
	height:120px}
#related_prd .pdt_pic{
	float:left;
	width:120px;
	margin:0 10px 10px 0;
	padding:5px;
	background:#fff;
	border:1px #d2c8ae solid}
#related_prd .pdt_pic p{	margin-bottom:0}
#related_prd .pdt_pic img{
	width:120px;
	moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px}
#related_prd .pdt_pic p{
	text-align:right;
	margin-top:5px;
	font-size:80%}
#related_prd .pdt_pic p:hover{
	background-color:#e1eedd;
	border-color:#b7e0de}