@charset "UTF-8";
.side_banner_wrapper { position: relative; margin-bottom: 20px; }

.icon_img { vertical-align: middle; }

.more_content_link { text-align: right; margin-bottom: 10px; }

.intro { margin-bottom: 10px; }

.cont-wrapper { margin-bottom: 20px; }

div.separate-left { float: left; }

div.separate-right { float: right; }

.cp_brown { color: #401c00; }

div.submit { text-align: center; }

.default-text { color: #3c3c3c; font-weight: normal; }

.clear { clear: both; }

.clearfix { zoom: 1; }

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

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.f_right { float: right; }

.f_left { float: left; }

.bold { font-weight: 600; }

.paging { text-align: center; }

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

a.recipe-title:link, a.recipe-title:visited, a.recipe-title:hover { color: #7d940a; font-weight: 600; }

.recipe-title { color: #7d940a; font-weight: 600; }

a.folder-in { background: url(/assets/shared/folder_in.gif?c40c0c1344b2ae2e7844578b5b8fa2d81ee65fbe85b794a5eb3fd500002d6c15) no-repeat; display: block; padding-left: 20px; width: 150px; }

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

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

.no_text_decoration { text-decoration: none !important; }

div.message { border: 1px solid #e5e5e5; background: #f5f5f5; padding: 20px; text-align: center; margin-bottom: 20px; }

div.alert { border: 1px solid red; background: #f5f5f5; padding: 20px; text-align: center; margin-bottom: 20px; color: red; }

.error { display: block; color: #ED6819; font-size: 12px; font-weight: 600; }

.error_text, .alert_text { color: #ED6819; font-weight: 600; }

.list-nav { clear: both; }

.list-nav li { float: left; }

.list-nav-main a { display: block; width: 137px; height: 38px; text-indent: -9999px; }

h2.title { font-size: 123%; padding: 0px 0px 5px 0px; margin-bottom: 5px; }

h2.input-title { font-size: 123%; padding: 5px; margin-bottom: 5px; background: #e5e5e5; }

h2.page_title { padding: 5px; padding-top: 7px; padding-left: 7px; }

div.page_title_wrapper { background: #EFE1E0; background: #F1E6D0; margin-bottom: 10px; }

#title-with-paging { float: left; }

#title-with-paging div.title { float: left; font-size: 123%; font-weight: 600; }

.paging-top { float: right; font-weight: normal; }

.paging-top .prev { margin-right: 5px; }

.paging-top .next { margin-left: 5px; }

#faceicon img.faceicon { float: left; margin-right: 3px; display: block; }

.large { font-size: 18px; }

.mid { font-size: 16px; }

.small { font-size: 11px; }

.inplaceeditor-empty { /*default-gray*/ color: #999; font-size: 12px; }

.inplaceeditor-empty img { vertical-align: middle; margin-top: -2px; }

a.link-to-ingredient-list { text-decoration: none; color: #000; }

.editor_cancel { margin-left: 5px; font-size: 14px; }

/* inplaceeditoryou */
/* span.inplaceeditor-empty { font-size: 12px; color: #666; font-weight: normal; } form.inplaceeditor-form { font-weight: normal; font-size: 14px; } input.editor_field, textarea.editor_field { border-top: 1px solid #666; border-left: 1px solid #666; background: #ffffd3; padding: 3px; } #text-size-limit-container { font-size: 12px; color: #999; } #text-size-limit-container span#text-size-limit { color: #666; } */
/*---------------------------shinohara---------------------------------------*/
/*Inline atyle---------------------------*/
/*Link style*/
a:link, a:visited, a:hover { text-decoration: underline; }

/* Block Style---------------------------- */
/*icon style*/
.linkpin, .marker { background-image: url(/assets/shared/icon.gif?e8fb1412e54ce7a01a8c4f7f39e1460a7a9e03c10bbb56e738216818e1a058c3); background-repeat: no-repeat; display: block; line-height: normal; line-height: 1; }

.linkpin, .icon a { display: block; }

.linkpin, .marker { padding-left: 20px; height: 16px; }

.icon { /*    background-image:image-url('shared/share.gif');*/ background-repeat: no-repeat; display: block; line-height: normal; line-height: 1; }

/*Recipe show icons*/
.recipe-add-myfolder { background-position: 0 -64px; }

.recipe-share { background-position: 0 -96px; }

.recipe-print { background-position: 0 -128px; }

.create-tsukurepo { background-position: 0 -160px; }

/*Title style*/
H1, H2, H3, H4, H5 { font-weight: 600; }

/*Common Layout styles*/
/*Header*/
#utility-nav { float: right; }

#utility-nav li { float: left; }

span.private-mode { font-weight: 600; background: red; color: #fff; font-size: 12px; padding: 3px; text-decoration: none; }

/* paginatenoametsuchinokuuhaku */
div.paginate { margin: 20px 0px; font-size: 131%; }

.length_check { color: #666; padding-left: 10px; font-size: 12px; }

.default-gray { font-size: 12px; }

img.draft_icon { vertical-align: middle; }

/* 090730toolnoishoku */
/* nabikei */
ul.horizontal_list { float: left; }

ul.horizontal_list li { float: left; margin-right: 10px; font-size: 93%; }

ul.horizontal_list li.last { margin-right: 0px; }

ul.tabs { width: 100%; border-bottom: 1px solid #E6E284; margin-bottom: 20px; }

ul.horizontal_list li.tab { display: block; width: 70px; height: 25px; color: #401c00; background: #E6E284; margin-left: 5px; margin-right: 0px; text-align: center; font-size: 93%; }

ul.horizontal_list li.tab a { color: #401c00; text-decoration: none; }

ul.horizontal_list li.tab a:hover { text-decoration: underline; }

li.with_dot { background: url(/assets/shared/list_dot.gif?b5abe587374e238b7bf2ed016ea8ed6c3c2c3b7e25ead4fa06afb1989f62768f) no-repeat; background-position: left top; padding-left: 8px; }

/* message */
.msg { padding: 10px 0px; margin-bottom: 20px; color: #999; }

.info_msg { padding: 10px; background: #fffdef; border: 1px solid #f0ebca; margin-bottom: 20px; }

.success_msg { padding: 10px; background: #F3FFEF; border: 1px solid #E4EFE0; margin-bottom: 20px; }

.error_msg { padding: 10px; background: #FFBFC2; background: #ffd5d7; border: 1px solid #EFB3B5; margin-bottom: 20px; }

.upload_error_msg, .simple_error_msg { background: #FFF5E5; display: block; clear: both; color: #ED6819; margin: 3px 3px 10px; padding: 3px 10px; font-size: 83%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.upload_error_msg p.close_button, .simple_error_msg p.close_button { float: right; }

.upload_error_msg p.close_button a, .simple_error_msg p.close_button a { text-decoration: none; }

/*タイトル系*/
/*h2 h3でまかなう前提*/
/*h2はそのページのタイトル、 h3はページ内のコンテンツのタイトルを想定*/
/*それぞれにプレーンなもの、with_line、with_bgを用意*/
h1.page_title, h2.page_title { color: #401c00; font-size: 138.5%; margin: 0px; padding: 0px; }

h1.page_title_with_line { color: #2F1C12; font-size: 138.5%; padding: 0px; border-bottom: 1px solid #D6D7B9; margin-bottom: 20px; }

h2.page_title_with_line { color: #2F1C12; font-size: 138.5%; padding: 0px; border-bottom: 1px solid #D6D7B9; margin-bottom: 20px; }

h2.content_title { color: #2F1C12; font-size: 108%; margin-bottom: 10px; }

h3.content_title { color: #2F1C12; font-size: 108%; margin-bottom: 10px; }

h2.content_title_with_line, h3.content_title_with_line { color: #2F1C12; font-size: 108%; border-bottom: 1px solid #D6D7B9; }

h2.page_title_with_bg { color: #2F1C12; background: #F1E6D0; font-size: 123.1%; padding: 5px; margin-bottom: 20px; }

/* reiautokei */
/* ikkounosayuufuriwakenosinbokkusunitekiyou */
div.separate_wrapper { position: relative; }

.separate_right { position: absolute; right: 0px; bottom: 10px; }

/* furotosasetasaigonoyousonomajinokesutoka */
/* tekisutosoushokukei */
/* chuuikaki */
span.attention { color: red; }

/* teburu */
table.cp_table { border-collapse: collapse; width: 100%; }

table.cp_table th, table.cp_table td { padding: 5px; border: 1px solid #D6D7B9; }

table.cp_table th { color: #B09068; background: #EBE4C9; }

/*paginate*/
div.paginate span.current_page { padding: 0 5px; font-weight: 600; }

div.length_check { padding: 0px; }

/* fomu */
/*ui_form*/
form.cp_form th, form.cp_form td { padding: 10px; border: 0px; }

form.cp_form tr { border-bottom: 1px solid #D6D7B9; }

form.cp_form tr.first_child { border-top: 1px solid #D6D7B9; }

form.cp_form tr.last_child { border-bottom: 0px; }

form.cp_form td.submit { text-align: center; }

form.cp_form input.textfield, form.cp_form textarea.textarea { border-color: #999999 #E0E0E0 #E0E0E0 #999999; border-width: 1px; border-style: solid; padding: 4px; background: url(/assets/shared/input_back.png?f31edb52fe3aae606c6ec53a6b71c104b5e45e0e8e599b9c9cc48ddef2bf9b2d) no-repeat; }

form.cp_form th.error_cell { background: #FFE5E5; }

form.cp_form td.error_cell { background: #FFF1F1; }

.input_error { color: red; font-size: 93%; }

/* formpendo */
form.horizontal_form input.textfield, form.horizontal_form textarea.textarea { border-color: #999999 #E0E0E0 #E0E0E0 #999999; border-width: 1px; border-style: solid; padding: 4px; background: url(/assets/shared/input_back.png?f31edb52fe3aae606c6ec53a6b71c104b5e45e0e8e599b9c9cc48ddef2bf9b2d) no-repeat; }

/* risuto */
ul.vertical_list { margin-left: 5px; }

ul.vertical_list li { list-style-type: circle; list-style-position: inside; }

ul.child_indent { padding-left: 20px; }

a.recipe_title { color: #7d940a; font-weight: 600; }

span.counter { color: #999; font-size: 85%; }

span.item_count { font-weight: normal; font-size: 85%; }

/*footstamp*/
#page_footstamps { background: url(/assets/themes/category/footstamp_back.gif?bf23f04c0aeb201ef4aa9196ee274bfc2e66b21c0ac049ce3e1a75c9195795e7) no-repeat; height: 28px; }

ul.page_footstamps_inner { padding-left: 10px; }

#page_footstamps li { display: block; height: 28px; padding: 0px 13px 0px 10px; margin: 0px; background: url(/assets/themes/category/footstamp_link_back.gif?591da52af9606259cb9d4514f6aa896521757a2ec0132d84a04613071a785c91) no-repeat right; }

#page_footstamps li.last { background: url(/assets/themes/category/footstamp_link_back_last.gif?685d0b7c3c6eca21097b1a20d565298f16d3b8ad9edbf4fddf541a2fce313c7c) no-repeat right; }

#page_footstamps li.now { background: none; margin-top: 6px; color: #fff; font-weight: 600; padding-left: 5px; }

#page_footstamps a { display: block; margin-top: 5px; text-decoration: none; }

#page_footstamps a:hover { text-decoration: underline; }

/* ironikansurukurasu */
.base_back { background: #EEEECC; }

.page_title_back { background: #F1E6D0; }

.kitchen_header_back { background: #BBC874; }

.kitchen_header_tab_back { background: #E6E284; }

.graph_color { background: #ff9933; }

.default_text_color { color: #3c3c3c; }

.recipe_title_color { color: #7d940a; }

.ingredient_color { color: #CFAA80; }

.user_name_color, .update_time_color { color: #666; }

.item_count { color: #999; }

.notice_color, .length_counter_color { color: #666; }

.mynews_subscriber_count_color { color: #ccc; }

.delete_link_color, .controle_link_color, .recipe_count_color, .recipe_id_color, .empty_text_color { color: #999; }

.staff_tool { background-color: #F3FCFF; }

/* Shared button component  */
a.ckpd-colored-button { background: #ccb100; background: -moz-linear-gradient(top, #ccbe66 0, #ccbe66 50%, #ccb100 50%, #ccb100 100%); background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#ccbe66), to(#ccb100)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccbe66', endColorstr='#ccb100'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccbe66', endColorstr='#ccb100'); border: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: block; border-radius: 6px; color: #fcfcfc; font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1; margin: 0 auto; width: 220px; padding: 10px 10px 12px; text-align: center; text-decoration: none; text-shadow: 0px -1px 1px #837200; }

a.ckpd-colored-button:visited { color: #fcfcfc; }

a.ckpd-colored-button:hover { color: #fcfcfc; background: #bbad52; background: -moz-linear-gradient(top, #bbad52 0, #bbad52 50%, #af990a 50%, #af990a 100%); background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#bbad52), to(#af990a)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bbad52', endColorstr='#af990a'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bbad52', endColorstr='#af990a'); }

#sponsored_and_trend_keyword_background { display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

#trend_keywords_header { float: left; width: 100px; }

#trend_keyword_hourly { float: left; }

#sponsored_and_trend_keyword_wrapper { display: inline; }

#sponsored_and_trend_keyword_wrapper table { border-collapse: collapse; }

#sponsored_and_trend_keyword_wrapper #more_link { position: relative; z-index: 2; }

#sponsored_and_trend_keyword_wrapper #more_link a { font-size: 0.93em; color: #401c00; padding-left: 5px; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper { position: absolute; top: 16px; display: none; background: #fff; border: 1px solid #d6d7b9; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0px 3px 3px #eee; -moz-box-shadow: 0px 3px 3px #eee; box-shadow: 0px 3px 3px #eee; z-index: 1; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper.normal_width { width: 420px; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper.wide_width { width: 690px; }

#sponsored_and_trend_keyword_wrapper #header-main { position: relative; }

#sponsored_and_trend_keyword_wrapper #triangle { position: absolute; top: 20px; left: 30px; display: none; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .keywords-block { width: 220px; padding-right: 20px; vertical-align: top; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .keywords-block .interval { color: #ccc; font-size: 77%; margin-bottom: 5px; margin-top: 10px; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .keywords-block .trend { color: orange; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper td.normal_width { padding-right: 0px !important; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .trend-keyword { width: 200px !important; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .trend-keyword th { width: 50px !important; font-weight: normal !important; }

#sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .trend-keyword th, #sponsored_and_trend_keyword_wrapper #keyword_block_wrapper .trend-keyword td { font-size: 0.9em; border-top: 1px solid #D6D7B9 !important; border-bottom: 1px solid #D6D7B9 !important; padding: 5px 0px; }