@charset "utf-8";

/*
	サプリメントインデックス、健康講座各ページ共通スタイル
	
	このCSSファイルは以下のセクションに分類されています。
	
	・個別スタイル
		
*/

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



/* 見出し */
.headerLv1 { color:#FF6600; font-weight:bold; font-size:140%; margin:40px 0; border-left:6px solid #FF6600; padding-left:10px; }
.headerLv1_2 { color:#FF6600; font-weight:bold; font-size:140%; margin:40px 0 10px; border-left:6px solid #FF6600; padding-left:10px; }
.headerLv2 { margin:25px 0 10px; }
.headerLv2 span { background-color:#518FDD; color:#FFFFFF; font-weight:bold; font-size:110%; padding:4px; }

/* コラムボディ */
.columnBody { margin:10px 10px 15px; }

/* ページャー */
.pager { margin:10px 0; text-align:right; }
.pager a { margin-right:2px; }
.pager a.terminator { margin-right:0; }
.pager img { vertical-align:middle; }
.pager p { display:inline; margin-right:30px; vertical-align:middle; }
.nextButton,
.nextButton { display:block; text-align:center; margin:20px 10px; }

/* リード */
#main .lead { background-color:#F0F0F0; padding:12px 15px 1px; font-size:110%; margin:10px 0 20px 0; }
#main .lead p { line-height:140%; }
.headerLv2Lead { font-size:120%; font-weight:bold; margin:10px 0 6px; }
.headerLv1Lead { font-size:110%; margin:10px 0 6px; }

/* ピックアップ */
.pickup { background-color:#F0F0F0; border:1px solid #CCCCCC; padding:12px 15px; margin:10px 0 20px 0; }
.pickup dt { line-height:140%; font-size:120%; color:#660099; font-weight:bold; margin-bottom:8px; }
.pickup dd { line-height:140%; font-size:110%; }
.pickup2 { background-color:#F0F0F0; border:1px solid #CCCCCC; padding:12px 15px; margin:10px 0 20px 0; }
.pickup2 dt { line-height:140%; font-size:110%; font-weight:bold; margin-bottom:8px; }
.pickup2 dd { line-height:140%; font-size:90%; }

/* 関連リンク */
.relationalLinks { border:6px solid #F0F0F0; padding:12px 15px; margin:35px 0 30px 0; }
.relationalLinks dt { line-height:140%; font-size:110%; font-weight:bold; margin-bottom:5px; }
.relationalLinks dd { line-height:140%; font-size:110%; }

/* コラムブロック */
.columnBlock { margin:6px 0 25px; }
.columnBlock dt { color:#518FDD; font-size:120%; font-weight:bold; margin-bottom:10px; }
.columnBlock dd { width:616px; }
.columnBlock dd p { font-size:110%; }
.columnBlock dd .textWrapper { margin-bottom:10px; }
.columnBlock dd .caption { font-size:90%; margin-bottom:3px; }