/* Kenzen-Koubou CSS Document */

body	{
	font-size: 75.0%;
	font-size: 75.0% !important; /* IE7 */
	color            : #333333;
	background-color : #eeeee5;
	line-height:150%;
	margin: 0px;
	text-align: center;
}

p {
	font-size: 1.0em;
	padding: 0px;
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.6em;
	margin-left: 0.2em;
	line-height: 150%;
}

img {
	border: 0px;
}


.float-right {
	border: 0px;
	float: right;
	margin: 5px;
	text-align: center;
}


/* font size color
-------------------------------------------------------------*/

.fss {
	font-size: 0.8em;
	line-height: 150%;
}

.fsm {
	font-size: 1.0em;
	line-height: 150%;
}

.fsl {
	font-size: 1.2em;
	line-height: 150%;
}

.red {
	color: #CC0000;
}

.blue {
	color: #3366FF;
}

.orange {color: #FF6600;}

.green {
	color: #339900;
}

.navy {
	color: #003366;
}

.white {
	color: #FFFFFF;
}

.red-large {
	font-size: 1.3em;
	color: #CC0000;
}

/* LINK
--------------------------------------------------------------------- */

a {
	COLOR: #339999;
	TEXT-DECORATION: underline
}
a:hover {
	COLOR: #999999;
	TEXT-DECORATION: none
}

a.link00 {
	font-size: 10px;
	line-height: 13px;
	text-decoration:none;
	color:#333333;
}
a.link00:hover {
	font-size: 10px;
	line-height: 13px;
	text-decoration:underline;
	color:#3399CC;
}
a.link01 {
	font-size: 1.0em;
	line-height: 150%;
	text-decoration:none;
	color:#003366;
}
a.link01:hover {
	font-size: 1.0em;
	line-height: 150%;
	text-decoration:underline;
	color:#0099CC;
}

/* PAGE BASE
--------------------------------------------------------------------- */
#container {
	background-color:#FFFFFF;
	width:930px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#left {
	width:270px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* HOMEPAGE TITLE
--------------------------------------------------------------------- */

h1 {
	padding:0px;
	margin:0px;
	text-indent: -9999px;
	height: 150px;
	width: 210px;
	background-image: url(image/kenzen_logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


h1 a {
	display: block;
	height: 150px;
	width: 210px;
	position: relative;
	left: 0px;
	top: 0px;
	text-decoration:none;
	overflow: hidden;
}

h1 a:hover {
	background-color: transparent;
}

/* NAVI
--------------------------------------------------------------------- */

#navi {
	width:220px;
	background-color: #FFFFFF;
	padding: 0px;
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 360px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


#navi ul {
	margin: 0px;
	width: 220px;
	height: 360px;
	padding: 0px;
	list-style-type: none;
	position: relative;

}

#navi li {
	display: inline;
	font-size: small;
	line-height:90%;
	margin: 0px;
	padding: 0px;
}

#navi #menu-01 a {
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

#navi #menu-01 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#navi #menu-02 a {
	display:block;
	width:210px;
	height:60px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 50px;
	overflow: hidden;
}

#navi #menu-02 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px -50px;
}

#navi #menu-03 a {
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 110px;
	overflow: hidden;
}

#navi #menu-03 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px -110px;
}

#navi #menu-04 a {

	width:210px;
	height:50px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 160px;
	overflow: hidden;
}

#navi #menu-04 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px -160px;
}

#navi #menu-05 a {
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 210px;
	overflow: hidden;
}

#navi #menu-05 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px -210px;
}

#navi #menu-06 a {
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 260px;
	overflow: hidden;
}

#navi #menu-06 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px -260px;
}


#navi #menu-07 a {
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
	position: absolute;
	left: 0px;
	top: 310px;
	overflow: hidden;
}

#navi #menu-07 a:hover {
	background-image: url(image/navi.gif);
	background-repeat: no-repeat;
	background-position: -220px -310px;
}

/* PAGE CONTENTS
--------------------------------------------------------------------- */
#main {
	background-color:#FFFFFF;
	width:650px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 1.2em;
	line-height: 150%;
}

/* TOP PAGE NEWS
--------------------------------------------------------------------- */
#news {
	background-color:#FFFFFF;
	width:270px;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

table.top-news {
	width:270px;
	margin:0px;
	padding:0px;
	font-size: 1.0em;
	line-height: 150%;
	color: #333333;
}

table.top-news th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	margin: 0px;
	color: #666600;
}

table.top-news td {
	margin:0px;
	text-align: left;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/* TOP PAGE POLICY
--------------------------------------------------------------------- */
table.policy {
	width:645px;
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

table.policy th {
	margin:0px;
	text-align: left;
	padding: 2px;
}

table.policy td {
	margin:0px;
	text-align: left;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
}

/* TOP PAGE COLUMN
--------------------------------------------------------------------- */
#column {
	background-color:#FFFFFF;
	width:650px;
	text-align: left;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

table.top-column {
	width:648px;
	margin:0px;
	padding:0px;
	border: 1px solid #CC9966;
	background-color: #FDFAE1;
}

table.top-column th {
	margin:0px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 2px;
}

table.top-column td {
	margin:0px;
	text-align: left;
	font-size: 12px;
	line-height: 150%;
	color: #330000;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* FOOTER NAVI
--------------------------------------------------------------------- */

#footer {
	width:930px;
	background-color: #FFFFFF;
	padding: 0px;
	height: 40px;
	clear: left;
	margin: 0px;

}

table.footer-navi {
	padding:0px;
	background-image: url(image/footer-navi.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 436px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 20px;
	float: right;
}

table.footer-navi td {
	background-image: url(image/footer-navi-arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 30px;
}

#copy {
	clear:both;
	height: 12px;
}
/* SUBPAGE TITLE
--------------------------------------------------------------------- */

h2 {
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: right;
}

table.table-border01 {
	padding:0px;
	border: 1px solid #999933;
	width: 320px;
	background-color: #FAFBD7;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

table.table-border01 th {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #0F5B3F;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 7px;
}

table.table-border01 td {
	margin: 0px;
	font-size: 14px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	line-height: 150%;
}

/* メシマコブ菌糸体特徴
--------------------------------------------------------------------- */
table.table-feature01 {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


table.table-feature01 th {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #99CCCC;
}

table.table-feature01 td {
	margin: 0px;
	font-size: 14px;
	text-align: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	line-height: 150%;
	vertical-align: top;
}


/* メシマコブ菌糸体商品
--------------------------------------------------------------------- */
table.table-item01 {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


table.table-item01 th {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #99CCCC;
}

table.table-item01 td {
	margin: 0px;
	font-size: 14px;
	text-align: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	line-height: 150%;
	vertical-align: top;
}

table.table-item02 {
	padding:0px;
	margin: 0px;
}


table.table-item02 th {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	background-color: #FFFFCC;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996600;
}

table.table-item02 td {
	margin: 0px;
	font-size: 16px;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 12px;
	line-height: 150%;
	vertical-align: top;
}

table.table-item02 th.sub {
	font-size: 14px;
	font-weight: bold;
	color: #336666;
	text-align: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: 2px dashed #99CC99;
	background-color: #FFFFFF;
}

#specialprice {
	border: 4px double #FF9900;
	width: 200px;
	background-color: #FFFFCC;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #CC3300;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

/* メシマコブ菌糸体製法と安全性
--------------------------------------------------------------------- */
table.table-process01 {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


table.table-process01 th {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 3px dashed #99CCCC;
}

table.table-process01 td {
	margin: 0px;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url(image/tri_green.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}

/* メシマコブ菌糸体メーカー紹介
--------------------------------------------------------------------- */
table.table-maker01 {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


table.table-maker01 th {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #99CCCC;
}

table.table-maker01 td {
	margin: 0px;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding: 3px;
}

/* 問い合わせ（2010/01/27追加）------------------- */
table.table-apply {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


table.table-apply th {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #99CCCC;
}

table.table-apply td {
	margin: 0px;
	font-size: 1em;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding: 3px;
}

table.table-apply td.midashi {
	margin: 0px;
	font-size: 1em;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding: 5px;
	color: #336600;
	font-weight: bold;
}

/* 健然工房便り一覧
--------------------------------------------------------------------- */
#tayori-list {
	padding:0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 560px;
}

#tayori-list ul {
	padding:0px;
	margin: 0px;
	list-style-type: none;
	display: block;
}

#tayori-list li {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(image/tayori/tayori_tri.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* パンクズナビ
--------------------------------------------------------------------- */
#pankuzu {
	padding:0px;
	font-size:12px;
	text-align:left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	width: 500px;
}


/* 健然工房便り　詳細
--------------------------------------------------------------------- */
h3 {
	font-size: 18px;
	font-weight: bold;
	color: #663300;
	text-align: left;
	background-image: url(image/tayori/tayori_uline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #336600;
	text-align: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 150%;
	background-color: #E4F2E3;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006600;
}

table.table-tayori01 {
	padding:0px;
	font-size: 12px;
	line-height: 150%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


table.table-tayori01 th {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #3A6756;
	text-align: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-color: #F1F0DE;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}

table.table-tayori01 td {
	margin: 0px;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

table.table-tayori02 {
	padding:0px;
	font-size: 12px;
	line-height: 150%;
	border: 1px solid #000066;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}


table.table-tayori02 th {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.table-tayori02 td {
	margin: 0px;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding: 3px;
}

/* 健然工房便り　その3  */

table.table-tayori03-taidan {
	padding:0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}



table.table-tayori03-taidan td {
	margin: 0px;
	text-align: center;
	padding: 3px;
}

table.table-tayori03 {
	padding:0px;
	font-size: 12px;
	line-height: 150%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

table.table-tayori03 th {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	width: 50px;
	vertical-align: text-top;
	padding: 2px;
}

table.table-tayori03 td {
	margin: 0px;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding: 2px;
}

/* 問合せ先
--------------------------------------------------------------------- */
table.table-company01 {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}


table.table-company01 th {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #D1E0E0;
	vertical-align: top;
}

table.table-company01 td {
	margin: 0px;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}


/* サイトマップ
--------------------------------------------------------------------- */
table.table-sitemap {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 10px;
}


table.table-sitemap th {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-top: 8px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	vertical-align: top;
	background-image: url(image/tri_green.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
}

table.table-sitemap th a {
	text-decoration:none;
	color:#333333;
}

table.table-sitemap th a:hover {
	text-decoration:underline;
	color:#339999;
}

table.table-sitemap td {
	font-size: 14px;
	text-align: left;
	line-height: 150%;
	background-image: url(image/wedge_orange.gif);
	background-repeat: no-repeat;
	background-position: 80px center;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 100px;
}

table.table-sitemap td a {
	text-decoration:none;
	color:#333333;
}

table.table-sitemap td a:hover {
	text-decoration:underline;
	color:#FF6600;
}


/* 会員限定商品ページ-------------------- */
#member-here {
	clear:both;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* メシマコブ情報サイトへログイン
--------------------------------------------------------------------- */
#info-login {
	padding:0px;
	text-indent: -9999px;
	position: relative;
	width: 102px;
	left: 350px;
	top: 20px;
	height: 28px;
	background-image:url(image/login_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#info-login a {
	padding:0px;
	width: 102px;
	height: 28px;
	display: block;
}

#info-login a:hover{
	background-image:url(image/login_on.gif);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left center;
}