@charset "utf-8";


/*** 共通 ***/
#topicTtl, #topicTtl_02{
	width:543px;
	position:relative;
	margin-top:20px;
}

#topicTtl h3, #topicTtl_02 h3{
}
#topicTtl img, #topicTtl_02 img{
	display:block;
}
#topicTtl span, #topicTtl_02 span{
	position:absolute;
	top:8px;
	left:459px;
}


#topicTtl_02{
	margin:20px 0 0;
}


/*-------- 料理レシピ --------*/
.topicTtl{
	width:543px;
	position:relative;
	margin:20px 0 0;
}
.topicTtl img{
	display:block;
}
.topicTtl span{
	position:absolute;
	top:1px;
	left:437px;
}

.recipeIdx {
	border:solid 1px #fbe3a5;
	border-top-style:none;
	padding:3px 0px 7px;
	width:541px !important;
	width /**/:543px;
}

.recipeIdx ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-top:1px dotted #ffa200;
}
.recipeIdx ul li{
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	border-bottom: 1px dotted #ffa200;
}

li.bg_orange{
	background-color:#fff3de;
}

.recipeIdx ul li a, .recipeIdx ul li a:visited{
	display: block;
	text-decoration: none;
	padding: 3px 0px 3px 28px;
	background: url(../common_img/bow_circle_orange.gif) no-repeat 2% 50%;
}
.recipeIdx ul li a:hover, .recipeIdx ul li a:active{
	display: block;
	text-decoration:none;
	padding: 3px 0px 3px 28px;
	background:url(../common_img/bow_circle_orange.gif) no-repeat 2% 50%;
}

.topicIdx dl{
	margin:1px 0;
	line-height:1.5em;
	border-bottom:1px dotted #ffa200;
	width:541px;
}

.recipeIdx dt {
	width: 80px !important;
	width /**/: 541px;
	padding-top:0.5em;
	padding-right: 461px;
	position:relative;
	z-index:50;
	text-align:center;
	border-top:1px dotted #ffa200;
}

.recipeIdx dd {
	margin-top:-1.8em;
	margin-bottom:0.2em;
	padding-top:0.3em;
	padding-left:90px;
	width: 451px !important;
	width:/**/541px;
	position:relative;
	z-index:20;
}



/*-------- 緑バージョン --------*/
.greenTopicTtl{
	width:543px;
	position:relative;
	margin:20px 0 0;
}
.greenTopicTtl img{
	display:block;
}
.greenTopicTtl span{
	position:absolute;
	top:8px;
	left:459px;
}

.gr_topicIdx {
	border:solid 1px #168802;
	border-top-style:none;
	padding:3px 0px 5px;
	width:541px !important;
	width /**/:543px;
}

.gr_topicIdx ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-top:1px dotted #168802;
}
.gr_topicIdx ul li{
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	border-bottom: 1px dotted #168802;
}

li.bg_green{
	background-color:#F8FEE7;
}

.gr_topicIdx ul li a, .gr_topicIdx ul li a:visited{
	display: block;
	text-decoration: none;
	padding: 3px 0px 3px 30px;
	background: url(../common_img/bow_circle_gren.gif) no-repeat 2% 50%;
}
.gr_topicIdx ul li a:hover, .gr_topicIdx ul li a:active{
	display: block;
	text-decoration:none;
	padding: 3px 0px 3px 30px;
	background:url(../common_img/bow_circle_gren.gif) no-repeat 2% 50%;
}




/*** 一覧 ***/

#topicIdx, #topicIdx_02 {
	border:solid 1px #fbe3a5;
	border-top-style:none;
	padding:3px 0px 3px;
	width:541px !important;
	width /**/: 543px;
}

#topicIdx dl, #topicIdx_02 dl {
	margin:1px 0;
	line-height:1.5em;
	border-bottom:1px dotted #ffa200;
	width:541px !important;
	width /**/: 541px;
}

#topicIdx dt, #topicIdx_02 dt {
	width: 80px;
	padding-top:0.5em;
	margin:0;
	position:relative;
	z-index:50;
	text-align:center;
	
}

#topicIdx dd, #topicIdx_02 dd {
	margin-top:-1.8em;
	margin-bottom:0.2em;
	padding-top:0.3em;
	padding-left:90px;
	width: 451px !important;
	width:/**/541px;
	position:relative;
	border-top:1px dotted #ffa200;
	z-index:20;
}

#topicIdx img, #topicIdx_02 img {
	display:block;
}

#topicIdx a, #topicIdx_02 a {
	text-decoration:none;
	color:#444;
}

#topicIdx a:hover, #topicIdx_02 a:hover {
	color:#A7D400;
}

.topics_bgColor{
	background-color:#fff3de;
}


/*** 詳細 ***/



#topicDet {
	border:solid 1px #BEBEBE;
	border-top-style:none;
	padding:3px 9px 0px;
	width:523px !important;
	width /**/:543px;
}

#topicDet h4 {
	margin-top:8px;
	font-size:130%;
	line-height:1.2;
	padding-bottom:5px;
	padding-right:5em;
	border-bottom:dashed 1px #F90;
}

#topicDetKosin {
	margin-top:-20px;
	font-size:80%;
	text-align:right;
	padding-bottom:14px;
}

#topicDetLink {
	margin:20px 0 0px;
	width:523px;
	border-top:dashed 1px #FC0;
	padding-top:10px;
	line-height:1.5;
}

#topicDetLink ul {
	padding: 0;
}

#topicDetLink li {
	display:inline;
}

#topicDetLink li a {
	float:left; 
	width:auto;
	padding-left:18px;
	margin-right:20px;
	margin-left: 5px;
	margin-bottom:5px;
	background:url(../images/arrow_right03.gif) left center no-repeat;
	white-space:nowrap;
}

#topicDetLink li a:link,#topicDetLink li a:visited{
	color: #666;
	text-decoration: underline;
	font-weight:normal;
}
#topicDetLink li a:hover, #topicDetLink li a:active{
	color: #F90;
	text-decoration: underline;
	font-weight:normal;
}

#mainPhoto{
	text-align: center;
	position:relative;
	z-index:10;
	margin-top:6px;
}

#subPhoto02{
	margin: 9px 0 0;
	border-top: dashed 1px #FC0;
	padding-top: 20px;
}
#subPhoto02 img{
	margin-bottom: 15px;
} 


/* 写真_上右下レイアウト */
#topicText {
	margin:15px 0 0;
	float: left;
	width: 325px;
}

#topicText p {
	line-height:1.5;
	margin: 0 0 15px;
}


#subPhoto{
	margin-bottom: 20px;
	width: 180px;
	float: right;
	font-size:80%;
	color:#066;
}
#subPhoto img{
	margin-top: 15px;
	margin-bottom:2px;
}




/* 写真_上下レイアウト(キャプションあり) */
#dlvMainCaption {
	position:absolute;
	width:320px !important;
	width /**/:340px;
	top:250px;
	left:183px;
	padding:6px 10px;
	background-color:#444;
	color:#FFF;
	filter: alpha(style=0, opacity=80);
	text-align:right;
	font-size:120%;
	z-index:20;
}

#dlvTopicTex {
	margin:12px 9px 15px;
	width:505px;
	line-height:1.5;
}

#dlvChuigaki {
	font-size:80%;
	line-height:1.4;
	margin-top:3px;
}

#dlvSubPicsBot {
	margin:0 9px;
	width:505px;
	font-size:80%;
	color:#066;
}
#dlvSubPicsBot img {
	margin-bottom:5px;
}
#dlvSubPicLeft {
	float:left;
	width:245px;
}
#dlvSubPicRight {
	float:right;
	width:245px;
}



/* 写真左レイアウト */

#dlvPicLeft {
	margin:0 3px 12px 0;
	width:520px;
}

#dlvSubPicsLeft {
	float:left;
	width:180px;
	font-size:80%;
	color:#066;
}

#dlvSubPicsLeft img {
	margin-top:10px;
	margin-bottom:3px;
}

#dlvRightTex {
	float:right;
	width:325px;
	margin-top:10px;
	line-height:1.5;
}



/* 写真上５つレイアウト */
#picArea {
	margin-top:6px;
}

#picArea img{
	margin-top:3px;
}

#picArea p {
	font-size:80%;
	line-height:1.4;
	margin-bottom:10px;
}



/* 写真左くりかえし10 */

.rpPicLeft {
	margin:0 9px 12px 0;
	width:514px;
}

.rpSubPicsLeft {
	float:left;
	width:180px;
	font-size:80%;
	color:#066;
}

.rpSubPicsLeft img {
	margin-top:10px;
	margin-bottom:3px;
}

.rpRightTex {
	float:right;
	width:320px;
	margin-top:10px;
	line-height:1.5;
}



/* 写真とテキストの繰り返し10 */
.rpPicImage {
	margin-top:6px;
}

.rpPicImage p {
	font-size:80%;
	line-height:1.4;
	margin-top:3px;
}

.rpPicText {
	margin:8px 9px 15px;
	width:505px;
	line-height:1.5;
}




/*** 枠外リンク ***/
.backtoCont {
	margin-top:15px;
	width:100%;
}
.backtoCont li {
	display:inline;
}
.backtoCont a {
	display:block;
	width:auto;
	padding-left:15px;
	margin-right:1.5em;
	margin-bottom:.5em;
	float:left;
	background:#FFF url(../images/arrow_left01.gif) left center no-repeat;
	text-decoration:none;
	color:#444;
	white-space:nowrap;
}