@charset "UTF-8";
@import url("http://cookst.jp/common/css/portal.css");
@import url("http://cookst.jp/common/css/portalDog.css");
/* 010 犬レシピ 2カラム ----- */

body {
	font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:90%;
	line-height:120%;
	background:#fff;
	color:#333;
	margin: 0;
	padding:0;
}

/* clear
------------------------------------------------------------ */
.clear:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


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

ul{
	margin: 0;
	padding:0;
	}


a:link {
	color: #cc6633;
	text-decoration: underline;
}

a:visited {
	color: #cc6633;
	text-decoration: underline;
}

a:active {
	color: #cc6633;
	text-decoration: none;
}

a:hover {
	color: #cc6633;
	text-decoration: none;
}


img {
	border: 0;
	vertical-align: top;
}


/* 全体枠
------------------------------------------------------------ */
.all_contents {
	width:950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}


/* コンテンツエリア
------------------------------------------------------------ */

.body_area {
	width: 100%;
}


/* ■印刷非表示クラス
------------------------------------------------------------ */
@media print {
	.print { 
		display: none ;
	}
}


/* ■タイトルエリア
------------------------------------------------------------ */

.main_title {
	width:708px;
	margin: 0 auto 16px auto;
	background:url(http://design.cookst.jp/010/dog_ttl_bg.gif) no-repeat;
}


/* ■ブログ見出し 
------------------------------------------------------------ */

.blog_title {
	width:610px;
	float:left;
	font-size:120%;
	color:#3399cc;
	margin: 0 0 0 10px;
	font-weight: bold;
	overflow:hidden;
	word-break:break-all;
	display: block;
	padding-top:10px;
}

.blog_title a{
	text-decoration:underline;
	color:#3399cc;
	}


/* ■ブログ説明
------------------------------------------------------------ */
.blog_descriptionarea{
	width:inherit
	padding-top:5px;
	margin:5px 20px 0 0;
}

.blog_description {
	width:678px;
	color:#996633;
	display: block;
	overflow:hidden;
	word-break:break-all;
	margin-left:15px;
	font-size:90%;
	line-height: 130%;
	clear:both;

}


/* ■左メニューエリア
------------------------------------------------------------ */

.left_area {
	width: 222px;
	height: auto;
	margin-right:10px;
	padding-top: 0;
	float:left;
	display: block;
}


/* ■メインエリア
------------------------------------------------------------ */

.main_area {
	width:708px;
	height: auto;
	margin-left:10px;
	float:left;
	display: block;
	overflow:hidden;
}


/* ■ページエリア
------------------------------------------------------------ */

.page_area {
	width:708px;
	display: block;
	margin-bottom:3px;
	font-size:90%;
}

.back_article {
	float:left;
}

.next_article {
	float:right;
}

.page_article {
	text-align:center;
	font-size:90%;
	color:#333;
	background-color:#eee;
	padding:3px;
}

h1#page_title {
	width:708px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	background-color:#eee;
	color:#3399cc;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}


/* ■記事エリア
------------------------------------------------------------ */

.article_area {
	width:706px;
	height: auto;
	margin: 0 0 25px 0;
	}


/* ■記事エリアヘッダー
------------------------------------------------------------ */

.top_article_area_header {
	width:696px;
	height:auto;
	border:#3399cc 1px solid;
	padding:5px;
	margin-top:5px;
}

.recipe_cooking_top {
 	margin-top:5px;
 	margin-right:10px;
}

.top_recipe_photo_area {
	width:130px;
	height:auto;
	border:#999 1px solid;
}

.top_recipe_photo_area img{
	border:0;
	padding:5px;
}

.article_area_header {
	width:696px;
	height:auto;
	border:#3399cc 1px solid;
	padding:5px;
	margin-top:5px;
	background:url(http://design.cookst.jp/010/dog_bg_recipename.gif) repeat-y;
}

.category_area_list{
	padding:10px 5px 10px 10px;
}

/* ■記事日付
------------------------------------------------------------ */

.article_date {
	font-size:85%;
	padding:0 5px 5px 0;
	text-align:right;
}

.article_date_list {
	padding:5px 5px 0 10px;
	text-align:left;
	border-top:#999 1px dashed;
}

.article_date_wrap {
	display: block;
	margin: 0;
	}



/* ■記事タイトル→レシピ名
------------------------------------------------------------ */

h2.article_title {
	font-size:120%;
	color: #cc6633;
	font-weight: bold;
	margin:8px 0 0 5px;
}

h2.article_title a{
	color: #cc6633;
	margin: 0;
	font-weight: bold;
	text-decoration: underline;
}

.article_title_wrap {
	padding: 22px 0 0 17px;
	width: 643px;
	display: block;
	white-space: normal;
}

.article_title_text{
	border-top:#999 1px dashed;
	padding:5px 0 0 10px;
	font-size:90%;
}

/* ■記事内容領域→レシピ表示
------------------------------------------------------------ */
.article_value {
	width:706px;
	margin-top:10px;
	font-size:90%;
	line-height:150%;
}

.article_value table td {
	font-size:90%;
	line-height:150%;
}

.recipe_photo_area {
	width:270px;
	/*height:270px;*/
	margin-right:10px;
	border:#999 1px solid;
}

.recipe_photo_area img {
	border:15px #fff solid;
	background-color:#fff;
	display:block;
	margin:auto;
}

.recipe_btn_area {
	font-size:90%;
	padding-top:10px;
}

#evaluation {
	margin:0px 0px 3px 0px;
	display: block;
}

#evaluation a{
	width:200px;
	height:38px;
	display: block;
	background-image: url(http://design.cookst.jp/010/dog_btn_wonderful.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.recipe_ttl_bg1 {
	background-color:#3399cc;
	color:#fff;
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
}

.recipe_ttl_bg2 {
	background-color:#eee;
	color:#3399cc;
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
}

#growthstage1 {
	margin:0px 0px 5px 0px;
	display: block;
}

#growthstage1 a{
	width:272px;
	height:38px;
	display: block;
	background-image: url(http://design.cookst.jp/010/dog_btn_energy1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#growthstage2 {
	margin:0px 0px 5px 0px;
	display: block;
}

#growthstage2 a{
	width:272px;
	height:38px;
	display: block;
	background-image: url(http://design.cookst.jp/010/dog_btn_energy2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#searchEC {
	margin:0px 0px 5px 0px;
	display: block;
}

#searchEC a{
	width:200px;
	height:38px;
	display: block;
	background-image: url(http://design.cookst.jp/010/dog_btn_kcal.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.recipe_foods_text {
	border-bottom:#999 1px dashed;
	padding:2px 0;
	line-height:180%;
}

.recipe_foods_weight {
	fontsize:120%;
	color:#3399cc;
	font-weight:bold;
}

/* ■記事本文領域→材料分量
------------------------------------------------------------ */

.article_text {
	width:auto;
	margin:0 0 0 0;
	float:right;

}

.article_main_text {
	width:706px;
	height: auto;
	margin: 0;
	display: block;
}
	

/* 紹介文*/
.article_layer#text {
	border:#a5cfe4 1px solid;
	padding:5px;
}

/* 記事本文
------------------------------------------------------------ */

.article_layer {
	width:706px;
	overflow:hidden;
	word-break:break-all;
}

.recipe_cooking {
	width:450px;
	font-size:90%;
 	margin-top:5px;
 	margin-right:10px;
 	float:left;
}

.recipe_cooking_number {
	width:20px;
	height:auto;
	font-weight:bold;
	background:#eee;
	padding:2px;
	text-align:center;
	margin:0px 5px 0px 0px;
	float:left;
}

.recipe_cooking_text {
	line-height:150%;
}

.recipe_cooking_photo img {
	border:#999 1px solid;
	margin-top:5px;
}

	
/* クーポン 
------------------------------------------------------------ */

.coupon {
	width: 264px;
	height: 35px;
	display: block;
	background-image: url(http://design.cookst.jp/006/bt_coupon.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	text-align: center;
	margin: 0 auto 0 auto;
	cursor: pointer;
	}

.accessmap {
	width: 264px;
	height: 35px;
	display: block;
	background-image: url(http://design.cookst.jp/006/bt_accessmap.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	text-align: center;
	margin: 0 auto 0 auto;
	}

	
/* ■記事投稿情報 
------------------------------------------------------------ */

.article_posted {
	width:706px;
	height:auto;
	text-align:right;
	margin-top:10px;
	font-size:90%;
}

	
/* 記事投稿情報 
------------------------------------------------------------ */

.article_area_footer {
	width: 660px;
	height: 15px;
	display: block;
}

.article_area_footer a{
	color: #6E6E6E;
	}

.article_area_footer a:hover {
	text-decoration: underline;
}


/* トラックバックエリア
------------------------------------------------------------ */

.trackback_area {
	width: 660px;
	padding: 0 0 5px 0;
	margin: 0 auto 20px auto;
	}


.trackback_area_header{
	width: 660px;
	background-image: url(http://design.cookst.jp/006/comment_border_b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
	}
	
.trackback_area_title{
	margin: 0;
	padding: 0;
	color: #666633;
	}


.trackback_area_value{
	width: 640px;
	padding:10px;
	margin-bottom: 10px;
	display: block;
	}
	

.trackback_area_text{
	margin-bottom: 5px;
	}
	
.trackback_area_text p{
	margin-top: 0;
	padding:0;
	}

.trackback_url_input{
	margin: 0;
	padding: 0;
	width: 100%;
	}

.trackback_value{
	width: 640px;
	height: auto;
	display: block;
	padding-bottom: 8px;
	margin-bottom: 10px;
	background-image: url(http://design.cookst.jp/006/comment02_border_b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}	

.trackback_title{
	font-weight: bold;
	margin: 10px 0 5px 0;
	}

.trackback_excerpt{
	width: 640px;
	margin: 0 0 10px 0;
	}

.trackback_posted{
	width: 640px;
	height: auto;
	}

.trackback_name{
	margin-right: 5px;
	float:right;
	}

.trackback_daytime{
	float:right;
	}

.trackback_area_footer{
	width: 660px;
	height: 0;
	display: block;
	}



/* コメントフォームエリア
------------------------------------------------------------ */

.comment_area {
	width: 660px;
	margin-bottom: 20px;
	}


.comment_area_header{
	width: 660px;
	background-image: url(http://design.cookst.jp/006/comment_border_b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
	}
	
.comment_area_title{
	color: #666633;
	margin: 0;
	padding: 0;
	}
	
.comment_value{
	width: 640px;
	padding-bottom: 8px;
	margin: 0 10px 10px 10px;
	height: auto;
	display: block;
	background-image: url(http://design.cookst.jp/006/comment02_border_b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

.comment_text{
	width: 620px;
	height: auto;
	margin: 0 auto 5px auto;
	}
	
.comment_posted{
	width: 620px;
	height: auto;
	}	

.comment_name{
	margin-right: 5px;
	float:right;
	}

.comment_daytime{
	float:right;
	}

.comment_form_area{
	width: 480px;
	height: auto;
	display: block;
	margin: 25px auto 8px auto;
	padding: 0;
	}
	
.comment_form_name_area{
	width: 480px;
	height: 22px;
	display: block;
	padding:8px 0;
	clear:both;
	}
	
.comment_form_name{
	width: 9em;height: auto;
	display: block;
	float:left;
	}
	
.comment_form_name_input_area{
	display: block;
	float:left;
	}
	
.comment_form_name_input{
	width: 270px;
	}


.comment_form_mail_area{
	width: 480px;
	height: 22px;
	display: block;
	padding:8px 0;
	clear:both;
	}
	
.comment_form_mail{
	width: 9em;height: auto;
	display: block;
	float:left;
	}
	
.comment_form_mail_input_area{
	display: block;
	float:left;
	}

.comment_form_mail_input{
	width: 270px;
	}


.comment_form_url_area{
	width: 480px;
	height: 22px;
	display: block;
	padding:8px 0;
	clear:both;
	}

.comment_form_url{
	width: 9em;height: auto;
	display: block;
	float:left;
	}
	
.comment_form_url_input_area{
	display: block;
	float:left;
	}

.comment_form_url_input{
	width: 350px;
	}

.comment_form_comment_area{
	width: 480px;
	height: 106px;
	display: block;
	padding:8px 0;
	clear:both;
	}

.comment_form_comment{
	width: 9em;height: auto;
	display: block;
	float:left;
	}
	
.comment_form_comment_input_area{
	display: block;
	float:left;
	}
	
.comment_form_comment_input{
	width: 350px;
	height: 100px;
	}

.comment_form_button_area{
	text-align: center;
	display: block;
	margin-top: 15px;
	width: 480px;
}

.comment_form_button{
	display: block;
	width: 64px;
	height: 23px;
	margin: 0 auto;
	clear:both;
	}


.comment_area_footer{
	width: 480px;
	}
	
		
/* 右メニューエリア
------------------------------------------------------------ */
.rirght_area{
	display:none;
}

		
/* フッターエリア
------------------------------------------------------------ */

.footer_area {
	width: 900px;
	height: 20px;
	display: block;
	clear:both;
		}
 
 
 
/* 概要
------------------------------------------------------------ */

 
/* ■パーツエリア
-------------------------------- */
.parts_area {
	height: auto;
	display: block;
	margin: 0 0 10px 0;
	border:#9d9d9d 1px solid;
}

h1#parts_blog_title {
	font-size: 12px;
	font-weight: normal;
	color: #569B17;
	margin: 0;
	background-image: url(http://design.cookst.jp/006/parts_blog_title_b.jpg);
	background-repeat: no-repeat;
}


.parts_blog_explanation_img {
	width: 180px;
	height: 16px;
	margin: 0 auto 5px auto;
	background-image: url(http://design.cookst.jp/006/parts_blog_explanation_b.gif);
	background-repeat: no-repeat;
	text-indent: -99999px;
}

h2#parts_blog_explanation {
	width:208px;
	font-size:90%;
	font-weight:bold;
	color:#3399cc;
	text-align:center;
	margin:0;

}

#category_archive_area {
	width: 220px;
	height: auto;
	display: block;
}

#article_recent_area {
	width:220px;
	height: auto;
	display: block;
}


#ad_recent_area {
	width:220px;
	height: auto;
	display: block;
}


#ad_recent_area_header {
}


#ad_recent_area {
	width: 220px;
	height: auto;
	display: block;
}

#comment_recent_area {
	width: 200px;
	height: auto;
	display: block;
}

#trackback_recent_area {
	width: 200px;
	height: auto;
	display: block;
}

#mobile_area {
	width: 200px;
	height: auto;
	display: block;
}


/* ■料理人
-------------------------------- */

#article_recent_title {
	padding:8px 0 0 12px;
	margin: 0;
	background:url(http://design.cookst.jp/010/dog_bg_ttl222.gif) no-repeat;
}

#article_recent_text {
	margin-bottom:5px;
}

#article_mobile_text {
	margin: 0;
	}

#ad_recent_text {
	margin-bottom:5px;
}

#article_recent_text p{
	margin: 0;
	padding:0;
	}

#article_recent_text p.adress{
	margin: 0 ;
	padding-bottom: 8px ;
	}


#article_mobile_text p{
	margin: 0;
	padding:0;
	}
	
#ad_recent_text p{
	margin: 0;
	padding:0;
	}

.article_recent_image {
	width:200px;
	text-align: center;
	display: block;
	margin:5px auto 8px auto;
	}


.mobile_image {
	width: 180px;
	text-align: center;
	display: block;
	margin-bottom: 5px;
	}


/* プロフィールエリア
-------------------------------- */
h1#profile_area {
	margin-bottom: 10px;
	}

 
/* ■パーツエリアヘッダ
-------------------------------- */
.parts_area_header {
	height: 0;
	width: 222px;
	visibility : hidden ;
	background-color: #fff;
	margin: 0;
}


/* ■パーツタイトル
-------------------------------- */
.parts_title {
	font-size:90%;
	font-weight: bold;
	color:#333;
	margin:0;
	padding:0;
	font-weight: bold;
}

#category_archive_title  {
	padding:8px 0 0 12px;
	margin:0;
	background:url(http://design.cookst.jp/010/dog_bg_ttl222.gif) no-repeat;
}

#ad_recent_title {
	padding:8px 0 0 12px;
	margin: 0;
	background:url(http://design.cookst.jp/010/dog_bg_ttl222.gif) no-repeat;
}

#comment_recent_title {
	background-image: url(http://design.cookst.jp/006/c_comment_b.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding: 2px 0 0 34px;
}

#trackback_recent_title {
	background-image: url(http://design.cookst.jp/006/c_tb_b.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding: 2px 0 0 26px;
}

#mobile_title {
	background-image: url(http://design.cookst.jp/006/c_mobileurl_b.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding: 2px 0 0 27px;
}




/* ブログタイトル画像
-------------------------------- */

.parts_blog_img_main {
	width: 180px;
	height: auto;
	text-align: center;
	display: block;	
	margin: 0 0 10px 0;
}

.parts_blog_img_sub {
	width: 180px;
	height: auto;
	text-align: center;
	display: block;	
	margin: 0 0 10px 0;
}


/* サブカテゴリ開閉
-------------------------------- */
.categorySwitch {
	}


/* ■パーツ内容
-------------------------------- */
.parts_text {
	overflow:hidden;
	word-break:break-all;
	width:190px;
	display: block;
	padding:5px 8px 5px 8px;
}

.parts_text p{
	margin: 0 0 5px 0;
}

.categorySwitch{
}

.parts_text li{
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
}

dl#article_recent_text {
	width: 190px;
	margin: 0;
	}

dl#article_recent_text dt{
	margin:0;
	padding: 0;
	padding-left:5px;
}

dl#article_recent_text dd{
	padding: 0;
	margin-left:10px;
	margin-bottom:3px;
}

dl#ad_recent_text {
	width: 190px;
	font-size:90%;
	margin: 0;
	}

dl#ad_recent_text dt{
	margin:0;
	padding-left:5px;
}
	
dl#ad_recent_text dd{
	padding: 0;
	margin-left:15px;
	text-align:right;
}

dl#trackback_recent_text {
	width: 190px;
	margin: 0;
	}

dl#trackback_recent_text dt{
	margin:0;
	background-image: url(http://design.cookst.jp/006/point_sizzle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	}
	
dl#trackback_recent_text dd{
	padding: 0;
	margin-left:16px;
	margin-bottom:3px;
	}

	
#article_recent_text a{
	color: #7B562A;
	}
	
#comment_recent_text {
	margin: 0;
	}

dl#comment_recent_text {
	width: 190px;
	margin: 0;
	}

dl#comment_recent_text dt{
	margin: 0;
	background-image: url(http://design.cookst.jp/006/point_sizzle.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 16px;
	}
	
dl#comment_recent_text dd{
	padding: 0;
	margin-left:16px;
	margin-bottom:3px;
	}


#comment_recent_text a{
	color: #7B562A;
	}

#trackback_recent_text {
	margin: 0;
	}

#trackback_recent_text a{
	color: #7B562A;
	}

dl#trackback_recent_text {
	width: 190px;
	margin: 0;
	}

dl#trackback_recent_text dt{
	margin:0;
	background-image: url(http://design.cookst.jp/006/point_sizzle.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 16px;
	}
	
dl#trackback_recent_text dd{
	padding: 0;
	margin-left:16px;
	margin-bottom:3px;
	}


#category_archive_text {
	margin-bottom:5px;
}

#category_archive_text a{
	color: #cc6633;
	}

#category_archive_text ul{
	margin: 0;
	width: 190px;
	font-size:90%;
	}

#category_archive_text li{
	margin: 0 0 3px 0;
	}


#mobile_text{
	text-align: center;
	display: block;	
	width: 190px;
	padding-top: 15px;
	}

#mobile_text img{
	margin-bottom: 10px;
	}



/* その他の広告
-------------------------------- */
#other_archive_area {
	width: 220px;
	height: auto;
	display: block;
}

#other_archive_area_header {
}

#other_archive_title {
	padding:8px 0 0 12px;
	margin:0;
	background:url(http://design.cookst.jp/010/dog_bg_ttl222.gif) no-repeat;
}

#other_archive_text {
	padding: 0;
	margin-left:15px;
}


dl#other_archive_text {
	width: 190px;
	font-size:90%;
	margin:5px;
}

dl#other_archive_text dt{
	margin:0;
	padding-left:5px;
}
	
dl#other_archive_text dd{
	padding: 0;
	margin-left:15px;
}

#other_archive_text  a{
	text-decoration:underline;
	color:#3399cc;
}

	
#other_archive_area_footer {
}


/* パーツエリアフッタ
-------------------------------- */
.parts_area_footer {
	width: auto;
	height: 5px;
	display: block;
}

#article_recent_area_footer {
}

#ad_recent_area_footer {
}

#mobile_recent_area_footer {
}


/* ■RSSアイコンエリア
-------------------------------- */
#rss_area {
	margin:10px 15px 0 0px;
	display: block;
	float:right;
}

#rss_area a{
	width:60px;
	height:16px;
	display: block;
	background-image: url(http://design.cookst.jp/010/icon_rss.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/* ■パンくず　breadcrumbs
------------------------------------------------------------ */
.breadcrumbs {
	width:950px;
	margin: 0 auto;
	padding: 0;
	font-size:90%;
}

.breadcrumbs ul {
	margin: 6px 0 5px 13px;
}

.breadcrumbs li {
	display: inline;
}



/* 記事エリア
------------------------------------------------------------ */

.bt_center{
	width: 660px;
	text-align: center;
	display: block;
	margin-top: 10px;
}

.bt_center img{
	text-align: center;
}


/* トラックバックなど
------------------------------------------------------------ */

.trackback_areatitle{
	font-weight: bold;
	margin-bottom: 8px;
	}
	
	

/*　★マージンの指定
------------------------------------------------------------ */
.Mt5 {
	margin-top:5px;
}

.Mt10 {
	margin-top:10px;
}

.Mb10 {
	margin-bottom:10px;
}