/*-----------------------------------------------
__CSS infromation

Site URL:		http://www.platinart.co.jp/
Summary:		Platinart Web site
Created:		2009-07-07
Last update:	2010-08-20
Author:			iwatuki

Order of description

-Search Key"__"+"id Name of Class Name"

/__Default_style_clear
/__Universal selector
/__Structure Module
/__text Module
/__Hypertext Module
/__wrapper				(div#wrapper)
/__layout				(div#layout)
/__header				(div#header)
/__sidebar				(div#sidebar)
/__contents				(div#contents)
/__footer				(div#footer)

----------------------------------------------*/

/*-----------------------------------------------
__Default_style_clear
----------------------------------------------*/

/*--------------------------------------
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

--------------------------------------*/

html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight:inherit;
}

address {
	float: left;
	font-style: normal;
}

del,ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,th{
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}

q:before,q:after {
	content: '';
}

 abbr,acronym {
	border: 0;
	font-variant:normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}


legend {
	color: #000;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select {
	*font-size: 100%;
}

*--------------------------------------
__Universal selector
---------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #666;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------------------- 
__Structure Module
 -------------------------------------------------*/

body{
	margin-bottom: 10px;
	background: #FFF;
	/*font:13px/1.231 "Palatino Linotype","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N","MS P Gothic", sans-serif;*/
	font: 13px/1.231 "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N","MS P Gothic", sans-serif;
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
	line-height: 1.6;
	text-align: center;
}

*:first-child+html body{
	font-family: "Palatino Linotype","���C���I", Meiryo,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N","MS P Gothic", sans-serif;
}

* html body{
	font-family: "Palatino Linotype","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N", "MS P Gothic", sans-serif;
}

select,input,button,textarea,button{
	font: 99% arial,helvetica,clean,sans-serif;
}

table{
	font-size: inherit;font:100%;
}

pre,code,kbd,samp,tt{
	font-family: monospace;
	*font-size: 108%;line-height:100%;
}


/*-----------------------------------------------
__text Module
----------------------------------------------*/

p{
}

.font_bold{
	font-weight: bold;
}

.font_bold_red{
	font-weight: bold;
	color: #990000;
}


h1{
	font-size: 93%;
}

h2{
	font-size: 123.1%;
}

h3{
	font-size: 108%;
}


/*-----------------------------------------------
__Hypertext Module
----------------------------------------------*/

a:link {
	color: #0099CC;
}

a:visited {
	color: #666;
}

a:hover {
	color: #CCC;
	text-decoration: none;
}


/*-----------------------------------------------
__wrapper
----------------------------------------------*/

#wrapper{
	margin: 0 auto;
	width: 832px;
	text-align: left;
}

/*-----------------------------------------------
__layout
----------------------------------------------*/

#layout{
	margin-top :10px;
	float : left;
	width : 100%;
}

/*-----------------------------------------------
__header
----------------------------------------------*/

#header{
	margin-bottom: 20px;
	_margin-bottom: 0px;
	_padding-bottom: 0px;
	width: 832px;
}

#header img{
	float: left;
}

#header img.logo_shift{
	padding-left: 10px;
}

#header h1{
	padding: 5px 0 0 5px;
	float: left;
}

#header h1 a{
	text-decoration: none;
}

#header #infornavi{
	margin-bottom: 10px;
	float: right;
}

#header #infornavi ul li{
	display: inline;
}

#header #grovalnavi{
	clear: right;
}

#header #grovalnavi ul,
#header #grovalnavi ul li{
	float: left;
}

#header #grovalnavi ul{
	width: 832px;
	height: 36px;
	background: url(img/glovalnavi.jpg) no-repeat;
}

#header #grovalnavi ul li a{
	display: block;
	width: 108px;
	height: 36px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#header #grovalnavi ul li.g_navi_home a.active,
#header #grovalnavi ul li.g_navi_home a:focus,
#header #grovalnavi ul li.g_navi_home a:hover{
	background: url(img/glovalnavi.jpg) no-repeat left bottom;
}

#header #grovalnavi ul li.g_navi_brand a.active,
#header #grovalnavi ul li.g_navi_brand a:focus,
#header #grovalnavi ul li.g_navi_brand a:hover{
	background: url(img/glovalnavi.jpg) no-repeat -108px -36px;
}

#header #grovalnavi ul li.g_navi_bridal a.active,
#header #grovalnavi ul li.g_navi_bridal a:focus,
#header #grovalnavi ul li.g_navi_bridal a:hover{
	background: url(img/glovalnavi.jpg) no-repeat -216px -36px;
}

#header #grovalnavi ul li.g_navi_reform a.active,
#header #grovalnavi ul li.g_navi_reform a:focus,
#header #grovalnavi ul li.g_navi_reform a:hover{
	background: url(img/glovalnavi.jpg) no-repeat -324px -36px;
}

#header #grovalnavi ul li.g_navi_aftercare a.active,
#header #grovalnavi ul li.g_navi_aftercare a:focus,
#header #grovalnavi ul li.g_navi_aftercare a:hover{
	background: url(img/glovalnavi.jpg) no-repeat -432px -36px;
}

#header #grovalnavi ul li.g_navi_purchase a.active,
#header #grovalnavi ul li.g_navi_purchase a:focus,
#header #grovalnavi ul li.g_navi_purchase a:hover{
	background: url(img/glovalnavi.jpg) no-repeat -540px -36px;
}

#header #grovalnavi ul li.g_navi_brand ul#drop_down_menu a,
#header #grovalnavi ul li.g_navi_bridal ul#drop_down_menu2 a,
#header #grovalnavi ul li.g_navi_reform ul#drop_down_menu3 a{
	clear:both;
	margin 0;
	padding 0;
	vertical-align: bottom;
	list-style-type: none;
	text-indent: 0px;
	font-size: 1em;
	line-height: 2em;
}

#header #grovalnavi ul li.g_navi_brand ul#drop_down_menu li a,
#header #grovalnavi ul li.g_navi_bridal ul#drop_down_menu2 li a,
#header #grovalnavi ul li.g_navi_reform ul#drop_down_menu3 li a{
	display: block;
	position:relative;
	z-index:2;
	padding: 3px 10px;
	width: 86px;
	height: 2em;
	border:1px solid #CCC;
	border-bottom: none;
	background: #EEE;
	vertical-align: bottom;
	text-decoration: none;
	color: #333;
}

#header #grovalnavi ul li.g_navi_brand ul#drop_down_menu li.bbp a,
#header #grovalnavi ul li.g_navi_bridal ul#drop_down_menu2 li.bbp a,
#header #grovalnavi ul li.g_navi_reform ul#drop_down_menu3 li.bbp a{
	border-bottom:1px solid #CCC;
}

#header #grovalnavi ul li.g_navi_brand ul#drop_down_menu,
#header #grovalnavi ul li.g_navi_bridal ul#drop_down_menu2,
#header #grovalnavi ul li.g_navi_reform ul#drop_down_menu3{
	display: none;
}

#header #grovalnavi ul li.g_navi_brand:hover ul#drop_down_menu,
#header #grovalnavi ul li.g_navi_bridal:hover ul#drop_down_menu2,
#header #grovalnavi ul li.g_navi_reform:hover ul#drop_down_menu3{
	display: block;
	width: 108px;
}

#header #grovalnavi ul li.g_navi_brand:hover ul#drop_down_menu li a,
#header #grovalnavi ul li.g_navi_bridal:hover ul#drop_down_menu2 li a,
#header #grovalnavi ul li.g_navi_reform:hover ul#drop_down_menu3 li a{
	position:relative;
	z-index:2;
	background: #EEE;
}

#header #grovalnavi ul li.g_navi_brand:hover ul#drop_down_menu li a:hover,
#header #grovalnavi ul li.g_navi_brand:hover ul#.drop_down_menu li:hover a,
#header #grovalnavi ul li.g_navi_bridal:hover ul#drop_down_menu2 li a:hover,
#header #grovalnavi ul li.g_navi_bridal:hover ul#drop_down_menu2 li:hover a,
#header #grovalnavi ul li.g_navi_reform:hover ul#drop_down_menu3 li a:hover,
#header #grovalnavi ul li.g_navi_reform:hover ul#drop_down_menu3 li:hover a{
	position:relative;
	z-index:2;
	background: #DDD;
	color: #999;
}

#header form{
	position: relative;
	top: -30px;
	right: 10px;
	float: right;
	font-size: 93%;
}

#header .pannavi{
	float: left;
	width: 832px;
	position: relative;
	top: -18px;
}

#header .pannavi ul{
	margin-left: 10px;
	position: relative;
	top: 5px;
}


#header .pannavi ul li{
	float: left;
}

#header .pannavi ul li.detailed{
	margin-left: 10px;
	padding-left: 30px;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}


/*-----------------------------------------------
__sidebar
----------------------------------------------*/

#sidebar{
	clear: right;
	float: left;
	width: 200px;
}

#sidebar #s_maincontent{
	float: left;
	width: 200px;
	height: 240px;
}

#sidebar #s_maincontent ul{
	width: 200px;
	height: 240px;
	background: url(img/sidebar_main_menu.jpg) no-repeat;
}

#sidebar #s_maincontent ul li a{
	display: block;
	width: 200px;
	height: 60px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#sidebar #s_maincontent ul li.s_navi_reform a.active,
#sidebar #s_maincontent ul li.s_navi_reform a:focus,
#sidebar #s_maincontent ul li.s_navi_reform a:hover{
	background: url(img/sidebar_main_menu.jpg) no-repeat -200px 0;
}

#sidebar #s_maincontent ul li.s_navi_aftercare a.active,
#sidebar #s_maincontent ul li.s_navi_aftercare a:focus,
#sidebar #s_maincontent ul li.s_navi_aftercare a:hover{
	background: url(img/sidebar_main_menu.jpg) no-repeat -200px -60px;
}

#sidebar #s_maincontent ul li.s_navi_purchase a.active,
#sidebar #s_maincontent ul li.s_navi_purchase a:focus,
#sidebar #s_maincontent ul li.s_navi_purchase a:hover{
	background: url(img/sidebar_main_menu.jpg) no-repeat -200px -120px;
}

#sidebar #s_maincontent ul li.s_navi_shop a.active,
#sidebar #s_maincontent ul li.s_navi_shop a:focus,
#sidebar #s_maincontent ul li.s_navi_shop a:hover{
	background: url(img/sidebar_main_menu.jpg) no-repeat -200px -180px;
}

#sidebar .submenu_box{
	padding-top: 30px;
	_padding-top: 10px;
	float: left;
	width: 200px;
}

#sidebar .submenu_box .obi{
	width: 200px;
	height: 3.7em;
	border-bottom: 1px solid #CCC;
}


#sidebar .submenu_box .obi img{
	padding-left: 5px;
	float: left;
}

#sidebar .submenu_box .obi h2{
	margin-top: 20px;
	padding-right: 10px;
	float: left;
	font-size: 116%;
}

#sidebar .submenu_box h3{
	padding-right: 5px;
	float: right;
	font-size: 108%;
}

#sidebar .submenu_box .guide_box{
	margin-top: 20px;
	float: left;
	width: 200px;
}

#sidebar .submenu_box .bj_box_text{
	padding-left: 5px;
	float: left;
	width: 100px;
}

#sidebar .submenu_box .bj_box_text h4{
	float: left;
	font-size: 100%;
}

#sidebar .submenu_box .bj_box_text p{
	float: left;
	width: 95px;
}

#sidebar .submenu_box .bj_box_text p a{
	margin-top: 5px;
	padding-left: 30px;
	float: left;
}

#sidebar .submenu_box p a{
	padding-left: 30px;
	float: left;
}

#sidebar .submenu_box p.detailed_link{
	margin-top: 5px;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}

#sidebar .submenu_box img{
	float: right;
}

#sidebar .subinfo_box{
	margin-top: 20px;
	float: left;
	width: 200px;
}

#sidebar .subinfo_box .obi{
	width: 200px;
	height: 3.7em;
	border-bottom: 1px solid #CCC;
}

#sidebar .subinfo_box .obi img{
	padding-left: 5px;
	float: left;
}

#sidebar .subinfo_box .obi h2{
	margin-top: 20px;
	padding-right: 10px;
	float: left;
	font-size: 116%;
}

#sidebar .subinfo_box .obi p{
	margin-top: 3px;
	padding-right: 10px;
	clear: left;
	text-align: right;
}

#sidebar .subinfo_box .guide_box{
	padding-bottom: 20px;
	clear: both;
	float: left;
	width: 200px;
}

#sidebar .subinfo_box .bj_box_text{
	padding-left: 5px;
	float: left;
	width: 100px;
}

#sidebar .subinfo_box h3{
	padding-right: 5px;
	float: right;
	font-size: 108%;
}

#sidebar .subinfo_box h4{
	margin-top: 5px;
	clear: right;
	font-size: 100%;
	font-weight: bold;
}

#sidebar .subinfo_box ul{
	clear: right;
	margin-bottom: 10px;
}

#sidebar .subinfo_box ul,#sidebar .subinfo_box p{
	padding-top: 5px;
}

#sidebar .subinfo_box ul li{
	line-height: 1.8em;
}

#sidebar .subinfo_box p{
	clear: right;
	width: 200px
}

#sidebar .subinfo_box p a{
	margin-top: 10px;
	padding-left: 30px;
}

#sidebar .subinfo_box p.detailed_link{
	margin-top: 10px;
	margin-bottom:20px;
	position: relative;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}

/*-----------------------------------------------
__contents
----------------------------------------------*/

#contents{
	float: right;
	width: 600px;
}

#contents .obi_600{
	padding-top: 28px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	float: left;
	width: 600px;
	height: 50px;
}

#contents .obi_600 img{
	padding-left: 10px;
	float: left;
	width: 56px;
}

#contents .obi_600 h2{
	margin-top: 15px;
	padding-right: 10px;
	float: left;
	font-size: 153.9%;
}

#contents .obi_600 p{
	margin-top: 23px;
	margin-left: 0;
	float: left;
}

#contents .imgfloat,#contents .imgfloat2,#contents .imgfloat3{
	float: left;
	width: 600px;
}

#contents .imgfloat a{
	padding: 10px 20px 10px 10px;
	float: left;
}

#contents .imgfloat2 img{
	margin-right: 50px;
	margin-bottom: 20px;
}

#contents .imgfloat3{
}

#contents .imgfloat3 img{
	margin-right: 46px;
	margin-bottom: 20px;
}

#contents p{
	margin: 10px;
}

#contents .jewelry_box{
	margin-top: 20px;
	padding: 10px 0 20px 10px;
	float: left;
	width: 590px;
}

#contents .jewelry_box img{
	padding-left: 10px;
	float: left;
	clear: both;
}

#contents .jewelry_box dd{
	padding-bottom: 10px;
}

#contents .jewelry_box .jewelry_box_text{
	padding-right: 10px;
	float: right;
	width:290px;
}

#contents .jewelry_box .jewelry_box_text h3,
#contents .jewelry_box2 h3{
	color: #990000;
	font-size: 108%;
	font-weight: 700;
}


#contents .jewelry_box .jewelry_box_text p{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

#contents .jewelry_box .jewelry_box_text p.font_right{
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}

#contents .jewelry_inq{
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #FFCC00;
	float: left;
	width: 580px;
	background-color:#FFFFEE;
}

#contents .jewelry_inq .font_bold,#contents .white_box .font_bold{
	font-size: 138.5%;
}

#contents .reform_box{
	margin-top: 20px;
	padding: 10px 0 20px 10px;
	float: left;
	width: 590px;
}

#contents .reform_box img{
	padding: 10px 10px 10px 0;
	float: left;
}

#contents .reform_box dd{
	padding-bottom: 10px;
}

#contents .reform_box .reform_box_text{
	float: left;
	width:590px;
}

#contents .reform_box h3,{
	clear:left;
	color: #990000;
	font-size: 108%;
	font-weight: 700;
}


#contents .reform_box .reform_text p{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

#contents .white_box{
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #FFCC00;
	float: left;
	width: 580px;
	background-color:#FFF;
}

#contents #totop{
	text-align: right;
}

#contents #totop p.detailed{
	padding-left: 30px;
	float: right;
	background: url(img/arrow_top.jpg) no-repeat;
	background-position: left;
}

#contents .obi_common{
	margin-top: 28px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	float: left;
	width: 600px;
	height: 50px;
}

#contents .obi_common2{
	margin-top: 10px;
	margin-bottom: -20px;
	padding-left: 10px;
	float: left;
	width: 600px;
	height: 50px;
}

#contents .obi_common2 h3{
	margin-top: 10px;
}


#contents .obi_600 img{
	padding-left: 10px;
	float: left;
	width: 56px;
}

#contents .obi_600 h2{
	margin-top: 15px;
	padding-right: 10px;
	float: left;
	font-size: 153.9%;
}

#contents .obi_600 p{
	margin-top: 23px;
	float: left;
}

#contents .brand_link {
	clear: left;
	margin-bottom: 10px;
	padding-top: 20px;
}

#contents .brand_link ul{
}

#contents .brand_link ul.detailed_link{
	padding-left: 20px;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}

#contents .brand_link ul li{
	margin-left: 10px;
	display: inline;
}

#contents .clear{
	clear: left;
}

#contents .contents_box{
	margin: 10px;
}

#contents .contents_box ul{
	clear: left;
}

#contents .contents_box ul li address{
	width: 100%;
}

#contents .contents_box dt{
	font-weight: 700;
}

#contents .contents_box dd{
	margin-bottom: 15px;
}

#contents .contents_box h3{
	margin-bottom: 10px;
	font-weight: 700;
}


#contents .contents_box p{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents .contents_box ul li{
}

#contents p.detailed_link{
	padding-left: 30px;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}

#contents .reform_navi{
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	width: 600px;
	height: 60px;
}

#contents .reform_navi ul{
	width: 600px;
	height: 60px;
	overflow: hidden;
	background: url(img/reform_guide.jpg) no-repeat;
}

#contents .reform_navi ul,#contents .reform_navi ul li{
	float: left;
}

#contents .reform_navi ul li a{
	display: block;
	width: 200px;
	height: 60px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
}

#contents .reform_navi ul li.reform_navi1 a.active,
#contents .reform_navi ul li.reform_navi1 a:focus,
#contents .reform_navi ul li.reform_navi1 a:hover{
	background: url(img/reform_guide.jpg) no-repeat 0px -60px;
}

#contents .reform_navi ul li.reform_navi2 a.active,
#contents .reform_navi ul li.reform_navi2 a:focus,
#contents .reform_navi ul li.reform_navi2 a:hover{
	background: url(img/reform_guide.jpg) no-repeat -200px -60px;
}

#contents .reform_navi ul li.reform_navi3 a.active,
#contents .reform_navi ul li.reform_navi3 a:focus,
#contents .reform_navi ul li.reform_navi3 a:hover{
	background: url(img/reform_guide.jpg) no-repeat -400px -60px;
}


/*-----------------------------------------------
__footer
----------------------------------------------*/

#footer{
	margin-top: 20px;
	padding-bottom: 20px;
	float: left;
	width: 832px;
}

#footer ul#footer_menu li{
	float: left;
}

#footer ul#footer_menu {
	width: 832px;
	height: 110px;
	background: url(img/footer_gmenu.jpg) no-repeat;
}

#footer ul#footer_menu li a{
	display: block;
	width: 208px;
	height: 110px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#footer ul#footer_menu li.fgm_colum a.active,
#footer ul#footer_menu li.fgm_colum a:focus,
#footer ul#footer_menu li.fgm_colum a:hover{
	background: url(img/footer_gmenu.jpg) no-repeat 0px -110px;
}

#footer ul#footer_menu li.fgm_tonbodama a.active,
#footer ul#footer_menu li.fgm_tonbodama a:focus,
#footer ul#footer_menu li.fgm_tonbodama a:hover{
	background: url(img/footer_gmenu.jpg) no-repeat -208px -110px;
}

#footer ul#footer_menu li.fgm_blog a.active,
#footer ul#footer_menu li.fgm_blog a:focus,
#footer ul#footer_menu li.fgm_blog a:hover{
	background: url(img/footer_gmenu.jpg) no-repeat -416px -110px;
}

#footer ul#footer_menu li.fgm_recruit a.active,
#footer ul#footer_menu li.fgm_recruit a:focus,
#footer ul#footer_menu li.fgm_recruit a:hover{
	background: url(img/footer_gmenu.jpg) no-repeat -624px -110px;
}

#footer #contact{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CCC;
	width: 832px;
}

#footer #contact img{
	padding: 0 15px 10px 10px;
	float: left;
}

#footer #contact ul{
	float: left;
	padding-right: 10px;
}

#footer #contact ul.c_shopinfo{
	padding-right: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	float: left;
	width: 720px;
}

#footer #contact ul.c_shopinfo li,
#footer #contact ul.c_name li{
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}

#footer #contact ul.c_name{
	padding: 5px 5px 10px 2px;
	float: left;
	width: 720px;
	font-size: 93%;
}

#footer #copyright{
	padding-top: 5px;
	border-top: 1px solid #CCC;
	clear: left;
	width: 832px;
}

#footer #copyright ul{
	float: left;
}

#footer #copyright ul li{
	margin-left: 10px;
	float: left;
}

#footer #copyright address{
	margin-right: 10px;
	float: right;
	font-style: normal;
	font-size: 77%;
}