@charset "utf-8";

/*
	サプリメントインデックス各ページ用スタイル
	
	このCSSファイルは以下のセクションに分類されています。
	
	・clearFix、画像置換、画像置換部分パス
	・個別スタイル
		
*/

/*
	フォントサイズ対応表（デフォルトでsmall（13px相当）に指定）
	
	80% = 10px
	90% = 12px
	100% = 13px
	110% = 14px
	120% = 16px
	140% = 18px
	
*/


/* *********************************************************************************************************/
/* clearFix、画像置換、画像置換部分パス ********************************************************************/
/* *********************************************************************************************************/

/* clearfix */
.faqNavigation { position:relative;/* for DW */ }
.faqNavigation:after { clear:both; height:0; visibility:hidden; display:block; content:"."; }

/* 画像置換 */
#main h2,
.pointArea dt,
.intakeArea h3 { text-indent:-9999px; outline:none; background-position:left top; background-repeat:no-repeat; }

/* 画像置換部分パス */
body#introduce1 #main h2 { background-image:url(/supply_index/img/introduce1_txt_h2.gif); }
body#introduce2 #main h2 { background-image:url(/supply_index/img/introduce2_txt_h2.gif); }
body#introduce3 #main h2 { background-image:url(/supply_index/img/introduce3_txt_h2.gif); }
body#physicalCondition #main h2 { background-image:url(/supply_index/img/physical_condition_txt_h2.gif); }
body#beauty #main h2 { background-image:url(/supply_index/img/beauty_txt_h2.gif); }
body#sickness #main h2 { background-image:url(/supply_index/img/sickness_txt_h2.gif); }
body#vitamin #main h2 { background-image:url(/supply_index/vitamin/img/vitamin_txt_h2.gif); }
body#vitaminA #main h2 { background-image:url(/supply_index/vitamin/img/vitamin_a_txt_h2.gif); }
body#vitaminB #main h2 { background-image:url(/supply_index/vitamin/img/vitamin_b_txt_h2.gif); }
body#folicacid #main h2 { background-image:url(/supply_index/vitamin/img/folicacid_txt_h2.gif); }
body#vitaminCP #main h2 { background-image:url(/supply_index/vitamin/img/vitamin_cp_txt_h2.gif); }
body#vitaminE #main h2 { background-image:url(/supply_index/vitamin/img/vitamin_e_txt_h2.gif); }
body#vitaminDK #main h2 { background-image:url(/supply_index/vitamin/img/vitamin_dk_txt_h2.gif); }
body#niacinPantothenicacidBiotin #main h2 { background-image: url(../../supply_index/vitamin/img/niac_pant_biot_txt_h2.gif); }
body#mineral #main h2 { background-image:url(/supply_index/mineral/img/mineral_txt_h2.gif); }
body#calciumMagnesium #main h2 { background-image:url(/supply_index/mineral/img/calcium_magnesium_txt_h2.gif); }
body#iron #main h2 { background-image:url(/supply_index/mineral/img/iron_txt_h2.gif); }
body#zinc #main h2 { background-image:url(/supply_index/mineral/img/zinc_txt_h2.gif); }
body#selenium #main h2 { background-image:url(/supply_index/mineral/img/selenium_txt_h2.gif); }
body#iodine #main h2 { background-image:url(/supply_index/mineral/img/iodine_txt_h2.gif); }
body#copper #main h2 { background-image:url(/supply_index/mineral/img/copper_txt_h2.gif); }
body#manganese #main h2 { background-image:url(/supply_index/mineral/img/manganese_txt_h2.gif); }
body#molybdenum #main h2 { background-image:url(/supply_index/mineral/img/molybdenum_txt_h2.gif); }
body#coq10 #main h2 { background-image:url(/supply_index/other/img/coq10_txt_h2.gif); }
body#lCarnitine #main h2 { background-image:url(/supply_index/other/img/l_carnitine_txt_h2.gif); }
body#sairium #main h2 { background-image:url(/supply_index/other/img/sairium_txt_h2.gif); }
body#bifidusBacteria #main h2 { background-image:url(/supply_index/other/img/bifidus_bacteria_txt_h2.gif); }
body#ginkgoBilobaExtract #main h2 { background-image:url(/supply_index/other/img/ginkgo_biloba_extract_txt_h2.gif); }
body#blueberryGrapeseedextracDhaItan #main h2 { background-image:url(/supply_index/other/img/blueberry_grapeseedextrac_dha_ltan_txt_h2.gif); }
body#blueberryGrapeseedLtan #main h2 { background-image: url(../../supply_index/other/img/blue_grape_ltan_txt_h2.gif); }
body#collagenValerian #main h2 { background-image:url(/supply_index/other/img/collagen_valerian_txt_h2.gif); }
body#valerian #main h2 { background-image:url(/supply_index/other/img/valerian_txt_h2.gif); }
body#collagen #main h2 { background-image:url(/supply_index/other/img/collagen_txt_h2.gif); }
body#wheatGrass #main h2 { background-image:url(/supply_index/other/img/wheat_grass_txt_h2.gif); }
body#wheatAlbumin #main h2 { background-image:url(/supply_index/other/img/wheat_albumin_txt_h2.gif); }
body#msmGlcosaminChondroitin #main h2 { background-image:url(/supply_index/other/img/msm_glcosamin_chondroitin_txt_h2.gif); }
body#glcosaminChondroitin #main h2 { background-image:url(/supply_index/other/img/glco_chon_txt_h2.gif); }
body#msm #main h2 { background-image:url(/supply_index/other/img/msm_txt_h2.gif); }
body#epaDha #main h2 { background-image:url(/supply_index/other/img/epa_dha_txt_h2.gif); }
body#glucan #main h2 { background-image:url(/supply_index/other/img/glucan_txt_h2.gif); }
body#tencha #main h2 { background-image:url(/supply_index/other/img/tencha_txt_h2.gif); }
body#rie #main h2 { background-image:url(/supply_index/other/img/rie_txt_h2.gif); }
body#anserine #main h2 { background-image:url(/supply_index/other/img/anserine_txt_h2.gif); }
body#fabuless #main h2 { background-image:url(/supply_index/other/img/fabuless_txt_h2.gif); }
body#barleyGrass #main h2 { background-image:url(/supply_index/other/img/barley_grass_txt_h2.gif); }
body#faq #main h2 { background-image:url(/supply_index/faq/img/faq_txt_h2.gif); }
body#faqVitamin #main h2 { background-image:url(/supply_index/faq/img/vitamin_txt_h2.gif); }
body#faqMineral #main h2 { background-image:url(/supply_index/faq/img/mineral_txt_h2.gif); }
body#faqCoq10 #main h2 { background-image:url(/supply_index/faq/img/coq10_txt_h2.gif); }
body#faqLCarnitine #main h2 { background-image:url(/supply_index/faq/img/l_carnitine_txt_h2.gif); }
body#faqSairium #main h2 { background-image:url(/supply_index/faq/img/sairium_txt_h2.gif); }
body#faqBifidusBacteria #main h2 { background-image:url(/supply_index/faq/img/bifidus_bacteria_txt_h2.gif); }
body#faqGinkgoBilobaExtract #main h2 { background-image:url(/supply_index/faq/img/ginkgo_biloba_extract_txt_h2.gif); }
body#faqBlueberryGrapeseedextracDhaItan #main h2 { background-image:url(/supply_index/faq/img/blueberry_grapeseedextrac_dha_ltan_txt_h2.gif); }
body#faqCollagenValerian #main h2 { background-image:url(/supply_index/faq/img/collagen_valerian_txt_h2.gif); }
body#faqWheatGrass #main h2 { background-image:url(/supply_index/faq/img/wheat_grass_txt_h2.gif); }
body#faqWheatAlbumin #main h2 { background-image:url(/supply_index/faq/img/wheat_albumin_txt_h2.gif); }
body#faqMsmGlcosaminChondroitin #main h2 { background-image:url(/supply_index/faq/img/msm_glcosamin_chondroitin_txt_h2.gif); }
body#faqGlucanTencha #main h2 { background-image:url(/supply_index/faq/img/glucan_tencha_txt_h2.gif); }
body#faqRie #main h2 { background-image:url(/supply_index/faq/img/rie_txt_h2.gif); }
body#faqAnserine #main h2 { background-image:url(/supply_index/faq/img/anserine_txt_h2.gif); }
body#faqFabuless #main h2 { background-image:url(/supply_index/faq/img/fabuless_txt_h2.gif); }
body#faqEpa #main h2 { background-image:url(/supply_index/faq/img/epa_txt_h2.gif); }
body#faqBarleyGrass #main h2 { background-image:url(/supply_index/faq/img/barley_grass_txt_h2.gif); }
body#faqVitamin .intakeArea h3 { background-image:url(/supply_index/faq/img/vitamin_txt01.gif); }
body#faqMineral .intakeArea h3 { background-image:url(/supply_index/faq/img/mineral_txt01.gif); }
body#faqCoq10 .intakeArea h3 { background-image:url(/supply_index/faq/img/coq10_txt01.gif); }
body#faqLCarnitine .intakeArea h3 { background-image:url(/supply_index/faq/img/l_carnitine_txt01.gif); }
body#faqSairium .intakeArea h3 { background-image:url(/supply_index/faq/img/sairium_txt01.gif); }
body#faqBifidusBacteria .intakeArea h3 { background-image:url(/supply_index/faq/img/bifidus_bacteria_txt01.gif); }
body#faqGinkgoBilobaExtract .intakeArea h3 { background-image:url(/supply_index/faq/img/ginkgo_biloba_extract_txt01.gif); }
body#faqBlueberryGrapeseedextracDhaItan .intakeArea h3 { background-image:url(/supply_index/faq/img/blueberry_grapeseedextrac_dha_ltan_txt01.gif); }
body#faqCollagenValerian .intakeArea h3 { background-image:url(/supply_index/faq/img/collagen_valerian_txt01.gif); }
body#faqWheatGrass .intakeArea h3 { background-image:url(/supply_index/faq/img/wheat_grass_txt01.gif); }
body#faqWheatAlbumin .intakeArea h3 { background-image:url(/supply_index/faq/img/wheat_albumin_txt01.gif); }
body#faqMsmGlcosaminChondroitin .intakeArea h3 { background-image:url(/supply_index/faq/img/msm_glcosamin_chondroitin_txt01.gif); }
body#faqGlucanTencha .intakeArea h3 { background-image:url(/supply_index/faq/img/glucan_tencha_txt01.gif); }
body#faqRie .intakeArea h3 { background-image:url(/supply_index/faq/img/rie_txt01.gif); }
body#faqAnserine .intakeArea h3 { background-image:url(/supply_index/faq/img/anserine_txt01.gif); }
body#faqFabuless .intakeArea h3 { background-image:url(/supply_index/faq/img/fabuless_txt01.gif); }
body#faqEpa .intakeArea h3 { background-image:url(/supply_index/faq/img/epa_txt01.gif); }
body#faqBarleyGrass .intakeArea h3 { background-image:url(/supply_index/faq/img/barley_grass_txt01.gif); }
.pointArea dt { background-image:url(/supply_index/img/txt-point01.gif); height:36px; }





/* *********************************************************************************************************/
/* 個別スタイル ********************************************************************************************/
/* *********************************************************************************************************/

/*  サプリメント各ページ: /supply_index/vitamin/、/supply_index/mineral/、/supply_index/other/
-----------------------------------------------------------------------------------------------------------*/

/* コンテンツ全体 */
#main { width:636px; float:right; }
#main h2 { width:636px; height:83px; margin-bottom:10px; }
	
/* ここがポイント */
.pointArea { background:url(/supply_index/img/bg-point_01foot.gif) left bottom no-repeat; width:566px; margin:0 auto 30px; }
.pointArea .inner { background:url(/supply_index/img/bg-point_01cap.gif) left top no-repeat; padding:15px; }
.pointArea dl { background:url(/supply_index/img/img-point01.gif) 35px 0 no-repeat; padding-left:150px; min-height:150px; }
.pointArea dt { margin-bottom:15px; }
.pointArea dd { font-size:110%; font-weight:bold; color:#0154A6; padding-left:1em; text-indent:-1em; }

/* 各成分表 */
.elementGraph { border-collapse:collapse; }
.elementGraph caption { font-size:120%; font-weight:bold; padding-bottom:10px; }
.elementGraph th,
.elementGraph td { border:1px solid #CCCCCC; padding:5px; }
.elementGraph td { font-size:90%; line-height:140%; }
.elementGraph th.type1 { border:1px solid #999999; background-color:#0AB058; color:#FFFFFF; }
.elementGraph th.type2 { border:1px solid #999999; background-color:#136CC4; color:#FFFFFF; }
.elementGraph thead th { border:1px solid #999999; background-position:left top; background-repeat:repeat-x; font-size:90%; }
.elementGraph tbody th { font-size:90%; }
body.vitamin .elementGraph { background-color:#FFFFCC; }
body.mineral .elementGraph { background-color:#F5FFCE; }
body.vitamin .elementGraph thead th { background-image:url(/supply_index/img/bg_h4_04.gif); }
body.mineral .elementGraph thead th { background-image:url(/supply_index/img/bg_h4_05.gif); }
.tableNote { font-size:90%; text-indent:-1em; padding-left:1em; line-height:120%; margin:3px 0; }

/* リード */
#main .noPager { margin-top:20px; }

/* ピックアップ */
.pickup dd .basicList { font-size:90%; }
.pickup dd .inlineList { font-size:90%; }
.pickup dd .inlineList li { display:inline; margin-right:7px; }
body#vitaminDK .pickup { padding-bottom:0; }
body#vitaminDK .pickup dd { margin-bottom:12px; }
.pickup3 { width:588px; border:2px solid #CCCCCC; padding:12px; } 
.pickup3 dt.caution { padding:5px 0 5px 38px; background:url(/supply_index/img/icon_caution.gif) left center no-repeat; line-height:140%; font-size:120%; font-weight:bold; margin-bottom:8px; }
.pickup3 dd.body { line-height:140%; font-size:110%; }
.pickup3 dd.body dt { margin-bottom:5px; font-weight:bold; }
.pickup3 dl.items dt { font-weight:bold; line-height:120%; margin-bottom:0; }
.pickup3 dl.items dd { margin-bottom:8px; line-height:120%; font-size:90%; }
.pickup3 dl.items dd li { line-height:120%; }

/* 発行日 */
.releaseDate { text-align:right; margin:10px 0; font-size:90%; }

/* 関連リンク */
.relationalLinks dd a { background:url(/common/img/icon_arrow04.gif) no-repeat 0 50%; padding:0 0 0 18px; margin:0 10px 5px 0; display:block; } /* 上書き */

/* コラムブロック */
body#iodine .columnBlock p,
body#copper .columnBlock p,
body#manganese .columnBlock p,
body#molybdenum .columnBlock p { font-size:110%; }



/*  FAQページ: /supply_index/faq/
-----------------------------------------------------------------------------------------------------------*/

/* 各FAQページへのリング */
.faqNavigation { width:636px; margin:20px 0 15px; }
.faqNavigation img { vertical-align: bottom; margin-bottom:10px; }
.faqNavigation .odd { float:left; }
.faqNavigation .even { float:right; }

/* ○○を食品でとるなら… */
.intakeArea { background:url(/supply_index/faq/img/bg_faqbox566_foot.gif) left bottom no-repeat; width:566px; margin:0 auto 30px; }
.intakeArea .inner { background:url(/supply_index/faq/img/bg_faqbox566_cap.gif) left top no-repeat; padding:15px 10px; }
.intakeArea h3 { margin-bottom:10px; background-position:5px 0; height:20px; }
body#faqBlueberryGrapeseedextracDhaItan .intakeArea h3 { height:40px; }
.intakeArea ul { background-position:left top; background-repeat:no-repeat; padding-left:138px; min-height:164px; }
.intakeAreaSmall ul { padding-left:5px; padding-right:270px; min-height:80px; background-position:right top; }
.intakeAreaNoImage ul { background:none!important; padding-left:10px; min-height:0; }
.intakeArea li { font-size:90%; margin-bottom:4px; }
.intakeArea li a { font-size:120%; font-weight:bold; }
body#faqVitamin .intakeArea ul { background-image:url(/supply_index/faq/img/vitamin_img01.gif); }
body#faqMineral .intakeArea ul { background-image:url(/supply_index/faq/img/mineral_img01.gif); }
body#faqCoq10 .intakeArea ul { background-image:url(/supply_index/faq/img/coq10_img01.gif); }
body#faqLCarnitine .intakeArea ul { background-image:url(/supply_index/faq/img/l_carnitine_img01.gif); }
body#faqSairium .intakeArea ul { background-image:url(/supply_index/faq/img/sairium_img01.gif); }
body#faqBifidusBacteria .intakeArea ul { background-image:url(/supply_index/faq/img/bifidus_bacteria_img01.gif); }
body#faqGinkgoBilobaExtract .intakeArea ul { background-image:url(/supply_index/faq/img/ginkgo_biloba_extract_img01.gif); }
body#faqBlueberryGrapeseedextracDhaItan .intakeArea ul { background-image:url(/supply_index/faq/img/blueberry_grapeseedextrac_dha_ltan_img01.gif); }
body#faqCollagenValerian .intakeArea ul { background-image:url(/supply_index/faq/img/collagen_valerian_img01.gif); }
body#faqWheatGrass .intakeArea ul { background-image:url(/supply_index/faq/img/wheat_grass_img01.gif); }
body#faqWheatAlbumin .intakeArea ul { background-image:url(/supply_index/faq/img/wheat_albumin_img01.gif); }
body#faqMsmGlcosaminChondroitin .intakeArea ul { background-image:url(/supply_index/faq/img/msm_glcosamin_chondroitin_img01.gif); }
body#faqGlucanTencha .intakeArea ul { background-image:url(/supply_index/faq/img/glucan_tencha_img01.gif); }
body#faqAnserine .intakeArea ul { background-image:url(/supply_index/faq/img/anserine_img01.gif); }
body#faqEpa .intakeArea ul { background-image:url(/supply_index/faq/img/epa_img01.gif); }

/* faq */
.faqBlock td { padding-bottom:10px; }
.faqBlock .icon { padding-right:10px; vertical-align:top; }
.faqBlock .question { vertical-align:middle; font-size:120%; font-weight:bold; color:#EDA4A4; line-height:140%; }
.faqBlock .answer { vertical-align:top; font-size:110%; padding-bottom:20px; }

/* faqインデックスへ */
.faqNavigationAll { margin:10px 0; text-align:center; }


/*  サプリメント紹介ページ: /supply_index/introduce_x.html
-----------------------------------------------------------------------------------------------------------*/

/* コンテンツ幅調整 */
body.introduce #main { width:625px; }
body.introduce #main h2 { width:625px; height:56px; }

/* ページ基本スタイル設定 */
body.introduce #main .lead { font-size:110%; background:none; margin:20px 10px 10px ; padding:0; }
body.introduce .columnBody h3 { font-size:120%; color:#518FDD; background:url(/supply_index/img/introduce_icon01.gif) no-repeat left center; padding:12px 0 12px 35px; }
body.introduce .columnBody p { font-size:110%; line-height:160%; } 
body#introduce3 .columnBody { margin-top:20px; }
body.introduce .introduceNavigation img { margin-right:9px; }



/*  目的別ページ: /supply_index/physical condition.html
-----------------------------------------------------------------------------------------------------------*/

/* コンテンツ幅調整 */
body.purpose #main { width:625px; }
body.purpose #main h2 { width:625px; height:56px; }

/* ページ基本スタイル設定 */
body.purpose .columnBody { margin-left:0; margin-right:0; }
body.purpose .columnBody h3 { margin:20px 0 15px; background-repeat:no-repeat; background-position:left bottom; }
body.purpose .columnBody h3 .inner { display:block; padding:5px 10px 5px 20px; background-repeat:no-repeat; background-position:left top; }
body.purpose .columnBody h3 .main { display:block; font-size:120%; font-weight:bold; }
body.purpose .columnBody h3 .sub { display:block; font-size:110%; font-weight:normal; }
body.purpose .columnBody p { font-size:110%; line-height:140%; } 
body#physicalCondition .columnBody h3 { background-image:url(/supply_index/img/physical_condition_txt_h3_bottom.gif); }
body#physicalCondition .columnBody h3 .inner { background-image:url(/supply_index/img/physical_condition_txt_h3_cap.gif); }
body#beauty .columnBody h3 { background-image:url(/supply_index/img/beauty_txt_h3_bottom.gif); }
body#beauty .columnBody h3 .inner { background-image:url(/supply_index/img/beauty_txt_h3_cap.gif); }
body#sickness .columnBody h3 { background-image:url(/supply_index/img/sickness_txt_h3_bottom.gif); }
body#sickness .columnBody h3 .inner { background-image:url(/supply_index/img/sickness_txt_h3_cap.gif); }

/* 関連リンク */
body.purpose .relationalLinks { border:6px solid #F0F0F0; padding:12px 15px; margin:0 0 30px 0; }
body.purpose .relationalLinks dt { line-height:140%; font-size:110%; font-weight:bold; margin-bottom:5px; }
body.purpose .relationalLinks dd { line-height:140%; font-size:110%; }
body.purpose .relationalLinks dd a { background:url(/common/img/icon_arrow04.gif) no-repeat 0 50%; padding:0 0 0 18px; margin:0 10px 0 0; display:inline-block; white-space:nowrap; }

/* ページトップへ */
body.purpose .goToPageTop { margin-bottom:30px; }

/* フローティングボックス補正 */
body.purpose .boxRight { margin:0 0 10px 10px; }


/*  針谷追加CSS:
-----------------------------------------------------------------------------------------------------------*/

/* 20110329　 /supply_index/index.html */
div#eiyoukikaku{ background-color:#FF9; text-align:center; padding:0.5em;}