@charset "UTF-8";

/*
Theme Name: TSUBUYAKI recipe
Theme URI: 
Description: つぶやきレシピ
Author: 
Author URI: 
Tags: 
Version: 1.0
License: Creator's NEXT　http://www.cnxt.jp/

*/


/********************

01.common

********************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, p,img,div {
	_text-align:left;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

body { 
	font-size: 93%;
	line-height:1.5;
	color: #725239;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

img {	border:none; }

ul, dl { list-style-type: none; }

a { text-decoration:underline; color:#725239; }
a:hover { color:#F60;  }

/********************

02.layout 

********************/

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

clr:after,
#wrapInner:after,
#header .leadArea ul:after,
.mainContents:after,
.recipeBox .recipeTxt:after,
.recipeBox ul.recipeNavi:after,
#footer dl:after,
#footerInner:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

clr,
wrapInner,
#header .leadArea ul,
.mainContents,
.recipeBox .recipeTxt,
.recipeBox ul.recipeNavi,
#footer dl,
#footerInner
{ /*for ie6,7*/ zoom:1; }


/*****  contents layout *****/

#wrap{ width:100%; margin:0; padding:0;}

#wrapInner {
	width:100%;
	margin:0; padding:0; _text-align:center;
}

#header {
	width:968px;
	margin:0 auto;
}

#contentsArea { width:968px; margin:20px auto 0; }
#mainContents { float:left;	width:701px; }
#sidebar { float:right; width:248px; }
#footer {	_text-align:center; 	clear:both; }


/****************************************

03.style

****************************************/

body { background: url(images/bg_01.png) 0 0 repeat; }

#wrap { background: url(images/bg_02.png) 0 0 repeat-x; }
.lowerStyle #wrap { background: url(images/bg_04.png) 0 0 repeat-x; }
#wrapInner { background: url(images/bg_03.png) center 0 no-repeat; }
.lowerStyle #wrapInner { background: url(images/bg_05.png) center 0 no-repeat; }

/***************  #header ***************/

#header { height:485px; position:relative; padding:5px 0 0; zoom:1; }
.lowerStyle #header { height:200px; position:relative; padding:5px 0 0; zoom:1; }

#header h1 { position:absolute; top:60px; left:60px; }
#header p#siteLogo { position:absolute; top:30px; left:0; }
/*  gNavi */
#header #gNavi { position:absolute; left:35px; top:270px; text-align:right; }
.lowerStyle #header #gNavi { position:absolute; left:655px; top:140px; width:400px; }

#header #gNavi li {
	float:left; 
	margin:0 20px 0 0;
	}

#header #gNavi li a { display:block; height:29px; width:81px; overflow:hidden;} 
#header #gNavi li a:hover img { display:none; }

#header #gNavi li.gNavi01 a { background: url(images/gNavi_01.png) 0 bottom no-repeat; }
#header #gNavi li.gNavi02 a { background: url(images/gNavi_02.png) 0 bottom no-repeat; }
#header #gNavi li.gNavi03 a { background: url(images/gNavi_03.png) 0 bottom no-repeat; }


#header #company { position:absolute; right:0; top:10px; }

/*****  .mainImage *****/

#header .leadArea { width:902px; margin:305px auto 0; /position:absolute; }
#header .leadArea ul {  }
#header .leadArea ul li { float:left; }


/***************  #sidebar ***************/

#sidebar { margin: 0; /*_margin-left:25px;*/}

#sidebar h2 { }
#ranking { padding:0 0 29px; background: url(images/sc_bg_02.png) 0 bottom no-repeat; }
#ranking  ul { padding:10px 28px 0 20px; background: url(images/sc_bg_03.png) 0 0 repeat-y; }

#sidebar ul li.scBtn01, 
#sidebar ul li.scBtn02 { margin:10px 0 13px; }
#sidebar ul li.scBtn01 a,
#sidebar ul li.scBtn02 a { display:block; height:75px; width:248px; overflow:hidden; }
#sidebar ul li.scBtn02 a { background:url(images/sc_btn_02.png) 0 -76px no-repeat;}
#sidebar ul li.scBtn01 a { background:url(images/sc_btn_01.png) 0 -76px no-repeat;}
#sidebar ul li.scBtn01 a:hover img,
#sidebar ul li.scBtn02 a:hover img { display:none; }



/*************** conterContets ***************/

#mainContents { padding:0 0 60px; background: url(images/contents_bg_02.png) 0 bottom no-repeat; }
.contentsOuter { padding:46px 0 0; background: url(images/contents_bg_01.png) 0 top no-repeat; }
.contentsInner{ padding:0 40px 5px; background: url(images/contents_bg_03.png) 0 0 repeat-y; }


.contentsInner h1,
.contentsInner h3 {
	margin:0 0 10px;
	padding:0 0 10px;
	background: url(images/contents_border.png) 0 bottom no-repeat;}

.contentsInner h1.recipeTit {
	margin:15px 0;
	padding:0 0 15px;
	font-size:174%;
	font-weight:bold;
	line-height:140%;
	color:#725239;
}

.recipeBox { margin:0 0 30px; }
.recipeBox h1 { font-weight:bold; font-size:153.9%; }
.recipeBox ul { zoom:1;}
.recipeBox ul li { margin:0 0 1em; }
.recipeBox ul li a { font-weight:bold; font-size:120%; 	line-height: 150%;}

.recipeBox .recipeTxt { margin:0; }
.recipeBox .recipeTxt p { margin:0 0 1em; font-size:138.5%; }
.recipeBox .recipeTxt p img { margin:5px 10px; border:#FFF 10px solid; }

.recipeBox ul.recipeNavi {position:relative; top:20px; }
.recipeBox ul.recipeNavi li { margin:0;}
.recipeBox ul.recipeNavi li a { font-weight:bold; font-size:100%; line-height:1; }
.recipeBox ul.recipeNavi li.previous { float:left; }
.recipeBox ul.recipeNavi li.next { float:right; }


.recipeBox a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*************** #footer  ***************/

#footer { margin-top:40px;}
#footer a { color:#FFF; font-size:10px; }

#footerInner {
	position:relative;
	width:968px;
	padding:10px 0 10px 0;
	margin:0 auto;
	_text-align:left;}


#footerInner dl {  margin:0 0 0 5px;}
#footerInner dl dt { font-weight:bold; color:#FFF;}
#footerInner dl dd { margin:5px 10px 0 0 ;  display:inline; }


#footer address {  position:absolute; bottom:10px; right:0px; color:#FFF; }

/**********************

	#wp_page_numbers style

**********************/

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 12px;
	font-family: Verdana;
}

#wp_page_numbers {
	margin-top: 20px;
	margin-bottom:-20px;
	width: 100%;
}

#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {

	margin-top: 2px;
	margin-bottom: 2px;

	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 1px;
	margin-right: 1px;
	display: block;
	color:#725239;
}

#wp_page_numbers li a:hover {
	border-color: #999;
}

#wp_page_numbers li.space {
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #f1f1f1;
	padding-top: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border: 1px solid #bfbfbf;
	background: white;
	padding-left: 4px;
	padding-right: 4px;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
}

#wp_page_numbers li.page_info {
	margin-top: 2px;
	margin-bottom: 2px;
	
	padding-top: 2px;
	
	margin-right: 2px;
	padding-left: 2px;
	color:#725239;
}








/**********************

レシピ祭りページ全体用追加分

**********************/

#mainContents02 { float:left;	width:968px; }

#mainContents02 { padding:0 0 60px; background: url(images/contents02_bg_02.png) 0 bottom no-repeat; }
.contentsOuter02 { padding:46px 0 0; background: url(images/contents02_bg_01.png) 0 top no-repeat; }
.contentsInner02{ padding:0 40px 0; background: url(images/contents02_bg_03.png) 0 0 repeat-y; }

/**********************

レシピ祭りPR01

**********************/

.style1 {
	font-size: 22px;
	font-weight: bold;
}
.style4 {
	font-size: 25px;
	font-weight: bold;
}
.style6 {font-size: 22px}

#maturi{width:875px; background:#fef8f1; text-align:center;}

#maturi .head_logo{ height:104px;}

.left-l{ float:left;
width:350px;
padding-left:21px;}

.right-l{ float:right;
padding-right:15px;
width:323px;}

.main-m{width:837px;
padding:0px 0 0px 0px;
background:url(images/fes_title_bg.gif) no-repeat scroll 0 0 #fef8f1;}

.box01{width:800px;
height:338px;
background:transparent url(images/fes_box01_bg.gif) no-repeat scroll 0 0;}

img.title-img{margin:36px 0 24px 0;}

.text-b01{ float:right; width:288px; text-align:center; padding:74px 20px 0 0; font-size:18px; color:#725239; line-height:25px;}


.box02{padding-top:51px; padding-bottom:38px; text-align:center;}

.bottom-box{width:740px;
height:49px;
text-align:center;
padding-top:43px;
margin:5px auto 0;
background:url(images/fes_title-02.gif) no-repeat scroll 0 0 #FFFFFF;
border:#74553c solid 1px;}

p.bottom-text{
margin:auto; }


table.maturi_box{width:790px;
border-bottom:#aa9680 solid 2px;
border-top:#aa9680 solid 2px;}

table.maturi_box02{width:100%;
border-left:#82b565 solid 2px;
border-right:#82b565 solid 2px;
border-top:#82b565 solid 2px;}

table.maturi_box03{width:100%;
border:#aa9680 solid 2px;}

table.about_box{margin-bottom:20px;width:790px;
border-bottom:#aa9680 solid 2px;
border-top:#aa9680 solid 2px;}



td.title_box{
color:#725239;
text-align:left;
width:108px;
background:#f1e4d8; padding:10px 0 4px 23px;}

td.title_box03{
color:#3e7239;
border-bottom:#FFFFFF solid 1px;
text-align:left;
font-size:14px;
width:131px;
background:#f1fef2; padding:4px 0 4px 23px;}

td.title_box03-n{
color:#725239;
text-align:left;
font-size:14px;
width:131px;
background:#fef8f1; padding:4px 0 4px 23px;}

td.title_box02{
color:#FFFFFF;
text-align:center;
background:#725239; padding:7px 0 7px;}

td.photo01{
background:#f1e4d8;
width:270px;
padding:21px 19px;}

td.text-a_box{ 
text-align:left;
color:#725239;
 background:#FFFFFF; padding:10px 23px; font-size:16px; line-height:25px;}

td.text_box{ 
text-align:left;
color:#725239;
 background:#FFFFFF; padding:8px 0 6px 16px; font-size:16px; line-height:25px;}
 
 td.text_box02{ 
text-align:left;
color:#725239;
background:#f1e4d8; padding:21px 42px 21px 0px; font-size:18px; line-height:27px;}

 td.text_box03{ 
text-align:left;
color:#725239;
background:#e6d7ca; padding:0px 24px 0px 24px; font-size:18px; line-height:27px;}

 td.text_box03-b{ 
text-align:left;
color:#725239;
background:#e6d7ca; padding:0px 26px 21px 25px; font-size:18px; line-height:27px;}

td.br-img{
height:1px;
background:transparent url(images/fes_box-br_02.gif) repeat-x scroll 0 0;}

 td.text_box04{ 
text-align:left;
color:#454545;
border-bottom:#FFFFFF solid 1px;
background:#FFFFFF; padding:9px 24px; font-size:14px; line-height:25px;}

 td.text_box04-n{ 
text-align:left;
color:#454545;
background:#FFFFFF; padding:9px 24px; font-size:14px; line-height:25px;}


 td.form_box01{ 
text-align:left;
color:#725239;
border-bottom:#FFFFFF solid 1px;
background:#FFFFFF; padding:7px 24px; font-size:14px; line-height:25px;}

 td.form_box02{ 
text-align: center;
color:#725239;
border-bottom:#FFFFFF solid 1px;
background:#FFFFFF; padding:15px 24px; font-size:14px; line-height:25px;}


td.photo02{
background:#e6d7ca;
padding-left:22px;}

td.photo03{
background:#e6d7ca;
padding-right:25px;}

td.move{ 
text-align: center;
background:#e6d7ca; padding:28px 0px 28px 0px;}

td.title_box-n{ 
border-top:#e6d7ca solid 1px; 
background:#e7e7e7; padding:10px 0 4px 12px;}

td.text_box-n{ 
border-top:#e6d7ca solid 1px; 
 background:#FFFFFF; padding:8px 0 6px 12px; font-size:14px; line-height:21px;}
 
td.title_form{color:#725239;
border-bottom:#FFFFFF solid 1px;
text-align:left;
font-size:14px;
background:#fef8f1; padding:4px 23px 4px 23px;}
 
  td.form_box{ 
text-align:left;
color:#725239;
background:#f1e4d8; padding:5px 21px 21px 21px;  font-size:18px; line-height:27px;}

.title_b{ font-weight:bold; font-size:16px;}

.title_n{font-size:12px;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}