@charset "EUC-JP";

body{
	background:  url(/img/category/recipe_blog/bg.gif) repeat left top;
}

#globalContainer {
}

#globalHeader {
	background: #fff none;
}

#mainContainer {
}


#footerMenu{
	background: #ccb2a1;
}

#footerMenu #footerNav{
	background: #938e81 none;
	color: #f7f7f7;
}
#footerMenu #footerNav a{
	color: #f7f7f7;
}

#footerWrapper {
}

#footerWrapper .r_top{
	background: url(/img/category/recipe_blog/footer_top.gif) no-repeat left top;
}
#footerWrapper .r_btm{
	background: url(/img/category/recipe_blog/footer_bottom.gif) no-repeat left bottom;
}
#footerWrapper .r_body{
	background: url(/img/category/recipe_blog/footer_middle.gif) repeat-y left top;
}

#footerWrapper .menuBox h2 {
	color: #333;
}

#footerWrapper .menuBox .menuB .box a{
}

#footerWrapper .menuBox .menuB .box ul li{
}

#footerWrapper .menuBox .menuB .box ul li ul li{
}

div#footerWrapper dl.livedoorService,
div#footerWrapper dl.livedoorService li,
div#footerWrapper dl.livedoorService li a {
}

#footerMenu ul.nav li a {
}

#footerMenu address{
}

#directoryBox,
#directoryBox a{
	color: #000 !important;
}
#directoryBox ul.bread li ul li{
	background: url(/img/portal/icon/directory.gif) no-repeat left top;
	color: #000 !important;
}
#directoryBox ul.link li{
	color: #000 !important;
}



/* GlobalSearchbox */
#commonHeader {
	padding: 5px 0;
}

#commonHeader #logoBox{
	width: 460px;
	padding-left: 10px;
	text-align: left;
}

#commonHeader #logoBox img {
	vertical-align: top;
}

#commonHeader #searchBox{
	width: 472px;
}

div#search {
	height: 64px;
	width: 472px;
}
div#search {
	background: url(/img/category/recipe_blog/search_bg.gif) no-repeat left top;
}

form#search-form div.searhline-outer {
	background: url(/img/category/recipe_blog/searchform_bg.gif) no-repeat left top;
}

form#search-form div.searhline-outer {
	width: 399px;
}

form#search-form div.searhline-outer input.q{
	width: 295px;
}

*+html form#search-form div.searhline-outer input.q,
* html form#search-form div.searhline-outer input.q{
	width: 290px;
}
ul#search-tabs li {
	font-size: 13px;

}

/* main */
div.recipeBlogWrap {
	margin-bottom: 20px;
}
p.naviDescription {
	padding: 5px 0 15px;	
}
.recipeBlogBigTitle {
	background: url(/img/category/recipe_blog/main_titlebase_650.gif) no-repeat left top;
	line-height: 36px;
	font-weight: bold;
	font-size: 126%;
	padding-left: 15px;
}

div.recipeBlogWrapBody {
	padding: 10px;
	background: #fff;
	zoom: 1;
}

div.recipeBlogBox {
	margin-bottom: 20px;
}

div.recipeBlogBox .recipeBlogMainTitle {
	background: url(/img/category/recipe_blog/main_titlebase_630.gif) no-repeat left top;
	margin-bottom: 10px;
}

div.recipeBlogBox h2.recipeBlogMainTitle2 {
	padding: 6px 10px 6px 30px;
	font-weight: bold;
	font-size: 120%;
	color: #896a14;
}

div.recipeBlogBox .recipeBlogMainTitle a:link,
div.recipeBlogBox .recipeBlogMainTitle a:visited {
	text-decoration: none !important;
	color: #896a14 !important;
}

div.recipeBlogBox .recipeBlogMainTitle a:active,
div.recipeBlogBox .recipeBlogMainTitle a:hover {
	text-decoration: underline !important;
	color: #000 !important;
}

div.moreWrap {
	padding-top: 7px;
}

p.more a.more {}

.titleWrap ul.more {
	margin-top: 7px;
}

ul#parentcategory {
	line-height: 1.8;
	margin: -5px 0 20px;
}

ul#parentcategory li {
	display: inline;
	margin-right: 5px;
}


/* common theme blog box */

.section {
	margin-bottom: 20px;
}
.themeBox{}
.themeBox2{
        background: url(/img/category/recipe_blog/line.gif) no-repeat left bottom;
	padding: 10px 0;        
	zoom: 1;
}
.themeEven {
	background: #f8f7f4;
}
.themeList{
	position: relative;
	min-height: 51px;
	margin-bottom: 10px;
}
* html .themeList{
	height: 51px;
}
.themeList .title{
	padding: 5px 0 2px 81px;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 111%;
}
.themeList .title span{
	margin-left: 10px;
	font-weight: bold;
	font-size: 90%;
}
.themeList .title img{
	vertical-align: middle;
	margin-right: 3px;
}
.themeList .desc{
	margin:0;padding:0;
	padding-left: 81px;
	line-height: 120%;
}
.themeList .count{
	margin:0;padding:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 71px;
	height: 51px;
}
.themeList .count div{
	text-align: center;
	padding-top: 10px;
	line-height: 1;
}
.themeList .count strong{
	display: block;
	font-size: 145%;
	font-family: "Arial" sans-serif;
}
.themeList .count3{
	background: transparent url(/img/pickup/number_base_rose.gif) no-repeat left top;
	color: #fff;
}
.themeList .count2{
	background: transparent url(/img/pickup/number_base_pink.gif) no-repeat left top;
	color: #f44596;
}
.themeList .count1{
	background: transparent url(/img/pickup/number_base_purple.gif) no-repeat left top;
	color: #ce6afe;
}
.themeList .count0{
	background: transparent url(/img/pickup/number_base_blue.gif) no-repeat left top;
	color: #5572fc;
}

.themeCateList td{
	padding: 5px;
}
.themeCateList td.date{
	width: 1%;
	white-space: nowrap;
}
.themeCateList td.title{
	width: 54%;
}
.themeCateList td.blog{
	width: 45%;
}
.themeCateList td img{
	vertical-align: middle;
}
.themeCateList td.blog img{
	margin-right: 3px;
}


/* ブログランキングメインカラム */
.recipeBlogRankingMain .ranking {
	padding: 0 0 10px;
}

.recipeBlogRankingMain .rank2,
.recipeBlogRankingMain .rank4 {
}

.recipeBlogRankingMain .ranking .image {
	width: 90px;
	float: left;
	text-align: right;
	padding-top: 10px;
}

.recipeBlogRankingMain .ranking .image img {
	border: 1px solid #EEa29f;
}


.recipeBlogRankingMain .ranking h3,
.recipeBlogRankingMain .ranking ul{
	width: 525px;
	float: right;
}

.recipeBlogRankingMain .ranking h3 {
	position: relative;
	font-size: 120%;
	padding: 10px 0;
}

.recipeBlogRankingMain .ranking h3 span.number {
	display: block;
	position: absolute;
	top: 1px;
	left: -95px;
	background: url(/img/category/recipe_blog/icon_4.gif) no-repeat 1px top;
	width: 28px;
	height: 24px;
	line-height: 18px;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.recipeBlogRankingMain .ranking.rank1 h3 span.number {
	width: 28px;
	height: 24px;
	line-height: 30px;
	background: url(/img/category/recipe_blog/icon_1.gif) no-repeat -1px top;
}
.recipeBlogRankingMain .ranking.rank2 h3 span.number {
        width: 28px;        
	height: 24px;
        line-height: 30px;
        background: url(/img/category/recipe_blog/icon_2.gif) no-repeat -1px top;
}
.recipeBlogRankingMain .ranking.rank3 h3 span.number {
        width: 28px;        
	height: 24px;
        line-height: 30px;
        background: url(/img/category/recipe_blog/icon_3.gif) no-repeat -1px top;
}

.recipeBlogRankingMain .ranking ul li {
	margin-bottom: 5px;
}

.recipeBlogRankingMain .ranking ul li.first {
}

.recipeBlogRankingMain .ranking ul li span {
	font-size: 83%;
	margin-left: 3px;
	font-weight: normal;
}

.recipeBlogRankingMain .rankingMore {
	text-align: right;
	padding: 10px 0 0;
}

.recipeBlogRankingMain .rankingMore li {
	display: inline;
	margin: 0 5px;
	padding: 3px 0 3px 20px;
	background: url(/img/portal/icon/link.gif) no-repeat left 50%;
}

.recipeBlogRankingMain .ranking h3 img.plan {
	vertical-align: middle;
	margin-right: 3px;
}

.recipeBlogRankingMain .ranking ul li a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
}

.recipeBlogRankingMain .ranking ul li a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
}


/* sub */

div.recipeBlogSubBox {
	margin-bottom: 10px;
}

div.recipeBlogSubBox .recipeBlogSubTitle {
	background: url(/img/category/recipe_blog/side_titlebase.gif) no-repeat left top;
	line-height: 42px;
	height: 42px;
	padding: 0 10px 0 15px;
	font-size: 111%;
	color: #5a1d13;
}

div.recipeBlogSubBox div.recipeBlogSubBoxBody {
	border: 1px solid #eea29f;
}

div.recipeBlogSubBox div.recipeBlogSubBoxBody2 {
	background: #f8f7f4;
	padding: 10px;
}


/* ブログランキング右カラム */

div.recipeBlogrankingSub {
        margin-bottom: 10px;
}
.recipeBlogRankingSub .ranking {
	padding: 10px 0;
	position: relative;
}
.recipeBlogRankingSub .ranking .image {
	width: 90px;
	margin-left: -8px;
	float: left;
	text-align: right;
}

.recipeBlogRankingSub .ranking .image img {
	border: 1px solid #eea29f;
}


.recipeBlogRankingSub .ranking h3,
.recipeBlogRankingSub .ranking ul{
	width: 185px;
	float: right;
}

.recipeBlogRankingSub .ranking h3 {
	margin-bottom: 5px;
}

.recipeBlogRankingSub .ranking h3 span.number {
	display: block;
        width: 28px;
        height: 24px;
	position: absolute;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
	color: #fff;
}

.recipeBlogRankingSub .ranking.rank1 h3 span.number {
        top: 1px;
        left: 1px;
	line-height: 32px;
	padding-left: 1px;
	background: url(/img/category/recipe_blog/icon_1.gif) no-repeat left top;
}
.recipeBlogRankingSub .ranking.rank2 h3 span.number {
        top: 1px;
        left: 1px;
        line-height: 32px;
	padding-left: 1px;
        background: url(/img/category/recipe_blog/icon_2.gif) no-repeat left top;
}
.recipeBlogRankingSub .ranking.rank3 h3 span.number {
        top: 1px;        
	left: 1px;
        line-height: 32px;
	padding-left: 1px;
        background: url(/img/category/recipe_blog/icon_3.gif) no-repeat left top;
}
.recipeBlogRankingSub .ranking.rank4 h3 span.number {
        top: 4px;                
	left: 3px;
        line-height: 18px;
        background: url(/img/category/recipe_blog/icon_4.gif) no-repeat 1px top;
}
.recipeBlogRankingSub .ranking.rank5 h3 span.number {
        top: 4px;                         
	left: 3px;
        line-height: 18px;
        background: url(/img/category/recipe_blog/icon_4.gif) no-repeat 1px top;
}

.recipeBlogRankingSub .ranking ul li {
	margin-bottom: 5px;
}

.recipeBlogRankingSub .ranking ul li.first {}

.recipeBlogRankingSub .ranking ul li span {
	font-size: 83%;
	margin-left: 3px;
	font-weight: normal;
}

.recipeBlogRankingSub .rankingMore {
	text-align: right;
	padding: 10px 0 0;
}
.recipeBlogRankingSub .moreWrap li {
	margin-bottom: 5px;
}
.recipeBlogRankingSub .moreWrap li a{
	display: inline;
	margin: 0 5px;
	padding: 3px 0 3px 20px;
	background: url(/img/portal/skin/wood/link.gif) no-repeat left 50%;
}

.recipeBlogRankingSub .ranking h3 img.plan {
	vertical-align: middle;
	margin-right: 3px;
}

.recipeBlogRankingSub .ranking ul li a:link {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_off.gif) no-repeat left top;
}

.recipeBlogRankingSub .ranking ul li a:visited {
	padding-left: 13px;
	background: url(/img/portal/blog_ranking2/check_on.gif) no-repeat left top;
}