@charset "UTF-8";
/* tsukurepotoukoufuro */
h3.title_for_pc_or_keitai { margin-bottom: 10px; }

#id_input_form { padding: 10px; background: #eeeecc; }

#pc_tsukurepo { margin-bottom: 10px; }

/* tsukurepo post header */
#post_header { padding: 8px 8px 0; }

#post_header .first_tsukurepo_title { text-align: center; font-weight: bold; padding: 10px 0 15px; font-size: 18px; }

#post_header #posted-user-name span { font-size: 113%; }

#post_header .content_title { font-size: 18px; margin-bottom: 5px; }

/* tab navigation */
#tsukurepo_post_navi .menu_tab, #tsukurepo_prepare_navi .menu_tab { width: 100%; }

#tsukurepo_post_navi .menu_tab li, #tsukurepo_prepare_navi .menu_tab li { width: 46%; }

#tsukurepo_post_navi .tab, #tsukurepo_prepare_navi .tab { padding: 15px; }

/* tsukurepo post */
#tsukurepo_info_msg { margin: 5px 10px 10px 10px; overflow: hidden; clear: both; text-align: center; }

#tsukurepo_info_msg span { color: #ff9933; font-weight: bold; }

.first_tsukurepo_message { margin: 0 20px 15px; font-size: 13px; padding: 5px 0; }

.lightwindow.tsukurepo_controller.post_action { background: none repeat scroll 0 0 #ffffff; overflow-x: hidden; }

.lightwindow.tsukurepo_controller.post_action .tab { text-align: center; }

#pc_tsukurepo_post .tsukurepo { margin: 0 auto !important; }

#pc_tsukurepo_post .tsukurepo .message { position: relative; }

#pc_tsukurepo_post #tsukurepo_error_message { display: block; }

#pc_tsukurepo_post #tsukurepo_post_indicator { display: none; }

#pc_tsukurepo_post .related_pr_info h3 { font-size: 0.9em; }

#pc_tsukurepo_post .related_pr_info .description { margin: 10px 0px; font-size: 0.8em; }

#pc_tsukurepo_post .pr_checkbox { margin: 5px 0; }

#mail_to_keitai p { font-size: 97%; font-weight: bold; margin: 0 0 10px 0; }

#mail_to_keitai #tsukurepo-post-form th { font-weight: normal; }

#mail_to_keitai #tsukurepo-post-form .text_field { width: 115px; }

#mail_to_keitai #tsukurepo-post-form div { font-size: 11px; display: inline; margin-right: 10px; }

#mail_to_keitai #tsukurepo-post-form .submit { color: #999999; font-size: 85%; }

#tsukurepo-post-form { width: 460px; }

#tsukurepo-post-form tr { margin: 0px; padding: 0px; }

#tsukurepo-post-form th { font-weight: bold; font-size: 97%; padding-top: 5px; padding-bottom: 3px; color: #2F1C12; }

#tsukurepo-post-form td { padding: 0px; margin: 0px; padding-bottom: 10px; }

#tsukurepo-post-form span { font-size: 85%; color: #666666; font-weight: normal; margin-left: 5px; }

#tsukurepo-post-form span.error { color: red; }

#tsukurepo-post-form td.photo-select { padding-bottom: 5px; }

#tsukurepo-post-form #tsukurepo_post_submit_container { margin: 10px 0 0 0; }

/* tsukurepo posted */
.lightwindow.tsukurepo_controller.posted_action { background: none repeat scroll 0 0 #ffffff; overflow-x: hidden; }

#tsukurepo_posted_header { padding: 10px; }

#tsukurepo_posted_header h2 { font-size: 18px; letter-spacing: -0.5; }

#tsukurepo_posted_header .tsukurepo_share { background-color: #faf9f4; padding: 10px; margin-top: 20px; }

#tsukurepo_posted_header .tsukurepo_share .photo { width: 60px; height: 60px; float: left; }

#tsukurepo_posted_header .tsukurepo_share .share_wording { font-size: 108%; color: #4d2200; float: left; padding-left: 10px; margin-right: 30px; height: 60px; }

#tsukurepo_posted_header .tsukurepo_share .share_wording span { height: 60px; display: table-cell; vertical-align: middle; }

#tsukurepo_posted_header .tsukurepo_share .arrow { font-size: 179%; color: #ebe6d0; line-height: 60px; text-align: center; padding: 0 30px; }

#tsukurepo_posted_header .tsukurepo_share .arrow li { float: left; }

#tsukurepo_posted_header .tsukurepo_share .social_buttons { float: right; line-height: 60px; }

#tsukurepo_posted_header .tsukurepo_share .social_buttons li { float: left; padding-right: 15px; }

#tsukurepo_posted_header .tsukurepo_share .social_buttons li a { text-decoration: none; }

#tsukurepo_posted_header .tsukurepo_share .social_buttons .icf_facebook { color: #3b5998; }

#tsukurepo_posted_header .tsukurepo_share .social_buttons .icf_twitter { color: #55acee; }

.next_action { text-align: center; }

.next_action li { display: inline; margin: 10px; }

/* tsukurepo prepare */
.lightwindow.tsukurepo_controller.prepare_action { background: none repeat scroll 0 0 #ffffff; overflow-x: hidden; }

#tsukurepo_prepare_container { background-color: #ffffff; }

.tsukurepo_prepare_table { margin: 0 0 10px 0; }

.tsukurepo_prepare_table td.recipe_photo { width: 90px; }

.tsukurepo_prepare_table td.recipe_title_with_user { width: 290px; }

.tsukurepo_prepare_table td.detect_tsukurepo { padding: 0 0 0 20px; }

#tsukurepo_prepare_paging { margin: 10px; text-align: center; }

#tsukurepo_prepare_id_navi { margin: 30px 15px 0 15px; }

#tsukurepo_prepare_id_navi p { margin: 0 0 0.5em 0; }

.prepare_id_text_field { width: 100px; }

/* tsukurepo edit */
#posted-user-name { margin-bottom: 2px; display: inline; }

#tsukurepo-preview-wrapper { background: #eeeecc; width: 460px; padding: 10px; }

#tsukurepo-preview { /*これやだ*/ margin-left: 130px; width: 140px; }

.tsukurepo .image_wrapper { position: relative; cursor: pointer; overflow: hidden; }

.tsukurepo .tsukurepo_photo { width: 130px; height: 130px; }

.tsukurepo #tsukurepo_photo_upload_indicator { position: absolute; left: 49px; top: 15px; display: none; }

.tsukurepo #tsukurepo_uploaded_photo_wrapper { height: 130px; }

.tsukurepo .file_field { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; display: block; font-size: 40px; height: 130px; width: 130px; z-index: 1; right: 0px; top: 0px; position: absolute; cursor: pointer; }

.tsukurepo #tsukurepo_message_textarea { width: 120px; height: 80px; border: 1px solid #afafaf; overflow: hidden; margin: 5px 0 0 0; }

.tsukurepo textarea.message-text-area { width: 280px; height: 40px; }

.tsukurepo div.submit { text-align: center; }

#tsukurepo_error_message { color: red; width: 100%; font-weight: bold; text-align: center; margin: 0 auto 5px; font-size: 10px; display: none; }

#message_remain_container { margin: 0 0 5px; text-align: center; }

#message_remain_container .length_check { font-weight: normal; display: inline; padding-left: 0; }

#message_remain_container .length_check span { font-size: 100% !important; margin: 0px !important; }

span.caution { color: #ED6819; font-size: 90%; }

/*send_tsukurepo_header*/
#send_tsukurepo_header { float: left; width: 480px; border-bottom: 1px solid #999; margin: 10px 10px 0px 10px; }

#send_tsukurepo_header li { margin-left: 10px; padding: 5px; border: 1px solid #999; border-bottom: none; background: #f5f5f5; }

#tsukurepo-list { width: 588px; margin: 0px auto; }

/*waiting_list*/
div.waiting_list_title { margin: 10px 0 10px; }

div.waiting_list_title h2 { font-size: 123%; }

div.waiting_list_title p { font-size: 85%; color: #666666; }

div.tabs { text-align: right; margin-bottom: 10px; color: #666666; font-weight: bold; }

div.tabs .link_to_accepted_list, div.tabs .link_to_waiting_list { font-weight: normal; color: #999999; }

div.tabs .link_to_accepted_list a, div.tabs .link_to_waiting_list a { text-decoration: none; color: #999999; }

div.tabs .link_to_accepted_list a:hover, div.tabs .link_to_waiting_list a:hover { text-decoration: underline; color: #330000; }

span.tsukurepo_count { font-size: 123%; }

h1.page_title_with_line, p.info_msg { margin-bottom: 10px; }

div.waiting-tsukurepo-wrapper { position: relative; }

div.tsukurepo_loading_indicator { display: none; position: absolute; width: 570px; left: 20px; top: 45%; _top: 200px; /* only ie6 */ text-align: center; }

div.tsukurepo_loading_indicator p { font-weight: bold; margin: 10px auto 0; }

div.tsukurepo_loading_indicator p.tsukurepo_action_complete_message { display: none; font-size: 24px; }

div.tsukurepo_loading_indicator .recipe-title { color: #889b00; }

div.tipsy div.tipsy-inner { background: #F9F5D6; border: 1px solid #D6D7B9; }

div.tipsy .tsukurepo-wrapper, div.tipsy .tsukurepo-wrapper-last { text-align: left; }

div.tipsy .comment { text-align: left; width: 136px; }

div#tsukurepo_posted { margin: 20px 10px; }

/* thanks_message */
div#thanks_message_first { color: #2F1C12; font-size: 116%; text-align: center; margin: 30px 0 20px; font-weight: bold; }

div#tsukurepo_photo { margin-bottom: 30px; text-align: center; }

div#tsukurepo_photo img { width: 110px; border: 1px solid #cccccc; padding: 4px; background: #ffffff; }

div#about_tsukurepo_message { text-align: center; font-size: 93%; margin-bottom: 30px; }

div#thanks_message_repeat { color: #2F1C12; font-weight: bold; text-align: center; margin-bottom: 10px; }

div#thanks_message_repeat span { color: #ff9933; font-size: 150%; }

div#tsukurepo_photos { margin: 5px auto 5px; width: 460px; }

div#tsukurepo_photos img { width: 44px; height: 44px; padding: 1px; float: left; }

div#tsukurepo_photos.thanks_tsukurepos_100 img { width: 21px; height: 21px; }

div#tsukurepo_photos_box { margin: 5px 5px 20px; background: #ffffff; border: 1px solid #cccccc; }

div#lead_to_recipe { background-color: #ffffff; padding: 15px 0px 20px; border: 1px solid #D6D7B9; margin: 0 15px; -moz-border-radius: 5px; }

div#lead_to_recipe .title_message { margin: 0 0 10px; font-weight: bold; font-size: 14px; color: #2F1C12; line-height: 1.6em; }

div#lead_to_recipe .title_message span { color: #ff9933; font-size: 18px; font-weight: bold; }

div#lead_to_recipe .tsukurepo_photos { margin-bottom: 10px; }

div#lead_to_recipe .tsukurepo_photos img { margin: 0px 8px; }

div#lead_to_recipe p { margin-bottom: 15px; color: #917361; line-height: 1.5em; font-size: 14px; }

/* thanks colorbox by hot recipe notification */
.hot_recipe_thanks { padding-top: 10px; text-align: center; width: 661px; margin: 0 auto; }

.hot_recipe_thanks #recipe_container { margin: 10px auto 20px; }

.hot_recipe_thanks #hot_tsukurepo_container { margin: 0 auto; width: 661px; overflow: hidden; }

.hot_recipe_thanks #hot_tsukurepo_container .hot_tsukurepo { float: left; position: relative; margin: 0 3px; }

.hot_recipe_thanks #hot_tsukurepo_container .hot_tsukurepo .first_tsukurepo_mark { position: absolute; right: 0px; top: 0px; _display: none; }

.hot_recipe_thanks #hot_message_container { clear: both; text-align: left; width: 530px; margin: 0 auto 15px; overflow: hidden; }

.hot_recipe_thanks #hot_message_container .recipe_author { float: left; width: 48px; }

.hot_recipe_thanks #hot_message_container .recipe-title { font-size: 118%; }

.hot_recipe_thanks #hot_message_container .hot_message { float: right; width: 475px; text-align: left; color: #666; }

.hot_recipe_thanks #hot_message_container .hot_message .hot_recipe_message { color: #AE906B; font-weight: bold; font-size: 113%; }

.hot_recipe_thanks #hot_message_container .hot_message .hot_recipe_message .hot_recipe_tsukurepo_count { font-size: 128%; }

.hot_recipe_thanks #hot_message_container .attention { color: #CCC; }

.hot_recipe_thanks #thanks_message_container { clear: both; text-align: center; margin: 20px 0; }

.hot_recipe_thanks #thanks_message_container .hot_message { color: #666x; }

.hot_recipe_thanks #thanks_message_container form textarea { width: 350px; height: 70px; }

.hot_recipe_thanks #thanks_message_container form #message_remain_length_container { font-size: 83%; color: #999; width: 350px; margin: 0 auto; text-align: right; }

.hot_recipe_thanks #thanks_message_container form #submit_container { clear: both; margin: 10px auto; display: block; }

.hot_recipe_thanks #thanks_message_container form #submit_container #submit_indicator { display: none; }

.hot_recipe_thanks #thanks_message_container form #submit_container #submit_finish_container { display: none; font-size: 93%; }

.hot_recipe_thanks #thanks_message_container form #submit_container.completed { color: #999; font-size: 93%; }

.tipsy { z-index: 20000; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average { margin-left: -8px; *zoom: 1; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average:after { content: ""; display: block; clear: both; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average .grid { float: left; width: 196px; margin-left: 8px; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average #people_creation_numbers { background-position: 16px 0; padding-top: 5px; }

#ask_tsukurepo_creation_time_smart_phone #tsukurepo_creation_time_average { margin-left: auto; margin-right: auto; }

#ask_tsukurepo_creation_time_smart_phone #tsukurepo_creation_time_average #people_creation_numbers { background-position: center 0; padding-top: 10px; margin-top: 20px; }

#ask_tsukurepo_creation_time_box, #ask_tsukurepo_creation_time_box_smart_phone { text-align: center; }

#ask_tsukurepo_creation_time_box h2 { font-size: 115%; text-align: left; }

#ask_tsukurepo_creation_time_box_smart_phone h2 { font-size: 15px; }

#ask_tsukurepo_creation_time { border-radius: 5px; background-color: #ffffff; border: solid 1px #e3dcca; padding: 15px 30px; }

#ask_tsukurepo_creation_time #result_tsukurepo_creation_time { display: none; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average { color: #96bc13; font-size: 18px; font-weight: bold; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average #people_creation_minutes { font-size: 50px; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average #your_creation_minutes_area { margin-top: 6px; font-size: 14px; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average #your_creation_minutes_area #your_creation_minutes { font-weight: bold; }

#ask_tsukurepo_creation_time #tsukurepo_creation_time_average #people_creation_numbers { background-image: url(/assets/themes/tsukurepo/user_frame.png?42d434d3838fbf75b7601bf619c174f3ab8759db293b889800ff9992a89799fa); background-repeat: no-repeat; height: 120px; color: #999999; font-size: 16px; }

#ask_tsukurepo_creation_time #creation_timer { margin-bottom: 5px; }

#ask_tsukurepo_creation_time #ask_tsukurepo_creation_time_form, #ask_tsukurepo_creation_time #result_tsukurepo_creation_time { text-align: center; }

#ask_tsukurepo_creation_time #ask_tsukurepo_creation_time_form h3.question, #ask_tsukurepo_creation_time #result_tsukurepo_creation_time h3.question { background-position: center 3px; background-image: url(/assets/themes/tsukurepo/baloon.png?edbc4e132c5b0ef4f755fa7546c5794102a94c3adbae506b50f543b85faeab32); background-repeat: no-repeat; color: #fffdef; font-size: 16px; font-weight: bold; padding: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; height: 35px; width: 180px; }

#ask_tsukurepo_creation_time #ask_tsukurepo_creation_time_form form, #ask_tsukurepo_creation_time #result_tsukurepo_creation_time form { display: inline; }

#ask_tsukurepo_creation_time #ask_tsukurepo_creation_time_form form select, #ask_tsukurepo_creation_time #result_tsukurepo_creation_time form select { background-color: #fefefe; font-size: 18px; height: 1.6em; font-weight: bold; margin-bottom: 0.5em; }

#ask_tsukurepo_creation_time #ask_tsukurepo_creation_time_form form input[type=submit], #ask_tsukurepo_creation_time #result_tsukurepo_creation_time form input[type=submit] { font-size: 14px; }

#ask_tsukurepo_creation_time_smart_phone { background-color: #ffffff; border-bottom: solid 1px #e3dcca; padding: 10px 10px 15px; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time { display: none; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time .average_and_people { width: 260px; margin: 0 auto; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time #tsukurepo_creation_time_average { width: 100px; color: #96bc13; font-size: 13px; font-weight: bold; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time #tsukurepo_creation_time_average #people_creation_minutes { font-size: 48px; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time #people_creation_numbers { color: #999999; font-size: 13px; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time #people_creation_numbers img { margin-top: 5px; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time #your_creation_minutes_area { margin-top: 5px; font-size: 14px; color: #96bc13; }

#ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time #your_creation_minutes_area #your_creation_minutes { font-weight: bold; }

#ask_tsukurepo_creation_time_smart_phone #ask_tsukurepo_creation_time_form h3.question { background-position: center 3px; background-image: url(/assets/themes/tsukurepo/baloon_sp.png?fc3289557ca66584627232a02a430150eb3e8e5857d6740b2ef142e964c59699); background-repeat: no-repeat; color: #fffdef; font-size: 16px; font-weight: bold; padding: 10px; margin-left: auto; margin-right: auto; height: 35px; width: 240px; }

#ask_tsukurepo_creation_time_smart_phone #ask_tsukurepo_creation_time_form .timer_and_minutes .icon_font { font-size: 28px; color: #96bc13; }

#ask_tsukurepo_creation_time_smart_phone #ask_tsukurepo_creation_time_form form select { background-color: #fefefe; font-size: 18px; height: 1.6em; font-weight: bold; margin: 10px 0 10px 5px; }

#ask_tsukurepo_creation_time_smart_phone #ask_tsukurepo_creation_time_form form input[type=submit] { font-size: 14px; margin: 10px auto 0; width: 100px; }

#ask_tsukurepo_creation_time_smart_phone #ask_tsukurepo_creation_time_form, #ask_tsukurepo_creation_time_smart_phone #result_tsukurepo_creation_time { text-align: center; }

#tsukurepost #show_own_tsukurepos { display: block; padding-top: 10px; text-align: center; border-top: 1px solid #ebe6d0; margin-top: 10px; line-height: 20px; }

.lightwindow #navigate_to_recipe h3 { font-size: 122%; color: #4d2200; text-align: center; }

.lightwindow #navigate_to_recipe .navigate_to_recipe_message { padding-left: 80px; }

.lightwindow #navigate_to_recipe .navigate_to_recipe_button { display: block; width: 50%; margin: 20px auto; }

.lightwindow #navigate_to_recipe #new_recipe { width: 80%; margin: 20px auto; text-align: center; }

.lightwindow #navigate_to_recipe .recipe_title_field_wrapper { width: 80%; margin: 0 auto; text-align: left; }

.lightwindow #navigate_to_recipe .recipe_title_field_wrapper label { font-weight: bold; color: #4d2200; }

.lightwindow #navigate_to_recipe .recipe_title_counter_wrapper { font-size: 93%; color: #999999; }

.lightwindow #navigate_to_recipe #recipe_title { display: block; width: 100%; }

#tsukurepost #navigate_to_recipe { padding: 15px 0; margin: 15px 5px 8px; border-top: 1px solid #e3dcca; }

#tsukurepost #navigate_to_recipe h3 { text-align: center; font-size: 15px; color: #4d2200; }

#tsukurepost #navigate_to_recipe .navigate_to_recipe_message { margin: 15px 0; }

#tsukurepost #navigate_to_recipe .recipe_title_counter_wrapper { color: #999999; }

#tsukurepost #navigate_to_recipe .navigate_to_recipe_button { width: 100%; }

/* link to recipe history */
.none_tsukurepo_wrapper, .link_to_recipe_history_wrapper { background-color: white; padding-bottom: 8px; }

.none_tsukurepo_wrapper .guide_for_none_tsukurepo, .none_tsukurepo_wrapper .link_to_recipe_history, .link_to_recipe_history_wrapper .guide_for_none_tsukurepo, .link_to_recipe_history_wrapper .link_to_recipe_history { padding: 15px 15px; margin: 5px 5px 0; border-top: 1px solid #e3dcca; }

.none_tsukurepo_wrapper .guide_for_none_tsukurepo h2, .none_tsukurepo_wrapper .link_to_recipe_history h2, .link_to_recipe_history_wrapper .guide_for_none_tsukurepo h2, .link_to_recipe_history_wrapper .link_to_recipe_history h2 { text-align: center; font-size: 16px; }

.none_tsukurepo_wrapper .guide_for_none_tsukurepo div, .none_tsukurepo_wrapper .link_to_recipe_history div, .link_to_recipe_history_wrapper .guide_for_none_tsukurepo div, .link_to_recipe_history_wrapper .link_to_recipe_history div { text-align: center; font-size: 13px; margin-bottom: 9px; }
