@charset "utf-8";

/* div frames (on ID)
--------------------------------------- */
#PAGE_CENTER {
	width: 960px;
	_width: 962px;
	margin: 0 auto;
	_text-align: left;
	padding: 0;
	}
	
	#HEADER {
		color:#AAA;
		height:140px;
		clear: both;
		position:relative;
		}
				
	#CONTENTS {
		width:980px;
		padding-bottom:40px;
		margin-top:20px;
		_padding-bottom:20px; /*IE bugfix*/
		float:left;
		}
		#PREMAIN{}
		
		#RIGHT_MENU {
			width: 225px;
			float: right;
			}
		
		#MAIN {
			width: 604px;
			}

	
	#FOOTER {
		clear:both;
	}
	
	
/* ID : HEADER
--------------------------------------- */

#HEADER_LOGO{
	position:absolute;
	left:0px;
	top:22px;
	}

#HEADER_SUBNAVI1{
	position:absolute;
	right:0px;
	top:12px;
	vertical-align:middle;
	}
#HEADER_SUBNAVI1 .formarea{vertical-align:middle;padding-right:180px;}
#HEADER_SUBNAVI1 .formarea .search_btn{position:absolute;right:0;top:0;}
#HEADER_SUBNAVI1 .formarea .search_text{position:absolute;right:50px;width:120px;top:0;}

#HEADER_SUBNAVI1 a{color:#ff9999;}

#HEADER_SUBNAVI2{
	position:absolute;
	right:150px;
	top:62px;
	}
#HEADER_SUBNAVI2 a{color:#666;}

#HEADER_CART{
	position:absolute;
	right:0px;
	top:56px;
	}

#HEADER_MENU{
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	top:100px;
	position:absolute;
	}

#HEADER_MENU ul{
	width:960px;
	height:32px;
	}
#HEADER_MENU ul li{
	float:left;
	}
#HEADER_MENU ul li a{
	height:28px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	}
	
#HEADER_MENU ul li.cat1 a{background-image:url(../img/gn1.png);width:146px;background-position:0px 0px;}
#HEADER_MENU ul li.cat2 a{background-image:url(../img/gn2.png);width:136px;background-position:0px 0px;}
#HEADER_MENU ul li.cat3 a{background-image:url(../img/gn3.png);width:137px;background-position:0px 0px;}
#HEADER_MENU ul li.cat4 a{background-image:url(../img/gn4.png);width:136px;background-position:0px 0px;}
#HEADER_MENU ul li.cat5 a{background-image:url(../img/gn5.png);width:137px;background-position:0px 0px;}
#HEADER_MENU ul li.cat6 a{background-image:url(../img/gn6.png);width:138px;background-position:0px 0px;}
#HEADER_MENU ul li.cat7 a{background-image:url(../img/gn7.png);width:126px;background-position:0px 0px;}

#HEADER_MENU ul li.cat1 a:hover{background-image:url(../img/gn1.png);background-position:0px 28px;}
#HEADER_MENU ul li.cat2 a:hover{background-image:url(../img/gn2.png);background-position:0px 28px;}
#HEADER_MENU ul li.cat3 a:hover{background-image:url(../img/gn3.png);background-position:0px 28px;}
#HEADER_MENU ul li.cat4 a:hover{background-image:url(../img/gn4.png);background-position:0px 28px;}
#HEADER_MENU ul li.cat5 a:hover{background-image:url(../img/gn5.png);background-position:0px 28px;}
#HEADER_MENU ul li.cat6 a:hover{background-image:url(../img/gn6.png);background-position:0px 28px;}
#HEADER_MENU ul li.cat7 a:hover{background-image:url(../img/gn7.png);background-position:0px 28px;}

#CAT1 #HEADER_MENU ul li.cat1 a{background-image:url(../img/gn1.png);background-position:0px 28px;}
#CAT2 #HEADER_MENU ul li.cat2 a{background-image:url(../img/gn2.png);background-position:0px 28px;}
#CAT3 #HEADER_MENU ul li.cat3 a{background-image:url(../img/gn3.png);background-position:0px 28px;}
#CAT4 #HEADER_MENU ul li.cat4 a{background-image:url(../img/gn4.png);background-position:0px 28px;}
#CAT5 #HEADER_MENU ul li.cat5 a{background-image:url(../img/gn5.png);background-position:0px 28px;}
#CAT6 #HEADER_MENU ul li.cat6 a{background-image:url(../img/gn6.png);background-position:0px 28px;}
#CAT7 #HEADER_MENU ul li.cat7 a{background-image:url(../img/gn7.png);background-position:0px 28px;}



/* ID : CONTENTS
--------------------------------------- */
#CONTENTS{float:left;width:960px;}

#LEFTBOX{width:178px;float:left;}
#MIDDLEBOX_TOP{width:566px;float:left;margin-left:19px;}
#MIDDLEBOX{width:763px;float:right;overflow:hidden;}
.withborder{background-color:#f7f5e8;padding:30px;}
#RIGHTBOX{width:178px;float:right;}


/*  side_menu
--------------------------------------- */
.side_atfirst{margin-bottom:5px;}

h2.side_point5 {
  display: block;
  text-indent: -9999px;
  width: 178px;
  height: 52px;
  background-image: url(/common/img/banner_point5.png);
  margin-bottom:5px;
}
h2.side_point5 a {
  display: block;
  width: 178px;
  height: 52px;
}

h2.side_care {
  display: block;
  text-indent: -9999px;
  width: 178px;
  height: 70px;
  background-image: url(/common/img/banner_care.png);
  margin-bottom:15px;
}
h2.side_care a {
  display: block;
  width: 178px;
  height: 70px;
}

.side_choice{margin-bottom:15px;float:left;}
.side_choice ul{float:left;}
.side_choice ul li {border-bottom:1px dotted #aaa;float:left;}
.side_choice ul li a {display:block;width:178px;height:29px;text-indent:-9999px;float:left;}
.side_choice ul li a:hover {filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.side_choice ul li.sc_cat1 a{background-image:url(../img/choice_menu1.png);}
.side_choice ul li.sc_cat2 a{background-image:url(../img/choice_menu2.png);}
.side_choice ul li.sc_cat3 a{background-image:url(../img/choice_menu3.png);}
.side_choice ul li.sc_cat4 a{background-image:url(../img/choice_menu4.png);}
.side_choice ul li.sc_cat5 a{background-image:url(../img/choice_menu5.png);}
.side_choice ul li.sc_cat6 a{background-image:url(../img/choice_menu6.png);}

.side_news{margin-bottom:15px;}
.side_news h3{margin-bottom:5px;}
.side_news p{margin-bottom:5px;border-bottom:1px dotted #bbb;line-height:1.4em;padding-bottom:5px;}
.side_voice{margin-bottom:15px;}

.side_spiritual{margin-bottom:15px;}
.side_vstory{margin-bottom:15px;}
.side_oz{margin-bottom:25px;}
.side_link{
	float: left;
	margin: 0 1px 7px 0;
	padding: 0;
}

.side_login{margin-bottom:15px;}
.side_login_txt{border-left:2px solid #bbb;border-right:2px solid #bbb;border-bottom:2px solid #bbb;padding:5px;}
.side_login .idtext{width:90px;float:right;margin-top:10px;}
.side_login .passtext{width:90px;float:right;margin-top:5px;}
.side_login .formtext{float:left;width:70px;overflow:hidden;height:1.3em;margin:0;padding:0;margin-top:10px;font-size:90%;}
.side_login .loginbtn{margin-left:70px;margin-top:5px;margin-bottom:5px;}

.onlybtn_style{text-align:center;} /*ボタンのみのスタイル*/
.onlybtn_style input{margin:auto;} /*ボタンのみのスタイル*/
.onlybtn_style a.arrow_link{float:none;width:6em;margin:auto;margin-top:5px;padding-left:12px;} /*ボタンのみのスタイル*/

.side_point5{margin-bottom:15px;}


.side_feat{margin-bottom:15px;}
.side_feat_inner{
	border:2px solid #fde2ad;
	padding:6px;
	}

.side_feat_inner h4{margin-bottom:5px;margin-top:5px;}
.side_feat_inner p{font-size:84%;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #bbb;}
.side_feat_inner p.last{border:none;margin-bottom:0px;padding-bottom:0px;}

.side_ranking{}
.side_ranking h5{text-align:center;padding:2px;font-weight:bold;color:#666;background-color:#fce0dd;font-size:80%;margin-top:2px;}
.side_ranking a {background-color:#FEE;display:block;color:#666;}
.side_ranking a img{margin:5px 2px 2px 2px;}
.side_ranking a p{font-size:80%;padding:5px;}
.side_ranking a p span{color:#CE686D;}
.side_ranking a:hover {text-decoration:none;background-color:#fdd;}
.side_ranking a:hover img{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

/* ID : FOOTER_MENU
--------------------------------------- */
#FOOTER{
	padding-top:15px;
	}

#FOOTER h2{padding-bottom:20px;}
#FOOTER .footer_left{float:left;}
#FOOTER .footer_right{float:right;}
#FOOTER .footer_right a{color:#333;}

#FOOTER_INFO{position:relative;}
#FOOTER_INFO .contact_btn{display:block;width:179px;height:36px;position:absolute;top:80px;left:530px;}
#FOOTER_INFO .souryo_btn{display:block;width:83px;height:11px;position:absolute;top:112px;left:145px;}


/* ID : MAIN
--------------------------------------- */

/*top*/

.top_banner_space{margin-bottom:10px;}
.top_banner_space a img{margin-bottom:5px;}
.top_banner_space a img{margin-bottom:5px;}

.top_category{background-color:#eee;height:265px;width:566px;padding-top:8px;margin-bottom:10px;}
.top_category a{display:block;margin-left:7px;margin-bottom:7px;float:left;}


.top_sc{position:relative;}
.top_sc .sc_text{position:absolute;top:26px;right:80px;text-align:right;font-size:90%;}
.top_sc_inner{border:3px solid #eee;float:left;width:560px;padding-bottom:10px;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	background:url(../../img/sc_bg.png) no-repeat 10px bottom;
	}
.top_sc_inner ul{margin-top:10px;}
.top_sc_inner ul li{padding:5px;font-size:95%;}
.top_sc_inner ul li a {color:#444;}
.top_sc_inner ul li a img{margin-right:5px;}

.top_sc_left{float:left;width:170px;margin-left:10px;margin-right:10px;border-right:1px dashed #bbb;}
.top_sc_center{float:left;width:170px;margin-right:10px;border-right:1px dashed #bbb;}
.top_sc_right{float:left;width:180px;}


/* 共通　標準スタイル
--------------------------------------- */
.leftpane01{float:left; width:473px; }
.rightpane01{float:right; width:473px; }

h2.pagetitle{font-size:120%;font-weight:bold;margin-bottom:15px;color:#333;background-color:#F4E8D2;padding:10px;}
h3.midtitle{font-size:110%;font-weight:bold;color:#333;margin-top:15px;margin-bottom:15px;}
dl.common_dl{border-bottom:1px dotted #bbb;padding:10px;}
dl.common_dl dt{float:left;}
dl.common_dl dd{margin-left:120px;}
p.righttext{text-align:right;}

a.imghover {}
a.imghover:hover {filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
a.btn_detail{background:url(../img/btn_detail.png) no-repeat 0 0;width:67px;height:11px;display:block;float:right;text-indent:-9999px;}
a.btn_detail:hover{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

a.arrow_link{background:url(../img/arrow_icon.png) no-repeat 0 50%;display:block;float:right;padding-left:20px;color:#666;line-height:11px;font-size:90%;padding-top:3px;padding-bottom:3px;}
/* clearfix */
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }


/* 共通　ヘッダタイトル画像
--------------------------------------- */
h1 {
  display: block;
  text-indent: -9999px;
  width: 275px;
  height: 64px;
  background-image: url(/common/img/header_logo.png);
}

h1 a {
  display: block;
  width: 275px;
  height: 64px;
}


/* トップページ中央部
--------------------------------------- */
.top_banner_space div#top_info {
  width: 566px;
  height: 160px;
  margin: 0;
  padding: 0;
  background-image: url("/top/img/newsbar_middle.gif");
  background-repeat: repeat-y;
}

.top_banner_space div#top_info div.scroll {
  width: 548px;
  height: 150px;
  padding: 5px 8px;
  overflow-y: scroll;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-face-color: #ff8822;
  scrollbar-3dlight-color: #ff8822;
  scrollbar-darkshadow-color: #ff8822;
  scrollbar-highlight-color: #ff8822;
  scrollbar-shadow-color: #ff8822;
  scrollbar-track-color: #ffAA88;
}

.top_banner_space div#top_info div.scroll dl dt {
  width: 17%;
  float: left;
  background-color: #FF9933;
  text-align: center;
}
.top_banner_space div#top_info div.scroll dl dd {
  width: 82%;
  float: right;
  border-bottom: dotted 1px #999999;
  margin-bottom: 10px;
}


/* 商品リストページスタイル
--------------------------------------- */
.item_list_page{}
h3.list_title{font-weight:bold;border-bottom:2px solid #999;padding:10px 0 10px 0;margin-bottom:10px;}
h3.list_title_osusume{font-weight:bold;padding:10px 0 10px 0;margin-bottom:10px;}
h3.list_title_item{font-weight:bold;border-bottom:2px solid #999;padding:10px 0 10px 0;margin-bottom:10px;color:#CC5500;}
h3.list_title_pickup{font-weight:bold;border-bottom:2px solid #999;padding:10px 0 10px 0;margin-bottom:10px;color:#FF0000;}

.list_box{width:774px;clear:both;}

.list_item{width:248px;float:left;margin-right:9px;margin-bottom:20px;overflow:hidden;padding-bottom:20px;position:relative;height:315px;}
.list_item div.cat_bracelet{background:url(../../item/img/bracelet_bg.png) repeat-y;}  /* ブレスレット */
.list_item div.cat_cleanup{background:url(../../item/img/cleaning_bg.png) repeat-y;}   /* 浄化アイテム */
.list_item div.cat_cluster{background:url(../../item/img/cluster_bg.png) repeat-y;}    /* クラスター */
.list_item div.cat_necklace{background:url(../../item/img/necklace_bg.png) repeat-y;}  /* ネックレス */
.list_item div.cat_ordermade{background:url(../../item/img/order_bg.png) repeat-y;}    /* オーダーメイド */
.list_item div.cat_strap{background:url(../../item/img/strap_bg.png) repeat-y;}        /* ストラップ */
.list_item div a{display:block;width:248px;height:205px;position:relative;}
.list_item div a h4{text-indent:-9999px;display:none;}
.list_item div a:hover{text-decoration:none;}
.list_item p{font-size:90%;}
.list_item div a p{color:#666;margin:30px 15px;line-height:1.2em;font-size:90%;}
.list_item div a p span.newicon{background-color:#F60;color:#FFF;font-weight:bold;padding:1px;font-size:80%;margin-right:5px;line-height:1em;}
.list_item div a .topline{background:url(../../item/img/item_format_topline.png) no-repeat;position:absolute;top:0;width:248px;height:180px;}
.list_item div a .bottomline{background:url(../../item/img/item_format_bottomline.png) no-repeat;position:absolute;bottom:0;width:248px;height:180px;}

.list_item p.item_name{margin-top:2px; margin-bottom:-5px;}
.list_item p.item_name a{text-decoration:none;}
.list_item p.item_name a strong{color:#CC3333;}
.list_item .item_kounou{margin-bottom:5px;}
.list_item .item_text{}

.list_item .item_price{position:absolute;bottom:10px;right:55px;}
.list_item .btn_detail_item{position:absolute;bottom:15px;right:10px;}
.list_item .btn_detail_item{background:url(../img/btn_detail2.png) no-repeat 0 0;width:36px;height:11px;display:block;text-indent:-9999px;}
.list_item .btn_detail_item:hover{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

.page_navigation{padding:10px 0;}
.page_navigation ul{ text-align:center;}
.page_navigation ul li{ display:inline; }
.page_navigation ul li a{ padding:3px; background-color:#eee; color:#999;}
.page_navigation ul li a:hover{ padding:3px; background-color:#666; color:#bbb; text-decoration:none;}
.page_navigation ul li.leftnav a{background:none;margin-right:10px;}
.page_navigation ul li.rightnav a{background:none;margin-left:10px;}
.page_navigation ul li.num{}



/* 商品詳細ページスタイル
--------------------------------------- */
.item_detail_box{margin-top:30px;float:left;width:764px;}
.item_leftpane{float:left;width:507px;}
.item_rightpane{float:right;width:233px;}

.item_title{font-family:"HG丸ｺﾞｼｯｸM-PRO","メイリオ","Meiryo","Osaka";font-size:120%;font-weight:bold;color:#FF6600;margin-bottom:10px;}
.item_honbun{border:2px solid #eee;padding:6px 10px 0 10px;}

.ordertitle{font-weight:bold;border-top:1px solid #d5cea0;border-bottom:1px solid #d5cea0;padding:10px 0;color:#e05c4c;}
.order_area{background-color:#fcfaed;padding:10px;}
.order_area .price{color:#ff0000;font-weight:bold;}
.order_area strong{color:#F33;}
.rankupbtn{margin-top:10px;display:block;}
.orderbtn{margin-top:10px;display:block;}

.item_stoneinfo{}
.item_stoneinfo h3{font-weight:bold;border-bottom:2px solid #999;padding:10px 0 10px 0;margin-bottom:10px;}
.item_stoneinfo p{margin-bottom:0;}

.item_stoneitem{margin-bottom:20px;}
.item_stonephoto{float:left;}
.item_stonephoto img{margin-left:15px;margin-top:10px;}
.item_stonename{margin-left:80px;color:#ff8d84;}
.item_stonetxt{margin-left:80px;color:#136d99;}
.item_stonepower{margin-left:80px;color:#a08555;}

.item_itemitem{margin-bottom:20px;}
.item_itemphoto{float:left;}
.item_itemphoto img{margin-left:15px;margin-right:15px;margin-top:5px;}
.item_itemname{margin-left:80px;color:#ff8d84;}
.item_itemtxt{margin-left:80px;}
.item_itempower{margin-left:80px;color:#a08555;}

.size_info{}
.size_info2{}
.order_info{}

.size_info,.size_info2,.order_info{
	font-size:90%;}

.haiso_btn{display:block;margin-top:10px;width:79px;}

.chui_txt{clear:both;background-color:#FFD;padding:10px;text-align:left;color:#ff3300;font-size:90%;}



/* 規約関連ページスタイル
--------------------------------------- */
dl.rule_dl{
  border-bottom: 1px dotted #bbb;
  padding: 10px;
}
dl.rule_dl dd{
  margin-top: 5px;
  margin-left: 30px;
  margin-bottom: 10px;
}

dl.rule_dl dl.list_dl dt {
  float: left;
  width: 1.2em;
  clear: both;
}
dl.rule_dl dl.list_dl dd {
  margin-left: 1.3em;
}

dl.rule_dl dl.list_dl dl dt {
  float: left;
  width: 2em;
  clear: both;
}
dl.rule_dl dl.list_dl dl dd {
  margin-left: 2.1em;
}

/* 新着情報ページスタイル
--------------------------------------- */
.item_newsinfo h3{font-weight:bold;border-bottom:2px solid #999;padding:10px 0 10px 0;margin-bottom:10px;}
.item_newsinfo p{margin-bottom:0;}

.item_newsitem{margin-bottom:20px; border-bottom:1px dotted #999;}
.item_newsphoto{float:left;}
.item_newsphoto img{margin-left:15px;margin-top:10px;}
.item_newsdate{margin-left:20px;}
.item_newsname{margin-left:20px;color:#ff8d84;}
.item_newstxt{margin-left:20px;}
.item_newspower{margin-left:20px;color:#a08555;}


/* 配送ページスタイル（『Q&A』、『鑑定オーダーメイド』にも使用）
--------------------------------------- */
dl.delivary_dl{border-bottom:1px dotted #bbb; padding:10px;}
dl.delivary_dl dt{margin-top:5px; margin-left:10px; margin-bottom:2px; padding:2px 5px; font-weight:bold; background-color:#FFCCCC;}
dl.delivary_dl dd{margin-top:5px; margin-left:15px; margin-bottom:10px;}


/* ストーンコレクションスタイル
--------------------------------------- */
div.kounouicon .caution{color:#FF3333;}