/* CSS Document */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","メイリオ";
	margin:0;
	background-image:url(http://stone-blooms.com/img/background.gif);
	background-repeat:repeat-x;
	font-size:80%;
	color:#383636;
	line-height:160%;
	letter-spacing:0.04em;
	color:#333;
}


/*------テキスト系------*/

h1 {
/*	position: absolute;
	left: -9999px;
*/
	float:right;
	font-size:80%;
	color:#666;
	font-weight:normal;
	margin:0;
}
h2 {
	font-size:140%;
}
h3 {
	font-size:120%;
	margin-bottom:5px;
	padding-left:5px;
	border-left:3px solid #903;

}
h4 {
	margin-bottom:5px;
	padding-left:5px;
	border-left:double 7px #903;
}

img {
	border:0;
}
ul {
	line-height:180%;
	list-style-image:url(http://stone-blooms.com/img/arrow.gif);
}

a:link {
	color:#06F;
	text-decoration:none;
}

a:visited {
	color:#39c;
	text-decoration:none;
}
a:hover {
	color:#39c;
	text-decoration:underline;
}

img.right {
	float:right;
}

img.left {
	float:left;
	margin:0px 10px 10px 0; 
}
/*------レイアウト系------*/

div.wrapper {
	width:800px;
	clear:both;
}
div#headline {
	margin-bottom:20px;
	margin-top:10px;
	text-align:right;

}
div#container {
	clear:both;
	padding-top:10px;
	text-align:left;
}
div#main {
	width:600px;
	float:right;
	text-align:left;
	padding-bottom:30px;
}
div#side {
	width:180px;
	float:left;
	background:#eec;
	text-align:left;
	background-image:url(http://stone-blooms.com/img/back-side.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:210px;
}
div#footer {
	clear:both;
	border-top:2px solid #666;
	text-align:rignt;
	padding-top:5px;
	margin-top:30px;
	background:#E73962;
	color:#ffe;
	font-size:95%;
}
div.link {
	clear:both;
	font-size:90%;
}


/*------トップページ系------*/

div.whats {
	clear:both;
	float:left;
	width:195px;
	margin-bottom:10px;
}
div.pickup-item {
	float:right;
	width:395px;

	margin-bottom:10px;
}
div.pickup-item img {
	float:left;
	margin-right:5px;
}

div#birth-stone {
	clear:both;
	background-image:url(img/birth-stone.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:20px 10px 5px 10px;
	margin-top:20px;
}
div#birth-stone p {
	padding-left:10px;
	margin-top:5px;
}
div.banner {
	clear:both;
}
div.banner img {
	padding:5px 0 5px 0;
}
div#tag {
	border:1px solid #ccc;
	padding:5px;
	font-size:90%;
}

div#select table {
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
}

/*------トップページ見出し系------*/

div.index-concept {
	background-image:url(img/site-name.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	clear:both;
}
div.index-whats {
	background-image:url(img/index-new.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:31px;
	clear:both;
}
div.index-pickup {
	background-image:url(img/new-lineup.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:31px;
	clear:both;
}
div.index-tag {
	background-image:url(img/index-tag.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:25px;
	clear:both;
}
div.index-newlineup {
	background-image:url(img/index-newlineup.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:25px;
	clear:both;
}
div.index-concept h2,div.index-whats h2,div.index-pickup h2,div#birth-stone h2,.index-tag h2,div.index-newlineup h2 {
	position: absolute;
	left: -9999px;
	clear:both;
	margin:0;
}

/*------ヘッドライン系------*/

div#headline table.navi {
	width:440px;
	text-align:right;
	float:right;
	padding-bottom:10px;
	background-image:url(img/head-copy.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
div#headline .navi td {
	text-align:right;
	vertical-align:bottom;
	height:75px;
	width:110px;
}
div.button {
	background-image:url(img/back-button.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom:20px;
	clear:both;
}


/*------サイドナビゲーション系------*/

div.item-navi {
	text-align:center;
}

div#side dl {
	margin-bottom:5px;
	margin-top:5px;
}
div#side dd {
	margin-left:10px;
	line-height:150%;
	font-size:90%;
	background-image:url(img/back-dd.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:15px;
}
/*
div#side a:link,div#side a:visited,div#side a:hover {
	color:#333;
}*/

div.twitter {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	font-size:90%;
}


/*------フッター系------*/

div#footer-payment {
	width:255px;
	float:left;
	text-align:left;
}
div#footer-delivery {
	width:260px;
	padding:0 0 0 10px;
	float:left;
	text-align:left;
}
div#footer-detail {
	width:260px;
	float:right;
	text-align:left;
}



/*------サムネイル系------*/

div.top-thumbnail {
	width:155px;
	height:155px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
}
div.top-thumbnail a:link img,div.top-thumbnail a:visited img {
	border:1px solid #fff;
}
div.top-thumbnail a:hover img {
	border:1px solid #f06;
}
div.thumbnail {
	width:138px;
	height:160px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	font-size:85%;
	line-height:120%;
}

/*------商品ページ------*/
div.body-black {
	color:#ffe;
	background:#000;
	padding:5px;
}
div.body-black p {
	margin-left:10px;
}

/*------カゴ周辺------*/

h2.item {
	clear:both;
	border-bottom:1px solid #333;
}

div.item_left {
	float:left;
	width:245px;
	text-align:left;
}
div.item_left img {
	margin-bottom:10px;
}


div.item_right {
	float:right;
	width:340px;
	text-align:left;
}
div.item_right strong {
	font-size:150%;
}
div.right_inner {
	background:#eec;
	padding:5px;
}

div.recommend {
	clear:both;
	font-size:90%;
	margin-top:20px;
}
div.recommend h3 {
	border-left:5px solid #f66;
	padding:5px 0 5px 6px;

}
/*------問い合わせ系------*/
table.mail{
	border:1px solid #999;
}

table.mail td {
	border-bottom:1px solid #ccc;
}

/*------パンくず -----------------*/

div#bread {
	text-align:right;
	font-size:90%;
	margin-bottom:0;
	margin-right:2px;
}