@charset "shift_jis";
/* ===========================================================================
CSS Information

Update:2008/03/24

01：recipe.htm
02：search_recipe_detail.asp
=========================================================================== */

/*----------------------------------------------------------------------------
	01：recipe.htm
----------------------------------------------------------------------------*/
#reciNew{
position:relative;
margin:5px 0 20px 0;
height:212px;
background:url(../images/bg_reci_new.jpg) no-repeat;
}
#reciNew h4,
#reciNew #reciNewTx,
#reciNew table,
#reciNew #reciNewDay,
#reciNew #reciNewMemo{
position:absolute;
}
#reciNew h4{top:7px;left:16px;}
#reciNew #reciNewTx{top:20px;right:44px;}
#reciNew table{
	top:7px;
	left:150px;
	width:240px;
}
#reciNew #reciNewDay{top:118px;left:20px;}
#reciNew #reciNewMemo{top:150px;left:140px;width:450px;}
#reciNew table th p{
margin:0 0 2px 0;
color:#772B09;
font-size:120%;
}
#reciNew table td#reciNewTd{
width:128px;
}
#reciNew table td#reciNewTd p{
margin:0 16px 0 0;
}
#reciNew table td p.reciNewPh{
padding:3px;
background:url(../images/bg_reci_new_ph.gif) no-repeat;
}
#reciNew table td p.reciNewPh img{
width:106px;
height:72px;
}
#reciNew table td p.reciNewLink a{
display:block;
margin:4px 0 0 0;
padding:0 0 0 10px;
background:url(../../common/images/ex_arrow_03.gif) left 2px no-repeat;
text-decoration:none;
line-height:1.2;
font-size:85%;
}
#reciNew table td p.reciNewLink a:hover{
text-decoration:underline;
}
#reciNew #reciNewDay{
font-size:85%;
font-weight:bold;
}



#reciNew2{
margin:5px 0 20px 0;
background:url(../images/bg_reci_new_03.jpg) no-repeat left bottom;
}
#reciNew2 div{
position:static;
padding-bottom:5px;
background:url(../images/bg_reci_new_02.jpg) no-repeat left bottom;
}
#reciNew2 div div{
position:relative;
padding:5px 0 10px;
background:url(../images/bg_reci_new_01.jpg) no-repeat 0 0;
}
#reciNew2 h4,
#reciNew2 #reciNewTx,
#reciNew2 #reciNewDay{
position:absolute;
}
#reciNew2 h4{top:7px;left:16px;}
#reciNew2 #reciNewTx{top:20px;right:44px;}
#reciNew2 table{
	margin:7px 0 0 150px;
	width:240px;
}
#reciNew2 #reciNewDay{top:118px;left:20px;}
#reciNew2 #reciNewMemo{
padding:5px 0 8px 140px;
width:450px;
min-height: 50px;
height: auto !important;
height: 50px;
}
#reciNew2 table th p{
margin:0 0 2px 0;
color:#772B09;
font-size:120%;
}
#reciNew2 table td#reciNewTd{
width:128px;
}
#reciNew2 table td#reciNewTd p{
margin:0 16px 0 0;
}
#reciNew2 table td p.reciNewPh{
padding:3px;
background:url(../images/bg_reci_new_ph.gif) no-repeat;
}
#reciNew2 table td p.reciNewPh img{
width:106px;
height:72px;
}
#reciNew2 table td p.reciNewLink a{
display:block;
margin:4px 0 0 0;
padding:0 0 0 10px;
background:url(../../common/images/ex_arrow_03.gif) left 2px no-repeat;
text-decoration:none;
line-height:1.2;
font-size:85%;
}
#reciNew2 table td p.reciNewLink a:hover{
text-decoration:underline;
}
#reciNew2 #reciNewDay{
font-size:85%;
font-weight:bold;
}







#genre {
margin-bottom: 20px;
font-size: 85%;
}
.genreLink a {
display: block;
margin-top: 4px;
padding-left:8px;
text-decoration: none;
background: url(../images/bg_reci_icon.gif) no-repeat 0 5px;
}
.genreLink a:hover {
text-decoration: underline;
}
.use {
margin-bottom: 5px;
}
.use td {
	padding-bottom: 10px;
}
.use dl {
padding: 0 5px;
}
.use dt {
padding-left: 8px;
font-weight: bold;
background: url(../images/bg_reci_icon.gif) no-repeat 0 5px;
}
.use dt a {
text-decoration:none;
}
.use dt a:hover {
	text-decoration: underline;
}
.reciLine {
padding-top:20px;
border-top:1px dotted #ccc;
}

* html #cse-search-box div {
padding:8px 0 10px;
}

#cse-search-box input {
vertical-align:middle;
}

.paging {
	color: #333;
	font-weight: bold;
	font-size: 15px;
}

.paging a {
	font-size: 12px;
	text-decoration: underline !important;
}

.paging a:hover {
	text-decoration: none !important;
}

#reciTokushu {
	margin-bottom: 1em;
	padding: 7px;
	background-color: #f9f1da;
}

#reciTokushu div {
	float: right;
	width: 450px;
}

#reciTokushu dt {
	line-height: 21px;
	padding-left: 25px;
	font-weight: bold;
	background: url(../images/arrow_toku.gif) no-repeat 0 0;
}

#reciTokushu dt a {
	text-decoration: none;
}

#reciTokushu dt a:hover {
	text-decoration: underline;
}

#reciTokushu dd {
	margin: 7px 0;
}

#reciTokushu img {
	vertical-align: middle;
}

#reciTokushu select {
	height: 22px;
	vertical-align: middle;
}

#reciTokushuImage {
	float: left;
	padding: 2px;
	border: 1px solid #b02719;
}


/* レシピトップ「おいしい焼き方基本レシピ」 */
#reciTopKihon {
	float: left;
	width: 290px;
	padding-bottom: 10px;
}

#reciTopKihon h4 {
	margin-bottom: 10px;
}

#reciTopKihon table {
	width: 290px;
}

#reciTopKihon th {
	vertical-align: top;
	padding: 0 0 6px 0;
}

#reciTopKihon td {
	width: 97px;
	padding: 0 0 6px 0;
	vertical-align: middle;
}

#reciTopKihon td a {
	display: block;
	line-height: 1.2;
	padding-left: 13px;
	text-decoration: none;
	background: url(../images/bg_reci_icon.gif) no-repeat 5px 4px;
}

#reciTopKihon td a:hover {
	text-decoration: underline;
}

/* レシピトップ「ご当地レシピ」 */
#reciTopGotochi {
	float: right;
	width: 301px;
	padding-bottom: 10px;
}

#reciTopGotochi h4 {
	margin-bottom: 10px;
}

#reciTopGotochi ul {
	float: right;
	width: 130px;
}

#reciTopGotochi li {
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(../images/bg_reci_icon.gif) no-repeat 0 5px;
}

#reciTopGotochi li a {
	text-decoration: none;
}

#reciTopGotochi li a:hover {
	text-decoration: underline;
}
/* レシピトップ「おすすめレシピコンテンツ」 */
#reciTopPuti {
	float: left;
	width: 290px;
	padding: 2px;
	border: 2px solid #e85505;
}

#reciTopPuti p {
	float: right;
}

#reciTopPuti dl {
	float: left;
	width: 200px;
}

#reciTopPuti ul {
	padding: 3px 0 0 5px;
}

#reciTopPuti li {
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(../images/bg_reci_icon.gif) no-repeat 0 5px;
}

#reciTopPuti a {
	text-decoration: none;
}

#reciTopPuti a:hover {
	text-decoration: underline;
}

#reciTopSu {
	float: right;
	width: 290px;
	padding: 10px 2px 2px;
	border: 2px solid #9acb3c;
}

#reciTopSu .tAlignC {
	margin-bottom: 2px;
}

#reciTopSu div {
	float: left;
	width: 210px;
	padding: 5px 0 0 5px;
}

#reciTopSu div div {
	float: none;
	width: auto;
	padding: 2px 0;
}

#reciTopSu dl {
	float: right;
	width: 150px;
}

#reciTopSu dt {
	padding-left: 8px;
	background: url(../images/bg_reci_icon.gif) no-repeat 0 5px;
}

#reciTopSu a {
	text-decoration: none;
}

#reciTopSu a:hover {
	text-decoration: underline;
}


/*----------------------------------------------------------------------------
	01：recipe.htm ranking
----------------------------------------------------------------------------*/
#reciPee{
position:relative;
margin:5px 0 20px 0;
}
#reciPee h4,
#reciPee #reciNewTx,
#reciPee table,
#reciPee #reciNewDay,
#reciPee #reciNewMemo{
position:absolute;
}
#reciPee h4{top:7px;left:16px;}
#reciPee #reciNewTx{top:20px;right:44px;}
#reciPee table{
	top:78px;
	left:18px;
	width:576px;
}
#reciPee #reciNewDay{top:118px;left:20px;}
#reciPee #reciNewMemo{top:150px;left:140px;width:450px;}
#reciPee table th p{
margin:0 0 2px 0;
color:#772B09;
font-size:120%;
}
#reciPee table td#reciNewTd{
width:128px;
}
#reciPee table td#reciNewTd p{
margin:0 16px 0 0;
}
#reciPee table td p.reciNewPh{
padding:3px;
background:url(../images/bg_reci_new_ph.gif) no-repeat;
}
#reciPee table td p.reciNewPh img{
width:106px;
height:72px;
}
#reciPee table td p.reciNewLink a{
display:block;
margin:4px 0 0 0;
padding:0 0 0 10px;
background:url(../../common/images/ex_arrow_03.gif) left 2px no-repeat;
text-decoration:none;
line-height:1.2;
font-size:85%;
}
#reciPee table td p.reciNewLink a:hover{
text-decoration:underline;
}
#reciPee #reciNewDay{
font-size:85%;
font-weight:bold;
}

.reciChoo{
margin:0 0 15px 0;
height:174px;
background:url(../images/bg_reci_choo.jpg) left bottom no-repeat;
}
.reciChoo2{
margin:0 0 15px 0;
height:174px;
background:url(../images/bg_reci_choo2.jpg) left bottom no-repeat;
}
#mainContent .reciChoo h4,
#mainContent .reciChoo2 h4{
margin:0 0 10px 0;
}
#mainContent .reciChoo p img,
#mainContent .reciChoo2 p img{
margin:0 0 10px 17px;
vertical-align:bottom;
}
#mainContent .reciChoo ul,
#mainContent .reciChoo2 ul{
margin:0 0 0 6px;
}
#mainContent .reciChoo ul li,
#mainContent .reciChoo2 ul li{
display:inline;
float:left;
margin:0 0 0 10px;
}

#reciSear01{background:url(../images/ex_reci_sear01_wrap_i.gif) repeat-y;}
#reciSear01Hd{background:url(../images/ex_reci_sear01_wrap_h.gif) left top no-repeat;}
#reciSear01Ft{padding:11px 21px 17px 21px;background:url(../images/ex_reci_sear01_wrap_f.gif) left bottom no-repeat;}
#reciSear01Ft h4{margin:0;}
#reciSear01Ft p{
margin:0 5px 5px 5px;
line-height:1.2;
font-size:85%;
}
#reciSear01Ft form input{
margin:0 0 0 5px;
padding:0;
vertical-align:middle;
}
#reciSear01Ft form input.reciSearTx{
width:196px;
height:18px;
}
#reciSear01Ft form input.marginB5{
margin-bottom:5px;
}
#reciSear01Ft #reciSearName{
float:left;
width:268px;
}
#reciSear01Ft #reciSearMate{
float:right;
width:268px;
}

#reciSear02{background:url(../images/ex_reci_sear02_wrap_i.gif) repeat-y;}
#reciSear02Hd{background:url(../images/ex_reci_sear02_wrap_h.gif) left top no-repeat;}
#reciSear02Ft{padding:6px 21px 22px 21px;background:url(../images/ex_reci_sear02_wrap_f.gif) left bottom no-repeat;}
#reciSear02Ft h4{margin:0;}
#reciSear02Ft p{
margin-left:5px;
margin-right:5px;
font-size:85%;
}
#reciSear02Ft dl{
margin:0 0 0 5px;
}
#reciSear02Ft dl dt{
float:left;
width:75px;
}
#reciSear02Ft dl dd{
float:left;
width:483px;
margin:0 0 7px 0;
padding:0 0 7px 0;
background:url(../../common/images/ex_dot_w_01.gif) left bottom repeat-x;
}
#reciSear02Ft dl dd ul li{
float:left;
width:96px;
}





.recicate{
margin:0 0 15px 0;
height:174px;
background:url(../images/bg_reci_choo.jpg) left bottom no-repeat;
}
#mainContent .recicate h4{
margin:0 0 10px 0;
}
#mainContent .recicate p img{
margin:0 0 10px 17px;
vertical-align:bottom;
}
#mainContent .recicate ul{
margin:0 0 0 6px;
}
#mainContent .recicate ul li{
display:inline;
float:left;
margin:0 0 0 10px;
}

#reciSear01{background:url(../images/ex_reci_sear01_wrap_i.gif) repeat-y;}
#reciSear01Hd{background:url(../images/ex_reci_sear01_wrap_h.gif) left top no-repeat;}
#reciSear01Ft{padding:11px 21px 17px 21px;background:url(../images/ex_reci_sear01_wrap_f.gif) left bottom no-repeat;}
#reciSear01Ft h4{margin:0;}
#reciSear01Ft p{
margin:0 5px 5px 5px;
line-height:1.2;
font-size:85%;
}
#reciSear01Ft form input{
margin:0 0 0 5px;
padding:0;
vertical-align:middle;
}
#reciSear01Ft form input.reciSearTx{
width:196px;
height:18px;
}
#reciSear01Ft form input.marginB5{
margin-bottom:5px;
}
#reciSear01Ft #reciSearName{
float:left;
width:268px;
}
#reciSear01Ft #reciSearMate{
float:right;
width:268px;
}

#reciSear02{background:url(../images/ex_reci_sear02_wrap_i.gif) repeat-y;}
#reciSear02Hd{background:url(../images/ex_reci_sear02_wrap_h.gif) left top no-repeat;}
#reciSear02Ft{padding:6px 21px 22px 21px;background:url(../images/ex_reci_sear02_wrap_f.gif) left bottom no-repeat;}
#reciSear02Ft h4{margin:0;}
#reciSear02Ft p{
margin-left:5px;
margin-right:5px;
font-size:85%;
}
#reciSear02Ft dl{
margin:0 0 0 5px;
}
#reciSear02Ft dl dt{
float:left;
width:75px;
}
#reciSear02Ft dl dd{
float:left;
width:483px;
margin:0 0 7px 0;
padding:0 0 7px 0;
background:url(../../common/images/ex_dot_w_01.gif) left bottom repeat-x;
}
#reciSear02Ft dl dd ul li{
float:left;
width:96px;
}

/*----------------------------------------------------------------------------
	02：search_recipe_list.asp/search_recipe_materials_list.asp
----------------------------------------------------------------------------*/
#reciResu{margin:0 0 10px 0;background:url(../images/ex_reci_result_wrap_i.gif) repeat-y;}
#reciResuFt{padding:15px 16px 20px 16px;background:url(../images/ex_reci_result_wrap_f.gif) left bottom no-repeat;height:1%;}
#mainContent #reciResu h4{margin:0}
#reciResuFt .reciResuBox{
margin:10px 0;
}
#reciResuFt .reciResuBox p{
margin:0 0 8px 0;
padding:0 0 8px 0;
background:url(../../common/images/ex_dot_w_01.gif) left bottom repeat-x;
}
#reciResuFt .reciResuBox p img{
float:left;
padding:1px;
margin:0 10px 0 0;
border:#D7D8D4 1px solid;
}
#reciResuFt .reciResuBox p span{
float:left;
width:190px;
margin:0 15px 0 0;
}

#reciResuFt #reciResuTx01{margin:0 0 5px 0;}
#reciResuFt #reciResuTx02{margin:5px 0 0 0;}
#reciResuFt #reciResuTx01 span,
#reciResuFt #reciResuTx02 span{
margin:0 10px;
font-weight:bold;
}

#reciResuFt h5{
margin:0 0 5px 0;
padding:2px 10px;
background:url(../../common/images/ex_title_s_bg.gif);
font-weight:bold;
font-size:120%;
color:#873300;
}
#reciResuFt ul{
padding:0 10px 15px 10px;
}
#reciResuFt ul li{
float:left;
width:279px;
}

#reciResuFt .reciResuBox p span a,
#reciResuFt ul li a{
display:block;
height:1%;
padding:0 0 0 10px;
background:url(../../common/images/ex_arrow_01.gif) left 5px no-repeat;
text-decoration:none;
}
#reciResuFt .reciResuBox p span a:hover,
#reciResuFt ul li a:hover{
text-decoration:underline;
}


/*----------------------------------------------------------------------------
	03：search_recipe_detail.asp
----------------------------------------------------------------------------*/
#mainContent #reciDeta{
padding:5px 0 0 0;
background:url(../images/ex_reci_deta_wrap_h.gif) left top no-repeat;
}
#reciDeta h4{
margin:0 0 20px 0;
padding:0 0 10px 0;
background:url(../images/ex_reci_deta_line.gif) left bottom no-repeat;
color:#009944;
font-size:185%;
}
#reciDeta dl dt{
margin:0 0 7px 0;
padding:0 0 0 5px;
border-left:#009944 3px solid;
color:#009944;
font-weight:bold;
font-size:120%;
}
#reciDeta dl dd{
margin:0 0 15px 0;
}

#reciDeta #reciDetaMate{
float:right;
width:250px;
}
#reciDeta #reciDetaMate table {
border-top:1px solid #EAD699;
border-left:1px solid #EAD699;
font-size:120%;
}
#reciDeta #reciDetaMate table th,
#reciDeta #reciDetaMate table td {
padding:1px 9px;
border-right:1px solid #EAD699;
border-bottom:1px solid #EAD699;
}
#reciDeta #reciDetaMate table th{
background:#FFEEBB;
font-weight:normal;
}
#reciDeta #reciDetaMate table td{
background:#fbe6ca;
}
#reciDeta #reciDetaMate table td#reciDetaNumb{
padding-top:5px;
padding-bottom:5px;
background:#009944;
color:#FFFFFF;
}
#reciDeta #reciDetaMate table td#reciDetaNumb form input#NumbTx{
width:40px;
height:14px;
margin:0 0 0 5px;
}
#reciDeta #reciDetaMate table td#reciDetaNumb p{
margin:3px 0 0 0;
font-size:80%;
}
#reciDeta #reciDetaImg{
float:left;
padding:7px;
background:url(../images/bg_reci_deta_ph.gif) no-repeat;
}

#reciDeta dl#reciDetaNutr dd table{
margin:0 0 5px 0;
border-top:1px solid #EAD699;
border-left:1px solid #EAD699;
line-height:1.2;
}
#reciDeta dl#reciDetaNutr dd table th,
#reciDeta dl#reciDetaNutr dd table td {
padding:5px 9px;
border-right:1px solid #EAD699;
border-bottom:1px solid #EAD699;
text-align:center;
}
#reciDeta dl#reciDetaNutr dd table th {
background:#F49500;
font-weight:normal;
color:#FFFFFF;
}


#reci_info a{
display:block;
margin:4px 0 0 0;
padding:0 0 0 10px;
background:url(../../common/images/ex_arrow_03.gif) left 2px no-repeat;
text-decoration:none;
line-height:1.2;
font-size:85%;
}

/*----------------------------------------------------------------------------
	04：search_recipe_ingredient
----------------------------------------------------------------------------*/
.searchIngredient {
width:100%;
margin-bottom:10px;
}
.searchIngredient li {
float:left;
width:24%;
font-size:90%;
}

/*----------------------------------------------------------------------------
	05：search_recipe_list
----------------------------------------------------------------------------*/
#listNumber {
margin-bottom:5px;
font-weight:bold;
}
#listNumber span {
color:#B02719;
font-size:140%;
}
.reciListNavi {
height:32px;
margin-bottom:20px;
color:#B02719;
background: url(../images/list_navi.gif) no-repeat 0 0;
}
.reciListNavi a {
color:#B02719;
text-decoration:none;
}
.reciListNavi a:hover {
text-decoration:underline;
}
.reciListNavi td {
vertical-align:middle;
padding:0 10px;
}
.reciListBox {
margin-bottom:15px;
padding-bottom:15px;
border-bottom:2px solid #ccc;
}
.reciListTitle {
padding:5px 5px 5px 15px;
border-bottom:1px dotted #ccc;
font-size:160%;
font-weight:bold;
background:url(../images/bg_reci_icon.gif) no-repeat 5px 50%;
}
.reciListTitle a:hover {
text-decoration:none;
}
.reciListData {
padding:5px 5px 0;
}
#reciList {
	padding-left:3px;
}
#reciList li {
	float: left;
	width: 135px;
	margin-bottom: 20px;
	padding: 0 8px;
}
#reciList img {
	vertical-align: bottom;
	margin-bottom: 5px;
}
#reciList a {
	text-decoration: none;
}
#reciList a:hover {
	text-decoration: underline;
}
.reciListIcon {
	height: 15px;
}

/*----------------------------------------------------------------------------
	06：commodity
----------------------------------------------------------------------------*/
.commodityList {
float:left;
width:203px;
margin-bottom: 15px;
text-align:center;
}
.commodityList dt img {
border:1px solid #ccc;
}
.commodityList dd {
margin:5px 29px 0;
padding-left:8px;
text-align:left;
background:url(../images/commodity_icon.gif) no-repeat 0 6px;
}
.commodityList dd a {
text-decoration:none;
}
.commodityList dd a:hover {
text-decoration: underline;
}
#mainContent a{
text-decoration:none;
}
#mainContent a:hover {
text-decoration: underline;
}