@charset "UTF-8";

/* コンテンツタイトル部分 ------------------------------------------------------*/

div#contents-area div#contents-header-block {
	background:url(../images/title-right-bg.gif) 100% 0 no-repeat;
	width:100%;
	margin:0;
	padding:0;
}

div#contents-area div#contents-header-block h1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/title-img.png);
	margin:0;
	padding:0;
	height:134px;
	width:340px;
	text-indent: -9999px;
	line-height:1%;
	font-size:1%;
	border-bottom-style: none;
}


div#contents-area div#contents-header-block > h1 {
	background:url(../images/title-img.png) 0 0 no-repeat;
}



/* レシピ部分 ------------------------------------------------------*/

div#contents-area h1.recipe-name {
	font-size:/*160%*/114%;
	background:url(../images/recipe-name-underbar.gif) no-repeat left bottom;
	padding:0 0 10px 0;
	/*margin-top:15px;*/
	color:#E35554;
	border-bottom:none;
}


div#contents-area div.right-item h3.recipe-contents-title,
div#contents-area h3.recipe-contents-title {
	color:#E35554;
	font-size:120%;
	line-height:110%;
	border-bottom:1px solid #E35554;
	padding-bottom:5px;
	font-weight:bold;
	padding-left:0;
}



/* レシピ左側 */

div#contents-area div.left-item {
	width:255px;
	float:left;
	margin-bottom:20px;
}

div#contents-area div.left-item img {
	margin:0 0 20px 0;
	border: 1px solid #F3C0BF;
}

div#contents-area div.left-item table.recipe-table {
	width:100%;
	margin:0;
	border-collapse:collapse;
	font-size:100%;
	line-height:100%;
}

div#contents-area div.left-item table.recipe-table th, 
div#contents-area div.left-item table.recipe-table td {
	padding:8px 10px;
	border:1px solid #F3C0BF;
}

div#contents-area div.left-item table.recipe-table th {
	text-align:left;
	background-color:#FFF7B6;
}


.tableA01 tbody th {
background:/*#EEEEEE*/#fce2af none repeat scroll 0 0;
}

/* レシピ右側 */

div#contents-area div.right-item {
	margin-left:270px;
	margin-bottom:20px;
}


div#contents-area div.right-item ul {
	margin-left:5px;
	padding-left:0;
	list-style-type:none;
}

div#contents-area div.right-item ul li {
	background:url(../images/material-list.gif) 0 2px no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}

div#contents-area div.right-item ul li ul {
	margin-left:0px;
	padding-left:0;
	list-style-type:none;
}

div#contents-area div.right-item ul li.material-block {
	margin-top: 0;
	padding-top: 0;
}

div#contents-area div.right-item ul li.material-block{
	border:1px solid #E35554;
	padding:3px;
	padding:10px;
	_margin-top: -12px;
}


div#contents-area div.right-item ul li ul li {
	background:none;
	margin-top:5px;
	margin-bottom:10px;
	line-height:130%;
}




/* レシピ下側 */

div#contents-area div.bottom-item {
	clear: both;
}

div#contents-area div.bottom-item ul {
	list-style-type:decimal;
	margin:0;
	padding:0;
	margin-left:25px;
}

div#contents-area div.bottom-item ul li {
	background:none;
	padding-left:0;
	line-height:140%;
}





/* 次のページへボタン -------------------------------------------*/

div#contents-area div.recipe-list { margin:15px 0 5px 0;
background:url(../images/backnumber-bg-sub.gif) 0 0 no-repeat;
}

div#contents-area div.recipe-list span {
	background:url(../images/backnumber-bg.gif) right 0 no-repeat;
	height:25px;
}

div#contents-area div.recipe-list span a {
	/*background:url(../images/backnumber-bg-sub.gif) 0 0 no-repeat;*/
	padding:0px 15px 0px 25px;
	height:25px;
}

div#contents-area > div.recipe-list span a { 
display:block;
 }



/* レシピ一覧 ------------------------------------------------------*/

/*　　一部修正　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 2006.07.10 ＊

　クラス名追加：div#contents-area dl　　div#contents-area dl.indexlist

*/

div#contents-area h2.recipe-list {
	background:url(../images/recipe-name-underbar.gif) 100% 28px no-repeat  ;
	padding:0 0 20px 0 ;
	margin-bottom:15px;
	margin-top:15px;
	font-size:165%;
	color:#E35554;
	line-height:100%;
	font-weight:bold;
}

#recipe #page-body #body-zone #contents-area .indexlist {
	border: 1px solid #CCCCCC;
	padding: 0.5em;
	margin: 1em;
	clear: both;
}

/*#contents-area dl.indexlist dt,
#contents-area dl.indexlist dd {
	margin:0;
	padding:0;
}*/

#contents-area dl.indexlist dt {
	float:left;
	margin-right: 0;
}

#contents-area dl.indexlist dt img {
	border:1px solid #CCCCCC;
	margin-right:0;
}

#contents-area dl.indexlist dd {
	margin-left:120px;
	line-height:140%;
	margin-top: 0;
	padding: 0;
}

p.dd01 {
	font-weight:bold;
	margin-bottom:5px;
	font-size: 1.2em;
}

span {
 background: #FFFFFF;
}

span.sub-name {
	color: #000000;
	font-size: 0.8em;
}

/*主菜・副菜１・副菜２見出し（共通部分）*/
#contents-area dl.indexlist dt.shusai,
#contents-area dl.indexlist dt.fukusai1,
#contents-area dl.indexlist dt.fukusai2 {
	float: left;
	color:#000000;
	font-size: 85%;
	height: 57px;
	font-weight:bold;
	padding:3px 3px 0 3px ;
	width: 3em;
	/*line-height: 1.5em;	*/
	text-align: center;
}

/*#contents-area dl.indexlist > dt.shusai,
#contents-area dl.indexlist > dt.fukusai1,
#contents-area dl.indexlist > dt.fukusai2 {
	height: 59px;
}
*/

/*主菜・副菜１・副菜２見出し（個別部分-背景色など）*/
#contents-area dl.indexlist dt.shusai {
	background-color: #FFCCCC;
	border: 1px solid #E35554;
}

#contents-area dl.indexlist dt.fukusai1 {
	background-color: #CEE9CB;
	border: 1px solid #58B54D;
}

#contents-area dl.indexlist dt.fukusai2 {
	background-color: #ECF4F7;
	border: 1px solid #00798B;
}


/*エネルギー*/
p.energy {
	padding:0.2em;
	border:1px solid #F3C0BF;
	background-color:#FEF9DE;
}



/* 点線ライン */
div#contents-area div.ten-line{
	background-image: url(../images/p_tenline02.gif);
	background-repeat: repeat-x;
	height: 2px;
	clear: both;
	margin-bottom: 0.5em;
}

#contents-area .recipe-index-menu .to-page-top {
 background: url(../images/page-tpt-bg01.gif) no-repeat 0 100%;
 padding-left: 13px;
 font-size: 90%;
}


.columnLayoutC03a{
width:200px;
}
.columnLayoutC03b{
margin-left:210px;
}



div#contents-area .columnLayoutC03b p{
margin-left:0;
}


.columnLayoutC03b ul li.material-block{
	margin-top: 0;
	list-style-type:none;
}



div#contents-area .columnLayoutC03b ul li.material-block ul li {
    background:none;
	list-style:none;
}

.columnLayoutC01{
	margin-bottom:10px;
	zoom:1;
	border: 1px solid #cccccc;
	padding: 10px;
}



/* レシピ一覧 ------------------------------------------------------*/

/*　　一部修正　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 2010.04.27 ＊

　クラス名追加：

*/




/*
.columnLayoutC03b ul li.block{
	list-style:none;
}
*/


div#contents-area .columnLayoutC03b ul li {
	background:url(../images/material-list.gif) 0 4px no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}


/*
div#contents-area .columnLayoutC03b ul.arrow li {
	background:url(../images/material-list.gif) 0 4px no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}
*/


/*
div#contents-area .columnLayoutC03b ul.arrow li.last {
	margin-bottom:0px;
	padding-bottom:0px;
}

.columnLayoutC03b  ul li ul.material-block02{
	border:1px solid #E35554;
	margin:0px 0px 0px 10px;
	_margin-top: -8px;
}

.columnLayoutC03b  ul li ul.material-block02 li{
		background:none;
		list-style:none;
		padding:5px;
		color:#000;
}
*/


.columnLayoutC03b .material-block02{
	border:1px solid #E35554;
	margin:0px 0px 0px 3px; 
}

.columnLayoutC03b .material-block02 dl{
		padding:5px;
}

.columnLayoutC03b .material-block02 dt{
		padding:5px;
}


/*
.columnLayoutC03b .material-block02 li{
		background:none;
		list-style-type:none;
		list-style-image:none;
}
*/



