@charset "Shift_JIS";


/* ヘッダー（TOP） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#head {
width : 756px ;
height : 86px ;
position : relative ;
margin: 0 0 3px 0 ;
background : #FFFFFF ;
text-align:left ;
}

/*ロゴ*/

#head h1 {
text-indent : -9999px ;
width : 313px ;
height : 43px ;
background : url(./images/logo.gif) no-repeat 0 0 ;
display : block ;
position : absolute ;
left : 0px ;
top : 0px ;
}

/*ロゴ*/

#head h3 a{
text-indent : -9999px ;
width : 111px ;
height : 26px ;
background : url(./images/myrecipe.gif) no-repeat 0 0 ;
display : block ;
position : absolute ;
top : 28px ;
right : 0px ;
}

#head h2{
font-size:90%; 
color:#ff3400; 
padding-bottom:12px; 
padding-left:5px; 
line-height:130% ;
position : absolute ;
left : 317px ;
top : 10px ;
}

#head h4{
font-size:80%; 
line-height: 17px;
position : absolute ;
right : 0px ;
top : 10px ;
}

#head p{
position : absolute ;
left : 10px ;
top : 55px ;
}



/* メイン（750px） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


/******  clearfix  ******/

.clearfix:after,
#main:after,
#contents:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix,
#main,
#contents {
    display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix,
#main,
#contents { 
	display: block; 
}
/* */

/******  clearfix end  ******/


#main {
width : 750px ;
background : url(./images/main_bg.gif) repeat-y 0 0 ;
padding:0 5px 0 5px ;
text-align:left ;
}

#contents {
width : 740px ;
text-align:left ;
}


/* メイン画像 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#thismain{
width : 740px ;
height : 335px ;
background : url(./images/main_p.jpg) no-repeat 0 0 ;
position : relative ;
margin-bottom:10px ;
}
#thismain h2 {
width : 740px ;
height : 290px ;
position : absolute ;
left : 0px ;
top : 0px ;
}

#thismain p {
position : absolute ;
left : 70px ;
top : 296px ;
color:#331501;
}

#thismain span {
position : absolute ;
width:240px;
text-align:right;
left : 480px;
top : 313px;
color:#331501;
}

/*
#thismain span {
position : absolute ;
left : 525px;
top : 313px;
color:#331501;
}
*/



/* leftblock ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#leftblock{
width : 485px ;
margin-left:4px ;
float:left ;
}

html>/**/body #leftblock { padding-bottom:10px; } 

/* 検索 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#kensaku{
width : 485px ;
background : url(../images/top_bg01.gif) repeat-y 0 0 ;
margin:0px;
}
.sec{
width : 469px ;
margin:0px 8px 0px 8px;
padding-top:5px ;
}

.cate1{
width : 226px ;
display:inline ;
float:left ;
}

.cate1 img{
margin-bottom:5px ;
width : 226px ;
}
.cate2 {
width : 234px ;
float:right ;
}
.cate2 img{
margin-bottom:5px ;
width : 226px ;
}


#kensaku:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#kensaku{display: inline-block;}
/*\*/
*html #kensaku { height: 1%;}
 { display: block;}
/* */


/* ベスト5 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.second{
width : 240px ;
background : url(../images/top_bg02.gif) repeat-y 0 0 ;
margin:0px;
text-align:left ;
height:410px ;
}
.sec2{
width : 230px ;
margin:0px 5px 0px 5px;
padding-top:5px ;
text-align:center ;
}

.second p{
margin-bottom:3px ;
}

.second img{
margin-bottom:3px ;
}

.best {
width : 230px ;
margin-top : 7px ;
}

.best img {
float : left ;
margin : 0 5px 5px 0;
width:83px ;
}

.best p{
width:140px ;
float : left ;
text-align:left ;
}

.best:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.best{display: inline-block;}
/*\*/
*html .best { height: 1%;}
 { display: block;}
/* */



/* 投稿 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.toukou{
width : 240px ;
background : url(../images/top_bg02.gif) repeat-y 0 0 ;
margin:0px;
text-align:center ;
}
.sec3{
width : 230px ;
margin:0px 5px 0px 5px;
padding-top:5px ;
text-align:left ;
}

.zenkai {
width : 230px ;
margin-top : 5px ;
}

.zenkai img {
float : left ;
margin : 0 5px 5px 0;
width:95px ;
}

.zenkai p{
width:120px ;
float : left ;
text-align:left ;
margin-top:10px ;
}

.zenkai:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.zenkai{display: inline-block;}
/*\*/
*html .zenkai { height: 1%;}
 { display: block;}
/* */

/* rightblock ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#rightblock{
width : 230px ;
display:inline ;
margin-left:15px ;
float:left ;
text-align:center;
}

/* バナー ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.bnr{
width:220px ;
text-align:left;
margin : 0px auto 15px auto;
}

.bnr img{margin-bottom:3px ;text-align:center;
}
.bnr p{margin-bottom:10px ;}



/* その他のコンテンツ　エリア特集レシピ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.other {
width : 200px ;
margin-top : 3px ;
margin-bottom : 3px ;
vertical-align:middle;
}

.other img {
float : left ;
margin : 0px 10px 0px 10px;
width:65px ;
}

.line1  {
width:110px ;
margin : 14px 0px 0px 0px;
float : left ;
text-align:left ;
}

.line2 {
width:110px ;
margin : 6px 0px 0px 0px;
float : left ;
text-align:left ;
}

.other:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.other{display: inline-block;}
/*\*/
*html .other { height: 1%;}
 { display: block;}
/* */


/* 2009.12.08追加 newsticker */


/******  clearfix  ******/

.clearfix:after,
.rank1:after,
.rank2_5:after,
.toukou_wrapper:after,
.bt_itiran:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix,
.rank1,
.rank2_5,
.toukou_wrapper,
.bt_itiran {
    display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix,
.rank1,
.rank2_5,
.toukou_wrapper,
.bt_itiran { 
	display: block; 
}
/* */

/******  clearfix end  ******/

/* 2009.12.17変更 ニュースティッカー */
#newsTicker {
	width:738px;
	padding: 0px;
	margin: 0px;
	background: url(../images/bg_newsticker.gif) no-repeat left top;
}

#newsTicker ul {
	/* required styles */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width:738px;
	height: 20px; /* height should be included to reserve visual space for the marquee */
}

#newsTicker ul li {
	/* required styles */
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font: 100% ;
	padding:0px 10px 5px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}
#newsTicker ul li a {
color: #FFFFFF;
}




/* 2009.12.08変更 ニュースティッカー */


.container {/*
    background: #fff none;*/
    border: none;
    height: 27px;
    width: 738px;
}

.container .wrap {
    width: 718px;
    left: 10px;
    top: 6px;
    overflow: hidden;
    position: relative;
    line-height: normal;
    font-size-adjust: none;
}
/*
ul.stockTicker {
    list-style-type: none;
	font-size:84%;
	font-weight:bold;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.stockTicker li {
    margin: 0 10px 0;
	padding-top:2px;
	float:left;
}

ul.stockTicker li a {
color:#FF0000;
}
*/

/* 2009.12.08変更 人気レシピ */

#recipe_rank {
width:240px;
background : url(../images/top_bg02.gif) repeat-y;
margin:0;
padding:0;
}
.rank_wrapper {
padding:5px;
padding-bottom:0;
text-align:center;
}
.rank1 {
border-bottom:#CCCCCC 1px dotted;
padding-bottom:11px;
margin-bottom:11px;
}
.rank1 img {
margin-bottom:8px;
}
.rank2_5 {
text-align:left;
border-bottom:#CCCCCC 1px dotted;
padding-bottom:11px;
margin-bottom:11px;
}
.rank2_5 div {
float:left;
margin-right:5px;
}

/* 2009.12.08変更 投稿 */

#toukou_recipe {
width:240px;
background : url(../images/top_bg02.gif) repeat-y;
margin:0;
padding:0;
}
.toukou_wrapper {
padding:5px;
padding-bottom:0;
text-align:left;
}
.toukou_wrapper .theme .term {
padding-top:10px;
font-weight:bold;
color:#FF0000;
text-align:center;
}

.toukou_wrapper .theme2 {
padding:0 0 10px 0;
background:url(../images/line.gif) bottom no-repeat;
margin:0 0 5px 0;
}
.toukou_wrapper .theme2 .term {
border:#FF0000 1px solid;
padding:8px 0px;
margin:10px 0;
text-align:center;
}
.toukou_wrapper .theme2 .term2 {
border-bottom:#FF0000 1px solid;
border-top:#FF0000 1px solid;
padding:5px 0px;
margin:8px 0;
}
.toukou_wrapper .theme2 .btn {
padding-top:8px;
text-align:center;
}
.toukou_wrapper .theme2 .nowrecipe {
padding:5px 0 8px 0;
}
.toukou_wrapper .btn_toukou {
text-align:center;
padding:10px 0 10px 0;
margin:0 0 5px 0;
background:url(../images/line.gif) bottom no-repeat;
}
.toukou_koukai {
padding-top:8px;
text-align:center;
}
.toukou_koukai .theme {
padding:5px 0;
}
.bt_itiran {
padding:8px 0 10px 0;
background:url(../images/line.gif) bottom no-repeat;
margin:0 0 10px 0;
}
.bt_itiran2 {
padding:8px 0 0 0;
margin:0;
}
.bnRenew {
padding:0 0 10px 0;
background:url(../images/line.gif) bottom no-repeat;
margin:0 0 10px 0;
}
.bnRenew2 {
padding:10px 0 1px 0;
background:url(../images/line.gif) top no-repeat;
margin:8px 0 0 0;
}
.bnRenew3 {
padding:10px 0 0 0;
}