@charset "utf-8";

@import url("../../../../info/wp-content/themes/ichiban/page-top.css");
@import url("../../../../user_data/packages/default/css/commons.css");
@import url("../../../../info/wp-content/themes/ichiban/eccube.css");

/*
Theme Name: Ichiban Recipe
Description: 一番食品レシピ
*/

/* CSSハック
------------------------------------------------------------*/
.floatbox{ min-height:1px; height:1%; }
.floatbox:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }

/* 山際先生へのおすすめバナー
------------------------------------------------------------*/
.sid_resipe_ban{
	margin-bottom:8px;
}

/* トップ検索フォーム
------------------------------------------------------------*/
.top_search_box{
	background:url(img/bg-closs.gif) repeat-y;
	text-align:center;
	padding-bottom:10px;
	margin:10px 0;
}
.top_search_area{
	padding-left:10px;
	background:url(img/bg_search.gif);
	text-align:left;
	margin:10px 0;
}
.top_search_section{
	_display:inline;
	width:128px;
	margin-right:10px;
	float:left;
}
.top_search_section h3{
	width:auto;
	background:none;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

/* トップ動画紹介 */
.top_recommend_box{
	background:#0033FF;
	background:url(img/bg-side.gif) bottom;
	padding-bottom:10px;
}
.top_recommend_box img.thm{
	width:170px;
}
.top_recommend_box h2{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	border:none;
}
.top_recommend_section{
	background-color:#fff;
	padding:3px 5px;
	margin:10px 10px 0;
	font-size:90%;
	text-align:center;
}

/* サイド検索 */
.recipe_search_box{
	background:url(img/recipe_bottom.gif) no-repeat bottom;
}
.recipe_search_box h3{
	padding:0;
	margin:0;
	width:auto;
	line-height:0;
	font-size:0;
	height:auto;
}
.recipe_search_box form{
	padding:10px 15px;
}
.recipe_search_box select{
	width:100%;
}
.recipe_bkm_box li{
	margin-top:10px;
}

/* レシピ一覧 */
.recipe_box{background:url(img/bg-closs.gif);}
#community_list .recipe_list{
	list-style:none;
	float:left;
	margin-left:10px;
}
#community_list td{
	padding:0px;
}
#rec_lis .recipe_list{
	list-style:none;
	margin-left:10px;
	margin-top:10px;
}
#rec_lis .recipe_section{
	_display:inline;
	float:left;
	padding:8px 8px;
	border:1px solid #ccc;
	background-color:#fff;
	margin-right:10px;
	margin-bottom:10px;
	width:200px;
}
.recipe_list_image{
	width:200px;
}
.recipe_section h3{
	width:auto;
	font-size:100%;
	color:#FF9900;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	background:url(img/bg.gif) left top no-repeat transparent;
	font-weight:bold;
	height:40px;
	line-height:1.5em;
}
.recipe_section h3 a,.recipe_section h3 a:link,
.recipe_section h3 a:visited,.recipe_section h3 a:hover{
	color:#ff9800;
}
.recipe_section table{
	font-size:10px;
	width:100%;
	margin:0 0 1em 0;
}
.recipe_section table td,
.recipe_section table th{
	padding:1px 3px;
	text-align:center;
}
.recipe_more{text-align:center;}

/* レシピ詳細 */
.recipe_detail_top,
.recipe_text_top{
	border:1px solid #ccc;
	background:url(img/detail.gif) left repeat-y;
	padding:10px 15px 10px 30px;
	width:655px;
}
.recipe_detail_top h3,
.recipe_text_top h3{
	width:auto;
	background:url(img/border.gif) bottom repeat-x transparent;
	padding:0;
	margin:0;
	color:#FF9900;
	font-size:110%;
	font-weight:bold;
}
.recipe_text_top h3{
	margin-bottom:10px;
}
.recipe_text_top table img{
	width:300px;
}
.recipe_text_top table{
	width:100%;
}
.recipe_detail_top h3 a{color:#333;}
.recipe_detail_l,
.recipe_det_lef{
	width:300px;
	float:left;
	padding:10px;
}
#community .recipe_text_l{
	width:300px;
	float:left;
}
.recipe_text_l table{
	width:300px;
	margin:0px;
	border:none;
}
.recipe_detail_l table{
	width:100%;
	font-size:90%;
}
.recipe_detail_l table td,
.recipe_detail_l table th{
	padding:1px 3px;
	text-align:center;
}
.recipe_detail_r{
	width:305px;
	float:right;
	padding:10px;
}
.recipe_text_l .recipe_detail_r{
	clear:both;
	width:600px;
	padding:10px 0px 0px 30px;
}
.recipe_detail_r h4{
	background-color:#eee;
	border:none;
	color:#FF9900;
	font-size:110%;
	font-weight:bold;
	margin:0;
	padding:2px 5px;
	text-align:center;
}
.how{
	padding:0px 10px;
}
.material{
	width:95%;
	border:none;
}
.material td,
.material th{
	padding:0;
	border:none;
	background:none;
	border-bottom:1px solid #ccc;
}
.material td{text-align:right;}
.recipe_detail_bottom{
	width:690px;
	margin:15px 0;
	background:url(img/bg-closs.gif);
}
.recipe_text_top .recipe_detail_bottom{
	clear:both;
	width:655px;
}
.recipe_detail_bottom h4{
	padding:0;
	margin:0;
	border:0;
	line-height:0;
	font-size:0;
}
.recipe_detail_bottom dl{
	margin:10px 15px;
}
.recipe_detail_bottom dt{
	display:none;
}
.recipe_detail_bottom dd{
	padding:3px 0 3px 30px;
	background:top left no-repeat;
}
.recipe_detail_bottom dd.how1{background-image:url(img/how1.gif);}
.recipe_detail_bottom dd.how2{background-image:url(img/how2.gif);}
.recipe_detail_bottom dd.how3{background-image:url(img/how3.gif);}
.recipe_detail_bottom dd.how4{background-image:url(img/how4.gif);}
.recipe_detail_bottom dd.how5{background-image:url(img/how5.gif);}
.recipe_detail_bottom dd.how6{background-image:url(img/how6.gif);}
.recipe_detail_bottom dd.how7{background-image:url(img/how7.gif);}
.recipe_detail_bottom dd.how8{background-image:url(img/how8.gif);}
.recipe_detail_bottom dd.how9{background-image:url(img/how9.gif);}
.recipe_detail_bottom dd.how10{background-image:url(img/how10.gif);}

/* レシピコミュニティ */
#community_form h3{
	margin-bottom:10px;
}
#community_form input,
#community_form textarea{
	border:1px solid #eee;
	font-size:100%;
	padding:2px 3px;
}
#community_form .recipe_detail_l{
	float:left;
	width:250px;
	padding:0;
}
#community_form .recipe_detail_l input,
#community_form .recipe_detail_l textarea{
	width:244px;
}
#community_form .recipe_detail_r{
	float:right;
	width:390px;
	padding:0;
}
#community_form .recipe_detail_r input,
#community_form .recipe_detail_r textarea{
	width:384px;
}
#community_form table{
	width:100%;
}
#community_form td,
#community_form th{
	padding:2px 3px;
	text-align:center;
}
.sel-title{
	font-size:140%;
	width:645px;
}
.sel-comment{
	width:244px;
}
.sel-how{
	width:664px;
	height:200px;
	margin:10px;
}
#community_form dt{
	font-size:110%;
	color:#ff9800;
	margin-top:10px;
	font-weight:bold;
}
#community_form .btn_submit input{
	width:120px;
	height:30px;
	background-color:#FF9900;
	color:#fff;
}
#community_form select{width:100%;}
#community_form .img_thm{
	width:250px;
}
#community_form .wpcf7-form .btn_uploader{
	width:250px;
	margin-top:5px;
}

/* リスト */
#community_list .recipe_detail_r,
#community_list .recipe_detail_bottom{
	display:none;
}
#community_list{background:url(img/bg-closs.gif);}
#community .recipe_list{
	list-style:none;
	margin-left:10px;
	padding-bottom:10px;
}
#community_list .recipe_detail_box{
	_display:inline;
	float:left;
	width:200px;
	padding:8px 8px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #ccc;
	background-color:#fff;
}
#community_list .recipe_detail_top{
	border:none;
	background:none;
	padding:0px;
	width:auto;
}
#community_list .recipe_detail_l{
	width:auto;
	float:none;
	padding:0;
}
#community_list .recipe_detail_top img{
	width:200px;
	height:167px;
}
#community_list .recipe_detail_top h3{
	background:url(img/bg.gif) left top no-repeat transparent;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	font-size:100%;
	line-height:1.5em;
}
.author{
	text-align:right;
	font-weight:bold;
	font-size:85%;
}
.recipe-comment{
	font-size:90%;
	line-height:1.5em;
}
.img200{width:200px;
	height:25px;
}

/* 画像アップローダー */
#uploader{
	background:url(img/bg-closs.gif);
}
#uploader h2{
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
	border:none;
}
#uploader div{
	padding:8px 10px;
}

/* parts */
.rpankuzu{
	padding:5px;
	font-size:90%;
	color:#999;
	text-align:right;
}
.rpankuzu li{display:inline;}
.rpankuzu a{
	background-color:#eee;
	padding:1px 3px;
	border:1px solid #ccc;
	color:#333;
	text-decoration:none;
}
.rpankuzu a:hover{
	border-color:#999;
}
.none{
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	border:none;
}

/* elements */
.btn_submit{
	text-align:center;
	margin:10px 0;
}
.edit a,.edit a:link,.edit a:visited,.edit a:hover{
	color:#333 !IMPORTANT;
}

/* clear fix */
.clearfix:after, .recipe_list:after, .top_search_area:after, .recipe_detail_top:after, #community_form:after,
#community_list:after, .recipe_text_top:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, .recipe_list, .top_search_area, .recipe_detail_top, #community_form,
#community_list, .recipe_text_top
{ display: inline-table; min-height: 1%; }

* html .clearfix,
* html .recipe_list,
* html .top_search_area,
* html .recipe_detail_top,
* html #community_form,
* html #community_list,
* html .recipe_text_top
{ height: 1%; }

.clear{
	clear:both;
}
address{
	font-style:normal;
	text-align:right;
}