@charset "utf-8";

/* CSS Document */

/*----------------------------------------------------------------- 
	初期設定
-------------------------------------------------------------------- */

BODY {
	color: #454545;
	line-height: 160%;
	background: #FFF8D7;
}


/*----------------------------------------------------------------- 
	レイアウト設定
-------------------------------------------------------------------- */

DIV#layoutWrapper {
	width: 916px;
	margin: 0 auto;
	background: url(body_bg.gif) repeat-y 0 0;
}

DIV#layout {
	width: 860px;
	margin: 0 auto;
	background: url(contents.jpg) no-repeat 0 0;
}

/*----------------------------------------------------------------- 
	ヘッダー
-------------------------------------------------------------------- */
H1#visual {
	width: 860px;
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------------------- 
	トライアルキット
-------------------------------------------------------------------- */
DIV.trialArea {
	width: 820px;
	margin: 10px auto 20px auto;
	position: relative;
}

DIV.trialArea DIV.entryBtnArea {
	width: 551px;
	position: absolute;
	top: 298px;
	left: 254px;
}

DIV.trialArea DIV.entryBtnArea2 {
	width: 800px;
	position: absolute;
	top: 179px;
	left: 10px;
	text-align: center;
	background: #ffff99;
}

/*----------------------------------------------------------------- 
	インタビュー
-------------------------------------------------------------------- */
P#misonoArea {
	width: 820px;
	margin: 0 auto 20px auto;
}

/*----------------------------------------------------------------- 
	メッセージ
-------------------------------------------------------------------- */

P#graph {
	width: 820px;
	margin: 0 auto 10px auto;
}

P#message01 {
	width: 820px;
	margin: 0 auto 10px auto;
}

P#message02 {
	width: 820px;
	margin: 0 auto 10px auto;
}



/*----------------------------------------------------------------- 
	3ステップケア
-------------------------------------------------------------------- */
DIV#stepArea {
	width: 820px;
	margin: 0 auto 20px auto;
	text-align: center;
}


/*----------------------------------------------------------------- 
	ライスパワーのヒミツ
-------------------------------------------------------------------- */
DIV#aboutArea {
	width: 830px;
	margin: 0 auto 20px auto;
}

DIV#aboutArea P#graph01 {
	width: 416px;
	float: left;
}

DIV#aboutArea P#graph02 {
	width: 404px;
	float: right;
}

DIV#flowArea {
	width: 830px;
	margin: 0 auto 20px auto;
}

/*----------------------------------------------------------------- 
	フッター
-------------------------------------------------------------------- */
DIV#footer {
	padding: 10px 0;
	text-align: center;
}


DIV#footer P {
	margin: 0 0 10px 0;
}