@charset "UTF-8";
/* CSS Document */

/* index==========================

	1.	index
	2.	category
	3.	detail
	4.	pagetitle
	5.	pagetitle
	
*/

/*	1.	index
===============================================================*/
#haeder{
	margin: 0px auto;
	padding: 0px;
	height: 60px;
	width: 800px;
	text-align: left;
	background-image: url(../catalog/images/bg_head_catalog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
	font-size:small;
}
#haeder a {
	display:block;
	width:350px;
	height:60px;
}
/**/
#index{
}
#index a, #index a:visited {
	text-decoration: none;
	color: #666666;
}
#index a:hover {
	text-decoration: underline;
	color: #481086;
}
#index #headimage{
	background-image: url(../catalog/images/headimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 30px;
	padding: 0px;
	height: 160px;
	width: 800px;
	border-bottom: 3px solid #750152;
	text-indent:-9999px;
	font-size:small;
}
/**/
#index #h2_1 ,
#index #h2_2 ,
#index #h2_3 ,
#index #h2_4 ,
#index #h2_5 ,
#index #h2_6 ,
#index #h2_7{
	height: 20px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #efe9e1;
	background-image: url(../catalog/images/bg_index_h2.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	font-size:small;
}
#index #h2_1{
	background-position: 20px 0px;
}
#index #h2_2{
	background-position: 20px -30px;
}
#index #h2_3{
	background-position: 20px -60px;
}
#index #h2_4{
	background-position: 20px -90px;
}
#index #h2_5{
	background-position: 20px -120px;
}
#index #h2_6{
	background-position: 20px -150px;
}
#index #h2_7{
	background-position: 20px -180px;
}
/**/
#index #box01 ,
#index #box02 ,
#index #box03 ,
#index #box04 ,
#index #box05 ,
#index #box06 ,
#index #box07{
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
}
#index #box01{
	width: 600px;
}
#index #box02{
	width: 170px;
	border-left: 30px solid #FFFFFF;
}
#index #box03{
	width: 360px;
}
#index #box04{
	width: 140px;
	border-left: 30px solid #FFFFFF;
}
#index #box05{
	width: 240px;
	border-left: 30px solid #FFFFFF;
}
#index #box06{
	width: 250px;
}
#index #box07{
	width: 320px;
	border-left: 30px solid #FFFFFF;
}
/**/
#index #box01 ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
}
#index #box01 li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#index #box01 #fragment-1 ul ,
#index #box01 #fragment-2 ul ,
#index #box01 #fragment-3 ul ,
#index #box01 #fragment-4 ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 560px;
	background-color: #f5f5f5;
	height: 100px;
	list-style-type: none;
}
#index #box01 #fragment-1 li ,
#index #box01 #fragment-2 li ,
#index #box01 #fragment-3 li ,
#index #box01 #fragment-4 li{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 50px;
}
#index #box01 #tabbtn li a{
	margin: 0px;
	padding: 0px;
}

/**/
#index #box02 ul{
	padding: 0px;
	list-style-type: none;
	margin: 5px 20px 10px;
}
#index #box02 li{
	float: left;
	margin: 5px 0px 0px 10px;
	_margin: 5px 0px 0px 2px;
	padding: 0px;
	height: 30px;
	width: 30px;
}
/**/
#index #box03 ul ,
#index #box04 ul ,
#index #box05 ul ,
#index #box06 ul ,
#index #box07 ul{
	margin: 10px 20px;
	padding: 0px;
	list-style-type: none;
}
#index #box03 li ,
#index #box04 li ,
#index #box05 li ,
#index #box06 li ,
#index #box07 li{
	margin: 0px 0px 5px;
	float: left;
	background-image: url(../catalog/images/bg_li.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#index #box03 li{
	width:90px;
}
#index #box04 li{
	width:30px;
}
#index #box05 li{
	width:85px;
}
#index #box06 li{
	width:90px;
}
#index #box07 li{
	width:75px;
}
/**/
#index h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #3B0071;
	padding: 3px 3px 3px 10px;
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	clear: both;
	border-top: 10px solid #FFFFFF;
}

/*	2.	category
===============================================================*/
#category{
	margin-top: 170px;
}
/**/
#category h1{
	height: 30px;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px 150px;
	border-bottom: 1px solid #efe9e1;
	background-image: url(../catalog/images/bg_category_h1.gif);
	background-repeat: no-repeat;
	font-size:small;
	text-indent: -9999px;
}
#category #h1_1{
	background-position: 20px 0px;
}
#category #h1_2{
	background-position: 20px -40px;
}
#category #h1_3{
	background-position: 20px -80px;
}
#category #h1_4{
	background-position: 20px -120px;
}
#category h1#h1_5,#category h1#h1_6,#category h1#h1_7,#category h1#h1_8,#category h1#h1_9,#category h1#h1_10,#category h1#h1_11,#category h1#h1_12,#category h1#h1_13,#category h1#h1_14,#category h1#h1_15,#category h1#h1_16,#category h1#h1_17 {
	background-image:url(../catalog/images/bg_category_h1_square.gif);
}


/**/
#category dl{
	width: 252px;
	margin: 0px;
	padding: 0px;
	height: 240px;
	float: left;
}
#category dt{
	padding: 4px;
	border-top: 1px solid #EFE9E1;
	border-right: 1px solid #EFE9E1;
	border-left: 1px solid #EFE9E1;
	border-bottom: 1px none #EFE9E1;
	background-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 40px;
}
#category dl .imagebox{
	margin: 0px 0px 0px 40px;
	padding: 5px;
	border-right: 1px solid #EFE9E1;
	border-bottom: 1px solid #EFE9E1;
	border-left: 1px solid #EFE9E1;
}
#category dl .textbox{
	margin: 0px 0px 0px 40px;
	padding: 5px 0px;
}

/*	3.	detail
===============================================================*/
#detail{
	padding: 0px;
}
.up{
	margin: 60px 0px 0px;
}
.down{
	margin: 170px 0px 0px;
}
#detail #column_r{
	margin: 0px 0px 25px 0px;
	padding: 0px;
	float: right;
	width: 350px;
	border-right: 15px solid #FFFFFF;
}
#detail #column_l{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 400px;
	border-left: 15px solid #FFFFFF;
}
#detail #picupitemh2{
	clear: both;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #efe9e1;
	background-image: url(../catalog/images/bg_detail_h2.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	font-size:small;
	background-position: 20px 0px;
}
#detail #picupitem{
	background-color:#FFF;
	margin-bottom: 30px;
}
/**/
#detail #column_r h1{
	color: #481086;
	font-size: 120%;
	font-weight: normal;
	margin: 0px 0px 20px;
	padding: 0px;
}
/**/
#detail #column_r  #dataset h2{
	font-size: 100%;
	width:320px;
	_width:350px;
	font-weight: normal;
	border-left: 1px solid #EFE9E1;
	border-right: 1px solid #EFE9E1;
	margin: 0px 0px 0px;
	padding: 5px 15px 10px;
	border-top: 2px solid #750152;
	background-color:#FFFFFF;
}
#detail #column_r p{
	margin: 0px 0px 10px;
	padding: 0px;
}
#detail  #column_r  #dataset  {
	width:350px;
	border-bottom: 1px solid #EFE9E1;
	margin: 30px 0px;
	padding: 0px;
}
#detail #column_r table{
	width: 350px;
	border: 1px solid #EFE9E1;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color:#FFFFFF;
}
#detail #column_r th{
	padding: 5px 15px;
	text-align: left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 70px;
}
#detail #column_r td{
	padding: 5px 15px;
}
#detail #column_r .pricecel th{
	font-size: 110%;
	background-color: #F5F5F5;
}
#detail #column_r .pricecel td{
	font-size: 120%;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
}
#detail #column_r p.caption {
	display:block;
	width:auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px;
	background-color: #f5f5f5;
}
/**/
#detail #column_r #tel{
	margin: 0px 0px 20px;
	padding: 0px;
	height: 75px;
	width: 350px;
}
#detail #column_r #orderform{
	margin: 0px;
	padding: 0px;
	text-align: right;
}
/**/
#detail #column_l #catalog{
	width:400px;
	border: 1px solid #EFE9E1;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}
#detail #column_l #catalog #itemnam{
	margin: 0px 0px 10px;
	padding: 5px;
	clear: both;
	font-size: 100%;
	font-weight: normal;
	background-color: #f5f5f5;
	color: #481086;
}
/**/
#detail #column_l #catalog #sampleimage{
	margin: 0px 0px 20px 9px;
	padding: 0px;
	width: 380px;
}
#detail #column_l #catalog #sampleimage dt{
	margin: 0px;
	padding: 0px;
	height: 305px;
	width: 380px;
}
#detail #column_l #catalog #sampleimage dd{
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100px;
	float: left;
}
#detail #column_l #catalog #sampleimage #end{
	width: 80px;
}
/**/
#detail #column_l #catalog h3.itemname{
	margin: 0px 0px 10px 9px;
	padding: 10px 0px 0px;
	clear: both;
	border-top: 1px solid #EFE9E1;
	border-right-color: #EFE9E1;
	border-bottom-color: #EFE9E1;
	border-left-color: #EFE9E1;
	font-weight: normal;
	font-size: 100%;
	width: 380px;
	color:#750152;
}
#detail #column_l #catalog dl.currentframe{
	width: 110px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-left: 9px solid #FFFFFF;
}
#detail #column_l #catalog .currentframe dt{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 50px;
}
#detail #column_l #catalog .currentframe dd{
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 50px;
	float: left;
}
#detail #column_l #catalog dl.currentstone{
	margin: 0px;
	padding: 0px;
	width: 270px;
	float: left;
	height: 60px;
}
#detail #column_l #catalog .currentstone dt{
	margin: 0px;
	padding: 0px;
	width: 50px;
	float: left;
	height: 50px;
}
#detail #column_l #catalog .currentstone dd{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 30px;
}
/**/
#detail #column_l #catalog .caption{
	clear: both;
	margin: 10px 0px 0px;
	padding: 9px;
	background-color: #f5f5f5;
}
/**/
#detail #material{
	margin: 20px;
	padding: 0px;
	border: 1px solid #EFE9E1;
	clear:both;
	width:auto;
	_height:150px;
	min-height:130px;
	line-height:140%;
}
#detail #material h3{
	margin: 0px 0px 10px;
	padding: 10px;
	color: #481086;
	font-weight: normal;
	font-size: 120%;
	border-bottom: 1px solid #EFE9E1;
}
#detail #material #stone{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 380px;
}
#detail #material #frameandchain{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 370px;
}
#detail #material dt{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-weight: bold;
}
#detail #material dd{
	margin: 0px 0px 10px 10px;
	padding: 0px;
}
/*	4.	categorymenu
===============================================================*/
#categorymenu{
	position:absolute;
	top:0px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	height: 170px;
	overflow: hidden;
	left: 0px;
}
#categorymenu #container-1{
	background-image: url(../catalog/images/bg_category_tab.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
/**/
#categorymenu #container-1 #parents1 ul{
	height: 55px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style:none;
}
#categorymenu #container-1 #parents1 ul li{
	float: left;
	height: 55px;
	width: 110px;
	margin: 0px;
	_margin: 0px 0px 0px -10px;
	padding: 0px;
}
#categorymenu #container-1 #fragment-1 #container-2 #parents2 ul{
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
#categorymenu #container-1 #fragment-1 #container-2 #parents2 ul li{
	margin: 0px;
	_margin: 0px 0px 0px -10px;
	padding: 0px;
	float: left;
	width: 190px;
	height: 30px;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
}
/**/
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1a ul ,
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1b ul ,
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1c ul ,
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1d ul{
	margin: 0px 5px;
	padding: 0px;
	list-style-type: none;
}
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1a li ,
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1b li ,
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1c li ,
#categorymenu #container-1 #fragment-1 #container-2 #fragment-1d li{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 50px;
}
/**/
#categorymenu #container-1 #fragment-2 ul{
	margin: 0px 5px;
	padding: 0px;
	list-style-type: none;
}
#categorymenu #container-1 #fragment-2 li{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 40px;
}
/**/
#contents #categorymenu #container-1 #fragment-3 ul ,
#contents #categorymenu #container-1 #fragment-4 ul ,
#contents #categorymenu #container-1 #fragment-5 ul ,
#contents #categorymenu #container-1 #fragment-6 ul ,
#contents #categorymenu #container-1 #fragment-7 ul{
	margin: 0px 5px;
	padding: 0px;
	list-style-type: none;
}
#contents #categorymenu #container-1 #fragment-3 li ,
#contents #categorymenu #container-1 #fragment-4 li ,
#contents #categorymenu #container-1 #fragment-5 li ,
#contents #categorymenu #container-1 #fragment-6 li ,
#contents #categorymenu #container-1 #fragment-7 li{
	margin: 0px 0px 5px;
	float: left;
	width:120px;
	padding: 0px;
	height: 30px;
}
span.tax {
	font-size:12px;
}
/*	5.	IE Correction
===============================================================*/
#box05 ul li#ie_01,#box06 ul li#ie_02 {
	width:auto;
}

