@charset "UTF-8";

/*共通指定*/
body, p, th, td, ul, ol, li, dl, dt, dd, form, form input {
	color: #333333;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sanserif;
}
body {
	margin: 0;
	padding: 0;
}
body, table, p { font-size: 14px; }
h1, h2, h3, h4 { margin: 0; }
p { margin: 0; }
img { border: none; }
/* 基準のリンク反応 */
a:link {  color:#3366cc; text-decoration: none; }
a:visited {  color:#3366cc; text-decoration: none; }
a:active {  color:#ff6633; text-decoration: none; }
a:hover {  color:#ff6633; text-decoration: underline;  }
a { text-decoration: none; }
/* テーブル */
table { border-collapse: collapse; }
/* float Clear Patch */
.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
/*	line-height: 1px;
	height: 0;
	font-size: 1px;*/
}
.noneDisp { display: none; }
.mgn15em { margin-bottom: 1.5em; }
.mgn1em { margin-bottom: 1em; }
.mgn05em { margin-bottom: 0.5em; }
.headline {
	margin-bottom: 0.5em;
	color: #808080;
	font-weight: bold;
}
.attention {
	color: #990099;
	font-weight: bold;
}
.centerPosition { text-align: center; }
.rightPosition { text-align: right; }
.textSpace1em { letter-spacing: 1em; }
h1 {
	margin-bottom: 0.75em;
	padding: 0.25em 0.25em 0.5em;
	background-color: #f5fff5;
	font-size: 18px;
	text-align: right;
	color: #006633;
	background: #ffffff url(../images/h1bg.gif) center bottom repeat-x;
}
h2 {
	margin-bottom: 0.5em;
	font-size: 20px;
	color: #009933;
}

#whitebase {
	margin: 0 auto;
	width: 720px;
	text-align: left;
	background-color: #ffffff;
}

#header {
	height: 307px;
/*	background: #ffffff url(../images/top.png) center top no-repeat;*/
}

.rapper {
	margin-top: 30px;
	margin-bottom: 50px;
}
	.rapper:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.rapper { zoom: 1; /* For IE */}
#colony {
	float: left;
	margin-left: 1px;
	width: 300px;
}
#colony h3 {
	margin-top: 40px;
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	font-size: 14px;
	background: #ffffff url(../images/h3bg1.gif) left repeat-y;
}
#supplement {
	margin-left: 360px;
	width: 350px;
}
#supplement h3 {
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	font-size: 14px;
	color: #666666;
	background: #ffffff url(../images/h3bg2.gif) left repeat-y;
	line-height: 1.5em;
}
#supplement h3 strong {
	color: #990099;
}
#footer{
	clear: both;
	padding: 0.5em 0;
	text-align: center;
	border-top: 1px solid #999999;
	background: #ffffff url(../homeimage/footerbg.gif) left bottom repeat-x;
}
address {
	font-style: normal;
}

/* 成分一覧 */
#ingredient {
	margin: 0 0 7px;
	width: 100%;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
#ingredient caption {
	margin: 0;
	padding: 0.3em;
	font-weight: bold;
	background-color: #ffff99;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}
#ingredient th, #ingredient td {
	padding: 0.25em 0.5em;
	font-size: 16px;
	border-top: 1px solid #eaeaea;
	background-color: #ffffcc;
}
#ingredient th {
	text-align: left;
	width: 160px;
	border-left: 1px solid #808080;
}
#ingredient th span {
	font-weight: normal;
	margin-left: 1em;
}
#ingredient td {
	text-align: right;
}

/* 製造工程 */
.rapperExtends {
	border: 1px solid #ff8000;
	background: #ffffff url(../images/extendsbg.gif) left top repeat-x;
}

#side1 {
	float: left;
	margin: 10px;
	width: 220px;
}
#side1 h3 {
	margin-bottom: 30px;
	font-size: 40px;
	color: #008000;
}
#side3 {
	margin: 10px 10px 10px 250px;
	width: 450px;
}
#side3 h4 {
	margin-bottom: 1em;
	font-size: 14px;
	color: #00a800;
}
#ferment {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#ferment li {
	margin: 0;
	height: 140px;
}
#ferment li#p01 {
	background: url(../images/first-progress.jpg) left top no-repeat;
}
#ferment li#p02 {
	background: url(../images/second-progress.jpg) left top no-repeat;
}
#ferment li#p03 {
	background: url(../images/third-progress.jpg) left top no-repeat;
}
.zeon {
	width: 180px;
	margin-left: 260px;
}