@charset "utf-8";

/* ========================================================
	ring css => リングページ用css
======================================================== */

/* コンテンツ
============================================================================================================ */
div#mainContents {
	padding: 22px 20px 10px;
	background-color: #efeff0;
	background-position: right top;
	background-repeat: no-repeat;
}

body#engagement div#mainContents {
	background-image: url(../../ring/engagement/images/main_bg.jpg);
}
body#marriage div#mainContents {
	background-image: url(../../ring/marriage/images/main_bg.jpg);
}
body#diamond div#mainContents {
	background-image: url(../../ring/diamond/images/main_bg.jpg);
}
div#mainContents p {
	margin-top: 1em;
}
div#mainContents ul {
	margin: 3px 0 0 -12px;
}

/* 商品一覧
============================================================================================================ */
div#itemList {
	margin: 20px 0 30px;
}
div#itemList h2 {
	margin-bottom: 1em;
	text-align: center;
}
div#itemList div {
	width: 550px;
}
* html div#itemList div {
	overflow: hidden;
}
div#itemList div div {
	width: 570px;
	padding-top: 0.2em;
	padding-left: 5px;
	zoom: 1;
}
div#itemList div div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div#itemList div.even {
	background-color: #1d2257;
}
div#itemList h3 {
	color: #e0ddca;
	padding: 0.5em 5px 0;
}
div#itemList div div p,
div#itemList dl {
	float: left;
	width: 99px;
	margin-right: 11px;
}
div#itemList div div p,
div#itemList dl dt {
	position: relative;
	width: 95px;
	height: 65px;
	border: 2px solid #ffffff;
	overflow: hidden;
}
* html div#itemList div div p,
* html div#itemList dl dt {
	width: 99px;
	height: 69px;
}
div#itemList dl dd {
	padding: 0.2em 0 0.3em;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}
div#itemList p.link {
	font-size: smaller;
	padding: 0 7px 0.6em;
	text-align: right;
}
div#itemList p.link a {
	padding-left: 13px;
	background: url(../../ring/images/brand_link_icon.gif) no-repeat left;
	color: #bfab5b;
}


/* ～について
============================================================================================================ */
div#subContents {
	padding-bottom: 50px;
	background-color: #efeff0;
}
div#subContents div.main {
	padding: 22px 20px 10px;
	background-position: right top;
	background-repeat: no-repeat;
}
div#subContents div.contents {
	margin: 0 5px;
}
div#subContents div.contents h3 {
	margin: 24px 0 5px;
}
div#subContents div.contents p {
	margin: 0 18px;
}


/* ダイヤモンドについて
============================================================================================================ */
body#diamond div.main {
	padding-right: 180px;
	background-image: url(../../ring/diamond/images/main_bg.jpg);
	min-height: 230px;
}
* html body#diamond div.main {
	height: 260px;
}
body#diamond div.main p {
	margin-bottom: 1em;
}
body#diamond div.title {
	text-align: center;
}
body#diamond div.title h2 {
	margin-bottom: 4px;
}
body#diamond div.contents h3 {
	border-bottom: 1px solid #c8c7be;
}
body#diamond div.contents h4 {
	margin: 1.2em 18px 0;
	color: #9e7f01;
}
body#diamond div.contents dl {
	margin: 0 18px;
}
body#diamond div.contents dt {
	float: left;
	color: #003399;
	font-weight: bold;
}
body#diamond div.contents dd {
	margin-left: 5em;
}
body#diamond div.contents p.notes {
	margin-top: 1em;
	font-size: smaller;
}
body#diamond table {
	width: 506px;
	margin: 6px 0 0 18px;
	border: 1px solid #e2ddc1;
}
body#diamond table th,
body#diamond table td {
	padding: 0.4em 0.5em 0.4em 1em;
	vertical-align: top;
	background-color: #efeff0;
}
body#diamond table th {
	padding-right: 0;
	color: #003399;
	font-weight: bold;
}
body#diamond table .odd th,
body#diamond table .odd td {
	background-color: #f1edd9;
}
body#diamond table.cut tr.title th {
	font-size: smaller;
	font-weight: normal;
	padding-left: 2em;
	background-color: #f1edd9 !important;
}
body#diamond table.cut td,
body#diamond table.cut th {
	padding-right: 0.5em;
	padding-left: 0.5em;
	background-color: #efeff0 !important;
}
body#diamond table tr td.grade {
	width: 1%;
	padding: 0;
	background-color: #ffffff;
	border-right: 1px solid #e2ddc1;
}


/* 素材について
============================================================================================================ */
body#material div#subContents {
	background: #efeff0 url(../../ring/material/images/main_bg.jpg) no-repeat right top;
}
body#material div.main {
	padding-right: 250px;
}
body#material div.contents h2 {
	margin: 24px 0 1em;
	border-bottom: 1px solid #cdb832;
}
body#material div.contents dl {
	margin-top: 0.6em;
	padding: 0.8em 18px 0;
	background-color: #f2edd3;
}
body#material div.contents dt {
	font-weight: bold;
	color: #9e7f01;
	font-size: 114%;
}
body#material div.contents dd {
	padding-bottom: 1.2em;
}