@charset "UTF-8";

/* ---------- reset ---------- */

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-family: Verdana, Arial, sans-serif;
}

/* ---------- reset_end ---------- */

#outline{
	background:#ffffff;
	width:810px;
	padding:0px 20px 0px 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}



/* ---------- body ---------- */

body {
    text-align:center;
	color:#444444;
	background-color:#3A1F02;
	background: url(http://yosa-jewel.com/img/main-bg.jpg)  repeat-y center;
	font-family:sans-serif;
	margin: 0px auto 0px auto;

}

#main-container {
	background:#ffffff;
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

a {
	text-decoration:none;
	color:#0243FE;
}

a:hover {
	color:#520004;
	text-decoration:underline;
	background:#F3DFE1;
}

.clear {
	clear:both;
	text-decoration: none;
	font-size: 2px;
	text-indent: -700em;
}
.clear { clear:both; }  
.clear hr { display:none; }  

fieldset { padding:10px; }

/* ---------- body_end ---------- */

/* ---------- header ---------- */

#header {
	padding:0px 0px 5px 0px;
	text-align:left;
	color:#05083E;
}


#header img { float:left;border:none; }

#head-module p {
	text-align:right;
	font-size:70%;
}

/* ---------- header_end ---------- */

/* ---------- header_c ---------- */

div#header_c
{
	width:100%;
	color:inherit;
	height:200px;
}

/* ---------- header_c_end ---------- */

/* ---------- main-menu ---------- */

#main-menu {
  	margin:0px 0px 10px 0px;
	padding-right:0px; 
	padding-left:0px; 
	padding-top:0px; 
	padding-bottom:1px; 
	text-align:left;
	background: url(http://yosa-jewel.com/img/main_menu_bg.gif) repeat-y top right;
}
#main-menu ul {
	list-style-type: none;
	
}

.gn-btn {
        width:133px;
	text-align:center;
}

#main-menu li {
	float:left;
	display : block;
	margin-bottom:1px;
	list-style-type: none;
	
}

#main-menu li a {
	display: block;
	text-decoration: none;
	color:#05083E;
	font-size:80%;
	padding: 4px 10px;
	background:url(http://yosa-jewel.com/img/menu_li.gif) repeat-y top left;
}

#main-menu li a:hover { 
           color:#520004; 
	   background:#F3DFE1 url(http://yosa-jewel.com/img/menu_li.gif) repeat-y top left;
	   padding: 4px 10px;}

/* ---------- main-menu_end ---------- */

/* ---------- banner ---------- */

div#banner
{
	height:0px;
	padding:0px;
margin:0px;
position:fixed;
top:-400px;

}

div.banner-inner
{
	/*background-image:url(http://yosa-jewel.com/img/banner_inner.gif);*/
	background-repeat:no-repeat;
	height:0px;
	padding:0px;
margin:0px;
	background-position:50% 0;
}

div.banner-inner h1
{
	font-weight:normal;
	position:relative;
	padding:0px;
text-indent:-9999px;
line-height:0px;
}

div.banner-inner h1 a
{
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
	padding:0px;
margin:0px;
text-indent:-9999px;
line-height:0px;
}

div.banner-inner h2
{
	color:#ffffff;
	font-weight:normal;
	position:relative;
	padding:0px;
margin:0px;
text-indent:-9999px;
line-height:0px;
}

/* ---------- banner_bg ---------- */

/* ---------- banner_s ---------- */

#banner_s {
	display:block;
	background: #ffffff url(http://yosa-jewel.com/img/main_visual2.jpg) no-repeat top left;
	margin:0px;
	width:800px;
	height:150px;
}

#banner_s h1 {
	text-align:left;
	font-size:22px;
	position: relative;
	top: 70px;
	left: 0px;
}

#banner_s a { color:#05083E;}

#banner_s a:hover { color:#05083E;background:none;}

#banner_s h2 {
	text-align:left;
	color:#05083E;
	font-size:80%;
	font-weight:normal;
	position: relative;
	top: 75px;
	left: 0px;
}

/* ---------- banner_s_end ---------- */

/* ---------- main ---------- */

#main-content {
	background:none;
	padding-top:10px;
	margin:0px;
	background:url(http://yosa-jewel.com/img/side_bg.gif) repeat-y 560px 0px;
}

#main {
	width:560px;
	float:left;
	text-align:left;
}

.content { padding:0px;}

.content ul li { list-style-position:inside; }

.content p { font-size:80%;line-height:160%; margin-bottom:5px}

.content q { font-size:80%;line-height:160%; margin-bottom:5px; margin-left:150px}

.content p.navi {  font-size:70%; margin: 0px 0px 5px 0px; padding: 0px 3px 0px 3px ;background:#ffffff;}

.content blockquote {
	font-size:80%;
	padding:10px 10px 10px 60px ;
	background:url(http://yosa-jewel.com/img/blockquote_bg.gif) no-repeat center left #F1F1EB;
	margin:10px 0;
	border: 2px solid #CDCDCB;
}

.content h1 {
	color: #ffffff;
	text-align:left;
	font-size:90%;
	padding:8px 10px 8px 40px;
	font-weight:bold;
	background:url(http://yosa-jewel.com/img/h1_bg.gif) repeat-x top left #05083E;
	margin:0px 0px 10px 0px;
	border-bottom:3px double #ffffff;
}

.content h2 {
	color: #ffffff;
	text-align:left;
	font-size:90%;
	padding:8px 10px 8px 40px;
	font-weight:bold;
	background:url(http://yosa-jewel.com/img/h2_bg.gif) repeat-x top left #AD4955;
	margin:20px 0px 5px 0px;
	border-bottom:3px double #ffffff;
}
.content h2 a {
	color: #ffffff;

}

.content h3 {
	color: #993300;
	font-size:80%;
	padding:10px 5px 15px 40px;
	font-weight:bold;
	background:url(http://yosa-jewel.com/img/h3_bg.gif) no-repeat  bottom left;
	margin:0px 0px 10px 0px;
}

.content h3 a {
	color: #000032;

}

.content h4 {
	color:#963;
	font-size:80%;
	padding:10px 5px 15px 10px;
	font-weight:bold;
	background:url(http://yosa-jewel.com/img/h4_bg.gif) no-repeat  bottom left;
	margin:20px 0px 10px 0px;
}

.content h5 {
	color: #CC6600;
	font-size:90%;
	padding:3px 0 7px 30px;
	font-weight:bold;
	background:url(http://yosa-jewel.com/img/h5_bg.gif) no-repeat top left;
	margin:0px 0px 10px 0px;
}

.content h6 {
	color: #690;
	font-size:90%;
	padding:4px 0 7px 30px;
	font-weight:bold;
	background:url(http://yosa-jewel.com/img/h6_bg.gif) no-repeat top left;
	margin:0px 0px 10px 0px;
}

.entry-info {
	background:url(http://yosa-jewel.com/img/entry_info_bg.gif) no-repeat;
	margin-top:10px;
	padding: 5px 0 20px 0;
}

.entry-info ul { list-style-type: none; }

.entry-info li {
	color:#666666;
	font-size:70%;
	display:inline;
	margin-right: 5px;
}

/* ---------- left ---------- */

div#content-menu-add
{
	width:180px;
	height:39px;
	padding-bottom:10px;
	padding-left:10px;
}



#left-menu {
	width:240px;
	float:right;
	text-align:left;
	padding-bottom:20px;
}

.search-form { 
	background:#ffffff url(http://yosa-jewel.com/img/search_bg.gif) no-repeat;
	padding:30px  0px 2px 0px;
	text-align:left;
	margin:0px 0px 0px 40px;
	color:#05083E;
	}

.search-form label {
	text-decoration: none;
	font-size: 60%;
}

.search-form input#search { border:1px solid #999999; width:140px; font-size:80%; color:#999999;}

.search-form input.submit {
	position: relative;
	top: 5px;
	left: 3px;
}

#sub-menu {
	margin:15px 0px 15px 40px;

}

#sub-menu h3 {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 200px;
	height: 27px;
	text-indent: -700em;
	background: transparent url("http://yosa-jewel.com/img/subcontents_tit.gif") no-repeat top center;
	margin:0px;
}

.syndicate a {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 200px;
	height: 41px;
	text-indent: -700em;
	background: transparent url("http://yosa-jewel.com/img/rss_link.gif") no-repeat top left;
	margin:none;
}

.syndicate a:hover {
	background: transparent url("http://yosa-jewel.com/img/rss_link.gif") no-repeat bottom left;
}

span.powered
{
	font-size:50%;
	color:#0b2947;
	background-color:inherit;
	text-indent:-9999px;
	padding-left:10px;
}

span.powered a
{
	font-size:50%;
	background-color:inherit;
	text-indent:-9999px;
	padding-left:10px;
}



div.rssfeed
{
	font-size:5px;
	text-indent:-9999px;
	padding-bottom:10px;
	padding-left:10px;
}

div.rssfeed a
{
	display:block;
	background:transparent url(http://yosa-jewel.com/img/rss.gif) no-repeat left top;
	width:180px;
	height:39px;
}

div.rssfeed a:hover
{
	background:transparent url(http://yosa-jewel.com/img/rss.gif) no-repeat left bottom;
}



div.sitemap_backnumber
{
	padding-bottom:10px;
}


div.sitemap_button a
{
	display:block;
	background:transparent url(http://yosa-jewel.com/img/sitemap.gif) no-repeat left top;
	width:180px;
	height:16px;
	margin-bottom:10px;
	margin-left:10px;
}

div.sitemap_button a:hover
{
	background:transparent url(http://yosa-jewel.com/img/sitemap.gif) no-repeat left bottom;
	margin-bottom:10px;
	margin-left:10px;
}


div.back-number_button a
{
	display:block;
	background:transparent url(http://yosa-jewel.com/img/back-number.gif) no-repeat left top;
	width:180px;
	height:16px;
	margin-bottom:10px;
	margin-left:10px;
}

div.back-number_button a:hover
{
	background:transparent url(http://yosa-jewel.com/img/back-number.gif) no-repeat left bottom;
	margin-bottom:10px;
	margin-left:10px;
}



/* ---------- left_end ---------- */

/* ---------- footer ---------- */

.footer {
	background-image:url(http://yosa-jewel.com/img/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:49px;
}

.footer p {
	text-align:center;
	padding:14px 14px;
	color:#ffffff;
}

/* ---------- footer_end ---------- */


/* ---------- footer-menu ---------- */

#footer-menu {
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font-size:60%;
}

#footer-menu ul {
	list-style-type: none;
}

#footer-menu li {
	float:left;
	display : block;
	list-style-type: none;
  padding: 0px 5px 0px 5px; 
  border-style: solid; 
  border-width: 0px 1px 0px 0px;
}

#footer-menu li a {
	display: block;
	padding: 0px 5px;
	color:#ffffff;
}

#footer-menu li a:hover { 
	padding: 0px 5px;

}

/* ---------- footer-menu_end ---------- */



/* ---------- news ---------- */

#news {
	margin-top:30px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#news h3 {
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	border:0px;
	text-decoration: none;
	font-size: 2px;
	display: block;
	padding:0px 0px 5px 0px;
	height: 35px;
	text-indent: -700em;
	background: #ffffff url(http://yosa-jewel.com/img/new_tit_bg.gif) no-repeat top left;
}

.new-txt {
	margin:0px;
	padding:10px;
	background:#F1F1EB;
	border:1px solid #05083E;
}

.new-txt p {
	font-size:80%;
	color:#05083E;
	margin:0px;
	padding:3px 0px;
	border-bottom:1px solid #B1B1AC;
}

/* ---------- news_end ---------- */

/* ---------- archive_list ---------- */

.archive-content {
	margin:0px;
	padding;10px;
	background:#F1F1EB;
	border:1px solid #05083E;
}

.archive-list-item {
	font-size:80%;
	color:#05083E;
	margin:0px;
	padding:5px 10px;
	border-bottom:1px solid #B1B1AC;
}

/* ---------- archive_list_end ---------- */

/* ---------- sub-menu ---------- */

.sub-menu li {text-align:left;list-style-type: none;}

.sub-menu ul {margin:0px 0px 20px 0px;list-style-type: none;}

.sub-menu li a {
	font-size:80%;
	display : block;
	width:200px;
	text-indent: 1.5em;
	background:url(http://yosa-jewel.com/img/submenu_li.gif) no-repeat  top left;
	padding: 5px 0;
	color:#05083E;
	border-bottom:1px solid #ffffff;
}

.sub-menu li a:hover {
	color:#520004;
	background:url(http://yosa-jewel.com/img/submenu_li.gif) no-repeat top left;
	text-decoration:none;
	padding: 5px 0;
	border-bottom:1px solid #520004;
}

/* ---------- sub-menu_end ---------- */

/* ---------- trackback ---------- */
#trackback_url {
	border:1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
}

/* ---------- trackback_end ---------- */

/* ---------- comment ---------- */

fieldset { margin-top:20px; }

legend {
	font-size:80%;
}

#comment-author {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-email {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-url {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-text {
	background:#f9f9f9;
	font-size:80%;
	border:1px solid #cccccc;
	color:#666666;
}

#comment-preview,#comment-post,#comment-cancel  {
	width:100px;
	font-size:80%;
}

ul.comments-open-footer  {
	padding-top: 15px;
}

.comments-open-footer li {
	display:inline;
	list-style-type: none;
	margin-right: 15px;
}

.comments-post label {
	font-size:80%;
	margin:10px 0;
}

.cclicense { margin:10px 0px;padding:3px; border:1px solid #999BB4;background:#D3D5FA;}

.cclicense p { font-size:60%; }


/* ---------- table ---------- */
table.sample{
    border-top:1px solid #ffffff;
    border-left:8px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	color:#2b2828;
	font-size:80%;
    empty-cells:show;
}
.sample th{
    border-right:8px solid #ffffff;
    border-bottom:1px solid #006600;
    color:#ffffff;
    background-color:#99CC00;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.sample td{
    border-right:8px solid #ffffff;
    border-bottom:1px solid #006600;
    padding:0.3em 1em;
}
/* ---------- table2 ---------- */
table.sample2{
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	color:#2b2828;
	font-size:90%;
    empty-cells:show;
}
.sample2 th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#ffffff;
	background-color:	;
    padding:0.3em 1em;
    text-align:center;
}
.sample2 td{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
}
/* ---------- table3---------- */
table.sample3{
    border-top:0px solid ;
    border-left:0px solid ;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
	color:#2b2828;
	font-size:90%;
    empty-cells:show;
}
.sample3 th{
    border-right:0px solid ;
    border-bottom:0px solid ;
    color:;
    background-color:;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.5em 1.2em;
    text-align:center;
}
.sample3 td{
    border-right:0px solid ;
    border-bottom:0px solid ;
    padding:0.5em 1.2em;
}

/* ---------- table4 ---------- */
table.sample4{
    border-top:1px solid #006600;
    border-left:1px solid #006600;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
	color:#2b2828;
	font-size:70%;
    empty-cells:show;
}
.sample4 th{
    border-right:1px solid #006600;
    border-bottom:1px solid #006600;
    color:;
    background-color:;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.sample4 td{
    border-right:1px solid #006600;
    border-bottom:1px solid #006600;
    padding:0.3em 1em;
}
/* ---------- form ---------- */
input,textarea { border:1px solid #999; }

/* ---------- ボックス ---------- */
div.item-box { /* 親ボックス */ 
width: 560px;  
position: relative; 
} 

div.boxL { /* ボックス左 */ 
position: relative; 
left: 10px;
} 

div.boxR { /* ボックス右 */ 
position: relative ; 
left: 180px;
position: absolute ; 
top:0px;
} 

/* ---------- ボックス2 ---------- */
div.item-box2 { /* 親ボックス */ 
width: 560px;  
position: relative; 
} 

div.boxL2 { /* ボックス左 */ 
position: relative; 
left: 10px;
} 

div.boxR2 { /* ボックス右 */ 
position: relative ; 
left: 265px;
position: absolute ; 
top:0px;
} 


/* ---------- 角丸ボックス(540*#D2FF77)---------- */

.rtable01 { 
width:540px;
height:;
background-color:#D2FF77;
text-align:left;
color:#2b2828;
font-size:80%;
}
div.rtop01,div.rbottom01,.rtable01 span {
background-repeat:no-repeat;
height:8px;
} 
.rtop01 {
background-image:url(http://yosa-jewel.sakura.ne.jp/img/kadomaru/kado1_r1_c2.jpg);
background-position:right top;
}
.rtop01 span {
display:block;
background-image:url(http://yosa-jewel.sakura.ne.jp/img/kadomaru/kado1_r1_c1.jpg);
background-position:top left;
}

.rtcontent01 {　　　　/*　テキスト領域用DIV　*/
padding:0 8px;
text-align:center; 
}

.rbottom01 {
background-image:url(http://yosa-jewel.sakura.ne.jp/img/kadomaru/kado1_r2_c2.jpg);
background-position:bottom right;
}
.rbottom01 span {
display:block;
background-image:url(http://yosa-jewel.sakura.ne.jp/img/kadomaru/kado1_r2_c1.jpg);
background-position:bottom left;
}


div.top-banner{
	width:530px;
	margin:10px auto;
	}

div.top-banner ima{
	float:left;}



div.box550{
	width:550px;
	margin:5px auto;
	}
	
div.box400L{
	width:400px;
	float:left;
	}

div.box360L{
	width:340px;
	float:left;	
	}


div.box150R{
	width:150px;
	float:right;
	}

div.box190R{
	width:190px;
	float:right;
	}




div.befor-after{
	margin:10px auto 5px;
	
	}	
	
table.point{
    border-top:0px solid #D3CEEE;
    border-left:0px solid #D3CEEE;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	color:#2b2828;
	font-size:90%;
    empty-cells:show;
	margin:0px auto 10px;
}
.point th{
    border-right:0px solid #D3CEEE;
    border-bottom:1px dashed #D3CEEE;
    color:#DC4966;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.point td{
    border-right:0px solid #D3CEEE;
    border-bottom:1px dashed #D3CEEE;
    padding:0.3em 1em;
}
	
table.price-a{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;	
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	color:#2b2828;
	font-size:90%;
    empty-cells:show;
	margin:0px auto 10px;
}
.price-a th{
    border-right:1px solid #ccc;
    color:#fff;
    background-color:#900;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.price-a td{
    border-right:1px solid #ccc;
    padding:0.3em 1em;
}





table.f-price{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;	
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	color:#2b2828;
	font-size:90%;
    empty-cells:show;
	margin:0px auto 10px;
}
.f-price th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#FfF;
    background-color:#900;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.f-price td{

    border-bottom:1px solid #CCC;
    padding:0.3em 1em;
}



.price-a td ul li{
	font-size:90%;
	vertical-align:top;	
	}

div.price-title{
	width:145px;
	margin:5px auto;
	background:#E8E8E8;
	padding:5px;
	
	}
	
div.price-title b{
	color:#900;
	
	}	
	
div.kouka{
	width:400px;
	margin:10px auto;
	}
	
div.kouka ul {}
div.kouka li {
	font-size:90%;
	float:left;
	margin-right:30px;
	line-height:150%;}
	
div.campaign{
	width:430px;
	padding:10px;
	margin:5px auto;
	background:#FFF;
	border:#F60 double 3px;
	}	

div.faq-box{
	width:500px;
	margin:5px auto;
	}

div.faq-box .q{
	background:url(image/faq-q.png);
	background-repeat:no-repeat;
	width:477px;
	padding-left:23px;
	font-size:90%;
	font-weight:bold;
	color:#990;
	margin:5px auto 10px;
	}

div.faq-box .a{
	background:url(image/faq-a.png);
	background-repeat:no-repeat;	
	font-size:90%;
	width:477px;
	padding-left:23px;
	padding-bottom:5px;
	margin:5px auto 20px;
	border-bottom:#999 dashed 1px;
	}