@charset "utf-8";

/*
	インクルードモジュール（SSI）用スタイル
	
	このCSSファイルは以下のセクションに分類されています。
	
	・clearFix、画像置換、画像置換部分パス
	・個別スタイル
		
*/

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


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

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

/* 画像置換 */
#header .lead,
#others h2.relationalSite,
#fontSizeSelect .label { text-indent:-9999px; outline:none; background-position:left top; background-repeat:no-repeat; }

/* 画像置換部分パス */
#header .lead { background-image:url(/common/img/txt_lead.gif); }
#others h2.relationalSite { background-image:url(/common/img/txt_h_other01.gif); }
#fontSizeSelect .label { background-image:url(/common/img/txt_font.gif); }






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

/* ヘッダーモジュール */
#header { background:url(/common/img/bg_header.gif) no-repeat left top; padding-bottom:10px; width:860px; margin:0 auto; }
#header img { vertical-align:bottom; }
#header .lead { margin:0 3px; height:22px; }
#header h1 { width:454px; float:left; margin:0 3px; }
#globalNavigation { margin-left:8px; float:left; width:561px; }
#globalNavigation li { float:left; margin-right:5px; }
#globalNavigation li.last { margin-right:0; }
#siteUtility { margin:0 8px 0 0; float:right; width:268px; }
#siteUtility li { float:left; }
#siteUtility li.last {}
#searchArea { width:281px; float:right; padding:10px 3px 0 0; }
#searchArea li { float:left;}
#searchArea p { margin-bottom:0; font-size:12px; }


/* フッターモジュール */
#footer { width:860px; margin:0 auto; }
#footer p { text-align:center; margin-bottom:10px; line-height:160%; font-size:90%; }
#footerNavigation { text-align:center; margin-bottom:10px; }
#footerNavigation li { display:inline; font-size:90%; }
#copyright { font-size:90%; background:url(/common/img/bg_copyright.gif) no-repeat left top #4E4734; color:#FFFFFF; text-align:center; padding:5px; margin-bottom:0!important; }

/* フォントサイズ切り替えモジュール */
#fontSizeSelect { width:216px; position:absolute; right:10px; top:6px; }
#fontSizeSelect .label { float:left; width:126px; height:24px; margin-right:10px; }
#fontSizeSelect .buttons { float:left; width:80px; }
#fontSizeSelect .buttons img { cursor:pointer; }
#fontSizeSelect .buttons .small { margin-left:0; }
#fontSizeSelect .buttons .medium { margin-left:5px; }
#fontSizeSelect .buttons .large { margin-left:6px; }

/* 広告モジュール */
#others { width:215px; float:right; }
#others h2 { height:34px; text-indent:-9999px; margin-bottom:10px; }
#others img { vertical-align:bottom; }
#others ul { padding-bottom:10px; }
#others li { margin-bottom:10px; vertical-align:bottom; }
#others .textLink { margin-left:5px; font-size:90%; }

/* サプリメントナビモジュール */
#supplyNavigation { width:215px; float:left; padding-bottom:10px; background:url(/supply_index/img/bg_supply_navigation03.gif) no-repeat left bottom; }
#supplyNavigation .body { padding-top:4px; background:url(/supply_index/img/bg_supply_navigation01.gif) no-repeat left top; }
#supplyNavigation h2 { background:url(/supply_index/img/bg_supply_navigation02.gif) no-repeat left bottom; font-size:16px; text-align:center; padding:2px 0 6px 0; }

	/* 枠部分のマージン */
	#supplyNavigation h3,
	#supplyNavigation ul.itemList,
	#supplyNavigation ul.itemList li,
	#supplyNavigation .groupTitle,
	#supplyNavigation div.element { margin:0 2px; }
	#supplyNavigation .groupTitle { margin-bottom:2px; padding:0 6px; padding-left:20px; text-indent:-15px; }
	
	/* 見出し */
	#supplyNavigation h3.health,
	#supplyNavigation h3.beauty,
	#supplyNavigation h3.sick { font-size:110%; font-weight:bold; margin:6px 8px 0; }
	#supplyNavigation div.element { font-size:110%; line-height:160%; color:#FF9900; font-weight:bold; margin:6px 8px 0; }
	#supplyNavigation .groupTitle { font-size:110%; font-weight:bold; background-position:left top; background-repeat:repeat-x; }
	#supplyNavigation ul.health .groupTitle { background-image:url(/supply_index/img/bg_h4_01.gif); }
	#supplyNavigation ul.beauty .groupTitle { background-image:url(/supply_index/img/bg_h4_02.gif); }
	#supplyNavigation ul.sick .groupTitle { background-image:url(/supply_index/img/bg_h4_03.gif); }
	#supplyNavigation h3.vitamin { background-image:url(/supply_index/img/bg_h4_04.gif); }
	#supplyNavigation h3.mineral { background-image:url(/supply_index/img/bg_h4_05.gif); }
	#supplyNavigation h3.other { background-image:url(/supply_index/img/bg_h4_06.gif); }
	
	/* アイコン */
	#supplyNavigation .groupTitle .icon { margin:8px 6px 8px 0; vertical-align:middle; }
	
	/* 下位階層 */
	#supplyNavigation ul.itemList { /*display:none;*/ font-size:90%; margin:5px 20px; }
	#supplyNavigation ul.itemList li { margin-bottom:2px; }

/* 20081119　イヤープレート */
#yearplateLink { padding-bottom:10px; }
#yearplateLink li{ margin-bottom:5px; vertical-align:bottom; }