@charset "utf-8";

/* -----------------------------------------------------------
  onlinshop Style Sheet
    Wrap
    Navigation
    Layout
------------------------------------------------------------ */

/* clear
 -------------------------------------------------- */
#main ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 7 and MacIE */
#main ul {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #main ul {
	height: 1%;
}
#main ul {
	display: block;
}
/* End hide from IE-mac */

/* Wrap
 -------------------------------------------------- */
#content #main {
	zoom: 1;
	float: right;
	width: 705px;
}
#content #localNav {
	zoom: 1;
	float: left;
	width: 200px;
	margin-top: 40px;
}

/* Navigation
 -------------------------------------------------- */
#header #subNav .btn {
	position: absolute;
	top: -15px; right: 20px;
}
#content #localNav p {
	margin-bottom: 10px;
}
#content #localNav ul {
	border-top: 1px solid #CCCCCC;
}
#content #localNav ul li {
	padding: 1px 0;
	border-bottom: 1px solid #CCCCCC;
}

/* Layout 
 -------------------------------------------------- */
#main h2.title {
	padding-bottom: 40px;
}
/* pHome
 ==================================================*/
.pHome #topPanel {
	margin-top: 40px;
	position: relative;
}
.pHome #topPanel .btn {
	position: absolute;
	top: 205px;
	left: 144px;
}
.pHome #main h2.title {
	margin: 20px 0 0;
}
.pHome #main ul li {
	float: left;
	display: inline;
	padding: 0 15px 15px 0;
}
.pHome #main ul li a img {
	border-bottom: 1px solid #666666;
}
.pHome #main ul li a:hover img {
	border-bottom: 1px solid #CCCCCC;
}

/* pList
 ==================================================*/
.pList #main li {
	float: left;
	display: inline;
	position: relative;
}

/* itemlist -------------------- */
.pList #main .itemlist {
	width: 687px;
}
.pList #main .itemlist ul {
	border-top: 3px solid #EBEBEB;
	background: url(/onlineshop/img/bg_catlist.gif) repeat-y left top;
}
.pList #main .itemlist ul li {
	z-index: 1;
	margin-left: 3px;
	padding-bottom: 3px;
	width: 111px; height: 111px;
}
.pList #main .itemlist ul li.over { z-index: 2;}
.pList #main .itemlist ul li.over dl {
	position: absolute;
	top: -3px; left: -3px;
	z-index: 10;
	min-height: 225px;
	border: 3px solid #CCCCCC;
}
* html .pList #main .itemlist ul li.over dl { height: 225px;}
.pList #main .itemlist ul li dt { position: relative;}
.pList #main .itemlist ul li dt .newico {
	position: absolute;
	top:0; left: 0;
	z-index: 5;
}
.pList #main .itemlist ul li.over dt .newico { z-index: 15;}
.pList #main .itemlist ul dd {
	position: absolute;
	top: 111px; left: 0;
	z-index: 15;
	width: 111px; min-height: 104px;
	padding-top: 10px;
	background-color: #FFFFFF;
}
* html .pList #main .itemlist ul dd { height: 104px;}
.pList #main .itemlist ul dd p {
	padding: 0 10px 6px;
	line-height: 1.3;
}

/* charm -------------------- */
.pList #main ul.charm {
	margin-top: -15px;
}
.pList #main ul.charm li {
	float: left;
	display: inline;
	padding: 15px 15px 0 0;
	background: url(/onlineshop/img/bg_cattop.gif) repeat-x left bottom;
}
.pList #main ul.charm li a img {
	border-bottom: 1px solid #666666;
}
.pList #main ul.charm li a:hover img {
	border-bottom: 1px solid #CCCCCC;
}
.pList #main ul.charm li#cat_collection,
.pList #main ul.charm li#cat_joint,
.pList #main ul.charm li#cat_oriental_zodiac,
.pList #main ul.charm li#cat_marine,
.pList #main ul.charm li#cat_genuine_stone,
.pList #main ul.charm li#cat_base { background: none;}

/* petit -------------------- */
.pList #main ul.petit {
	margin-top: -15px;
}
.pList #main ul.petit li {
	float: left;
	display: inline;
	padding: 15px 15px 0 0;
	background: url(/onlineshop/img/bg_cattop.gif) repeat-x left bottom;
}
.pList #main ul.petit li a img {
	border-bottom: 1px solid #666666;
}
.pList #main ul.petit li a:hover img {
	border-bottom: 1px solid #CCCCCC;
}
.pList #main ul.petit li#cat_silver,
.pList #main ul.petit li#cat_enamel,
.pList #main ul.petit li#cat_base { background: none;}

/* gift -------------------- */
.giftMain { margin-bottom: 40px;}

/* pArchive
 ==================================================*/
.pArchive #main li {
	float: left;
	display: inline;
	position: relative;
}

/* images -------------------- */
.pArchive #main .images {
	float: left;
	width: 400px;
}
.pArchive #main .images ol {
	padding-top: 20px;
}
.pArchive #main .images li.right {
	float: right;
}

/* detail -------------------- */
.pArchive #main .detail {
	float: right;
	width: 265px;
}
.pArchive #main .detail .section {
	padding: 20px 14px 23px 10px;
}
.pArchive #main .section p {
	padding-top: 6px;
	line-height: 1.3;
}
.pArchive #main .section p.body {
	padding-top: 25px;
	line-height: 1.8;
}
.pArchive #main .section dl {
	padding-top: 45px;
}
.pArchive #main .section dt {
	float: left;
	font-weight: bold;
	line-height: 1.3;
}
.pArchive #main .section dd {
	margin-left: 4.5em;
	padding-bottom: 6px;
	line-height: 1.3;
}
.pArchive #main .section dd.price {
	font-weight: bold;
}
.pArchive #main .section dd.price span {
	padding-right: .2em;
}
.pArchive #main .section dt.ringsize {
	float: none;
	padding-bottom: 6px;
}
.pArchive #main .section dd.ringsize {
	margin-left: 0;
}
.pArchive #main .section dd.ringsize select {
	width: 170px;
}

.pArchive #main .section p.note {
	margin: 10px 0 -5px;
	color: #ff6969;
	line-height: 1.8;
}

/* pageNav -------------------- */
.pArchive #main ul.pageNav {
	margin-top: 35px;
	background: url(/onlineshop/img/parts_prodnav.gif) no-repeat center top;
}
.pArchive #main ul.pageNav .prev {
	padding-left: 46px;
}
.pArchive #main ul.pageNav .next {
	padding-left: 11px;
}

/* related -------------------- */
.pArchive #main .related {
	margin-top: 33px;
	background-color: #EBEBEB;
}
.pArchive #main .related dl {
	padding: 20px 20px 0 20px;
	border-bottom: 1px solid #D3D3D3;
}
.pArchive #main .related dt {
	margin-bottom: 20px;
	float: left;
	font-weight: bold;
}
.pArchive #main .related dd {
	margin: 0 0 0 127px;
	padding-top: 10px;
	min-height: 121px;
}
* html .pArchive #main .related dd { height: 121px;}
.pArchive #main .related dd p {
	padding-bottom: 4px;
	line-height: 1.3;
}


/* pSP
 ==================================================*/
.pSP #content .mainvisual {
	padding: 40px 0 0 20px;
}
.pSP #content .mainvisual h2 {
	float: left; display: inline;
	width: 340px;
}
.pSP #content .mainvisual #mainflash {
	float: left; display: inline;
	width: 560px;
}
.pSP #content .section {
	margin: 20px 20px 0 20px;
	background-color: #EBEBEB;
}
.pSP #content .section ul {
	width: 900px;
}
.pSP #content .section ul li {
	float: left; display: inline;
	width: 200px;
	margin-left: 20px; padding-bottom: 16px;
}
.pSP #content .section ul li a {
	display: block;
}
.pSP #content .section ul li a span {
	display: block;
}
.pSP #content .section ul li a img {
	padding-bottom: 5px;
}