/* ===== 共通 ===== */
body{font-family:ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;text-align: center;}
#wrap {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-image: URL(../img/bg_global.gif);
	background-repeat: repeat-y;
	background-position: 0 -12px;
}
/* ヘッダー */
#header {
	width: 780px;
	height: 120px;
	margin: 0 auto;
	text-align: left;
}
#header_ttl {
	float: left;
	width: 229px;
}
#header_right{
	float: right;
}
#header_lead {
	width: 551px;
	height: 33px;
	background-image: URL(../img_header/bg_lead.gif);
	background-repeat: no-repeat;
	color: #00A4E6;
}
.header_lead_inn {
	padding: 10px 0 0 30px;
}
#header_tab {
	width: 551px;
	height: 33px;
}
.header_pankuzu {
	width: 551px;
	padding: 7px 0 7px 0;
	border-width: 4px 0 0 0;
	border-style: solid;
	background-image: URL(../img_header/bg_pankuzu.gif);
	background-repeat: no-repeat;
	background-position: 0 -4px;
}
.header_pankuzu span {color:#EC6D5D;}

/* レシピ検索 */
#search_recepi {
	width: 715px;
	margin: 0px auto 30px 45px;
	font-size: 12px;
}
.search_recepi_ttl {
	padding: 6px 10px 0 20px;
	font-weight: bold;
	color: #EC6D5D;
	background-image: URL(../img/tab_search.gif);
	background-repeat: no-repeat;
}
.search_recepi_inn {
	padding: 0 7px 2px 7px;
	background-color: #FCE6CC;
	line-height: 30px;
}
.search_recepi_inn img {vertical-align: middle;margin: 1px 0 1px 3px;}
.search_recepi_inn input {vertical-align: middle;margin: 1px 0 1px 3px;}
.search_left {
	float:left;
}
.search_right {
	float:left;
	padding: 0 0 0 8px;
	margin-left: 10px;
	border-left: dotted 1px #F5A398;
}

/* 本文 */
#contents {
	padding: 0 20px 0 45px;
	text-align: left;
}
#headline {
	height: 25px;
	padding: 6px 0 0 10px;
	background-repeat: no-repeat;
	color: #FFF1AD;
}

/* バックナンバー */
#backnumber {
	clear: both;
	width: 715px;
	height: 225px;
	margin: 30px auto 0 45px;
	background-image: URL(../img/bg_bu.gif);
	background-repeat: no-repeat;
}
#backnumber_bk {
	clear: both;
	width: 715px;
	height: 225px;
	margin: 30px auto 0 auto;
	background-image: URL(../img/bg_bu.gif);
	background-repeat: no-repeat;
}
#backnumber_inn {
	height: 165px;
	padding: 0 25px 15px 25px;
}

/* 下部リンク */
#btom_link {
	width: 715px;
	margin: 0 auto;
	padding: 10px 20px 0 45px;
	text-align: right;
}

/* 下部バナー */
#banner {
	width: 715px;
	margin: 10px auto 10px 45px;
	padding: 5px 0 0 0;
	text-align: center;
	background-color: #F0F0F0;
	border: solid 1px #E9E9E9;
}
#banner img{margin: 0 15px 5px 15px;}

/* リンク*/
a:link {
	color:#984C01;
	text-decoration:none;}
a:visited {
	color:#984C01;
	text-decoration:none;}
a:hover {
	color:#3775F5;
	text-decoration:underline;}
a:active {
	color:#3775F5;
	text-decoration:underline;}

/* 画像 */
img {border: 0;}
img.end {
	vertical-align: bottom;
}
img.top {
	vertical-align: top;
}
img.floatleft {
	float: left;
}
img.floatright {
	float: right;
}

/* テキスト */
.sml {font-size:0.85em;}

/* ===== 個別ページ ===== */
/* トップページ */
#top_left {
	float: left;
	width: 305px;
	padding: 20px 0 10px 0;
}
#top_right {
	float: right;
	width: 390px;
	padding: 2px 0 10px 0;
}
#top_mds {
	padding: 12px;
	border: solid 5px #FADEDA;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "MS 明朝",serif;
	line-height: 140%;
	color: #EC6D5D;
}
#top_txt {
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
	background-image: URL(../img/bg_txt_red.gif);
	background-repeat: repeat-y;
	font-size: 1.1em;
	line-height: 27px;
}
.top_pho {
	width: 390px;
	background-image: URL(../img/bg_top_pho.gif);
	background-repeat: no-repeat;
}
.pho_inn {
	padding: 50px 20px 0 20px;
	font-size: 1.2em;
	line-height: 26px;
}
/* テーマ別レシピ */
#thema_left {
	float: left;
	width: 355px;
	padding: 13px 0 10px 0;
}
#thema_right {
	float: right;
	width: 340px;
	padding: 2px 0 10px 0;
}
#thema_mds {
	padding: 15px 12px 20px 12px;
	border-left: solid 5px #CCF1FC;
	border-right: solid 5px #CCF1FC;
	border-bottom: solid 5px #CCF1FC;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "MS 明朝",serif;
	line-height: 140%;
	color: #009AEF;
}
#thema_txt {
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
	background-image: URL(../img/bg_txt_blue.gif);
	background-repeat: repeat-y;
	font-size: 1.1em;
	line-height: 27px;
}
.thema_pho {
	width: 340px;
	background-image: URL(../img/bg_thema_pho.gif);
	background-repeat: no-repeat;
	text-align: center;
}


/* 中面top共通 */
#innpage_btom {
	clear: both;
	padding: 5px 0;
}
.innpage_btom_ech {
	float: left;
	width: 345px;
	height: 155px;
	margin: 0 5px;
	padding: 35px 0 10px 0;
	background-image: URL(../img/bg_pho_s.gif);
	background-repeat: no-repeat;
}
.innpage_btom_ech img.leftpho {float: left;margin-left:25px;}
.innpage_btom_echr {
	float: right;
	width: 130px;
	padding: 0 25px 0 0;
	font-size: 1.1em;
	line-height: 140%;
}
.innpage_btom_echr div.cmt{font-size: 0.85em;margin: 5px 0 0 0;}
.innpage_date {

	width: 55px;
	margin: 0 0 10px 0;
	padding: 1px;
	background-color: #EC6D5D;
	color: #FFFFFF;
	text-align: center;
}
.innpage_date2 {
	display: inline-block;
	width: 55px;
	margin: 5px 10px 0 0;
	background-color: #EC6D5D;
	color: #FFFFFF;
	text-align: center;
	line-height: 140%;
}
.innpage_btom_echr img.detail {position:relative;top:5px;}
.innpage_btom_echr img.detail_ex {position:relative;top:15px;}
#mds {
	height: 50px;
	padding: 10px 0 0 0;
}
#mds_inn {
	float: right;
	width: 590px;
	padding: 2px 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "MS 明朝",serif;
	line-height: 140%;
}
#mds_inn_ex {
	float: right;
	width: 595px;
	padding: 12px 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "MS 明朝",serif;
	line-height: 140%;
}
#mds_inn span {color:#333333;font-size:0.75em;font-family: "MS ゴシック",sans-serif;font-weight: normal;}
#mds_inn_ex.green {color:#4EAE00;}
#mds_inn.orange {color:#DE7900;}
#mds_inn.pink {color:#DC629D;}
#mds_inn.brown {color:#BC6619;}

/* バックナンバー中面 */
div#wrap_inn {
	width: 780px;
	margin: 0 auto;
	text-align: center;
	background-image: URL(../img/bg_global_inn.gif);
	background-repeat: no-repeat;
}
table.remove {margin: 0 auto;}

/* ----------clearfix-------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac �*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */