@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;
}