@import url('common.css');
@import url('layoutsub.css');
@import url('board.css');
@import url('c_spot.css');

/* common */
.text_tip {font-size:11px; color:#FE6A00;}
.text_tip a {color:#FE6A00;}
.border_tn {border-top:0 none !important;}
.navi_date {float:right; color:#555; padding-top:10px;}
.navi_date img {vertical-align:middle; margin:0 1px 2px;}
.mb_none {margin-bottom:0 none;}
.block {padding-bottom:18px;}

/* main */
.main h1 {display:none;}
.main_cover {clear:both;  height:400px; margin-bottom:28px;}
.main_cover .block {float:left; width:262px; height:398px; border:1px solid #e1e1e1; background:#f3f3f3;}
.main_theme h2 {margin:0; padding:0;}

.main_best {position:relative; float:left; display:inline; width:406px; margin:0 10px 0 -5px;}
.main_best .textinfo {position:absolute; left:0; bottom:0; width:386px; height:46px; padding:2px 10px 0 10px; color:#999; font-size:11px;
background:#000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.63; line-height:18px; cursor:pointer;}
.main_best .textinfo a {color:#999;}
.main_search {margin:32px 0 0 14px;}
.main_search input {width:168px; padding:2px 4px; border:1px solid #d3d3d3; vertical-align:middle;}
.main_search img {vertical-align:middle;}
.main_theme {margin:25px 0 0 14px;}
.main_theme table {width:100%; margin-top:6px;}
.main_theme td {font-size:11px; padding:0 0 7px 6px; background:url('http://img.onfill.com/ver2/images/common/bul10.gif') no-repeat 0 3px;}
.main_theme td a:hover {color:#fc6800;}
.main_theme td .count {color:#999;}
.main_cover .block {padding:0 !important;}

/* ÅÇ ½ºÅ¸ÀÏ ÀçÁ¤ÀÇ */
.tabmenu li a:hover {color:#fa5d4b !important; text-decoration:none;}
.tabmenu a.on {padding:5px 8px; border:1px solid #E1E1E1; border-bottom:0; background:#fff; color:#fa5d4b;}


.tabmenu2 {overflow: hidden; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 0 14px 0 0;background:url('http://img.onfill.com/ver2/images/board/bg_tab2.gif') left bottom repeat-x;}
*html .tabmenu2 {overflow: visible;height: 1%}
.tabmenu2 ul {margin:0; padding:0; list-style:none;}
.tabmenu2 li {float:right; font-weight: bold; margin:0; border: 1px solid #E1E1E1;border-bottom:0 none; border-right:0 none; background:#fff; color:#999;}
.tabmenu2 li.first {border-right: 1px solid #E1E1E1;}
.tabmenu2 li a {display:block; padding: 5px 13px;  border-bottom:1px solid #e3e3e3; }
.tabmenu2 li a:hover {color:#555 !important; }
.tabmenu2 a.on {padding: 5px 13px; background:#f1f1f1; color:#555;  border-bottom:1px solid #eeeeee; }
.tabmenu2 li span {font-weight:normal; letter-spacing:-1px;}


/* list */
ul.recipelist {width:675px; margin:-5px 0 0 0; padding:0 0 0 0; border-bottom:2px solid #e6e6e6; }
ul.recipelist ul {margin:0; padding:0;}
ul.recipelist li {overflow:hidden; margin:0; padding:10px 0 6px; height:84px; background:url('http://img.onfill.com/ver2/images/board/dot1.gif') left top repeat-x;  font-size:11px;}
ul.recipelist li.first { background:transparent;}
ul.recipelist .thumb {float:left; margin-right:10px; display:inline;}
ul.recipelist .textinfo {float:left; margin-left:2px;width:540px; display:inline;}
ul.recipelist .textinfo2 {width:674px;}
ul.recipelist .subject {font-weight:bold; color:#333; font-size:12px; padding-bottom:3px; padding-top:5px;}
ul.recipelist .subject a {color:#333;}
ul.recipelist .count {color:#999; padding-bottom:5px;}
ul.recipelist .article {height:34px;}
ul.recipelist .info li {float:left; background:url('http://img.onfill.com/ver2/images/common/bul6.gif') no-repeat 0 5px; padding:0 20px 0 5px;}
ul.recipelist .info li em {color:#fc6902; }
ul.recipelist .my_button {text-align:right;}
ul.recipelist .my_button img {vertical-align:top;}

table.viewform1 th,
table.viewform1 td {border-top:1px solid #eaebea; padding:5px 0 2px; vertical-align:top;}
table.viewform1 .first th,
table.viewform1 .first td {border:0 none;}
table.viewform1 th {padding-left:9px; font-weight:normal; color:#8c7266; background:url('http://img.onfill.com/ver2/images/common/bul2.gif') no-repeat 0 9px;}
table.viewform1 td {padding-left:5px; padding-top:3px; line-height:16px;}

ul.viewform1 {width:480px; margin:4px 0 0 0; padding:0; list-style:none;}
ul.viewform1 li {padding:4px 0 0px 9px; font-size:11px; background:url('http://img.onfill.com/ver2/images/common/bul2.gif') no-repeat 0 9px;}
ul.viewform1 .th {font-weight:normal; color:#8c7266; }

/* search */
.recipe_searchform {margin:0 0 30px; padding:0 15px 15px; border:5px solid #e2e2e2; overflow:auto;}
*html .recipe_searchform {float:left;}
.recipe_searchform img {vertical-align:top;}
.recipe_searchform ol {margin:0; padding:0; list-style:none;}
.recipe_searchform .step {clear:both; margin:15px 0 7px 0;}
.box_select {clear:both; background:#efefef; padding:11px 0 9px 21px; overflow:auto; width:614px;}
*html .box_select {float:left; }
.box_select ul {margin:0; padding:0; list-style:none; }
.box_select ul li {float:left;padding-bottom:1px;width:75px;margin-right:10px}
.box_select ul li a {display:block; background:url('http://img.onfill.com/ver2/images/common/bul10.gif') no-repeat 0 6px; padding:4px 0 1px 5px;}
.box_select ul li a.on {background:#9d9d9d; color:#FFF;}
.box_select input {border:1px solid #d9d9d9;padding:2px 0 2px 4px; vertical-align:middle; margin-bottom:1px;}
.box_select img {vertical-align:middle;}

.result_info {margin:0 0 5px;border-bottom:2px solid #e6e6e6; }
.result_info .count {color:#333; padding-bottom:7px;}
.result_info .sort {float:right; margin-top:1px; font-size:11px; color:#d8d8d8;}
.result_info .sort a.on {color:#fc6800; font-weight:bold;}
.result_none {padding:115px 0 0 0; text-align:center;}
.btn_recipe_make {float:right; margin-top:-27px;}

/* make */
.current_step {margin-bottom:30px;}

.area_select {clear:both; overflow:auto; }
*html .area_select {float:left; }
.area_select ul {margin:0; padding:0; list-style:none; }
.area_select ul li {float:left;padding-bottom:1px; font-size:12px;width:90px;margin-right:10px}
.area_select ul li a {display:block; padding:4px 0 1px 5px;}
.area_select ul li a.on {background:#9d9d9d; color:#FFF;}

.basic_info {float:left; overflow:auto; margin:0 0 30px; border:1px solid #e5e5e5; padding:15px 14px;}
.basic_info .thumb {float:left; margin:0 16px 0 0; display:inline;}
*html .basic_info .thumb {float:left; margin:0 13px 0 0; display:inline;}
.basic_info .thumb img {width:240px; height:180px; vertical-align:top;}
.basic_info .button {margin-top:-3px; padding:0;}
.basic_info .will {border-bottom:1px solid #eaebea; margin-bottom:20px;}

.box_schedule {margin:0; padding:17px 14px 15px; border:1px solid #e3e3e3; background:#f1f1f1;}
.box_schedule .button_ty1 {float:right;}
.box_schedule .button_ty2 {margin-top:5px; text-align:right;}
.box_schedule .button_ty2 img {vertical-align:top;}
.box_schedule .box_userwrite {height:300px; margin-bottom:12px;border:1px solid #dbdbdb; background:#fff; overflow:hidden; }
.box_schedule .box_userwrite .img {margin:0 0 8px;}
.box_schedule .box_userwrite .text {line-height:18px;}
.box_schedule .box_userwrite2 {padding:9px 14px 5px; border:1px solid #e3e3e3; background:#fff;}
.box_schedule .box_userwrite2 .img {margin:0 0 8px 0;}
.box_schedule .box_userwrite2 .text {line-height:18px;}
.box_schedule .box_userwrite3 {margin-bottom:12px; padding:15px 15px; border:1px solid #dbdbdb; background:#fff;}
.box_schedule .box_userwrite3 .img {margin:0 0 8px;}
.box_schedule .box_userwrite3 .text {line-height:18px;}
.box_schedule .default_text {padding:35px 0 39px; line-height:18px; text-align:center;}
.box_schedule h3.title {margin:10px 0 5px 0; padding:0 0 0 11px; background:url('http://img.onfill.com/ver2/images/common/bul_h3.gif') no-repeat 1px 0; font-size:12px; color:#333;}
.box_schedule .view_status {font-size:11px; float:right; margin-top:-19px;}
.box_schedule .view_status a {margin-left:9px;}
.box_schedule .view_status .on {font-weight:bold; color:#555;}
.box_schedule .view_status img {vertical-align:middle; margin-bottom:5px;}

table.day {margin-bottom:6px;}
table.day th img {margin-left:10px;}
table.day td {padding:5px 0 3px 3px; vertical-align:bottom; font-size:11px; font-weight:bold; color:#999;}
table.day td img {vertical-align:middle; margin:0 1px 0 6px;}

.spot_detail_head {width:613px; margin-bottom:5px;}
.spot_detail_head .spot_category {margin:0 0 0 -1px; padding:0; border-collapse:collapse;}
.spot_detail_head .spot_category .tb_spot_ic {margin-top:-2px;}
.spot_detail_head th {color:#333; text-align:left;}
.spot_detail_head th a {color:#333 !important;}
.spot_detail_head th img {vertical-align:middle; margin:0 5px 5px 0;}
.spot_detail_head td {text-align:right; }
.spot_detail_head .avg {font-size:16px; color:#fc6902; font-weight:bold;}
.spot_detail_head .grade .ic_star {padding-right:10px;}
.spot_detail_head .grade .ic_star img {margin:1px -2px 3px 0; vertical-align:top;}
.spot_detail_head .grade .avg {font-size:16px; color:#fc6902; font-weight:bold;}
.spot_detail_head .grade .count {font-size:11px; padding:0 0 0 6px;}
.spot_detail_head .btn img {vertical-align:middle; margin:0px 0 0 5px;}

.spot_detail_cnt {padding:10px 0 5px; background:url('http://img.onfill.com/ver2/images/common/dot01.gif') repeat-x; overflow:auto;}
*html .spot_detail_cnt  {overflow:visible;height:1%;}
.spot_detail_cnt .thumb {float:left; margin-right:12px; display:inline;}
.spot_detail_cnt .thumb img {width:114px; height:84px;}
.spot_detail_cnt .btn {text-align:right;}
.spot_detail_cnt .btn img {margin-left:10px;}

.box_usercomment {padding:9px 14px 11px 14px;border:1px solid #dbdbdb; border-top:0 none; background:#f7f7f7;}
.box_usercomment textarea {margin:3px 0 0 0; padding:5px; line-height:16px;}
.box_usercomment input {padding-bottom:0; margin-right:3px;}
.box_usercomment span.ex {color:#999; font-size:11px; }
.box_usercomment .btn {padding-top:5px; text-align:center;}
.box_usercomment .time {padding-top:5px;}
.box_usercomment .time span {font-size:11px; background:url('http://img.onfill.com/ver2/images/common/bar01.gif') no-repeat; padding:0 0 0 10px; margin-left:6px;}
.box_usercomment .article {padding:12px 0 17px 0; line-height:18px;}

/* view */
.goods_info {overflow:hidden; width:645px; padding:14px; border:1px solid #e5e5e5; border-bottom:0 none;}
*html .goods_info {overflow:visible;height:1%;}
.goods_info .title {background:transparent;margin:6px 0 0 0; padding:0 0 7px;font-weight:bold; color:#555; border-bottom:1px solid #eaebea;}
.goods_info .title span {background:url(http://img.onfill.com/ver2/images/common/bar01.gif) left top no-repeat;padding:0 0 0 8px; font-weight:normal; color:#777;}
.goods_info .photo {float:left; width:240px;position:relative;}
.goods_info .photo img {vertical-align:top;}
.goods_info .text {float:left; width:389px;padding:0 0 0 10px;}
.goods_info .tx_list th,
.goods_info .tx_list td {border-bottom:1px solid #eaebea; vertical-align:top; line-height:16px;}
.goods_info .tx_list th {width:55px; padding:4px 0 1px 6px; background:url(http://img.onfill.com/ver2/images/common/bullet/bul_com03.gif) 0 8px no-repeat; font-weight:normal; color:#8c7266;}
.goods_info .tx_list td {width:319px; padding:4px 0 1px 8px; background:url(http://img.onfill.com/ver2/images/common/bar05.gif) 0 6px no-repeat; }
.goods_info .count {padding:10px 0 0 9px; color:#999; font-size:11px;}