@charset "Shift_JIS";


/*基本指定-------------------------------------*/

*{
	margin:0;
	padding:0;
	font:normal normal normal 17px/1.4 "ＭＳ Ｐゴシック","Osaka",sans-serif;
	color: #394626;
	border:none;
	list-style:none;
}

body {
	background: #d3ff99 url(../../image/all_bg.jpg);
	margin: 0;
	padding: 0;
}

#wrapper {
	background: transparent url(../../image/front_bg.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 238px;
}


/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }


/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; font-size: 5px; }
.hidetxt a { text-decoration: none; font-size: 5px; }
.buy_a a { text-decoration: none; font-size: 5px; }
.buy_b a { text-decoration: none; font-size: 5px; }
.buy_c a { text-decoration: none; font-size: 5px; }


#header {
	background: transparent url(../../image/header.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 287px;
}

#headersub {
	background: transparent url(../../image/sub_header.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 30px;
}



/*グローバルナビ-------------------------------------*/

/* ナビ基本設定 */
#navi { background: transparent url(../../image/main_bg.gif) repeat-y; width: 730px; text-align: center;font-size: 6px; margin: 0 auto; }
#navi ul { margin: 0 0 0 20px;}
#navi li { float: left; }
#navi img { vertical-align: bottom;}
#navi ul a { display: block; width: 230px; height: 57px; }
#navi ul a:link, #navi ul a:visited { background-position: 0 0px; }
#navi ul a:hover, #navi ul a:active { background-position: 0 -57px; }

#navi_a a { background-image: url(../../image/navi_a.gif); }
.a #navi_a a:link, .a #navi_a a:visited { background-position: 0 0; }
.a #navi_a a:hover, .a #navi_a a:active { background-position: 0 -57px; }

#navi_b a { background-image: url(../../image/navi_b.gif); }
.b #navi_b a:link, .b #navi_b a:visited { background-position: 0 0; }
.b #navi_b a:hover, .b #navi_b a:active { background-position: 0 -57px; }

#navi_c a { background-image: url(../../image/navi_c.gif); }
.c #navi_c a:link, .c #navi_c a:visited { background-position: 0 0; }
.c #navi_c a:hover, .c #navi_c a:active { background-position: 0 -57px; }

#navi_d a { background-image: url(../../image/navi_d.gif); }
.d #navi_d a:link, .d #navi_d a:visited { background-position: 0 0; }
.d #navi_d a:hover, .d #navi_d a:active { background-position: 0 -57px; }

#navi_e a { background-image: url(../../image/navi_e.gif); }
.e #navi_e a:link, .e #navi_e a:visited { background-position: 0 0; }
.e #navi_e a:hover, .e #navi_e a:active { background-position: 0 -57px; }

#navi_f a { background-image: url(../../image/navi_f.gif); }
.f #navi_f a:link, .f #navi_f a:visited { background-position: 0 0; }
.f #navi_f a:hover, .f #navi_f a:active { background-position: 0 -57px; }



#navi .second a { display: block; width: 690px; height: 54px; }
#navi .second a:link, #nav .second a:visited { background-position: 0 0; }
#navi .second a:hover, #nav .second a:active { background-position: 0 -54px; }

#navi_g a { background-image: url(../../image/navi_g.gif); }
.g #navi_g a:link, .g #navi_g a:visited { background-position: 0 -54px; }
.g #navi_g a:hover, .g #navi_g a:active { background-position: 0 -54px; }


/* naviふくみみって何？ */
#navihead { width: 730px; text-align: center;font-size: 1px; margin: 0 auto; }
#navihead ul { margin: 0;}
#navihead li { float: left; }
#navihead img { vertical-align: bottom;}
#navihead ul a { display: block; width: 730px; height: 285px; }
#navihead ul a:link, #navihead ul a:visited { background-position: 0 0; }
#navihead ul a:hover, #navihead ul a:active { background-position: 0 -285px; }

#navi_z a { background-image: url(../../image/navi_fukumimi.jpg); }
.a #navi_z a:link, .a #navi_z a:visited { background-position: 0 2px; }
.a #navi_z a:hover, .a #navi_z a:active { background-position: 0 2px; }

/* サブページ/ふくみみって何？ */
#naviheadsub { width: 730px; text-align: center;font-size: 1px; margin: 0 auto; }
#naviheadsub ul { margin: 0;}
#naviheadsub li { float: left; }
#naviheadsub img { vertical-align: bottom;}
#naviheadsub ul a { display: block; width: 730px; height: 195px; }
#naviheadsub ul a:link, #naviheadsub ul a:visited { background-position: 0 0; }
#naviheadsub ul a:hover, #naviheadsub ul a:active { background-position: 0 -195px; }

#navi_y a { background-image: url(../../image/navi_sub_fukumimi.jpg); }
.a #navi_y a:link, .a #navi_y a:visited { background-position: 0 2px; }
.a #navi_y a:hover, .a #navi_y a:active { background-position: 0 2px; }



/*リンクアクション-------------------------------------*/


a{
	color:#24411c;
	font-style:normal;
	text-decoration:underline;
}

a:link {
	color:#24411c;
	font-style:normal;
	text-decoration:underline;
}

a:visited {
	color:#800080;
	text-decoration:underline;
}

a:hover {
	color:#335BFF;
	font-style:normal;
	text-decoration:underline;
}

a:active {
	text-decoration:none;
}

/*systemリンク-------------------------------------*/

#system a, #system a:link, #system a:visited {
	color:#24411c;
	font-style:normal;
	text-decoration:underline;
}

#system a:hover {
	color:#88bf84;
	font-style:normal;
	text-decoration:underline;
}



/*コンテンツ-------------------------------------*/


#content {
	background: transparent url(../../image/main_bg.gif) repeat-y;
	clear:both;
	margin: 0 auto;
	text-align: left;
	width: 730px;
	overflow: hidden;
}

#contentsub {
	background: transparent url(../../image/sub_bg.gif) repeat-y;
	clear:both;
	margin: 0 auto;
	text-align: left;
	width: 730px;
	overflow: hidden;
}


#lside { width: 194px; text-align: left; float: left; padding:0 5px 0px 11px;}

#lside dl { margin-bottom: 20px; }

#lside dd { padding:10px 5px 10px 20px; }

#lside a,p { font-size:14px;}

#topnews dd{ border-bottom:1px solid #24411c; }

#topnews { margin-top:10px;}

#rside { width: 490px; text-align: left; float: right; padding:10px 20px 40px 10px; font:normal normal normal 17px/1.4 "ＭＳ Ｐゴシック","Osaka",sans-serif;color: #24411c; }

#rside img.linkimg {
	float: right;
	margin:0 0 10px 0;
}



#footer{
	background: url(../../image/main_bg_end.gif) top center no-repeat;
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;
	height: 62px;
}

#footersub{
	background: url(../../image/sub_bg_end.gif) top center no-repeat;
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;
	height: 62px;
}














/*ふくみみって何？-------------------------------------*/


#fukumimi {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#fukumimi #title {
	background: url(../../image/fukumimi_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}


#fukumimi p { padding: 0 20px 20px 20px ; font-size: 17px;line-height: 1.8em; }


#fukumimi .imgright { text-align: right; padding :0 0 20px 0; }

#fukumimi strong { font-weight: bold; color: #f33902;}



/*製品紹介｜仕様-------------------------------------*/

#product {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}


#product #title {
	background: url(../../image/product_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}

#product #warephoto{
	background: url(../../image/product_photo.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 274px;
}


#product .wareboxr{
	margin: 0;
	padding: 0;
	float: left;
	width: 344px;
}

#product .wareboxl{
	margin: 0;
	padding: 0;
	float: left;
	width: 335px;
}


#product .wareline{ 
	margin: 0 10px 0 0px;
	padding: 0;
	border-width : 0 1px 0 0 ;
	border-style : dotted ;
	border-color : #adc79a ;
}


#product h2 {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 335px;
	height: 50px;
}

#warea {
	background: url(../../image/product_h2_1.gif) top left no-repeat;
}

#wareb {
	background: url(../../image/product_h2_2.gif) top left no-repeat;
}

#warec {
	background: url(../../image/product_h2_3.gif) top left no-repeat;
}


.detail {
	font:normal normal normal 17px/1.4 "ＭＳ Ｐゴシック","Osaka",sans-serif;color: #24411c;
	margin: 0;
	padding: 0 0 0 0px;
	text-align: left;
	width: 330px;
}

.detail table {
	margin: 15px 0 10px 0;
	width: 330px;
	border-collapse : collapse ;
	border-width : 1px 0 0 1px ;
	border-style : solid ;
	border-color : #adc79a ;	/* IE 6(Win)向け */
}
.detail td { height: 20px; text-align: left; padding: 0; font:normal normal normal 13px/1.6 "ＭＳ Ｐゴシック","Osaka",sans-serif;color: #24411c; }

.detail td {
	border-width : 0 1px 1px 0 ;
	border-style : solid ;
	padding : 5px ;
	border-color : #adc79a ;	/* IE 6(Win)向け */
}

.detail td.tdtitle {
	font-weight: bold;
	letter-spacing: 0.2em; 
	text-align: center;
	background: #e2f8d1;
}


/* 購入ナビ基本設定 */
.buy { background: transparent url(../../image/buy_bg.gif) no-repeat; width: 330px; height: 100px; text-align: left;font-size: 6px; margin: 0; }
.buy ul { margin: 0; padding: 9px 0 0 182px;}
.buy li { float: left; padding-right: 5px; }
.buy img { vertical-align: bottom;}
.buy ul a {display: block; width: 43px; height: 43px; }
.buy ul a:link, .buy ul a:visited { background-position: 0 0px; }
.buy ul a:hover, .buy ul a:active { background-position: 0 -43px; }

.buy_a a { background-image: url(../../image/buy_a.gif); }
.a .buy_a a:link, .a .buy_a a:visited { background-position: 0 0; }
.a .buy_a a:hover, .a .buy_a a:active { background-position: 0 -43px; }

.buy_b a { background-image: url(../../image/buy_b.gif); }
.b .buy_b a:link, .b .buy_b a:visited { background-position: 0 0; }
.b .buy_b a:hover, .b .buy_b a:active { background-position: 0 -43px; }

.buy_c a { background-image: url(../../image/buy_c.gif); }
.c .buy_c a:link, .c .buy_c a:visited { background-position: 0 0; }
.c .buy_c a:hover, .c .buy_c a:active { background-position: 0 -43px; }







/*使用方法と使用上の注意-------------------------------------*/


#notes {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#notes #title {
	background: url(../../image/notes_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}

#notes h2 {
	padding-bottom: 10px;
	font-size: 17px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

#notes .notestitle {
	background: url(../../image/notes_title.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	width: 690px;
	height: 94px;
}

#notes .notestitle p {
	padding: 35px 0 0 120px;
	font-size: 26px;
	letter-spacing: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #a91212;
}



#notes dl.inlist {
	margin:0px 0 20px 50px;
	padding:10px;
}


#notes .inlist dt {
	font-weight: bold;
	margin:10px;
	border-width : 0 0 1px 0 ;
	border-style : solid ;
	padding : 0 ;
	border-color : #ff9c81 ;

}

.big { font-size:25px;}

#notes .inlist dd {
	margin-left:20px;
	padding:10px 10px 10px 20px;
	background: #ffd1c5;
	border: 1px solid #e46322 ;
}


#inlistul {
	margin-left:0px;
	padding:10px 10px 10px 20px;
}

#inlistul li {
    padding: 5px 0px 5px 12px;
    background: url(hogehoge.gif) no-repeat 10px 0.5em;
    list-style: disc outside;
    border-width : 0 0 1px 0 ;
    border-style : solid ;
    border-color : #adc79a ;

}


/*皆様の声を紹介します。-------------------------------------*/


#reaction {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#reaction #title {
	background: url(../../image/reaction_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}

#reaction .box {
	margin: 0;
	padding: 0;
	width: 690px;
}

#reaction dl {}

#reaction .koetitle {
	background: url(../../image/reaction_title.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	width: 690px;
	height: 94px;
}

#reaction .koetitle p {
	padding: 35px 0 0 100px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
#reaction .koebody {
	margin: 0 0px 10px 88px;
	padding:10px;
	background: #e2f8d1;
	border: 1px solid #adc79a ;
}
#reaction .koebody p{
	font-size: 17px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
#reaction .koebody p.koeend {  font-size: 14px;text-align: right;padding: 10px 0 0 0;
	border-width : 1px 0 0 0 ;
	border-style : solid ;
	margin:10px 0 0 0;
	padding : 0 ;
	border-color : #adc79a ;
}

#reaction .imgright { text-align: right; padding :0 0 0px 0; }


/*法人の取扱いについて-------------------------------------*/


#business {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#business #title {
	background: url(../../image/business_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}

#business .notestitle {
	background: url(../../image/business_title.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	width: 690px;
	height: 94px;
}

#business .notestitle h2 {
	padding: 35px 0 0 120px;
	font-size: 20px;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-decoration: none;
	color: #1d4764;
}

#business p{
	 font-size: 17px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	margin:10px 10px 20px 90px;
	padding:10px;
	background: #e2f8d1;
	border: 1px solid #adc79a ;
}

#business .imgright { text-align: right; padding :0 0px 0px 0; }


/*お支払いについて-------------------------------------*/


#system {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#system #title {
	background: url(../../image/system_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}

#system * {font-size:13px;}


#system ul {
    list-style: none;
    margin: 0px;
    margin-left: 40px;
    padding: 0px;
}
 
#system li {
    margin: 0px;
    padding: 0px 0px 3px 23px;
    background: url(../../image/mark.gif) no-repeat 3px 0.3em;
    list-style: none;
}

#system li a {
	font-size:14px;
}


#system h2 { 
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0px;
	padding: 0 0 0 16px;
	border-width : 0 0 1px 0px ;
	border-style : solid ;
	border-color : #24411c ;
}

#system .box {
	padding: 0 20px 0 50px;
}

#system table { margin: 10px 0 0 10px; }

#system td {border:1px solid #4b4b4b;}

#system .CELL_1 { width:160px;}
#system .CELL_1 { color:#4b4b4b;padding: 5px 5px 5px 10px;}
#system .CELL_2 { padding:5px;color:#4b4b4b}

#system p.minitext { font-size:11px;color:#585858;}





/*メールマガジン購読-------------------------------------*/


#mailmaga {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#mailmaga #title {
	background: url(../../image/mailmaga_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}


/*よくある質問-------------------------------------*/


#faq {width: 690px; text-align: left; float: left; padding:0 20px 0px 20px;}



#faq #title {
	background: url(../../image/faq_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 90px;
}


#faq ul.ques {
    list-style: none;
    margin: 0px;
    margin-left: 40px;
    padding: 0;
}
 
#faq ul.ques li {
    margin: 0 ;
    padding: 5px 0px 10px 50px;
    background: url(../../image/faq_mark.gif) no-repeat 3px -0.2em;
    list-style: none;
}


div.box div.answer {
	margin: 0 0 20px 45px;
	width: 690px;
	overflow: hidden;

}

div.answer {
	width:600px;
	min-height:300px;
	background:
		url(../../image/faq_answer_bottom.gif)
		no-repeat left bottom;
	}

div.short1 {
	min-height:180px;
	}

div.middle1 {
	min-height:300px;
	}

div.answer  dl{
	float:left;
	width:600px;
	margin:0 0 10px 0;
	background:
		url(../../image/faq_answer_middle.gif)
		repeat-y;
	}

div.answer  dl dt{
	width:600px;
	background:
		url(../../image/faq_answer_top.gif)
		no-repeat top left;
	}

div.answer  dl dt p{
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:0.7em 0.8em 0.7em 4em;
	background:
		no-repeat 1em 0.9em;
	}

div.answer  dl dt a:hover{
	background:
		url(../img/home/icon_new_o.gif)
		1em 0.9em no-repeat;
	}

div.answer  dl dd{padding-top:1em;}

div.answer  dl dd p{
	margin:0 0.8em 1em;
	color:#666;
	}

div.answer  dl dd li{
	font-size:14px;
	margin:0 0 0.5em 1.6em;
	color:#666;
	}











/*other-------------------------------------*/



#hrimg {
	background: url(../../image/main_bg_line.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 22px;
}

#hrimgsub {
	background: url(../../image/sub_bg_line.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 22px;
}

#hrimgin {
	background: url(../../image/sub_bg_line.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 9px;
}

.hrimgs {
	background: url(../../image/hr_dot.gif) top center no-repeat;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	height: 30px;
}


.none {
	display:none ;
	width: 0px ;
	height: 0px ;
	overflow: hidden ;
	position: absolute; /* for the benefit of IE5 Mac */
}

sup {
	font-size:11px;
	font-weight: bold;
	text-decoration:underline;
	color: #f33902;
}

.spacedot { text-align:center;}

.space10 {margin-bottom:20px;}