@charset "Shift_JIS";

/** |READ ME| **************************************************************************************

"万田酵素　「ひと粒のちから」キャンペーンページ"

Cascading Style Sheet Setting File
/style.css（Ver.2007.02）

2007 gooya Corporation.

----------------------------------------------------------------------------------------------------

このファイルは、以下の設定について記述されています。

01.Element Section
要素自体の設定

02.Layout Section
レイアウトの設定

03.SelfCheck Section
「セルフチェック」に関するID・Class

04.Reason Section
「疲れの原因」に関するID・Class

05.Material/Made Section
「発酵技術」「誕生秘話」に関するID・Class

06.UserVoice Section
「お客様の声」に関するID・Class

************************************************************************************** |READ ME| **/




/** |01.Element Section| ***************************************************************** START **/

/* 全要素 *********************************************************************/
*{
	margin:0px;
	padding:0px;
	color:#222222;
	text-align:left;
}

/* ページ本体 *****************************************************************/
body{
	background:#99FF66;
	text-align:center;
}

/* ブロック要素 ***************************************************************/

/* テーブル ***********************************************/
table, th, td{
	border:none;
}


/* リスト *************************************************/
li{
	list-style-type:none;
}

ul li{
	display:inline;
	margin-bottom:15px;
}


/* アドレス・連絡先 ***************************************/
address{
	font-style:normal;
	text-align:center;
}


/* インライン要素 *************************************************************/

/* フォント・テキスト指定 *********************************/
div, h1, h2, h3, p, th, td, li, dt, dd{
	font-family:"ＭＳ Ｐゴシック", Verdana, Osaka, sans-serif;
	font-size:12px;
}

p, dt, dd, li{
	line-height:150%;
}

/* 強調テキスト */
em{
	color:#E00000;
	font-style:normal;
}


/* リンク *****************************/
a:link{
	color:#E00000;
}
a:visited{
	color:#E00000;
}
a:hover{
	color:#0000E0;
}
a:active{
	color:#0000E0;
}


/* 画像 *******************************/
img{
	border:none;
	vertical-align:top;
}


/** 横罫線 ************************************************/
hr{
	display:none;
}


/* まわりこみ禁止 *****************************************/
*.clear{
	clear:both;
}


/* END ******************************************************************** |01.Element Section| **/




/** |02.Layout Section| ****************************************************************** START **/

/* コンテンツ表示領域 *********************************************************/
div#WRAPPER{
	width:750px;
	margin:0px auto;
	background:#FFFFFF;
	text-align:center;
}


/** ヘッダエリア **************************************************************/
div#HeadArea{
	width:750px;
	margin-bottom:30px;
	background:#000000 url("images/bg_headarea.jpg") no-repeat left top;
}


/* ロゴ ***************************************************/
h1 img{
	margin:15px 0px 0px 15px;
}


/* ページ内リンク *****************************************/
div#HeadArea ul{
	width:750px;
	padding:15px 0px;
}

div#HeadArea li img{
	margin-left:8px;
}

/* 一番左のメニューの左余白 */
div#HeadArea li img#MenuReason{
	margin-left:14px;
}


/* 大タイトル *********************************************/
div#HeadArea h2{
	height:100px;
	text-indent:-5000px;
}

/* サブテキスト ***********************/
div#HeadArea p{
	height:200px;
	text-indent:-9999px;
}


/* フッタ *********************************************************************/
div#FootArea{
	width:750px;
	margin:0px auto;
}


/** リンク ****************************/
div#FootArea li img{
	margin-left:14px;
}

/* 一番初めのメニュー */
div#FootArea li img#GoHomePage{
	margin-left:0px;
}


/** コピーライト・住所 ****************/
div#FootArea address{
	width:750px;
	padding:15px 0px;
	text-align:center;
}

div#FootArea address img#Address{
	margin-bottom:8px;
}


/* その他共通設定 *************************************************************/

/* 左右15px余白のある表示枠 *******************************/
div.wrapInner{
	clear:both;
	padding:0px 14px;
}


/* 見出し *************************************************/
h3.title, h4.subTitle{
	padding-left:7px;
}

h4.subTitle{
	padding-bottom:15px;
}


/* 広告バナーの設定 ***************************************/
div.bannerArea, table.bannerArea{
	border:1px solid #000000;
}

/* 大きめバナーの表示領域 *************/
div.bannerArea{
	padding:100px 15px 15px 268px;
}

/* テキスト */
div.bannerArea p{
	padding:10px 0px;
}

/* JACTバナーの表示領域 *************/
div.JACTBox{
	padding:30px 0px 10px 0px;
}

div.JACTBox table{
	width:719px;
	background:#FFFFFF;
}

div.JACTBox th{
	width:130px;
	padding:10px 0px;
	text-align:center;
}

div.JACTBox td{
	padding:10px 10px;
}

div.JACTBox td p{
	padding:17px 15px 17px 0px;
}


/* 「TOPへ戻る」 ***********************/
p.goPageTop{
	padding:20px 0px;
	text-align:right;
}


/* END ********************************************************************* |02.Layout Section| **/




/** |03.SelfCheck Section| *************************************************************** START **/

/* チェックボックス ***************************************/

/*見出し*/
h3#Check{
	padding:0px;
}

/* チェック画像 */
dl#SelfCheck{
	width:722px;
	padding-bottom:30px;
}

/* 黒背景のバナー *********************/
div#BlackBan{
	background:#000000 url("images/bg_ban_b.jpg") no-repeat left top;
}

/* テキスト */
div#BlackBan p{
	color:#FFFFFF;
}


/** END **************************************************************** |03.SelfChecka Section| **/




/** |04.Reason Section| ****************************************************************** START **/

/* テキストエリア *****************************************/
div#ReasonBox{
	padding:0px 30px 0px 30px;
}


/* 各テキストの設定 *******************/
p#ReasonExp1{
	padding:0px 410px 40px 0px;
	background:#FFFFFF url("images/img_reason1.jpg") no-repeat right top;
}

p#ReasonExp2{
	padding:20px 0px 0px 330px;
	background:#FFFFFF url("images/img_reason2.jpg") no-repeat left top;
}


/* TOPへ戻るボタンの配置 **/
p#UnderReason{
	padding-right:14px;
}


/** END ******************************************************************** |04.Reason Section| **/



/** |05.Material/Made Section| *********************************************************** START **/

/* 「発酵の力」等に関する設定 *************************************************/

/* テキストエリア *****************************************/
div#MaterialBox{
	padding:0px 30px 0px 30px;
}

/* 各テキストの設定 *******************/
p#MaterialExp{
	height:180px;
	padding-right:300px;
	background:#FFFFFF url("images/ph_material.jpg") no-repeat right top;
}

/* TOPへ戻るボタンの配置 **/
p#UnderMaterial{
	padding-right:14px;
}



/* 誕生秘話に関する設定 *******************************************************/

/* 見出しの余白設定 ***************************************/
h4#MadeH4{
	padding-bottom:0px;
}

/* 背景に赤ちゃん画像をうめこんだボックス *****************/
div#MadeBox{
	padding:0px 30px 0px 15px;
}

div#MadeBox p{
	padding:20px 0px 60px 350px;
	background:#FFFFFF url("images/ph_baby.jpg") no-repeat left top;
}



/* 「健康に効果的な理由」 *****************************************************/
div#EffectiveReason{
	padding:23px 0px 20px 20px;
	background:#FFFFFF url("images/bg_effective.jpg") no-repeat left top;
}


/* 見出し *****************************/
div#EffectiveReason h4{
	padding-left:8px;
}


/* 各項目タイトル *********************/
div#EffectiveReason dt{
	padding-top:15px;
}

/* 各項目のテキスト *******************/
div#EffectiveReason dd{
	padding:0px 280px 0px 35px;
}


/* 緑枠外のミニバナー *************************************/
div#MiniBanBox{
	margin:30px 15px 0px 15px;
}

table#MiniBan{
	background:#65D233 url("images/bg_miniban.gif") repeat-x left top;
}

table#MiniBan th img{
	margin-left:10px;
}

/* リンクボタンの配置 */
table#MiniBan td img#MINIBTN{
	margin:5px 10px 5px 0px;
}


/** END ************************************************************* |05.Material/Made Section| **/




/** |06.UserVoice Section| *************************************************************** START **/

/* お客様の声 *****************************************************************/
h3#VOICE{
	padding:0px 0px 20px 0px;
}

div#VoiceArea{
	width:722px;
}


/* お悩みランキング ***************************************/

/* 右余白も含めたボックス表示領域 */
div#Ranking{
	float:left;
	width:240px;
	padding-top:530px;
	background:#FFFFFF url("images/ph_voice.jpg") no-repeat left top;
}

/* 見出し */
div#Ranking h4{
	padding:0px;
}

/* ランキングの囲み */
div#Ranking div{
	width:239px;
	background:#FFFFFF url("images/fr_rank.gif") no-repeat left bottom;
}

/* ランキング */
div#Ranking ol{
	padding:5px 10px 15px 10px;
}

div#Ranking li{
	padding:10px 0px 10px 0px;
	background:transparent url("images/rank_border_bottom.gif") repeat-x left bottom;
}


/* ユーザーの声 ***************************************/
div#UserVoice{
	float:right;
	width:447px;
}

div#UserVoice dl{
	margin-bottom:15px;
	border-bottom:1px solid #000000;
}

/* 一番最後のユーザコメントは下線なし */
div#UserVoice dl#LastUser{
	margin-bottom:0px;
	border:0px;
}


/* 見出し *****************************/
div#UserVoice dt{
	padding:5px 0px 5px 50px;
	background:transparent url("images/ic_voice.gif") no-repeat left center;
}

/* テキスト ***************************/
div#UserVoice dd{
	padding:0px 0px 15px 30px;
}

div#UserVoice dd.userData{
	padding-bottom:0px;
	text-align:right;
}

div#UserVoice p{
	text-align:right;
	font-size:9px;
	color:#666666;
	padding-bottom:15px;
}


/* 白背景のバナー *************************************************************/
div#WhiteBan{
	background:#FFFFFF url("images/bg_ban_w.jpg") no-repeat center top;
}

div#WhiteBan p{
	width:428px;
}


/* 報道歴に関する設定 *********************************************************/

/* テキスト画像***********************/
p#MediaExp{
	padding:0px 0px 30px 10px;
}

/* 掲載された雑誌等 *******************/
table#MediaList th{
	padding:3px 20px 3px 40px;
	font-weight:normal;
	white-space:nowrap;
}


/** END ****************************************************************** |06.UserVoice Section| **/