@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			special.css;
	created:		2008-09-10;
	last-modified:	2010-03-23;

::::::::::::::::::::::::::::::::::::::::::::: */


/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	特集トップページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#specialIndexPage div#contentsArea {
	padding: 18px 0 14px;
}
body#specialIndexPage.special0910 div#contentsArea {
	padding: 11px 0 14px;
}


body#specialIndexPage div#main {
	width: 760px;
	margin: 0 0 0 20px;
}

body#specialIndexPage.special0810 div#main { background-color: #FFFCF4;}
body#specialIndexPage.special0811 div#main { background-color: #FDEEE5;}
body#specialIndexPage.special0910 div#main {
	width: 779px;
	margin: 0 0 0 9px;
}


/* ------------------------------------------------
	タイトル
------------------------------------------------ */

body#specialIndexPage div.titleArea {
	width: 760px;
}


/* 0810 */
body#specialIndexPage.special0810 div.titleArea { background: url(../images/0810/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0810 div.titleArea h2 { padding: 21px 61px 0 0; text-align: right;}
body#specialIndexPage.special0810 div.titleArea p.lead { padding: 10px 18px 32px 0; text-align: right;}


/* 0811 */
body#specialIndexPage.special0811 div.titleArea { background: url(../images/0811/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0811 div.titleArea h2 { padding: 32px 23px 0 0; text-align: right;}
body#specialIndexPage.special0811 div.titleArea p.lead { padding: 14px 84px 35px 0; text-align: right;}


/* 0812 */
body#specialIndexPage.special0812 div.titleArea { background: url(../images/0812/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0812 div.titleArea h2 { padding: 22px 58px 0 0; text-align: right;}
body#specialIndexPage.special0812 div.titleArea p.lead { padding: 5px 52px 16px 0; text-align: right;}


/* 0901 */
body#specialIndexPage.special0901 div.titleArea { background: url(../images/0901/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0901 div.titleArea h2 { padding: 41px 17px 0 0; text-align: right;}
body#specialIndexPage.special0901 div.titleArea p.lead { padding: 12px 38px 43px 0; text-align: right;}


/* 0902 */
body#specialIndexPage.special0902 div.titleArea { background: url(../images/0902/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0902 div.titleArea h2 { text-align: right;}
body#specialIndexPage.special0902 div.titleArea p.lead { padding: 5px 22px 23px 0; text-align: right;}


/* 0903 */
body#specialIndexPage.special0903 div.titleArea { background: url(../images/0903/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0903 div.titleArea h2 { text-align: right;}
body#specialIndexPage.special0903 div.titleArea p.lead { padding: 0 73px 21px 0; text-align: right;}


/* 0904 */
body#specialIndexPage.special0904 div.titleArea { background: url(../images/0904/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0904 div.titleArea h2 { padding: 17px 37px 0 0; text-align: right;}
body#specialIndexPage.special0904 div.titleArea p.lead { padding: 13px 65px 33px 0; text-align: right;}


/* 0905 */
body#specialIndexPage.special0905 div.titleArea { background: url(../images/0905/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0905 div.titleArea h2 { padding: 7px 60px 0 0; text-align: right;}
body#specialIndexPage.special0905 div.titleArea p.lead { padding: 5px 85px 14px 0; text-align: right;}


/* 0906 */
body#specialIndexPage.special0906 div.titleArea { background: url(../images/0906/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0906 div.titleArea h2 { padding: 24px 72px 0 0; text-align: right;}
body#specialIndexPage.special0906 div.titleArea p.lead { padding: 8px 39px 21px 0; text-align: right;}


/* 0907 */
body#specialIndexPage.special0907 div.titleArea { background: url(../images/0907/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0907 div.titleArea h2 { padding: 22px 65px 0 0; text-align: right;}
body#specialIndexPage.special0907 div.titleArea p.lead { padding: 6px 65px 21px 0; text-align: right;}


/* 0908 */
body#specialIndexPage.special0908 div.titleArea { background: url(../images/0908/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0908 div.titleArea h2 { padding: 7px 16px 0 0; text-align: right;}
body#specialIndexPage.special0908 div.titleArea p.lead { padding: 0 65px 14px 0; text-align: right;}


/* 0909 */
body#specialIndexPage.special0909 div.titleArea { background: url(../images/0909/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0909 div.titleArea h2 { padding: 14px 46px 0 0; text-align: right;}
body#specialIndexPage.special0909 div.titleArea p.lead { padding: 9px 58px 21px 0; text-align: right;}

/* 0910 */
body#specialIndexPage.special0910 div.titleArea {
	width: 779px;
	position: relative;
	background: url(../images/0910/tit_bg.jpg) no-repeat;
}
body#specialIndexPage.special0910 div.titleArea h2 {
	position: relative;
	top: -5px;
	width: 509px;
	margin: 0 0 0 262px;
}
body#specialIndexPage.special0910 div.titleArea p.lead { padding: 5px 0 27px 221px; margin-top: -5px;}
body#specialIndexPage.special0910 div.titleArea p.kaicho {
	position: absolute;
	top: 0;
	left: 45px;
}
body#specialIndexPage.special0910 div.titleArea p.senmu {
	position: absolute;
	top: 133px;
	left: 33px;
}

/* 0911 */
body#specialIndexPage.special0911 div.titleArea { position: relative; background: url(../images/0911/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0911 div.titleArea h2 { padding: 37px 0 0 36px;}
body#specialIndexPage.special0911 div.titleArea p.lead { padding: 12px 0 17px 68px;}

/* 0912 */
body#specialIndexPage.special0912 div.titleArea { position: relative; background: url(../images/0912/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special0912 div.titleArea h2 {
	position: relative;
	top: 30px;
	width: 330px;
	margin: 0 0 0 26px;
}
body#specialIndexPage.special0912 div.titleArea p.lead { padding: 0 0 24px 26px; margin: 30px 0 0;}

/* 1001 */
body#specialIndexPage.special1001 div.titleArea { background: url(../images/1001/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special1001 div.titleArea h2 { padding: 24px 44px 0 0; text-align: right;}
body#specialIndexPage.special1001 div.titleArea p.lead { padding: 5px 93px 22px 0; text-align: right;}

/* 1002 */
body#specialIndexPage.special1002 div.titleArea { background: url(../images/1002/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special1002 div.titleArea h2 { text-align: right;}
body#specialIndexPage.special1002 div.titleArea p.lead { padding: 6px 63px 31px 0; text-align: right;}

/* 1003 */
body#specialIndexPage.special1003 div.titleArea { background: url(../images/1003/tit_bg.jpg) no-repeat;}
body#specialIndexPage.special1003 div.titleArea h2 { padding: 0 0 0 23px;}
body#specialIndexPage.special1003 div.titleArea p.lead { padding: 6px 0 16px 38px;}



/* ------------------------------------------------
	レシピ一覧
------------------------------------------------ */

body#specialIndexPage div.setWrap {
	padding: 0 0 20px 38px;
}
body#specialIndexPage.special0810 div.setWrap { background: url(../images/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0811 div.setWrap { background: url(../images/0811/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0812 div.setWrap { background: #F6D9B4 url(../images/0812/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0901 div.setWrap { background: #E9D8D3 url(../images/0901/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0902 div.setWrap { background: #e8dbca url(../images/0902/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0903 div.setWrap { background: #e7e2bd url(../images/0903/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0904 div.setWrap { background: #eaefcf url(../images/0904/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0905 div.setWrap { background: #ffede4 url(../images/0905/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0906 div.setWrap { background: #f1e5d3 url(../images/0906/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0907 div.setWrap { background: #fcfff7 url(../images/0907/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0908 div.setWrap { background: #fff6dd url(../images/0908/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0909 div.setWrap { background: #fff6dd url(../images/0909/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0910 div.setWrap {
	padding: 0 0 20px 38px;
	margin: 0 8px 0 11px;
	background: #fcf4eb url(../images/0910/recipe_bg.jpg) no-repeat;
}
body#specialIndexPage.special0911 div.setWrap { background: #efdab9 url(../images/0911/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special0912 div.setWrap { background: #f3cab7 url(../images/0912/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special1001 div.setWrap { background: #fff6dd url(../images/1001/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special1002 div.setWrap { background: #fbd9d7 url(../images/1002/recipe_bg.jpg) no-repeat;}
body#specialIndexPage.special1003 div#main {
	padding: 0 0 60px;
	background: #ffea90 url(../images/1003/recipe_bg_foot.gif) no-repeat left bottom;
}
body#specialIndexPage.special1003 div.setWrap {
	padding: 0 0 0 38px;
	background: #ffea90 url(../images/1003/recipe_bg.jpg) no-repeat;
}

body#specialIndexPage div.set {
	float: left;
	width: 179px;
	margin: 0 29px 18px 0;
	padding: 14px;
	background-color: #fff;
	border: 1px solid #ECE7DE;
}

* html body#specialIndexPage div.set {
	display: inline;
}

body#specialIndexPage div.set p.desc {
	line-height: 1.4em;
	min-height: 56px;
	height: auto !important;
	height: 56px;
	margin: 0 -1px 0 0;
	padding: 10px 0 0;
	color: #5F2E14;
	background: url(../images/dot.gif) repeat-x;
}
body#specialIndexPage.special0811 div.set p.desc { background-image: url(../images/0811/dot.gif);}
body#specialIndexPage.special0812 div.set p.desc { color: #788C14; background-image: url(../images/0811/dot.gif);}
body#specialIndexPage.special0901 div.set p.desc { color: #91453f; background-image: url(../images/0811/dot.gif);}
body#specialIndexPage.special0902 div.set p.desc { color: #93586c; background-image: url(../images/0811/dot.gif);}
body#specialIndexPage.special0903 div.set p.desc { color: #864d38; background-image: url(../images/0903/dot.gif);}
body#specialIndexPage.special0904 div.set p.desc {
	color: #927834;
	background-image: url(../images/0904/dot.gif);
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
body#specialIndexPage.special0905 div.set p.desc { color: #9d3e3e; background-image: url(../images/0905/dot.gif);}
body#specialIndexPage.special0907 div.set p.desc {
	color: #5d460f;
	background-image: url(../images/0907/dot.gif);
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
body#specialIndexPage.special0908 div.set p.desc { color: #9a6837; background-image: url(../images/0908/dot.gif);}
body#specialIndexPage.special0909 div.set p.desc { 
	color: #9a6837;
	background-image: url(../images/0909/dot.gif);
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
body#specialIndexPage.special0910 div.set p.desc { 
	color: #9a6837;
	background-image: url(../images/0910/dot.gif);
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
body#specialIndexPage.special0911 div.set p.desc { color: #8d4c18; background-image: url(../images/0911/dot.gif);}
body#specialIndexPage.special0912 div.set p.desc { color: #73381f; background-image: url(../images/0912/dot.gif);}
body#specialIndexPage.special1001 div.set p.desc { color: #d77485; background-image: url(../images/1001/dot.gif);}
body#specialIndexPage.special1002 div.set p.desc { color: #ca0000; background-image: url(../images/1002/dot.gif);}
body#specialIndexPage.special1003 div.set p.desc { color: #c67208; background-image: url(../images/1003/dot.gif);}


body#specialIndexPage div.set p.btn {
	padding: 12px 0 0;
	text-align: center;
}

/* 0907 */
body#specialIndexPage.special0907 div.set080 {
	width: 189px;
	padding: 14px 10px 14px 8px;
}

body#specialIndexPage.special0907 div.set080 p.img,
body#specialIndexPage.special0907 div.set080 p.desc {
	margin-right: 4px;
	margin-left: 6px;
}

body#specialIndexPage.special0907 div.set071 {
	width: 180px;
	padding: 14px 14px 14px 13px;
}

body#specialIndexPage.special0907 div.set071 p.img,
body#specialIndexPage.special0907 div.set071 p.desc {
	margin-left: 1px;
}

/* 0909 */
body#specialIndexPage.special0909 div.set116 {
	width: 183px;
	padding: 14px 10px 14px 14px;
}

body#specialIndexPage.special0909 div.set116 p.img,
body#specialIndexPage.special0909 div.set116 p.desc {
	margin-right: 4px;
}

/* 0911 */
body#specialIndexPage.special0911 div.set066 p.tit {
	margin: 0 0 0 -2px;
}

/* 1003 */
body#specialIndexPage.special1003 div.set138 p.tit {
	margin: 0 0 0 -2px;
}
body#specialIndexPage.special1003 div.set003 p.tit {
	margin: 0 0 0 -3px;
}


/* バックナンバーを見る ---------------- */

body#specialIndexPage p.btnBacknumber {
	padding: 10px 20px 0;
	text-align: right;
}


/* バックナンバーに戻る ---------------- */

body#specialIndexPage p.btnBack {
	padding: 10px 0 0 20px;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	特集バックナンバーページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#backnumberPage div#contentsArea {
	padding: 18px 0 20px;
}

body#backnumberPage div#main {
	width: 760px;
	margin: 0 0 0 20px;
	padding: 0 0 30px;
	background-color: #fff;
}

body#backnumberPage div#main h2 {
	padding: 27px 0 0 38px;
}

body#backnumberPage div#main div.set {
	width: 664px;
	margin: 0 0 0 38px;
	padding: 20px 0 20px 20px;
	background: url(../images/backnumber_dot.gif) repeat-x left bottom;
}

body#backnumberPage div#main div.set div.txtSet {
	float: right;
	width: 436px;
}

body#backnumberPage div#main div.set p.img {
	float: left;
	width: 209px;
}

body#backnumberPage div#main div.set div.txtSet p.lead {
	line-height: 1.5em;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 6px 0 0;
	color: #5F2E14;
}
body#backnumberPage div#main div#bn0812 div.txtSet p.lead,
body#backnumberPage div#main div#bn0903 div.txtSet p.lead,
body#backnumberPage div#main div#bn0904 div.txtSet p.lead,
body#backnumberPage div#main div#bn0905 div.txtSet p.lead,
body#backnumberPage div#main div#bn0907 div.txtSet p.lead,
body#backnumberPage div#main div#bn0908 div.txtSet p.lead,
body#backnumberPage div#main div#bn0909 div.txtSet p.lead,
body#backnumberPage div#main div#bn0910 div.txtSet p.lead,
body#backnumberPage div#main div#bn0911 div.txtSet p.lead,
body#backnumberPage div#main div#bn0912 div.txtSet p.lead,
body#backnumberPage div#main div#bn1001 div.txtSet p.lead,
body#backnumberPage div#main div#bn1002 div.txtSet p.lead,
body#backnumberPage div#main div#bn1003 div.txtSet p.lead {	/* 特集タイトルが2行の場合 */
	min-height: 80px;
	height: auto !important;
	height: 80px;
}


/* 最新の特集に戻る ---------------- */

body#backnumberPage p.btnLatest {
	padding: 10px 0 0 20px;
}


/* 季節のおすすめに戻る ---------------- */

div#contentsArea p.btnIndex {
	padding: 10px 0 0 20px;
}


/* css end ------------ */
