@charset "utf-8";

/*
基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(%)
10px : 77%
11px : 85%
12px : 92%
13px : 100%
14px : 107%
15px : 114%
16px : 122%
17px : 129%
18px : 136%
19px : 144%
20px : 152%
21px : 159%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%
*/

/*============================================================================
html
============================================================================*/

* {
	margin: 0;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	
	/*line-height:1.0;*/
}

body {
	color: #666666;
	background: #FFFFFF;
	text-align:center;
	font-size: 13px;
	*font-size: small;
	*font: x-small;	
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	position: absolute;
	top: 3px;
	left: 0;
}

h2 {
	font-size: 136%;
	line-height: 130%;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 122%;
	margin: 0 0 0.5em;
	line-height: 120%;
}

h4 {
	font-size: 122%;
	line-height: 140%;
	margin: 0 0 0.5em;
}

h5 {
	font-size: 114%;
	margin: 0 0 0.5em;
	line-height: 140%;
}

h6 {
	font-size: 107%;
	margin: 0 0 0.5em;
	line-height: 140%;
}

p {
	line-height: 150%;
	font-size: 107%;
	/*font-size: 92%;*/
	margin: 0 0 1em;
}

ol,ul,li{
	list-style: none;
	line-height: normal;
	
}

a {
	color: #0033FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

address {
	font-style:normal;
}
hr {
	display: none;
}

img {
	border:none;
	vertical-align: top;
}

table {

}

th, td {
	text-align: left;
	vertical-align: top;
	line-height: normal;
}

input {
	line-height: 120%;
}

/*pager*/
.pager {
	width: 100%;
	position: relative;
	/*\*/
	overflow: hidden;
	/**/
	clear: both;
	margin: 0 0 1em;
}

.pager ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0 0 0 -3px;
}
.pager li {
	font-size: 85%;
	position: relative;
	margin: 0 0 0 3px;
	left: -50%;
	float: left;
	background: #e0e0e0;
	border: 1px solid #CCCCCC;
}

.pager a, .pager span {
	display: block;
	text-decoration: none;
	padding: 3px 7px 2px;
}

.pager a:hover {

}
.pager li.prev{
	
}
.pager li.fwd {

}

.pager .current {
	font-weight: bold;
	background: #FF6600;
	color: #FFFFFF;
}


/*============================================================================
layout
============================================================================*/

/*
#wrapper {
	background: url(../img/wrapper_back.png) no-repeat center bottom;
	margin: 0 auto;
	width: 820px;
}
*/
#container {
	text-align: left;
	width: 970px;
	margin: 0 auto;
	background: #FFFFFF;
}

#header {
	width: 970px;
	height: 130px;
	position: relative;
	background: #FFFFFF;
}

#mainblock {
	width: 970px;
	margin: 0 0 3em;
	/*\*/
	overflow: hidden;
	/**/
}

#mainarea {
	width: 790px;
	float: right;
	/*\*/
	overflow: hidden;
	/**/
}

#subarea {
	width: 180px;
	float: left;
}

#main {
	width: 780px;
	padding: 0 0 0 10px;
}

#extraarea {
	width: 780px;
	padding: 0 0 0 10px;
}

#footer {
	width: 970px;
	padding: 10px 0;
	position: relative;
	border-top: 1px solid #CCCCCC;
}


/*============================================================================
header
============================================================================*/

#header .logo {
	width: 209px;
	height: 28px;
	position: absolute;
	top: 40px;
	left: 0;
}

#header .banner {
	width: 468px;
	height: 60px;
	position: absolute;
	top: 23px;
	right: 0;
}

#mainmenu {
	width: 966px;
	height: 40px;
	padding: 0 0 0 4px;
	position: absolute;
	top: 90px;
	left: 0;
	background: url(../img/mainmenu_back.png) no-repeat left top;
}

#mainmenu li {
	width: 150px;
	height: 40px;
	float: left;
	
}
#mainmenu li a {
	display: block;
	width: 150px;
	height: 40px;
	text-decoration: none;
	text-indent: -9999px;
	/*\*/
	overflow: hidden;
	/**/
}
#mainmenu li a:hover {
	width: 150px;
	height: 40px;
}

#mainmenu .search a {
	background: url(../img/mainmenu_search.png) no-repeat left top;
}
#mainmenu .search a:hover {
	background: url(../img/mainmenu_search.png) no-repeat left bottom;
}

#mainmenu .about a {
	background: url(../img/mainmenu_about.png) no-repeat left top;
}
#mainmenu .about a:hover {
	background: url(../img/mainmenu_about.png) no-repeat left bottom;
}

#mainmenu .pleasure a {
	background: url(../img/mainmenu_pleasure.png) no-repeat left top;
}
#mainmenu .pleasure a:hover {
	background: url(../img/mainmenu_pleasure.png) no-repeat left bottom;
}

#mainmenu .guide a {
	background: url(../img/mainmenu_guide.png) no-repeat left top;
}
#mainmenu .guide a:hover {
	background: url(../img/mainmenu_guide.png) no-repeat left bottom;
}

#mainmenu .glossary a {
	background: url(../img/mainmenu_glossary.png) no-repeat left top;
}
#mainmenu .glossary a:hover {
	background: url(../img/mainmenu_glossary.png) no-repeat left bottom;
}

#mainmenu .faq a {
	background: url(../img/mainmenu_faq.png) no-repeat left top;
}
#mainmenu .faq a:hover {
	background: url(../img/mainmenu_faq.png) no-repeat left bottom;
}

/*============================================================================
topicpath
============================================================================*/
#topicpath {
	width: 970px;
	padding: 2px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #CCCCCC;
	/*\*/
	overflow: hidden;
	/**/
}
#topicpath li {
	float: left;
	padding: 5px 5px 4px 12px;
	font-size: 85%;
	line-height: 100%;
	background: url(../img/bullet_red_small.png) no-repeat left center;
}

#topicpath li a {
	color: #666666;
}

/*============================================================================
main
============================================================================*/

#main .searchbox {
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	margin: 0 0 2em;
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
}

#main .searchbox .inner {
	border: 1px solid #FFFFFF;
	padding: 12px;
}

#main .searchbox dl {
	border-bottom: 1px solid #CCCCCC;
}

#main .searchbox dt {
	float : left;
	width : 8em;
	padding: 5px 0;
	border-top: 1px solid #CCCCCC;
	clear:both;
}

#main .searchbox dd {
	padding: 5px 0;
	margin: 0 0 0 8em;
	border-top: 1px solid #CCCCCC;
}

#main .searchbox #categoryQuery {

}

#main .searchbox #hits {
	margin: 0 0 0 1em;
}


#main .searchbox #availability {
	margin: 0 0 0 1em;
}

#main .searchbox #sorts {
	margin: 0 0 0 1em;
}

#main .searchbox #price_from {
	width: 80px;
}

#main .searchbox #price_to {
	width: 80px;
	margin: 0 0 0 1em;
}

#main .searchbox #entryQuery {
	width: 360px;
	margin: 0 1em 0 0;
}
#main .searchbox .keyword {
	position: relative;
	_height: 1px;
}

#main .searchbox #searchbox_submit {
	width: 80px;
	position: absolute;
	/*margin: -3px 0;*/
	top: 2px;
	right: 0;
}

/*----------------------------------------------------------------------------
addclips
----------------------------------------------------------------------------*/
#main .addclips {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0 0 1em;
	/*\*/
	overflow: hidden;
	/**/
}

#main .addclips dt {
	float: left;
	width: 15em;
	font-weight: bold;
}
#main .addclips dd {
	text-align: right;
	margin: 0 0 0 15em;
}

/*----------------------------------------------------------------------------
itemList
----------------------------------------------------------------------------*/
#itemList {
	border-top: 1px solid #CCCCCC;
	margin: 0 0 1em;
}

#itemList .item {
	zoom:1;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0;
	/*\*/
	overflow: hidden;
	/**/
}

#itemList .item dt {
	width: 110px;
	float: left;
}
#itemList .item dt img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

#itemList .item h4 {
	font-size: 107%;
	line-height: 130%;
	margin: 0 0 0.5em;
}

#itemList .item h4 a {
	color: #003366;
	/*text-decoration: none;*/
}

#itemList .item h4 a:hover {
	/*text-decoration: underline;*/
}

#itemList .item .description {
	font-size: 92%;
	line-height: 130%;
	margin: 0 0 0.5em;
}

#itemList .item .detail {
	width: 520px;
	padding: 0 10px;
	float: left;
}

#itemList .item .priceDetail {
	width: 130px;
	float: left;
	text-align: center;
}

/*----------------------------------------------------------------------------
item
----------------------------------------------------------------------------*/
.item .description img {
	vertical-align: middle;
	margin: 0 0 0 3px;
}
.item .priceDetail li {
	margin: 0 0 5px;
}

.item .priceDetail li.icon {
	margin: 0 0 10px;
}

.item .price {
	font-size: 107%;
	font-weight: bold;
	color: #990000;
}

.item .discount {
	font-weight: bold;
	color: #FF0000;
}
.item .stockStatus {
	
}
.item .stockStatus span {
	padding: 0 3px;
	color: #FFFFFF;
	background: #FF6600;
}

.item .FixedPrice {
	font-size: 85%;
}

.item .ypoint {
	padding: 0 0 0 15px;
	background: url(../img/icon_ypoint_ss.gif) no-repeat left center;
}

.item .elIcon {
	width: 87px;
	padding: 0 0 0 2px;
	zoom:1;
	margin: 0 auto;
	/*\*/
	overflow: hidden;
	/**/
}

.item .elIcon li {
	float: left;
	margin: 0 2px 0 0;
}
.item .elIconList span, .item .elIconList del {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	/*\*/
	overflow: hidden;
	/**/
}

.item span.elYwlt {
	background: url(../img/icon_elYwlt.gif) no-repeat left top;
}
.item del.elYwlt {
	background: url(../img/icon_elYwlt.gif) no-repeat left bottom;
}

.item span.elCard {
	background: url(../img/icon_elCard.gif) no-repeat left top;
}
.item del.elCard {
	background: url(../img/icon_elCard.gif) no-repeat left bottom;
}

.item span.elExcg {
	background: url(../img/icon_elExcg.gif) no-repeat left top;
}
.item del.elExcg {
	background: url(../img/icon_elExcg.gif) no-repeat left bottom;
}

.item span.elBank {
	background: url(../img/icon_elBank.gif) no-repeat left top;
}
.item del.elBank {
	background: url(../img/icon_elBank.gif) no-repeat left bottom;
}

.item span.elConvg {
	background: url(../img/icon_elConvg.gif) no-repeat left top;
}
.item del.elConvg {
	background: url(../img/icon_elConvg.gif) no-repeat left bottom;
}

.item .store {
	font-size: 77%;
	line-height: 100%;
}

/*----------------------------------------------------------------------------
#itemDetail
----------------------------------------------------------------------------*/
#detail h2 {
	color: #003366;
}


#itemDetail {
	margin: 0 0 2em;
	/*\*/
	overflow: hidden;
	/**/
}

#itemDetail h3 {
	color: #FF6600;
}

#itemDetail .item {
	width: auto;
}

#itemDetail .item dt {
	float: left;
	text-align: center;
	width: 168px;
}
#itemDetail .item .detail {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	float: right;
	padding: 10px 0;
	width: 580px;
	margin: 0;
}
#itemDetail .item .detail .priceDetail {
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 0;
	position: relative;
	zoom:1;
	/*float: left;*/
	/*\*/
	overflow: hidden;
	/**/
}

#itemDetail .item dt img {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin: 0 0 1em;
}

#itemDetail .item .detail .priceDetail .elIcon {
	width: 87px;
	padding: 0 0 0 2px;
	zoom:1;
	margin: 0;
	/*\*/
	overflow: hidden;
	/**/
}

#itemDetail .item .detail .price {
	font-size: 136%;
	font-weight: bold;
	color: #990000;
}

#itemDetail .item .detail .discount {
	font-size: 136%;
	font-weight: bold;
	color: #FF0000;
}

#itemDetail .item .detail .stockStatus span {
	font-size: 136%;
	padding: 0 3px;
	color: #FFFFFF;
	background: #FF6600;
}

#itemDetail .item .detail .FixedPrice {
	font-size: 122%;
}

#itemDetail .item .detail .priceDetail .buybtn {
	position: absolute;
	width: 238px;
	height: 78px;
	margin: 0;
	bottom: 0;
	right: 0;
}

#itemDetail .item .detail .buybtn a {
	display: block;
	background: url(../img/buybtn.png) no-repeat left top;
	width: 238px;
	height: 78px;
	text-decoration: none;
	text-indent: -9999px;
	/*\*/
	overflow: hidden;
	/**/
}

#itemDetail .item .detail .buybtn a:hover {
	background: url(../img/buybtn.png) no-repeat left bottom;
}

/*----------------------------------------------------------------------------
entry
----------------------------------------------------------------------------*/
#main .entry {
	margin: 0 0 3em;
}

#main .entry h3 {
	font-size: 136%;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#main .entry h3 span {
	display: block;
	border-left: 3px solid #CC0000;
	padding: 0 0 0 5px;
}

#main .entry h4 {
	border-bottom: 1px dotted #FF6600;
	padding: 0 0 3px;
}

#main .entry ul li {
	background: url(../img/bullet_red_small.png) no-repeat left 6px;
	padding: 2px 0 1px 12px;
	margin: 0 0 0.5em;
}

/*----------------------------------------------------------------------------
pickup
----------------------------------------------------------------------------*/
#main .pickup {
	padding: 0 0 6px;
	margin: 0 0 2em;
	border: 1px solid #CCCCCC;
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
}

#main .pickup h3 {
	background: #F7F7F7;
	padding: 5px;
	margin:1px 1px 6px;
	border-bottom: 1px solid #CCCCCC;
}

#main .pickup .inner {
	margin: 0 0 0 -4px;
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
}

#main .pickup dl {
	float: left;
	width: 120px;
	padding: 0 0 0 9px;
}

#main .pickup img {
	width: 116px;
	height: 116px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
#main .pickup dt {
	margin: 0 0 5px;
}
#main .pickup dd {
	font-size: 85%;
	line-height: 130%;
}


/*============================================================================
extraarea
============================================================================*/

#extraarea a {
	color: #666666;
}

#extraarea .banner {
	margin: 0 0 1em;
}
#extraarea .banner li {
	margin: 0 0 5px;
}

#extraarea .about_element {
	border: 1px solid #CCCCCC;
}

#extraarea .about_element dl {
	border: 1px solid #FFFFFF;
}

#extraarea .about_element dt {
	font-weight: bold;
	background: #F7F7F7;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

#extraarea .about_element dd {
	zoom: 1;
	padding: 5px 5px 2px 5px;
	/*\*/
	overflow: hidden;
	/**/
}

#extraarea .about_element ul {
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
}

#extraarea .about_element li {
	zoom: 1;
	float: left;
	padding: 0 5px 0 0;
	margin: 0 0 3px;
	/*\*/
	overflow: hidden;
	/**/
}

#extraarea .about_element li span {
	display: block;
	padding: 0;
	width: 15px;
	height: 15px;
	float: left;
	overflow: hidden;
	margin: 2px 3px 0 0;
}
/*
#extraarea .about_element .elYwlt {
	background: url(../img/icon_elYwlt.gif) no-repeat left center;
	padding: 3px 5px 3px 18px;
}
#extraarea .about_element .elCard {
	background: url(../img/icon_elCard.gif) no-repeat left center;
	padding: 3px 5px 3px 18px;
}
#extraarea .about_element .elExcg {
	background: url(../img/icon_elExcg.gif) no-repeat left center;
	padding: 3px 5px 3px 18px;
}
#extraarea .about_element .elBank {
	background: url(../img/icon_elBank.gif) no-repeat left center;
	padding: 3px 5px 3px 18px;
}
#extraarea .about_element .elConvg {
	background: url(../img/icon_elConvg.gif) no-repeat left center;
	padding: 3px 5px 3px 18px;
}
*/

/*============================================================================
subarea
============================================================================*/
#subarea .category {
	margin: 0 0 1em;
}

#subarea .category dt {
	font-size: 92%;
	font-weight: bold;
	padding: 1px 1px 0 1px;
	background: #DAE5E6 url(../img/subarea_title_back.png) no-repeat left top;
}
#subarea .category dt span {
	display: block;
	padding: 6px;
	border-bottom: 1px solid #FFFFFF;
}

#subarea .category dd {
	background: #F8F9FB;
	border: 1px solid #CCCCCC;
}

#subarea .category p {
	margin: 0;
	padding:5px 0;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
}

#subarea .category ul {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #F8F9FB;
	padding: 0;
}

#subarea .category li {
	font-size: 92%;
	margin: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

#subarea .category li a {
	display: block;
	padding: 4px 2px 7px 25px;
	color: #666666;
	/*\*/
	zoom:1;
	/**/
}

/*-------------------------------------------------------------------------------
stone category
-------------------------------------------------------------------------------*/
#subarea .category .iolite a {
	background: url(../img/icon_iolite.gif) no-repeat 3px 3px;
}

#subarea .category .aquamarine a {
	background: url(../img/icon_aquamarine.gif) no-repeat 3px 3px;
}

#subarea .category .agate a {
	background: url(../img/icon_agate.gif) no-repeat 3px 3px;
}

#subarea .category .amethyst a {
	background: url(../img/icon_amethyst.gif) no-repeat 3px 3px;
}

#subarea .category .ametrine a {
	background: url(../img/icon_ametrine.gif) no-repeat 3px 3px;
}

#subarea .category .alexandrite a {
	background: url(../img/icon_alexandrite.gif) no-repeat 3px 3px;
}

#subarea .category .andalusite a {
	background: url(../img/icon_andalusite.gif) no-repeat 3px 3px;
}

#subarea .category .amber a {
	background: url(../img/icon_amber.gif) no-repeat 3px 3px;
}

#subarea .category .yellow_tourmaline a {
	background: url(../img/icon_yellow_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .emerald a {
	background: url(../img/icon_emerald.gif) no-repeat 3px 3px;
}

#subarea .category .onyx a {
	background: url(../img/icon_onyx.gif) no-repeat 3px 3px;
}

#subarea .category .opal a {
	background: url(../img/icon_opal.gif) no-repeat 3px 3px;
}

#subarea .category .garnet a {
	background: url(../img/icon_garnet.gif) no-repeat 3px 3px;
}

#subarea .category .canary_tourmaline a {
	background: url(../img/icon_canary_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .quartz a {
	background: url(../img/icon_quartz.gif) no-repeat 3px 3px;
}

#subarea .category .green_tourmaline a {
	background: url(../img/icon_green_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .chrysoberyl a {
	background: url(../img/icon_chrysoberyl.gif) no-repeat 3px 3px;
}

#subarea .category .chrome_diopside a {
	background: url(../img/icon_chrome_diopside.gif) no-repeat 3px 3px;
}

#subarea .category .kunzite a {
	background: url(../img/icon_kunzite.gif) no-repeat 3px 3px;
}

#subarea .category .sappire a {
	background: url(../img/icon_sappire.gif) no-repeat 3px 3px;
}

#subarea .category .coral a {
	background: url(../img/icon_coral.gif) no-repeat 3px 3px;
}

#subarea .category .citrine a {
	background: url(../img/icon_citrine.gif) no-repeat 3px 3px;
}

#subarea .category .jasper a {
	background: url(../img/icon_jasper.gif) no-repeat 3px 3px;
}

#subarea .category .zircon a {
	background: url(../img/icon_zircon.gif) no-repeat 3px 3px;
}

#subarea .category .spinel a {
	background: url(../img/icon_spinel.gif) no-repeat 3px 3px;
}

#subarea .category .turquoise a {
	background: url(../img/icon_turquoise.gif) no-repeat 3px 3px;
}

#subarea .category .diamond a {
	background: url(../img/icon_diamond.gif) no-repeat 3px 3px;
}

#subarea .category .tanzanite a {
	background: url(../img/icon_tanzanite.gif) no-repeat 3px 3px;
}

#subarea .category .tsavorite a {
	background: url(../img/icon_tsavorite.gif) no-repeat 3px 3px;
}

#subarea .category .demantoid a {
	background: url(../img/icon_demantoid.gif) no-repeat 3px 3px;
}

#subarea .category .topaz a {
	background: url(../img/icon_topaz.gif) no-repeat 3px 3px;
}

#subarea .category .tourmaline a {
	background: url(../img/icon_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .pearl a {
	background: url(../img/icon_pearl.gif) no-repeat 3px 3px;
}

#subarea .category .paraiba_tourmaline a {
	background: url(../img/icon_paraiba_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .jade a {
	background: url(../img/icon_jade.gif) no-repeat 3px 3px;
}

#subarea .category .fire_opal a {
	background: url(../img/icon_fire_opal.gif) no-repeat 3px 3px;
}

#subarea .category .bloodstone a {
	background: url(../img/icon_bloodstone.gif) no-repeat 3px 3px;
}

#subarea .category .blue_tourmaline a {
	background: url(../img/icon_blue_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .peridot a {
	background: url(../img/icon_peridot.gif) no-repeat 3px 3px;
}

#subarea .category .beryl a {
	background: url(../img/icon_beryl.gif) no-repeat 3px 3px;
}

#subarea .category .multi_tourmaline a {
	background: url(../img/icon_multi_tourmaline.gif) no-repeat 3px 3px;
}

#subarea .category .mandarin_garnet a {
	background: url(../img/icon_mandarin_garnet.gif) no-repeat 3px 3px;
}

#subarea .category .moonstone a {
	background: url(../img/icon_moonstone.gif) no-repeat 3px 3px;
}

#subarea .category .morganite a {
	background: url(../img/icon_morganite.gif) no-repeat 3px 3px;
}

#subarea .category .lapis_lazuli a {
	background: url(../img/icon_lapis_lazuli.gif) no-repeat 3px 3px;
}

#subarea .category .ruby a {
	background: url(../img/icon_ruby.gif) no-repeat 3px 3px;
}

#subarea .category .rubellite_tourmaline a {
	background: url(../img/icon_rubellite_tourmaline.gif) no-repeat 3px 3px;
}

/*============================================================================
footer
============================================================================*/

#footer h3 {
	font-size: 107%;
}
#footer h3 a {
	color: #666666;
	text-decoration: none;
}

#footer p {
	font-size: 92%;
	margin: 0;
}

#footer .navi {
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
	position: absolute;
	top: -25px;
	right: 0;
}

#footer .navi a {
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 2px 0 2px 12px;
	background: url(../img/bullet_red_top.png) no-repeat left center;
	float: right;
}
#footer .navi a:hover {
	text-decoration: underline;
}

#footer ul.globalnavi {
	line-height: 100%;
	border-left: 1px solid #666666;
	position: absolute;
	top: 10px;
	right: 0;
}

#footer ul.globalnavi li {
	display: inline;
	border-right: 1px solid #666666;
	font-size: 77%;
	padding: 0 5px;
}

#footer ul li a {
	color: #666666;
}

#footer ul.groupsite li {
	display: inline;
	font-size: 77%;
	padding: 0 5px 0 0;
}

/*============================================================================
home
============================================================================*/

#home #main {
	width: 520px;
	padding: 0 10px 0;
	background: #FFFFFF;
	float: left;
}

#home #main .searchbox #entryQuery {
	width: 170px;
}

#home #extraarea {
	width: 250px;
	padding: 0;
	float: right;
}

/*pickup*/
#home #main .pickup {
	padding: 0 0 6px;
	margin: 0 0 2em;
	border: 1px solid #CCCCCC;
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
}

#home #main .pickup h3 {
	background: #F7F7F7;
	padding: 5px;
	margin:1px 1px 6px;
	border-bottom: 1px solid #CCCCCC;
}

#home #main .pickup .inner {
	margin: 0 0 0 -4px;
	zoom: 1;
	/*\*/
	overflow: hidden;
	/**/
}

#home #main .pickup dl {
	float: left;
	width: 120px;
	padding: 0 0 0 9px;
}

#home #main .pickup img {
	width: 116px;
	height: 116px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
#home #main .pickup dt {
	margin: 0 0 5px;
}
#home #main .pickup dd {
	font-size: 85%;
	line-height: 130%;
}

/*banner_main*/

#home #main .banner {
	margin: 0 0 2em;
}

#home #main .banner ul {
	margin: 0 0 -5px -5px;
	/*\*/
	overflow: hidden;
	/**/
}

#home #main .banner li {
	float: left;
	padding: 0 0 0 5px;
	margin: 0 0 5px;
}

#home #recomend {
	border-top: 1px solid #CCCCCC;
}

#home #recomend .item {
	zoom:1;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0;
	/*\*/
	overflow: hidden;
	/**/
}

#home #recomend .item dt {
	width: 110px;
	float: left;
}
#home #recomend .item dt img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

#home #recomend .item h4 {
	font-size: 107%;
	line-height: 130%;
	margin: 0 0 0.5em;
}

#home #recomend .item h4 a {
	color: #003366;
	/*text-decoration: none;*/
}

#home #recomend .item h4 a:hover {
	/*text-decoration: underline;*/
}

#home #recomend .item .description {
	font-size: 92%;
	line-height: 130%;
	margin: 0 0 0.5em;
}
/*
#home #recomend .item .store {
	font-size: 77%;
	line-height: 100%;
}
*/
#home #recomend .item .detail {
	width: 290px;
	padding: 0 5px;
	float: left;
}

#home #recomend .item .priceDetail {
	width: 110px;
	float: left;
	text-align: center;
}

#home #extraarea .about_element {
	border: 1px solid #CCCCCC;
	margin: 0 0 1em;
}

#home #extraarea .about_element li {
	zoom: 1;
	float: none;
	padding: 0 5px 0 0;
	margin: 0 0 3px;
	/*\*/
	overflow: hidden;
	/**/
}

#home #extraarea .about_loose img {
	vertical-align: middle;
	margin: 0 0 0 3px;
}

#home #extraarea .link {
	margin: 0 0 1em;
}

#home #extraarea .link dt {
	border-bottom: 1px solid #CCCCCC;
}

#home #extraarea .link li {
	padding: 5px 5px 4px 12px;
	font-size: 85%;
	line-height: 100%;
	background: url(../img/bullet_red_small.png) no-repeat left center;
}

#home #extraarea .birth_stone {

}

#home #extraarea .birth_stone li {
	font-size: 85%;
	padding: 0 5px 0 0; 
	float: left;
}

#home #extraarea .cloud {
	margin: 0 0 1em;
}

#home #extraarea .cloud dt {
	border-bottom: 1px solid #CCCCCC;
}

#home #extraarea .birth_stone ul, #home #extraarea .cloud ul {
	/*\*/
	overflow: hidden;
	/**/
}

#home #extraarea .cloud li {
	font-size: 85%;
	padding: 0 5px 0 0; 
	float: left;
}

/*============================================================================
glossary
============================================================================*/
table.birth_stone {
	border-collapse: collapse;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

table.birth_stone th, table.birth_stone td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}

/*============================================================================
policy
============================================================================*/
#policy .entry ol {
	margin: 0 0 1em;
}

#policy .entry ol li {
	list-style: decimal inside;
	margin: 0 0 0.5em;
}