﻿@charset "utf-8";
/* セレクタの1行上にあるコメントは「CSS適用箇所(XHTMLタグ名)」*/

/* 基本編用メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr #div_mainContent_kihon {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	/*height:5000px;*/ /* 高さ */
	/**height:4860px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#div_sidebar1 div と #div_sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/* 糖尿病編用メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr #div_mainContent_tonyo {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	height:6400px; /* 高さ */
	/**height:4750px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#div_sidebar1 div と #div_sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/* スポーツ編用メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr #div_mainContent_sports {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	height:5800px; /* 高さ */
	/**height:4750px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#div_sidebar1 div と #div_sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/* メタボ編用メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr #div_mainContent_metabo {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	height:6400px; /* 高さ */
	/**height:4750px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#div_sidebar1 div と #div_sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

.main_title {
	font-size:100%; /* 文字の大きさ */
	margin:30px 20px 10px 40px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	color:#ff6ea6; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
	line-height:70%; /* 行の高さ */
}

/* 各ページのタイトルの設定(img) */
#img_title {
	margin:5px 5px 0px 6px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* 食らぼパンフレット画像 */
.img_panfu {
	margin:0 5px 10px 6px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}



/* 「食らぼ」ってなに？ */
#h2_title {
	color:#4ab134; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
	line-height:70%; /* 行の高さ */
}

/* ★ */
.span_star1 {
	color:#ff0000; /* 文字の色 */
	font-size:150%; /* 文字のサイズ */
}

/* タイトルの下線 */
.span_line1 {
	border-color:#ff0000; /* 下線の色 */
	border-bottom-style:solid; /* 線の種類 */
	border-bottom-width:2px; /* 線の太さ */
}


/* 「食らぼ」ってなに？の説明文 */
.p_txt1 {
	font-size:110%; /* 文字の大きさ */
	line-height:150%;
	margin:20px 40px 10px 80px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* 「食らぼ」ってなに？の画像 */
#img_what {
	margin:20px 20px 30px 80px;
	padding:0;
	float:left;
}

#img_syoku_labon {
	margin:30px 20px 40px 30px;
	padding:0;
}

/* 糖尿病編発売日の注意 */
.p_announce {
	clear:left;
	margin:0 20px 10px 320px;
	padding:0;
	color:#F00;
	font-weight:bold;
}

/* 食らぼ販売ページへのボタン */
.img_download_button {
	margin:20px 20px 5px 60px;
	/*margin:20px 20px 20px 270px;　糖尿病編が発売開始されたら差し替える*/
	padding:0;
}

/* どんなふうに使うの？ */
#h3_title {
	color:#39ade4; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
	line-height:70%; /* 行の高さ */
}

/* ★ */
.span_star2 {
	color:#ffff32; /* 文字の色 */
	font-size:150%; /* 文字のサイズ */
}

/* タイトルの下線 */
.span_line2 {
	border-color:#ffff32; /* 下線の色 */
	border-bottom-style:solid; /* 線の種類 */
	border-bottom-width:2px; /* 線の太さ */
}


/* どんなふうに使うの？の流れ図 */
#img_use_flow {
	margin:20px 20px 30px 30px;
}


/* こんな使い方ができます */
#h3_title {
	color:#39ade4; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
	line-height:70%; /* 行の高さ */
}

/* ★ */
.span_star3 {
	color:#f6921e; /* 文字の色 */
	font-size:150%; /* 文字のサイズ */
}

/* タイトルの下線 */
.span_line3 {
	border-color:#f6921e; /* 下線の色 */
	border-bottom-style:solid; /* 線の種類 */
	border-bottom-width:2px; /* 線の太さ */
}

/* こんな使い方ができます！の説明リスト */
#ul_use {
	font-size:110%; /* 文字の大きさ */
	line-height:150%;
	margin:20px 20px 20px 90px;
	padding:0;
	line-height:2.5em;
}

.li_first {
	margin:10px 20px 10px 0px;
	padding:0;
}

.li_second {
	list-style-type:none;
}

.li_third {
	list-style-type:none;
	margin:10px 10px 10px 30px;
	padding:0;
}

.li_fourth {
	list-style-type:none;
}

.li_fifth{
	list-style-type:none;
	margin:0px 20px 0px 30px;
	padding:0;
}

.li_sixth {
	padding:0;
	margin:0;
	list-style-type:none;
}


/* こんな使い方ができます！の注釈 */
#p_txt2 {
	font-size:100%; /* 文字の大きさ */
	line-height:120%;
	margin:5px 40px 10px 100px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* 画面紹介 */
#img_screen {
	margin:20px 20px 30px 30px;
}


/* DMナンバーを持っていない方ページの設定　開始 */
#img_present_campaign {
	margin:10px 30px 10px 50px;
	padding:0;
}

/*  */
#h2_title2 {
	color:#2e3191; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
	line-height:70%; /* 行の高さ */
}

#img_web_monitor {
	margin:10px 30px 10px 350px;
	padding:0;
}

/* 価格表 */
.ul_list {
	font-size:110%; /* 文字の大きさ */
	line-height:150%;
	margin:20px 20px 20px 90px;
	padding:0;
	list-style:none;
	line-height:2.5em;
}

#page_top {
	margin:20px 10px 0px 350px;
	padding:0;
}

#p_syoku_iku {
	margin:10px 20px 30px 50px;
	padding:0;
	line-height:180%;
}

/* 食育のタイトル */
#syoku_iku_title {
	font-size:100%; /* 文字の大きさ */
	margin:30px 20px 10px 40px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	color:#007cff; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
	line-height:70%; /* 行の高さ */
}

/* タイトルの下線 */
.span_line5 {
	border-color:#ff6ea6; /* 下線の色 */
	border-bottom-style:solid; /* 線の種類 */
	border-bottom-width:2px; /* 線の太さ */
}

/* 食育の画像 */
#img_syoku_iku {
	margin:10px 20px 20px 30px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}


#span_navy {
	color:#2e3192;
	font-weight:bold;
	font-size:130%;
}

/* 食らぼパンフレットのdiv */
#div_pamphlet {
	background-image:url(../syoku_lab/sozai_syoku_lab/img_syoku_lab_kihon_pnafu.jpg);
	background-repeat:no-repeat;
	width:610;
	height:450;

}

/* 食らぼパンフレットの説明文のリスト */
#ul_pamphlet {
	width:330px;
	padding:120px 0px 10px 10px;
	margin:0px;
	list-style-type:none;
	float:left;
}

/* 食らぼの価格 */
#li_value {
	font-size:130%;
	font-weight:bold;
	margin:0 10px 0px 0px;
	padding:0;
}

/* ダウンロードの場合、CDの場合 */
#li_kind {
	font-size:80%;
	margin:0 10px 0px 10px;
	padding:0;
}

/* まとめ買い割引 */
#li_discount {
	font-size:120%;
	font-weight:bold;
	margin:5px 10px 0px 0px;
	padding:0;
	color:#F00;
}

/* ご家庭での */
#li_home {
	font-size:140%;
	font-weight:bold;
	margin:0 10px 0px 0px;
	padding:0;
}

/* 説明文1 */
#li_explain1 {
	font-size:90%;
	font-weight:bold;
	margin:0 20px 0px 0px;
	padding:0;
}

/* 説明文2 */
#li_explain2 {
	font-size:80%;
	margin:0 10px 0px 0px;
	padding:0;
}


#ul_serifu {
	list-style-type:none;
	padding:320px 0px 10px 0px;
	margin:0px;
	list-style-type:none;
}

#li_serifu {
	font-size:60%;
	font-weight:bold;
	margin:3px 20px 10px 0;
	padding:0;
}

#li_data {
	font-size:60%;
	font-weight:bold;
	margin:0;
	padding:0;
}
