@charset "Shift_JIS";
/* ================================================================ */
/*  PENCIL STYLE SHEET                                              */
/*                                                  Ver. 1.00       */
/* ================================================================ */

/* FontSet */
body{
font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN";
margin:0px;
padding:0px;
}

h1 {font-size : 10px;line-height : 130%; margin: 0pt;padding: 0px;}

/* FontSize */
.j9  { font-size: 10px; line-height: 12px }

.j10  { font-size: 11px; line-height: 13px }

.j101  { font-size: 11px; line-height: 13px }

.j12  { font-size: 12px; line-height: 16px }

.j14  { font-size: 14px; line-height: 18px }

.j16  { font-size: 16px; line-height: 20px }

.j18   { font-size: 18px; line-height: 23px }

.j20   { font-size: 20px; line-height: 1.5em }

.j24   { font-size: 24px; line-height: 1.5em }


/* fontColor */
/*GLAY*/
.color666{ color:#666; }
/*RED*/
.colorf00{ color:#f00; }
/*OLANGE*/
.colorf60{ color:#f60; }
/*WHITE*/
.colorfff{ color:#fff; }
/*GREEN*/
.color363{ color:#363; }

/* linkColor*/
.NormalLink a{ color:#5B747C; }
.NormalLink a:hover{ color:#213F48; }
.rqaLink a{ color:#666; }
.rkodawariLink a{ color:#fff; text-decoration:none; }
.rkodawariLink a:hover{ text-decoration:underline; }

/* ====ADD 05 Mar 2008==== */

#subttlbg{
	background:url("/images_reform_reform/subtitle_bg.gif");
}

.navibg{
	background:url("/images_reform_reform/rgaiyou_bg.gif");
}


/* 20080624 bookmarks */
.advice-box {
 position: relative;
	height: 50px;
}
.advice-box p {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left:9px;
}
.advice-box .advice-img {
	margin-top: 8px;
}

.sbm-box {
	text-align: left;
	margin-bottom: 10px;
}
.sbm-box span {
	margin-right: 5px;
}
.sbm-box img {
	vertical-align: middle;
}
/* parts */
.advice-boxParts {
 position: relative;
	height: 30px;
}
.advice-boxParts p {
	position: absolute;
	top: 0px;
	right: 0px;
}
.advice-boxParts .advice-img {
	margin-top: 8px;
}

.sbm-boxParts {
	text-align: right;
	margin-bottom: 10px;
}
.sbm-boxParts span {
	margin-right: 5px;
}
.sbm-boxParts img {
	vertical-align: middle;
}

/* Header Navi*/
#HeaderBox {
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	
}

#HeaderBox .home {
	background-image:url(/images_reform/bg_headernavi1-1.gif);
	width:75px;
	height:30px;
	text-align:center;
}

#HeaderBox .home a { color:#315831; }
#HeaderBox .home a:hover { color:#315831; text-decoration:none; }

#HeaderBox .etc {
	background-image:url(/images_reform/bg_headernavi2-1.gif);
	width:75px;
	height:30px;
	text-align:center;
}

#HeaderBox .order {
	background-image:url(/images_reform/bg_headernavi4-1.gif);
	width:75px;
	height:30px;
	text-align:center;
}

#HeaderBox .gallery {
	background-image:url(/images_reform/bg_headernavi3-1.gif);
	width:75px;
	height:30px;
	text-align:center;
}

#HeaderBox a { color:#fff; }
#HeaderBox a {
	color:#fff;
	text-decoration:none;
}




/* margin */
.marT10 {
	margin-top:10px;
}

.marT20 {
	margin-top:20px;
}

.marT30 {
	margin-top:30px;
}

.marB05 {
	margin-bottom:5px;
}

.marB10 {
	margin-bottom:10px;
}

.marL10 {
	margin-left:10px;
}