@CHARSET "UTF-8";

@import url("ui-lightness/jquery-ui-1.7.2.custom.css");

/* off common.css */
* {
	clear:none;
}

/* ------------------------------------------------------
recipe
------------------------------------------------------ */

.special_contents {
	width: 700px;
	height: 220px;
	padding: 0px 10px 10px 0px;
}

.top_title {
	background: url('/themes/petowa/img/recipe/recipe_title.jpg') no-repeat;
	padding: 0 0 0 85px;
	border-bottom: 1px dotted #6FE1DD;
	width: 615px;
	font-size: 90%;
}

.post_rule{
	background-position: left top;
	padding-top:0px;
	width:550px;
}

.explanation{
	width:130px;
}

.go_recipe_top{
	margin-top:5px;
	padding-top:6px;
	width: 400px;
	float: left;
}

.go_my_recipe{
	padding-bottom: 10px;
}

.go_my_recipe a{
	color: #F07474;
	text-decoration: underline;
	font-size: large;
}

.go_recipe_top a{
	color: #F07474;
	text-decoration: underline;
}

.top_titleText {
	width: 415px;
	float: left;
	padding: 0 10px;
}

a.top_titleBtn {
	float: right;
	clear: none;
	display: block;
	width: 130px;
	height: 33px;
	margin-right: 18px;
	text-indent: -9999px;
	background: url('../images/recipe_btn.jpg') no-repeat;
}

a.top_titleBtn:hover {
	background-position: 0px -33px;
}

.icon_beginner {
	margin-bottom: -3px;
	margin-right: 5px;
}

.arrow_left{
	background: url(../images/arrow_left.jpg) no-repeat 0 32px;
}
.arrow_right{
	background: url(../images/arrow_right.jpg) no-repeat 0 32px;
}
.arrow_slide {
	width: 17px;
	height: 135px;
	margin: 5px 0 0 0;
	float: left;
	cursor: pointer;
	text-align: center;
	color: #888;
	font-weight: bold;
	background-color: #FFF;
}
.arrow_slide_on {
	background-position: -17px 32px;
}
.recipe_slideshow_cover {
	width: 654px;
	height: 220px;
	margin: 0 6px;
	float: left;
	overflow: hidden;
}
.recipe_slideshow_cover {
	/position: relative;
}
.recipe_slideshow {
	width: 3000px;
	clear: both;
	position: relative;
}

.recipe_new01, .recipe_new02, .recipe_new03, .recipe_new04 {
	width: 127px;
	height: auto;
	margin: 5px 5px 10px 0px;
	float: left;
}

.recipe_new05 {
	width: 127px;
	height: auto;
	margin-top: 5px;
	float: left;
}

.recipe_newText {
	width: 127px;
	font-size: 10px;
}

.recipe_search {
	width: 700px;
	margin-right: 5px;
	float: left;
	clear: left;
}

.recipe_search li{
	margin-right:3px;
}

.recipe_category {
	width: 350px;
	float: left;
}

.recipe_search {
	margin: 5px 0px 5px 0px;
}

ul.recipe_search li {
	display: inline;
}

.recipe_category {
	width: 700px;
	margin-top: 5px;
}

.recipe_categoryBox {
	width: 70px;
	text-align: center;
	float: left;
	margin-bottom: 8px;
	font-size: 10px;
}

.recipeBox_l {
	width: 335px;
	padding: 10px 5px 5px 10px ;
	clear: left;
	float: left;
}

.recipeBox_r {
	width: 335px;
	float: left;
	padding: 10px 10px 0px 5px ;
}

.title_bar {
	width: 330px;
	height: 16px;
	background-color: #BFE1DD;
}

.recipe_title {
	float: left;
	font-size: 10px;
}

#recipe_title{
	padding-top:5px;
	padding-bottom: 5px;
}

#recipe_title_edit_area{
}
#recipe_title_areas{
	display:block;
}


h2.over{
	background-color:#c6ebe0;
}

.recipe_update {
	float: right;
	font-size: 10px;
}

.recipeBox {
	width: 330px;
	height: auto;
	margin-bottom: 5px;
	border-bottom: 1px dotted #6FE1DD;
	clear: both;
}

.recipe_name {
	width: 270px;
	font-size: 11px;
	float: left;
}

.recipe_date {
	width: 60px;
	float: right;
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
}

.recipe_text {
	text-align: right;
	font-size: 10px;
}

.recipe_updateBtn {
	width: 130px;
	float: right;
	clear: right;
}

.recipe_updateBtn a {
	height: 33px;
	background-image: url(../images/recipe_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

.recipe_updateBtn a:hover {
	background-image: url(../images/recipe_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px -33px;
}

.recipe_Btn {
	width: 115px;
	float: right;
	clear: right;
}

.recipe_Btn a {
	height: 33px;
	background-image: url(../images/repce_comment_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

.recipe_Btn a:hover {
	background-image: url(../images/repce_comment_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px -33px;
}

/* index search */
.search_result tr{
	border-bottom:1px dotted #6FE1DD;
}

.recipe_pet_type_dog{
	padding-left: 22px;
	background-image: url('../../../themes/petowa/img/recipe/icon_dog.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.recipe_pet_type_cat{
	padding-left: 22px;
	background-image: url('../../../themes/petowa/img/recipe/icon_cat.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.recipe_pet_type_other{
	padding-left: 22px;
	background-image: url('../../../themes/petowa/img/recipe/icon_bird.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.recipe_pet_type_none{
	padding-left: 22px;
	background-image: url('../../../themes/petowa/img/recipe/icon_none.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.depth .recipe_pet_type_dog{
	padding-left: 30px;
	background-image: url('../../../themes/petowa/img/recipe/icon_dog.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
}

.depth .recipe_pet_type_cat{
	padding-left: 30px;
	background-image: url('../../../themes/petowa/img/recipe/icon_cat.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
}

.depth .recipe_pet_type_other{
	padding-left: 30px;
	background-image: url('../../../themes/petowa/img/recipe/icon_bird.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
}

.depth .recipe_pet_type_none{
	padding-left: 30px;
	background-image: url('../../../themes/petowa/img/recipe/icon_none.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
}

.search_result{
	width:680px;
	margin:0px auto;
}

.search_result th.updated_at{
	text-align: center;
}

.search_result td.updated_at{
	text-align: center;
	padding-top:6px;
	padding-bottom:2px;
}

.search_result .result_recipe_title{
	padding-left: 22px;
	padding-top:6px;
	padding-bottom:2px;
}



/* ------------------------------------------------------
recipe_create
------------------------------------------------------ */

.icon_arrowP {
	margin-bottom:-3px;
	margin-right:5px;
}

.page_title {
	font-size: 21px;
	padding: 3px;
}

.alert {
	font-size: 18px;
	color:#903;
}

.recipe_post {
	width: 670px;
	background-color:#F5FEFB;
	height: auto;
	padding: 15px;
	margin-bottom: 20px;
	clear: both;
}

.recipe_post .outer{
	width: 670px;
	background-color:#F5FEFB;
	height: auto;
	padding: 15px;
	margin-bottom: 20px;
	clear: both;
}

.input_title {
	color:#666;
	margin: 0px 0px 5px 0px;
	padding:2px;
	font-size: 18px;
}

.notice {
	font-size:11px;
	color:#666;
}

.guide_line {
	font-size: 14px;
	text-align: center;
	margin: 15px 15px;
}

.submit {
	text-align: center;
	margin-top: 10px;
}

.recipe_open{
	font-size: 14px;
	margin-top: 5px;
}

.name {
	float: left;
	font-size: 14px;
}

.separate {
	float: right;
	font-size: 14px;
}

.recipe_title_editer {
	clear: both;
	font-size: 21px;
	color:#29A999;
	margin: 15px 0px 15px 0px;
}

.recipe_main {
	width: 670px;
	clear: both;
}

.recipe_input_category {
	background-color:#e6f6f1;
	padding:10px;
	clear: both;
}

.recipe_main_left {
	width: 280px;
	height: 280px;
	overflow: hidden;
	position: static;
	float: left;
}
.recipe_main_left {
	/position: relative;
}
.recipe_main_left img{
	position: relative;
}

.photo_delete {
	text-align: right;
}

.recipe_main_right {
	width: 370px;
	float: right;
}

.recipe_edit {
	width: 350px;
	height: 100px;
	margin-top: 15px;
}

.recipe_edit a {
	display: block;
	height: 100px;
	background-color: #F5FEFB;
}

.recipe_edit a:hover {
	background-color:#c6ebe0;
	height: 100px;
}

.edit_area {
	padding: 10px 0px 0px 10px;
}

.steps {
	border: 1px solid #61c6a8;
	padding: 0px 5px 10px 10px;
	margin-bottom:7px;
	background-color:#ffffff;
	clear:both;
}

.step_left {
	width: 80px;
	float: left;
}

.step_position {
	font-size: 18px;
	font-weight: bold;
	color: #29A999;
}

.step_right {
	width: 70px;
	float: right;
	padding-top: 2px;
}

.step_photo {
	width: 150px;
	height: 18px;
	clear: both;
	padding: 3px 3px;
	margin-bottom: 5px;
}

.step_photo a {
	display: block;
	height: 18px;
	background-color: #F5FEFB;
	padding: 3px 3px;
}

.step_photo a:hover {
	background-color:#c6ebe0;
	height: 18px;
	padding: 3px 3px;
}

.step_text {
	width: 150px;
	height: 18px;
	clear: both;
	padding: 3px 3px;
}

.step_text a {
	display: block;
	height: 18px;
	background-color: #F5FEFB;
	padding: 3px 3px;
}

.step_text a:hover {
	background-color:#c6ebe0;
	height: 18px;
	padding: 3px 3px;
}

#response_process{
	padding: 10px;
	color:#ff0000;
}

#response{
	padding: 10px;
	color:#ff0000;
}


.recipe_title_point {
	clear: both;
	font-size: 21px;
	color:#29A999;
	margin: 30px 0px 2px 0px;
}

.recipe_point {
	width: 670px;
	height: 18px;
	clear: both;
}

.recipe_point a {
	display: block;
	height: 18px;
	background-color: #F5FEFB;
	padding: 3px 3px;
}

.recipe_point a:hover {
	background-color:#c6ebe0;
	height: 18px;
	padding: 3px 3px;
}

.recipe_history {
	width: 670px;
	margin-top: 30px;
	padding-bottom: 20px;
	clear: both;
}

.recipe_historyText {
	font-size: 11px;
	color: #999;
}

.recipe_history_left {
	width: 370px;
	float: left;
	font-size: 14px;
	color: #29A999;
	border-bottom: 1px #c6ebe0 dotted;
}

.recipe_history_right {
	width: 300px;
	float: right;
	text-align: right;
	border-bottom: 1px #c6ebe0 dotted;
}

.recipe_message {
	width: 650px;
	background-color: #c6ebe0;
	border: 1px solid #29A999;
	text-align: center;
	padding: 10px;
	margin-top: 30px;
}

.message {
	background-color: #FDEFEE;
	border: 1px solid #FAD7D3;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
}

.message .help{
	display:block;
	color: red;
}

.create_recipe_title{
	padding: 0 0 0 0px;
	border-bottom: 1px dotted #6FE1DD;
	width: 615px;
	height: 35px;
	font-size: 80%;
}

.create_recipe_title .page_title{
	padding-top:15px;
}

input.create_recipe,
input.post_setting{
	font-size: 17px;
	padding: 5px;
}

// recepi title

#recipe_title{
	font-size:23px;
}

.input_title{
	width:400px;
}

#dialog {
	display:none;
}

#dialog form{
	text-align: center;
}

#dialog_process{
	display: none;
}

#dialog_process form{
	text-align: center;
}

.display_none{
	display: none;
}

// steps
.steps_head{
}

.steps_head span{
	line-height:130%;
}

.steps_head a{
	text-decoration: underline;
}

.steps_photo{
	vertical-align:middle;
	height: 135px;
	width: 135px;
	overflow: hidden;
	float:left;
}

.steps_howto{
	float:left;
	padding:0px 0px 0px 0px;
	margin-left:20px;
	width:470px;
	min-height: 90px;
}

.steps_howto_edit{
	padding:0px;
	margin:0px;
	width: 470px;
	height: 90px;
}

.steps_foot{
	clear:both;
	height: 25px;
}

.steps_foot ul{
	float:right;
	height:20px;
}

.steps_foot li{
	float: left;
	padding-top:5px;
	padding-left:20px;
}

.post.depth0 h2 {
	background-image: none;
	padding-left: 10px;
}


/** view */
.ingredients dl{
	clear:both;
}

.category_data dd{
	color:#35aa8f;
	font-weight:bold;
	float:left;
}

.category_data dt{
	color:#35aa8f;
	font-weight:bold;
	padding-right: 15px;
	clear:both;
	float:left;
}

#recipe{
	padding:10px 10px 10px 10px;
}

#recipe h2{
	background-color: #ffffff;
	margin:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size:large;
	color: #35aa8f;
}

#recipe p{
	color: #4e4e4e;
	margin-top:0px;
}

.recipe_core{
	margin-top:25px;
	margin-bottom:15px ;
}

.ingredients dd{
	float:right;
}
.ingredients dl.top{
	border-top: 1px solid #ee9e93;
	margin-top:10px;
}

.ingredients dl{
	border-bottom: 1px solid #ee9e93;
	width:344px;
	padding:3px;
	padding-bottom:5px;
	height:15px;
	margin-left:15px;
}

.ingredients dt{
	float:left;
	clear:both;
}

#recipe .ingredients_title{
	padding-top:0px;
	padding-left:20px;
	line-height: 1em;
}

.recipe_explanation{
	float: right;
}
.recipe_explanation .help{
	margin-top: 12px;
}

.recipe_explanation a.help{
	padding-right: 5px;
}

/** ingredients */
#edit_ingredients{
	width: 380px;
	overflow: auto;
}

#ingredients_table{
	width: 380px;
}



.drag_ingredient{
	width: 20px;
	height: 13px;
	background-image:url(../images/drag.gif);
	background-position:50% 50%;
	background-repeat: no-repeat;
}

.delete_ingredient{
	width: 14px;
	height: 13px;
	background-image:url(../images/delete_small.gif);
	background-position:50% 50%;
	background-repeat: no-repeat;
	cursor : pointer;
}

.delete_ingredient_over{
	background-image:url(../images/delete_small_hover.gif);
}

#recipe_image{
	cursor: pointer;
}

.category_data{
	background-color: #ffaa00;
}

.print{
	float:right;
	padding-top: 5px; padding-right: 5px;
}

.category_efined{
	float: left;
}

.resize_image{
	height: 135px;
	width: 127px;
	overflow: hidden;
	position: static;
}
.resize_image {
	/position: relative;
}

.resize_position{
	position: relative;
}

.process_image{
	position: static;
}

.pointer{
	cursor:pointer;
}

/** gideline */
#gideline p{
	padding: 10px 3px 10px 10px;
}

#gideline p.bold{
	padding: 0px;
	font-weight: bold;
}

#pagenavi{
	padding: 3px;
	text-align: right;
}