@charset "utf-8";
/*-------------------------------------------------
	reset styles
-------------------------------------------------*/
HTML, BODY, DIV, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ADDRESS, UL, OL, LI, DL, DT, DD, TABLE, TH, TD, FORM, FIELDSET {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
OL, UL, LI {
	list-style-type: none;
}
A {
	outline:none 0 #000000;
}
IMG {
	border:0;
}
SUP, SUB {
	vertical-align: baseline;
	position: relative;
}
SUP {
	top:-4px
}
SUB {
	top: 4px
}
/******************************/
/* 文字基本 */
/******************************/
/* 入力警告 */
.inputAlert {
	color:#FF0000;
}
P.inputAlert {
	font-size:12px;
	line-height:16px;
}
/* 必須 */
.ness {
	color:#DB0000;
	font-size:10px;
}
P.ness {
	text-align:right;
	font-size:12px;
}
/* 入力警告 */
.inputAlert {
	color:#FF0000;
	font-size:12px;
	margin:4px 0px 4px 0px;
}
.example, .note {
	color:#888888;
	font-size:12px;
	line-height:16px;
}
SPAN.note {
	text-indent:6px;
}
.attention{
	color:#CC0000;
	font-size:12px;
}
.memo {
	color:#333333;
	font-size:14px;
	line-height:18px;
}
/* キャプション */
.capS {
	font-size:12px;
	line-height:16px;
}
.basic_txt {
	line-height:130%;
	margin-bottom:12px;
}
/*-------------------------------------------------
	layout base 
-------------------------------------------------*/
HTML, BODY {
	height:100%;
}
BODY {
	text-align:center;
	background-color:#DDF2B1;
}
/*-------------------------------------------------
	text color and size
-------------------------------------------------*/
BODY, TH, TD, H1, H2, H3, H4, H5, H6, PRE, INPUT, TEXTAREA, OPTION, DIV, P, DT, DD, LI, ADDRESS {
	font-size: 14px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
}
/*-------------------------------------------------
 text link
 -------------------------------------------------*/
A {
	color:#469202;
	text-decoration:none;
}
A:link {
	color:#469202;
	text-decoration:none;
}
A:hover {
	color:#469202;
	text-decoration:none;
}
A.txtLink {
	color:#996600;
	text-decoration:underline;
}
A.txtLink:hover {
	color:#E39900;
}

A.link_allow{
	background:url(../img_new/icon_arrow.gif) no-repeat left center;
	padding-left:12px;
}

/*-------------------------------------------------
	usefull margin
-------------------------------------------------*/
.mb6 {
	margin-bottom:6px;
}
.mb12 {
	margin-bottom:12px;
}
.mb24 {
	margin-bottom:24px;
}
.mr12 {
	margin-right:12px;
}
.mr20 {
	margin-right:20px;
}
.mt12 {
	margin-top:12px;
}
.mt50 {
	margin-top:50px;
}
.ml12{
	margin-left:12px;
	margin-right:12px;
}

.ml12b{
	margin-left:24px;
}
/*-------------------------------------------------
	usefull item
-------------------------------------------------*/
.tar {
	text-align:right;
}
.tac {
	text-align:center;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix {
	_height: 1px;
	min-height: 1px;/*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
BR.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
/*-------------------------------------------------
	wrapbase
-------------------------------------------------*/
#wrapbase {
	margin:0 auto;
	width:778px;
	height:100%;
	min-height:100%;
	background-color:#FFFFFF;
}
body > #wrapbase {
	height:auto;
}
/*-------------------------------------------------
	main
-------------------------------------------------*/
#main {
	margin:0 auto 12px auto;
	width:754px;
	text-align:left;
}
/*-------------------------------------------------
	header
 -------------------------------------------------*/
#header {
	text-align:left;
	position:relative;
	height:72px;
	background:url(../img_new/bg_header.gif) no-repeat;
	margin-bottom:15px;
}
#header H2 {
	position:absolute;
	top:10px;
	left:9px;
	width:233px;
	height:51px;
}
#header H2 A {
	text-indent:-9999px;
	display:block;
	width:233px;
	height:51px;
	background:url(../img_new/logo.gif) no-repeat;
}
#header P {
	text-indent:-9999px;
	background:url(../img_new/catch_header.gif) no-repeat;
	position:absolute;
	top:10px;
	left:242px;
	width:378px;
	height:51px;
}
#header div.btnH_cart {
	position:absolute;
	top:0px;
	left:638px;
	width:129px;
	height:36px;
}
#header div.btnH_cart A {
	text-indent:-9999px;
	display:block;
	background:url(../img_new/btnH_cart.gif) no-repeat;
	width:129px;
	height:36px;
}
#header div.btnH_sitemap {
	position:absolute;
	top:40px;
	left:650px;
	width:118px;
	height:19px;
}
#header div.btnH_sitemap A {
	text-indent:-9999px;
	display:block;
	background:url(../img_new/btnH_sitemap.gif) no-repeat;
	width:118px;
	height:19px;
}
#header div.btnH_cart A:hover, #header div.btnH_sitemap A:hover {
	background-position:left bottom;
}
/*-------------------------------------------------
	footer
 -------------------------------------------------*/
#footer {
	clear:both;
	text-align:left;
	background:url(../img_new/bg_dot.gif) repeat-x left top;
}
#footer UL {
	padding:10px 15px;
}
#footer LI {
	font-size:12px;
	display:inline;
	line-height:130%;
}
#footer LI A:hover {
	color:#FF6600;
}
#footer P {
	font-size:12px;
	background:url(../img_new/bg_dot.gif) repeat-x left top;
	padding:10px 15px;
	text-align:center;
	line-height:130%;
}
#footer P IMG {
	margin-top:4px;
}
/*-------------------------------------------------
	gnavi
 -------------------------------------------------*/
#gnavi {
	margin:0 auto 7px auto;
	width:754px;
	text-align:left;
	height:36px;
}
#gnavi LI {
	float:left;
}
#gnavi LI A {
	display:block;
	height:36px;
	text-indent:-9999px;
}
#gnavi LI#home A {
	background:url(../img_new/btnG_home.gif) no-repeat;
	width:105px;
}
#gnavi LI#item_list A {
	background:url(../img_new/btnG_itemlist.gif) no-repeat;
	width:97px;
}
#gnavi LI#view_cart A {
	background:url(../img_new/btnG_cart.gif) no-repeat;
	width:107px;
}
#gnavi LI#column A {
	background:url(../img_new/btnG_column.gif) no-repeat;
	width:107px;
}
#gnavi LI#shopping_guide A {
	background:url(../img_new/btnG_guide.gif) no-repeat;
	width:122px;
}
#gnavi LI#about_us A {
	background:url(../img_new/btnG_aboutus.gif) no-repeat;
	width:98px;
}
#gnavi LI#inquiry A {
	background:url(../img_new/btnG_inquiry.gif) no-repeat;
	width:118px;
}
#gnavi LI#home A:hover, #gnavi LI#item_list A:hover, #gnavi LI#view_cart A:hover, #gnavi LI#column A:hover, #gnavi LI#shopping_guide A:hover, #gnavi LI#about_us A:hover, #gnavi LI#inquiry A:hover {
	background-position:bottom;
}
#breadcrumbs {
	margin:0 auto 12px auto;
	width:754px;
	text-align:left;
}
#breadcrumbs P A {
	color:#46911E;
}
#breadcrumbs P A:hover {
	text-decoration:underline;
}
#breadcrumbs P STRONG {
	font-weight:normal;
}
/*-------------------------------------------------
	lnavi
 -------------------------------------------------*/

#lnavi {
	margin-bottom:12px;
	width:169px;
	text-align:left;
}
#lnavi DD A {
	display:block;
	width:100%;
	text-indent:-9999px;
	background-position:left top;
}
#lnavi DT {
	display:block;
	width:100%;
	text-indent:-9999px;
	background-position:left top;
}
#lnavi DD A:hover {
	background-position:center top;
}
#lnavi DT#headline_basic {
	background-image:url(../img_new/headline_basic.gif);
	height:27px;
}
#lnavi DD#lnavi_kurogoma A {
	background-image:url(../img_new/lnavi_kurogoma.gif);
	height:48px;
}
#lnavi DD#lnavi_kuroninnikuraotinsu A {
	background-image:url(../img_new/lnavi_kuroninnikuraotinsu.gif);
	height:48px;
}
#lnavi DD#lnavi_sennenraosu {
	margin-bottom:12px;
}
#lnavi DD#lnavi_sennenraosu A {
	background-image:url(../img_new/lnavi_sennenraosu.gif);
	height:48px;
}
#lnavi DT#headline_trouble {
	background-image:url(../img_new/headline_trouble.gif);
	height:27px;
}
#lnavi DD#lnavi_densichi A {
	background-image:url(../img_new/lnavi_densichi.gif);
	height:37px;
}
#lnavi DD#lnavi_cleaneye A {
	background-image:url(../img_new/lnavi_cleaneye.gif);
	height:37px;
}
#lnavi DD#lnavi_aojiru A {
	background-image:url(../img_new/lnavi_aojiru.gif);
	height:37px;
}
#lnavi DD#lnavi_honenotomo A {
	background-image:url(../img_new/lnavi_honenotomo.gif);
	height:37px;
}
#lnavi DD#lnavi_etiquette A {
	background-image:url(../img_new/lnavi_etiquette.gif);
	height:37px;
}
#kurogoma_page #lnavi DD#lnavi_kurogoma A, #kuroninnikuraotinsu_page #lnavi DD#lnavi_kuroninnikuraotinsu A, #sennenraosu_page #lnavi DD#lnavi_sennenraosu A, #densichi_page #lnavi DD#lnavi_densichi A, #cleaneye_page #lnavi DD#lnavi_cleaneye A, #aojiru_page #lnavi DD#lnavi_aojiru A, #honenotomo_page #lnavi DD#lnavi_honenotomo A, #etiquette_page #lnavi DD#lnavi_etiquette A {
	background-position:right top;
}
/**************/
/* 左側メイン */
/**************/
DIV#leftMain DIV#mainArea {
	width:573px;
	float:left;
}
DIV#leftMain DIV#subArea {
	width:169px;
	float:right;
}
/* パンくず */
DIV.crumbmenu {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	padding:4px 0 8px 0;
	color:#FFCC00;
}
DIV.crumbmenu A, DIV.crumbmenu A:visited {
	color:#FF6600;
	text-decoration:none;
}
DIV.crumbmenu A:hover {
	color:#FF6600;
	text-decoration:underline;
}
DIV.crumbmenu STRONG {
	font-weight:normal;
	color:#469202;
}
/* bnr_box */

.bnr_box {
	clear:both;
	padding-top:24px;
	background:url(../img_new/bg_dot.gif) repeat-x left top;
}
.bnr_box LI {
	float:left;
	width:134px;
	height:60px;
	margin-right:12px;
	margin-bottom:12px;
}
.bnr_box LI.last_bnr {
	margin-right:0px;
}
.bnr_box LI A {
	display:block;
	width:134px;
	height:60px;
	background-color:#FF9900;
}
.bnr_box LI A:hover {
	background-color:#FFCC00;
}
.bnr_box LI IMG {
	vertical-align:bottom;
}
/*-------------------------------------------------
	main_contents
-------------------------------------------------*/

#main_contents {
	width:573px;
	float:left;
}
#main_contents P {
	line-height:140%;
}
/*-------------------------------------------------
	sub_contents
-------------------------------------------------*/

#sub_contents {
	width:169px;
	float:right;
}
/* bnr_box_sub */
.bnr_box_sub P {
	font-size:12px;
	margin-bottom:12px;
	line-height:130%;
}
.bnr_box_sub IMG {
	margin-bottom:5px;
}
/* QR */
.qr_box {
	background-color:#FFFFFF;
	border:1px solid #75C04D;
	margin-bottom:12px;
	font-size:12px;
	line-height:16px;
	padding:3px;
}
.qr_box STRONG {
	color:#FF0000;
}
/* sub_navi_box */
.sub_navi_box {
	margin-bottom:20px;
}
.sub_navi_box UL {
	padding:5px 0px 0px 5px;
}
.sub_navi_box UL LI {
	line-height:150%;
}
.sub_navi_box UL LI A {
	color:#996600;
	text-decoration:underline;
}
.sub_navi_box UL LI A:hover {
	color:#E39900;
}
/* secure_box */
.secure_box {
	background-color:#F4F0DB;
	padding:12px;
	margin-bottom:20px;
}
.secure_box DIV {
	text-align:center;
	margin-bottom:10px;
}
.secure_box P {
	font-size:10px;
	line-height:130%;
}
/* gmp_box */

#gmp_box {
	margin-bottom:12px;
}
#gmp_box P {
	font-size:12px;
	line-height:130%;
}
/* ranking_box */
#ranking_box {
	background-color:#F4F0DB;
	border:1px solid #75C04D;
	margin-bottom:12px;
}
#ranking_box .divide {
	height:1px;
	font-size:1px;
	line-height:100%;
	background:url(../img_new/bg_dot.gif) repeat-x;
	clear:both;
}
#ranking_box H3 {
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 1px 30px;
	margin:0px 7px 10px 7px;
}
#ranking_box P {
	font-size:12px;
	margin:0 7px 0px 7px;
	line-height:130%;
}
#ranking_box P IMG {
	float:left;
	margin:0px 5px 10px 0px;
}
#ranking_box H3.first {
	background:url(../img_new/fig_1st.gif) no-repeat left bottom;
}
#ranking_box H3.first A, #ranking_box P.first A {
	color:#996600;
}
#ranking_box H3.second {
	background:url(../img_new/fig_2nd.gif) no-repeat left bottom;
}
#ranking_box H3.second A, #ranking_box P.second A {
	color:#6D6258;
}
#ranking_box H3.third {
	background:url(../img_new/fig_3rd.gif) no-repeat left bottom;
}
#ranking_box H3.third A, #ranking_box P.third A {
	color:#993300;
}
/*-------------------------------------------------
	common_style
-------------------------------------------------*/

DL.dlstyle DT, DL.dlstyle DD {
	line-height:140%;
	font-size:12px;
}
DL.dlstyle DD {
	margin:-1.3em 0 12px 3em;
}
DL.dlstyle2 DT, DL.dlstyle2 DD {
	line-height:140%;
}
DL.dlstyle2 DT {
	font-weight:bold;
}
DL.dlstyle2 DD {
	margin-left:1em;
}
.tstyleA {
	border-top:2px solid #94B889;
	border-left:1px solid #94B889;
	margin-bottom:24px;
}
.tstyleA TH, .tstyleA TD {
	border-right:1px solid #94B889;
	border-bottom:1px solid #94B889;
	line-height:140%;
}
.tstyleA TH {
	background-color:#EEFEED;
	text-align:left;
	padding:4px 8px;
	vertical-align:top;
}
.tstyleA TH.w110 {
	width:110px;
}
.tstyleA TD {
	padding:4px 8px;
}
.tstyleA TD STRONG {
	font-weight:normal;
	color:#CC0000;
}
.pstyleA {
	font-size:18px;
}
.pstyleA STRONG {
	color:#CC0000;
}
/*-------------------------------------------------
	element_table
-------------------------------------------------*/

TABLE.element_table {
	margin-bottom:10px;
}
TABLE.element_table TH {
	text-align:left;
}
TABLE.element_table TH IMG {
	margin-bottom:0px;
}
TABLE.element_table TD {
	background:url(../item/etiquette/img/element_bg01.gif) no-repeat bottom left;
	vertical-align:top;
}
TABLE.element_table TD.sp {
	background:url(../item/etiquette/img/element_bg02.gif) no-repeat bottom left;
}
TABLE.element_table TD P {
	margin-right:15px;
	margin-left:5px;
	padding:5px 0px;
}
TABLE.element_table TD P STRONG {
	color:#D50000;
}
/*-------------------------------------------------
	element_table2
-------------------------------------------------*/

TABLE.element_table2 {
	margin-bottom:10px;
}
TABLE.element_table2 TH {
	text-align:left;
}
TABLE.element_table2 TH IMG {
	margin-bottom:0px;
}
TABLE.element_table2 TD {
	background:url(../item/etiquette/img/element_bg.gif) no-repeat bottom left;
	vertical-align:top;
}
TABLE.element_table2 TD P {
	margin-right:15px;
	margin-left:5px;
	padding:5px 0px;
}
TABLE.element_table2 TD IMG {
	float:right;
	margin-top:3px;
	margin-left:12px;
}
TABLE.element_table TD P STRONG {
	color:#D50000;
}


/*-------------------------------------------------
	monitor_box
-------------------------------------------------*/

DIV.monitor_box {
	background:url(../item/etiquette/img/bg_topicB_1.gif) no-repeat bottom left;
	padding-bottom:5px;
	margin-bottom:20px;
}
DIV.monitor_box H3 {
	text-indent:-9999px;
	background:url(../item/etiquette/img/caption_topicB_2.gif) no-repeat;
	height:32px;
	width:auto;
}
DIV.monitor_box P {
	background:url(../item/etiquette/img/bg_topicB_2.gif) repeat-y;
	padding:10px 15px 6px 10px;
}
DIV.monitor_box P SPAN {
	text-align:right;
}
/*-------------------------------------------------
	column
-------------------------------------------------*/

.entryHead {
	background:#FFF2E8 url(../column/img/bg_headline.gif) no-repeat left top;
	margin-bottom:12px;
}
.entryHead H2 {
	line-height:130%;
	padding:12px 12px 12px 42px;
	background:url(../column/img/bg_border.gif) no-repeat left bottom;
}
.entryHead H2, .entryHead H2 A {
	color:#663300;
	font-size:16px;
	font-weight:bold;
}
.entryBody {
	margin-bottom:24px;
}
.entryBody P {
	margin-bottom:12px;
}
.entryBody STRONG {
	color:#469202;
}
.prev_entry {
	margin-bottom:12px;
	float:left;
}
.next_entry {
	margin-bottom:12px;
	float:right;
}
/*-------------------------------------------------
	guide
-------------------------------------------------*/

.hStyleA {
	background:url(../guide/img/bg_headline.gif) no-repeat left bottom;
	padding:5px 0px 5px 20px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
.hStyleA A {
	color:#663300;
}

.hStyleD {
	color:#469202;
	margin-bottom:12px;
	font-size:16px;
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:2px solid #469202;
	line-height:120%;
}

.lStyleA LI {
	background:url(../guide/img/bg_menu.gif) no-repeat left 0.5em;
	padding:0px 0px 0px 20px;
	line-height:140%;
	margin-bottom:12px;
}
.lStyleA LI LI {
	background:url(../guide/img/bg_menuS.gif) no-repeat left 0.5em;
	padding:0px 0px 0px 20px;
	line-height:140%;
	margin-bottom:2px;
}
.lStyleA LI LI STRONG {
	color:#CC0000;
	font-weight:normal;
}
.lStyleA LI A {
	color:#996600;
	text-decoration:underline;
}
.lStyleA LI A:hover {
	color:#E39900;
}
.lStyleB LI {
	list-style-type:decimal;
	margin-left:2em;
	line-height:140%;
	margin-bottom:12px;
}
.dlStyleS DT {
	text-align:center;
	width:1.5em;
	line-height:1.5em;
	background-color:#25701B;
	color:#FFFFFF;
}
.dlStyleS DD {
	margin:-1.5em 0px 24px 2em;
}
.dlStyleB DT {
	background:url(../guide/img/bg_menuB.gif) no-repeat left 0.3em;
	padding:0px 0px 0px 20px;
	line-height:140%;
	color:#25701B;
	margin-bottom:12px;
}
.dlStyleB DD {
	background:url(../guide/img/bg_menu.gif) no-repeat left 0.5em;
	padding:0px 0px 0px 20px;
	line-height:140%;
}
.dlStyleS DD P {
	margin-bottom:12px;
}
.dlStyleS DD P SPAN {
	color:#FF0000;
}
.hStyleB {
	border-bottom:2px solid #319223;
	padding:5px 0px 5px 0px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
/* faq */

.dlStyleFaq DT {
	color:#25701B;
	font-size:16px;
	line-height:140%;
	margin-bottom:6px;
	text-indent:-3.5em;
	margin-left:3.5em;
}
.dlStyleFaq DD {
	line-height:140%;
	margin-bottom:12px;
	margin-left:55px;
}
/* sitemap */
.bardotG {
	background:url(../img_new/bg_dot.gif) repeat-x left bottom;
	padding-bottom:6px;
	margin-bottom:12px;
}
#sitemap {
}
.threeColumnA {
	width:240px;
	float:left;
}
.threeColumnB {
	display:inline;
	width:240px;
	margin-left:15px;
	float:left;
}
.dlStyleA DT {
	margin-bottom:12px;
	font-weight:bold;
	font-size:14px;
}
.dlStyleA DD {
	background:url(../guide/img/bg_menu.gif) no-repeat left 0.5em;
	padding:0px 0px 0px 20px;
	line-height:140%;
	margin-bottom:12px;
}
.dlStyleA DD A {
	color:#996600;
	text-decoration:underline;
}
.dlStyleA DD A:hover {
	color:#E39900;
}

.imgBorder{
	padding:1px;
	border:1px solid #CCC;
}

.infoArea{
	margin-bottom:12px;
	border:1px solid #FF9900;
	background-color:#FFFFCC;
	padding:12px;
}
.infoArea P{
	line-height:130%;
}
