@charset "Shift_JIS";

/* Šî–{Ý’è@--------------------------------------- */

body {
	margin:0;
	padding:0;
	text-align:center;
	color:  #333333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', '‚l‚r ƒSƒVƒbƒN', sans-serif;
	background-image:url(../../common/img/bg_g2.gif);
}
#WRAP {
	width:860px;
	margin:0 auto;
	padding: 0 10px;
	background-color:#FFFFFF;
}
div,td,th {
	text-align:left;
}
p,pre {
	margin:0;
	font:14px/20px '‚l‚r ƒSƒVƒbƒN', sans-serif;
}
a {
	color: #669900;
	text-decoration: underline;
}
a:visited {
	color: #669900;
}
a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #E62F82;
}

/* ƒŒƒCƒAƒEƒgÝŒvyƒwƒbƒ_z@--------------------------------------- */

h1 {
	margin: 0 0 10px;
	font-size:11px;
	font-weight:lighter;
	color: #AA957B;
	text-align: right;
	line-height: 20px;
}
#MAINIMG {
	width: 840px;
	height: 270px;
	position: relative;
}
#MAINIMG1 {
	width: 840px;
	height: 140px;
	position: relative;
}
#MAINIMG2 {
	width: 840px;
	height: 100px;
	position: relative;
}

#header {
	width: 840px;
	height: 64px;
	margin: 0px;
}
#header1 {
	width: 368px;
	height: 32px;
	float: left;
}
#header2 {
	width: 118px;
	height: 32px;
	float: left;
}
#header3 {
	width: 118px;
	height: 32px;
	float: left;
}
#header4 {
	width: 118px;
	height: 32px;
	float: left;
}
#header5 {
	width: 118px;
	height: 32px;
	float: left;
}
#header6 {
	width: 368x;
	height: 32px;
	float: left;
}
#header7 {
	width: 132px;
	height: 32px;
	float: left;
}
#header8 {
	width: 170px;
	height: 32px;
	float: left;
}
#header9 {
	width: 170px;
	height: 32px;
	float: left;
}

#navi {
	width: 840px;
	height: 55px;
	margin: 0px;
}


#navi1 {
	width: 840px;
	height: 30px;
	margin: 10px 0 0;
}
.gn1 {
	height: 30px;
	width: 168px;
	float: left;
}
#navi2 {
	width: 840px;
	height: 30px;
	margin: 2px 0 0;
}
.gn2 {
	height: 36px;
	width: 140px;
	float: left;
}



.g_navi1 {
	height: 55px;
	width: 174px;
	float: left;
}
.g_navi2 {
	height: 55px;
	width: 164px;
	float: left;
}

/* ƒŒƒCƒAƒEƒgÝŒvyƒƒCƒ“z@--------------------------------------- */

#MAINWRAP {
	width: 840px;
	float: left;
	color: #333;
	margin: 0 0 50px;
	background-color: #FFF;
}

/* ƒŒƒCƒAƒEƒgÝŒvyƒRƒ“ƒeƒ“ƒcz@--------------------------------------- */

#CONTENTS {
	width: 650px;
	float: right;
	margin: 0;
}
#MAR_C {
	margin: 0px 0px 0px 30px;
}
#CONTENTS h2 {
	font-size:16px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	color: #000;
	line-height:32px;
	margin: 30px 0px 30px;
}
#CONTENTS h2 a {
	color:  #52B10B;
}
#CONTENTS h3 {
	font-size: 16px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #79A200;
	margin: 40px 20px 30px 30px;
	padding: 0 0 0 7px;
	color: #3F3F3F;
	line-height: 26px;
	border-bottom: 1px dotted #79A200;
}

#CONTENTS h4 {
	font-size: 16px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	color: #E62F82;
	line-height: 28px;
	margin: 20px 0 0 20px;
}
#CONTENTS h4 a {
	color:  #E62F82;
}
#CONTENTS p {
	margin: 10px 0px 10px 20px;
	padding: 10px 10px 5px;
	line-height: 23px;
}
#pankuzu {
	margin: 2px 0 2px;
	padding: 14px 0 2px 10px;
	line-height:13px;
}
#pankuzu p {
	font-size: 12px;
}
#pankuzu a {
	color:  #555;
}
.list_1 {
	font-size: 14px;
	font-family: "‚l‚r ƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	width: 600px;
	height: auto;
	line-height: 24px;
	margin: 30px 0 30px 20px;
}
.list_1 a {
	color: #666;
	text-decoration: none;
}
.list_1 a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #E62F82;
	text-decoration: underline;
}
.list_2 {
	font-size: 14px;
	font-family: "‚l‚r ƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	width: 600px;
	height: auto;
	line-height: 24px;
	margin: 0 0 0 20px;
}
.list_2 a {
	color: #666;
	text-decoration: none;
}
.list_2 a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #E62F82;
	text-decoration: underline;
}
.list_3 {
	font-size: 14px;
	font-family: "‚l‚r ƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	width: 560px;
	height: auto;
	line-height: 24px;
	margin: 30px 0 30px 20px;
}
.list_order {
	font-size: 14px;
	font-family: "‚l‚r ƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	width: 380px;
	height: auto;
	line-height: 24px;
	margin: 10px 0 0 20px;
}
#cart{
	font-family: '‚l‚r ƒSƒVƒbƒN', sans-serif;
	float: right;
	margin: 0px 10px 0px 0px;
	font-size:12px;
}
.category {
	font-size: 14px;
	font-family: "‚l‚r ƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	line-height: 24px;
	height: auto;
	margin: 0;
	padding: 0 0px 10px 0;
	width: 310px;
}
.category ul {
	margin: 0 0 5px 0;
	padding: 0 0 5px;
}
.category li {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 5px 20px 0 10px;
	font-size: 13px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	color: #333;
	line-height: 22px;
}
.category a {
	color: #666;
	text-decoration: none;
}
.category a:hover,
a:active,	/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #E62F82;
	text-decoration: underline;
}

.conversation {
	border-style:solid;
	border-color:#FF6600;
	border-width:1px;
	height:auto;
	margin:30px 0 30px 30px;
	padding: 0px 0px;
	width:540px;
	background-color:#FFF8F2;
	}
.koe {
	border-style:solid;
	border-color:#FF6600;
	border-width:1px;
	height:auto;
	margin:40px auto;
	padding: 2px 10px 10px 0px;
	width:540px;
	}
.koe img{
	margin: 20px 20px 10px 30px;
	float: left;
}
.koe_2 {
	border-style:solid;
	border-color:#79A200;
	border-width:1px;
	height:auto;
	margin:10px 0 10px 15px;
	padding: 2px 10px 0px 0px;
	width:285px;
	}
.koe_midasi {
	font-size: 16px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	font-weight:bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #79A200;
	margin: 10px 0 10px 0px;
	padding-left: 12px;
	color: #3F3F3F;
	line-height: 20px;
}


#faq {
	height:auto;
	padding: 2px 20px 10px 20px;
	width:580px;
	}
#faq h3 {
	font-size: 15px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E62F82;
	margin: 40px 0 14px 0;
	padding-left: 7px;
	color: #3F3F3F;
	line-height: 20px;
	border-bottom: 1px dotted #E62F82;
}
#faq a {
	color: #666;
	text-decoration: none;
}
#faq a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #E62F82;
	text-decoration: underline;
}

.item_list {
	width: 600px;
	padding: 20px 0 10px;
	border-bottom: 1px dotted #AA957B;
}
.img_left {
	width: 580px;
	height: auto;
	margin:10px 0 10px 30px;
	padding: 0;
}
.img_left p {
	margin: 0;
	padding: 0 0 2px;
	line-height: 23px;
}
.img_left img{
	margin: 12px 20px 20px 0;
	float: left;
}
.img_right {
	width: 600px;
	height: auto;
	margin: 10px 20px 0 0;
	padding: 0;
}
.img_right p {
	margin: 0;
	padding: 0 0 2px;
	line-height: 23px;
}
.img_right img{
	margin: 12px 0 20px 20px;
	float: right;
}



.img_left_h {
	width: 580px;
	height: auto;
	margin:10px 0 10px 30px;
	padding: 0;
}
.img_left_h p {
	margin: 0;
	padding: 0 0 2px;
	line-height: 23px;
}
.img_left_h img{
	margin: 2px 20px 20px 0;
	float: left;
}
.img_right_h {
	width: 600px;
	height: auto;
	margin: 10px 20px 0 0;
	padding: 0;
}
.img_right_h p {
	margin: 0;
	padding: 0 0 2px;
	line-height: 23px;
}
.img_right_h img{
	margin: 2px 0 20px 20px;
	float: right;
}
	
/* ƒŒƒCƒAƒEƒgÝŒvy¶‘¤z@--------------------------------------- */

#LEFT {
	width: 190px;
	float: left;
	margin: 0;
}
#LEFT p {
	font-size: 12px;
	margin: 10px 0px 0px 10px;
	line-height: 18px;
}
.left {
	color: #333;
	padding: 10px 9px;
	margin: 0 0 20px;
}

#MAR_L {
	padding: 10px 0 0;
}
#MAR_L h2 {
	margin: 20px 0 10px;
	padding-top: 0;
}
#MAR_L ul {
	margin: 0 0 15px 4px;
	padding: 0 0 5px;
}
#MAR_L li {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 14px;
	font-size: 13px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	color: #333;
	line-height: 20px;
	background: url(../../common/img/s_dot1.gif) no-repeat left;
	border-bottom: 1px dotted #C8AD93;
}

#MAR_L a {
	color: #666;
}
#MAR_L a:hover,
#MAR_L a:active, 		/* for IE (Keyboard) */
#MAR_L a:focus {		/* for Netscape (Keyboard) */
	color: #FE9900;
}
#merumaga_L {
	background-image: url(../../common/img/merumaga-l_bg.jpg);
	background-repeat:no-repeat;
	height:auto;
	margin:20px 0 20px;
	padding: 2px 20px 10px 20px;
	width:190px;
	height:254px;
	}
#merumaga_L p {
	margin: 100px 0 0 0;
	padding: 14px 30px 0 0;
	line-height:16px;
}
#merumaga_L a {
	color:  #69AA03;
	text-decoration:underline;
}
#order_L{
	margin: 20px 0;
}

/* ƒŒƒCƒAƒEƒgÝŒvyƒtƒbƒ^[z@--------------------------------------- */

#FOOTER {
	margin: 0 0 20px 0;
}
#FOOTER1 {
	text-align: center;
	padding: 0px 0px 20px;
}
#FOOTER2 {
	text-align: center;
	margin: 16px 0 0 0;
	padding: 16px 0 0 0;
	color:#89B700;
}
#FOOTER1 p,
#FOOTER2 p {
	font-size: 12px;
}
#FOOTER1 a,
#FOOTER2 a {
	color: #666;
	text-decoration: none;
}
#FOOTER1 a:hover,
#FOOTER1 a:active, 		/* for IE (Keyboard) */
#FOOTER1 a:focus {		/* for Netscape (Keyboard) */
	color: #666;
	text-decoration: underline;
}
#FOOTER2 a:hover,
#FOOTER2 a:active, 		/* for IE (Keyboard) */
#FOOTER2 a:focus {		/* for Netscape (Keyboard) */
	color: #666;
	text-decoration: underline;
}
#FOOTER3 {
	color: #FFFFFF;
	background-color: #99CC00;
	padding: 0 10px 0 0;
	margin: 20px 0 0 0;
}
#FOOTER3 p {
	font-size:9px;
	line-height:28px;
	text-align: right;
	font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}

#FOOTER3 a {
	color: #FFFFFF;
	text-decoration: none;
}
#FOOTER3 a:hover,
#FOOTER3 a:active, 		/* for IE (Keyboard) */
#FOOTER3 a:focus {		/* for Netscape (Keyboard) */
	color: #FFFFFF;
	text-decoration: underline;
}

/* ____ ƒtƒ[ƒgƒ{ƒbƒNƒX‰ðœ—pBhtml‚Å‚Í<br class="clear" />‚ÅŽg—p ____ */

.clear {
	clear:both;
}

/* ____ ƒeƒLƒXƒg—p ____ */

.name {
	color: #000000;
	font-size:20px;
	font-weight: bold;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
	border-bottom: 1px dotted #AE8766;
}
.price {
	color: #FF0000;
	font-size:28px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
}
.benefit {
	color: #FF0000;
	font-size:17px;
	font-weight: bold;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Osaka,Verdana,Arial,sans-serif;
}

.b {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}

.red {
	color: #FF0000;
}
.pink {
	color: #FF3366;
}
.wine {
	color: #990033;
}
.orange {
	color: #FF3300;
}
.blue {
	color: #3333FF;
}
.green {
	color: #698C00;
}
.gray {
	color: #666666;
}

.small {
	font-size: small;
}
.bg_yell {
	background-color: #FFFFE6;
}
.text_right {
	text-align: right;
}
.center {
	text-align: center;
}


/* ____ ‰æ‘œ—p ____ */

img {
	border:0;
}

