/********************************************************************** Boryeong UTC Basic Style Sheet (for version 4 browser) version : 0.1.0 author : jinovice email : jinovice@daum.net website : none **********************************************************************/ /********************************************************************** common **********************************************************************/ body, td, div { font-family: Dotum, Arial, Helvetica, sans-serif; margin: 0px; padding:0px; color: #666; font-size: 12px; letter-spacing:0; line-height: 18px; } body { background:url("../img/common/top_bg.gif") no-repeat 0 0%; } img { border:0; } a { color: #666; text-decoration: none; } a:hover { color: #006373; } #width_limit { width:873px;} #clear { clear:both; } /* test div { border:solid 1px red; }*/ /********************************************************************** main **********************************************************************/ .main_body { background:url("../img/main/top_bg.gif") no-repeat 855px 0 !important; } #main_topflash { width:955px; height:300px; background:url("../img/flash/main_topflash.gif") no-repeat 0 0; } /*#main_content div { border:solid 1px red; }*/ #main_content { background:url("../img/main/right/bg_top_right.gif") no-repeat 848px 0; float:left; } #main_content #con_left_bg { width:30px; margin-right:5px; float:left; } #main_content #con_left { width:230px; margin-right:10px; text-align:center; float:left; } #main_content #con_left #box_bg { margin-bottom:5px; background-color:#f2f2f2; } #main_content #con_left #search { margin-bottom:5px; } #main_content #con_left #traffic_info { margin-bottom:10px; } #main_content #con_left #btn_box { width:206px; margin-bottom:10px; background-color:#e5e5e5; } #main_content #con_left #gisnmap { margin-bottom:5px; } #main_content #con_left #poll { margin-bottom:10px; } #main_content #con_left #poll td { letter-spacing:-1px; line-height:14px; } #main_content #con_left #poll .poll_list input { margin:-4px; } #main_content #con_left #poll .que { font-weight:bold; padding:3px 0 5px 0; } #main_content #con_left #poll .poll_list { margin:5px 0 0 10px; } #main_content #con_left #main_banner { width:206px; } #main_content #con_center { width:370px; margin-right:10px; float:left; } #main_content #con_center #booking { margin:15px 0 15px 12px; } #main_content #con_center #latter .record { margin:5px 0 5px 0; } #main_content #con_center #latter #pic { width:82px; background-color:white; padding:3px; border:solid 2px #e5e5e5; } #main_content #con_center #photo { margin:20px 0 20px 12px; } #main_content #con_center #themenucc { margin:0 0 0 12px; } #main_content #con_center #latter .latter_con { line-height:14px; margin:4px 0 0 0; padding:0; } #main_content #con_right { width:195px; margin:5px 5px 0 0; background:url("../img/main/right/bg_top_right.gif") no-repeat 100% 0 #ebf5f8; float:left; } #main_content #con_right #right_bottom { height:10px; } /*print popup*/ #print_popup { width:753px; height:550px; padding-top:10px; background:url("../img/common/print_bg2.gif") repeat-y 73px 0 white; } #print_popup #btn { width:80px; height:540px; float:left; } #print_popup #btn img { margin-bottom:10px; } #print_popup #btn .btn { margin-left:10px; } #print_popup #page_screen { width:670px; height:540px; float:left; } /********************************************************************** sub **********************************************************************/ #sub_topflash { width:870px; } .sub_bt { margin-left:20px; } #side { width:220px; height:299px; float:left; } #side_banner { margin:40px 0 0 35px; } #submenu { margin-left:35px; width:150px; text-align:right; } #submenu .d3, .d3_first { padding-right:10px; height:19px; text-align:right; } #submenu a { color:#808080; text-decoration: none; } #submenu a:hover { font-weight:bold; letter-spacing:-1px; } #member #side, #guide #side, #mypage #side, #sea #side, #service #side, #center #side, #sea #side { background:url("../img/sea/leftmenu_bg.gif") no-repeat 50% 0%; } #mud #side { background:url("../img/mud/leftmenu_bg.gif") no-repeat 50% 0%; } #point #side { background:url("../img/point/leftmenu_bg.gif") no-repeat 50% 0%; } #theme #side { background:url("../img/theme/leftmenu_bg.gif") no-repeat 50% 0%; } #info #side { background:url("../img/info/leftmenu_bg.gif") no-repeat 50% 0%; } #travel #side { background:url("../img/travel/leftmenu_bg.gif") no-repeat 50% 0%; } #member .bbs_background, #guide .bbs_background, #mypage .bbs_background, #sea .bbs_background, #service .bbs_background, #center .bbs_background { background:#0064a3; } #mud .bbs_background { background:#82773a; } #point .bbs_background { background:#60432c; } #theme .bbs_background { background:#015f00; } #info .bbs_background { background:#4d00a3; } #travel .bbs_background { background:#5e9605; } #member .bbs_bgline, #guide .bbs_bgline, #mypage .bbs_bgline, #sea .bbs_bgline, #service .bbs_bgline, #center .bbs_bgline { background:#c0dced; } #mud .bbs_bgline { background:#ece5c0; } #point .bbs_bgline { background:#ebd4c2; } #theme .bbs_bgline { background:#cfefce; } #info .bbs_bgline { background:#d5c0ed; } #travel .bbs_bgline { background:#dbedc0; } #member .f_color, #guide .f_color, #mypage .f_color, #sea .f_color, #member .f_color td, #guide .f_color td, #mypage .f_color td, #sea .f_color td, #service .f_color td, #center .f_color td { color:#0064a3; } #member a:hover, #guide a:hover, #mypage a:hover, #sea a:hover, #member a:hover td, #guide a:hover td, #mypage a:hover td, #sea a:hover td, #service a:hover td, #center a:hover td { color:#0064a3; } #member .active_menu, #guide .active_menu, #mypage .active_menu, #sea .active_menu, #member .active_menu td, #guide .active_menu td, #mypage .active_menu td, #sea .active_menu td, #service .active_menu td, #center .active_menu td { color:#0064a3; } #mud .f_color, #mud .f_color td, #mud a:hover, #mud .active_menu { color:#82773a; } #point .f_color, #point .f_color td, #point a:hover, #point .active_menu { color:#60432c; } #theme .f_color, #theme .f_color td, #theme a:hover, #theme .active_menu { color:#015f00; } #info .f_color, #info .f_color td, #info a:hover, #info .active_menu { color:#4d00a3; } #travel .f_color, #travel .f_color td, #travel a:hover, #travel .active_menu { color:#5e9605; } .active_menu { padding-right:10px; height:19px; font-weight:bold; letter-spacing:-1px; text-align:right; } #page_title { width:630px; padding:0 0 0 20px; margin:0 0 30px 0; color:#666; font-size:11px; letter-spacing:-1px;} #page_title .title { margin:0 10px 0 0; } #member #page_title, #guide #page_title, #mypage #page_title, #sea #page_title, #center #page_title, #service #page_title, #member #page_title table, #guide #page_title table, #mypage #page_title table, #sea #page_title table, #service #page_title table, #center #page_title table { background:url("../img/sea/page_title_icon.gif") no-repeat 0 50%; } #mud #page_title { background:url("../img/mud/page_title_icon.gif") no-repeat 0 50%; } #point #page_title { background:url("../img/point/page_title_icon.gif") no-repeat 0 50%; } #theme #page_title { background:url("../img/theme/page_title_icon.gif") no-repeat 0 50%; } #info #page_title { background:url("../img/info/page_title_icon.gif") no-repeat 0 50%; } #travel #page_title { background:url("../img/travel/page_title_icon.gif") no-repeat 0 50%; } h1, h2 { margin:0 0 7px 0; padding:0 0 0 15px; font-size:16px; letter-spacing:-1px; } h2 { padding:0 0 0 25px; background:url("../img/common/icon_h2.gif") no-repeat 10px 0; } .h2_type_text { font-size:14px; line-height:16px; } #member h1, #guide h1, #mypage h1, #sea h1, #service h1, #center h1, #member h1 td, #guide h1 td, #mypage h1 td, #sea h1 td, #service h1 td, #center h1 td { background:url("../img/common/icon_h1_sea.gif") no-repeat 0 1px; } #mud h1 { background:url("../img/common/icon_h1_mud.gif") no-repeat 0 1px; } #point h1 { background:url("../img/common/icon_h1_point.gif") no-repeat 0 1px; } #theme h1 { background:url("../img/common/icon_h1_theme.gif") no-repeat 0 1px; } #info h1 { background:url("../img/common/icon_h1_info.gif") no-repeat 0 1px; } #travel h1 { background:url("../img/common/icon_h1_travel.gif") no-repeat 0 1px; } /********************************************************************** content **********************************************************************/ #content_outline { padding-top:10px; width:650px; float:left; } #content { width:610px; margin:0 20px 0 20px; } #content ul, #content li, #content blockquote { margin:0; list-style:none;} /*#content h1 .h1_type_01 { padding:0 0 20px 25px; font-size:15px; line-height:30px; background:url("../img/common/icon_h1_01.gif") no-repeat 0 5px; }*/ #content .ul_type_01 { list-style:none; margin-bottom:10px; } #content .ul_type_01 li { padding-left:15px; line-height:17px; background:url("../img/common/icon_dotarrow_666666_01.gif") no-repeat 5px 4px; } #content .ul_type_01 .sub { padding-left:20px; line-height:15px; background:url("../img/common/icon_subtext_line_01.gif") no-repeat 10px 6px; } #content .ul_type_02 { list-style:none; margin-bottom:10px; } #content .ul_type_02 li { padding-left:15px; line-height:15px; background:url("../img/common/icon_dotarrow_666666_01.gif") no-repeat 5px 5px; } #content .ul_type_03 li { padding:0 0 7px 15px; line-height:15px; background:url("../img/common/icon_dotarrow_666666_01.gif") no-repeat 5px 5px; } #content p { padding:0 0 10px 0; margin:0; } #content blockquote { padding:0 0 0 10px; } #content .bgimp { padding:5px; background:#fff7f7; } #content .justify { text-align:justify; } /********************************************************************** pub_cms **********************************************************************/ #agreement { background-color:#f8f8f8; padding:10px; } #agreement textarea { width:100%; height:150px; border:solid 1px #ccc; } #inqu_popup { width:500px; height:500px; padding:10px; } #inqu_popup .inqu_date { padding:0 0 10px 190px; font-size:16px; font-weight:bold; color:black; } #inqu_popup td { font-size:11px; } #inqu_popup .graph_title { width:90%; } #inqu_popup .graph { width:90%; height:10px; border:solid 1px black; } #inqu_popup .boocom { background-color:#ccc; } #page_01_boo td { } #page_01_boo .title { font-weight:bold; } #page_01_inqu #table_02 .record { text-align:center; } #page_01_boo input, #page_01_boo textarea { font-size:11px; border:solid 1px #ccc; } #page_01_boo select { font-size:11px; height:15px; } #page_01_boo #ber_info td { padding:2px; } #page_01_boo .teen_boo { background-color:#8f78a9; } #page_01_boo .teen_boo td { padding:3px 0 3px 0; } #pub_list .list_info td { font-size:11px; line-height:14px; } /********************************************************************** table style **********************************************************************/ #mud #table_01 .ol_table .title td { background:url("../img/common/table_title_line_mud.gif") no-repeat 100% 0; } #mud #table_02 .ol_table .title td { background:url("../img/common/table_title_line_mud.gif") no-repeat 100% 100%; } #sea #table_01 .ol_table .title td { background:url("../img/common/table_title_line_sea.gif") no-repeat 100% 0; } #sea #table_02 .ol_table .title td { background:url("../img/common/table_title_line_sea.gif") no-repeat 100% 100%; } #point #table_01 .ol_table .title td { background:url("../img/common/table_title_line_point.gif") no-repeat 100% 0; } #point #table_02 .ol_table .title td { background:url("../img/common/table_title_line_point.gif") no-repeat 100% 100%; } #theme #table_01 .ol_table .title td { background:url("../img/common/table_title_line_theme.gif") no-repeat 100% 0; } #theme #table_02 .ol_table .title td { background:url("../img/common/table_title_line_theme.gif") no-repeat 100% 100%; } #info #table_01 .ol_table .title td { background:url("../img/common/table_title_line_info.gif") no-repeat 100% 0; } #info #table_02 .ol_table .title td { background:url("../img/common/table_title_line_info.gif") no-repeat 100% -72px; } #travel #table_01 .ol_table .title td { background:url("../img/common/table_title_line_travel.gif") no-repeat 100% 0; } #travel #table_02 .ol_table .title td { background:url("../img/common/table_title_line_travel.gif") no-repeat 100% 100%; } .ol_table .record td { background-color:white; padding:3px; height:30px; } .ol_table .title .last_td { background:none !important; } .ol_table .title td { height:32px; font-weight:bold; text-align:center; } #table_02 .table_02 { border:solid 5px #f2f2f2; background-color:#e7e7e7; } #table_02 .table_02_title { font-weight:bold; text-align:center; border-top:solid 1px white; } #table_02 .table_02_list { background-color:white; } #table_02 .table_02_list td { padding:3px; } .tt_align_all_center td { text-align:center; } .tt_align_center { text-align:center; } .tt_align_left { text-align:left; } .tt_align_right { text-align:right; } /********************************************************************** input style **********************************************************************/ textarea { color:#666; } .radio_box, .check_box, .other_btn { border: 0 !important; } .input_tf_default { color:#666; font-size:12px; line-height:14px; height:18px; border:solid 1px #999; } /********************************************************************** text style **********************************************************************/ .t_bold { font-weight:bold; } .p_justify { text-align:justify; } .p_right { text-align:right; } .p_left { text-align:left; } .p_center { text-align:center; } .date_gray { font-size:11px; color:#999; font-weight:normal; } .imp_red { color:red; } .imp_orange { color:#ff9600; } .imp_blue { color:blue; font-weight:bold; } .imp_price_orange { font-size:14px; letter-spacing:-2px; color:#ff9600; /*font-style:italic;*/ } .sub_imp_red { font-size:11px; color:red; } .sub_imp_999 { font-size:11px; color:#999; } .sub_imp_orange { font-size:11px; color:#ff9600; } /********************************************************************** line style **********************************************************************/ .solid_e5e5e5 { background:url("../img/common/dot_solid_e5e5e5_11.gif") repeat-x 0 100%; } .solid_e5e5e5_v { background:url("../img/common/dot_solid_e5e5e5_11.gif") repeat-y 50% 0; } .solid_cccccc_vl { background:url("../img/common/dot_solid_cccccc_11.gif") repeat-y 0 0; } .solid_cccccc_vr { background:url("../img/common/dot_solid_cccccc_11.gif") repeat-y 100% 0; } .dash_999999 { background:url("../img/common/dot_dash_999999_41.gif") repeat-x 0 100%; } .dash_333333_v { background:url("../img/common/dot_dash_333333_14.gif") repeat-y 50% 0; } .solid_8b6b51 { background:url("../img/common/dot_solid_8b6b51_11.gif") repeat-x 0 100%; } .brush_type_01 { background:url("../img/common/line_brush_01_h.gif") repeat-x 0 100%; } .brush_type_01_v { background:url("../img/common/line_brush_01_v.gif") repeat-y 50% 0; } /********************************************************************** image style **********************************************************************/ #img_default_left { margin:0 10px 10px 0; float:left; } #img_default_right { margin:0 0 10px 10px; float:right; } #img_outline_01_left { border:solid 1px #999; margin:0 10px 10px 0; float:left; } #img_outline_01_right { border:solid 1px #999; margin:0 10px 0 10px; float:right; } #img_outline_05_left { border:solid 5px #f2f2f2; margin:0 10px 10px 0px; float:left; } #img_outline_05_right { border:solid 5px #f2f2f2; margin:0 0 10px 10px; float:right; } #img_outline_05_left div { border:solid 1px #ccc; } #img_outline_05_right div { border:solid 1px #ccc; } #img_box_left { background-color:#f2f2f2; padding:5px; border:solid 1px #ccc; margin:0 10px 10px 0; float:left; } #img_box_right { background-color:#f2f2f2; padding:5px; border:solid 1px #ccc; margin:0 10px 10px 0; float:right; } /********************************************************************** bbs **********************************************************************/ #bbs .bbs_padd { padding:0 0 0 10px; } #bbs .bbs_tit { background:#F2F2F2; font-weight:bold; padding:0 0 0 10px; } #bbs .ar { text-align:right; } #bbs .at { vertical-align:top;} #bbs .ac { text-align:center; } #bbs .bbs_small { font-size:11px; color:#767676; padding:0 0 0 10px; } #bbs .bbs_small_list { font-size:11px; color:#767676; text-align:center; } #bbs .bg_iframe { background:#F5F5F5; padding:7px;} #gall_tab_cate .bbs_tit { background:white; } #bbs_search input .search { color:#454545; height:19px;background-color:#FFFFFF;padding:2px 0 0 3px; border: 1px solid #CCCCCC; } #bbs .longcut { overflow:hidden; } #bbs_tab_list .bbs_tit { text-align:center; } #bbs_tab_list .bbs_small { text-align:center; } .list_line { height:11px; background:url("../img/travel/table_dotline.gif") repeat-x 0 50%; } .tab_topline { border-top:2px solid #DEDFE1; text-align:center; } #bbs_pageno, #guest_pageno a { font-weight:bold; } #bbs_pageno_now, #guest_pageno_now a{ color: #ff7800; font-weight:bold; } #guest_pageno .guest_tab_topline { border-top:2px solid #DEDFE1; } #guest_pageno .tab { text-align:right; height:30px; padding:0 10px 0 0; } #bbs_tab_view .bbs_small_r { font-size:11px; color:#767676; padding:0 10px 0 0px; text-align:right; } #bbs_tab_view .bbs_file { vertical-align:bottom; font-size:11px; color:#767676; padding:0 0 0 10px; } #bbs_tab_content iframe { width:100%; } #bbs_tab_view_btn .tab01 { height:30px; padding:10px 0 15px 5px; } #bbs_tab_view_btn .tab02 { text-align:right; height:30px; padding:10px 10px 15px 0; } #bbs_daetgeul .bbs_bg_FFF { background:white; width:608px; } #bbs_daetgeul .bbs_tit { font-size:15px; vertical-align:bottom; } #bbs_daetgeul .tab { text-align:center; padding:3px 1px 3px 1px; } #bbs_daetgeul .bbs_title { padding:3px 0 1px 10px; } #bbs_daetgeul textarea { font-size:12px;color:#737373; border: 1px solid #A3A3A3; } #bbs_tab_write .bbs_padd { padding:0 10px 0 10px; } #bbs_tab_write input { color:#454545; width:100%; height:19px; background-color:white; padding:2px 0 0 3px; border: 1px solid #CCC; } #bbs_tab_write_btn .tab { text-align:right; height:30px; padding:10px 10px 15px 0; } #gall_tab_cate .gall_pad { background:#dbedc0; padding:7px; } #gall_tab_cate .bgline { border:solid 1px #5e9605; background:white; padding:7px; } #gall_tab_cate .bbs_tit { font-weight:bold; } #gall_tab_cate #list a { color: #454545; } #gall_list .gall_padd { padding:10px 0 0 0; } #guest_list #list .guest_box, #gall_list #list .gall_box { background:url("../img/bbs/photo_frame.gif") no-repeat left top; width:112px; height:112px; padding:6px; text-align:left; } #guest_list .padd_line { padding:7px 0 0 0; } #guest_list #list .guest_padd { padding:10px 0 0 0; } #guest_list #list .guest_small_r { font-size:11px; color:#767676; padding:0 10px 0 0px; text-align:right; overflow:hidden; } #guest_list #list .guest_tit { font-weight:bold; } /********************************************************************** member **********************************************************************/ #member td.top01 { width: 15px; height: 15px; background: url(../img/member/box01_topleft01.gif) no-repeat; } #member td.top02 { width: 10px; background: url(../img/member/box01_topright01.gif) no-repeat; } #member td.bottom01 { height: 17px; background: url(../img/member/box01_bottomleft01.gif) no-repeat; } #member td.bottom02 { background: url(../img/member/box01_bottomright01.gif) no-repeat; } #member td.leftbg { background: url(../img/member/box01_leftbg01.gif) repeat-y; } #member td.rightbg { background: url(../img/member/box01_rightbg01.gif) repeat-y; } #member td.topbg { background: url(../img/member/box01_topbg01.gif) repeat-x; } #member td.bottombg { background: url(../img/member/box01_bottombg01.gif) repeat-x; } #member td.top01_2 { width: 13px; height: 13px; background: url(../img/member/box02_topleft01.gif) no-repeat; } #member td.top02_2 { width: 13px; background: url(../img/member/box02_topright01.gif) no-repeat; } #member td.bottom01_2{ height: 13px; background: url(../img/member/box02_bottomleft01.gif) no-repeat; } #member td.bottom02_2{ background: url(../img/member/box02_bottomright01.gif) no-repeat; } #member .textarea01 { border:#CCCCCC 1px solid; color: #666666; } #member .text01 { border:#CCCCCC 1px solid; height:20px; margin-bottom: -1px; padding:3px 5px 0 3px; } #mem_login .login_bg_box { background:url("../img/member/login_bg01.gif") no-repeat left top; width:610px; height:255px; padding:136px 0 0 287px; text-align:left;vertical-align: top;} #idpw_find #box01_top { width: 480px; background-color:#FFFFFF; } #guide_svc #box02_top { width: 610px; background-color:#F8F8F8; margin:10px 0 20px 0; } #mem_join #join_write .bbs_tit { background:#F2F2F2; font-weight:bold; padding:5px 0 2px 10px; } #mem_join #join_write .bbs_padd{ padding:5px 10px 4px 10px; } #mem_join #join_write span.spc5{ width: 5px; height: 1px;} #mem_join #join_write span.spc10{ width: 10px; height: 1px;} #mem_join #join_write .orng01 { color: #FF7F00; } #mem_join #join_write .s { font-size: 11px; } #mem_join #btn_right { width: 610px; text-align: right; padding-top: 10px; } #member #mem_join select { font-size:11px; } #id_duplicate .iduse_form { width:370px; padding-top:10px; height:40px; } #id_duplicate .iduse { background: url(../img/member/duplicate_bg01.gif) no-repeat 0 50%; text-align:center; vertical-align: middle; } #zip_code .add_input { width:90%; height:40px; background-color:#f2f2f2; margin:5px 0 5px 0; vertical-align: middle; } #zip_code #box01_top { width: 400px; background-color:#FFFFFF; } #zip_code h3 { margin-bottom: 0px; margin-top: 0px; background: url(../img/member/bu01.gif) 13px 3px no-repeat; padding-left:22px; } #zip_code .aligntop { vertical-align: top; } #zip_code #p_tit { text-align: left; vertical-align: top; background: url(../img/member/join_tit05_bg01.gif) top left repeat-x; height: 24px; color: #000000; font-weight:bold; } #zip_code #p_con { text-align: center; padding-top: 10px; } /********************************************************************** CMS_01 **********************************************************************/ #cms_btn { width:650px; background:url("../img/cms/cms_btn_box_bg.gif") repeat-x 0 0; } #cms_pic_eff { position:absolute; } #cms_01 #main_pic { width:230px; margin: 0 15px 0 0; float:left; } .main_pic_btn { margin-top:10px; } #cms_01 #default_info { width:350px; } #cms_01 #default_info .title { margin-bottom:10px; } #default_info td { height:20px; line-height:15px; } #default_info a { color:blue; } #default_info a:hover { text-decoration:underline; } #detail_info iframe { width:610px; margin-top:30px; } #traffic { margin-top:30px; } #traffic .list { width:100%; } #traffic .list .title1 { font-weight:bold; padding-left:10px; background:url("../img/common/icon_box_purple_01.gif") no-repeat 0 40%; } #traffic .list .title2 { font-weight:bold; padding-left:10px; background:url("../img/common/icon_box_pink_01.gif") no-repeat 0 40%; } #traffic .list .title3 { font-weight:bold; padding-left:10px; background:url("../img/common/icon_box_blue_01.gif") no-repeat 0 40%; } #traffic .list .title4 { font-weight:bold; padding-left:10px; background:url("../img/common/icon_box_green_01.gif") no-repeat 0 40%; } #traffic .list .title5 { font-weight:bold; padding-left:10px; background:url("../img/common/icon_box_brown_01.gif") no-repeat 0 40%; } #traffic .list td { padding:0 0 0 10px; } .box_gray { width:100%; background:#f2f2f2; padding:5px; } .box_gray_content { width:100%; border:solid 1px #ccc; background:white; } .box_gray td { padding:5px; vertical-align:top; } #etc_info { margin-top:30px; } #u_latter { margin-top:30px; } #u_latter .title { font-weight:bold; } #u_latter .content { color:#666; font-size:11px; line-height:14px; } #u_latter .line_top { margin-bottom:10px; } #u_latter_write textarea { width:540px; border:solid 1px #999; } #other_info { margin:20px 0 20px 0; } #other_info ul { font-size:11px; list-style:none; padding:0; margin:0; } #other_info li { padding-left:15px; line-height:14px; background:url("../img/common/icon_dotarrow_666666_01.gif") no-repeat 5px 5px; } #other_info a:hover { text-decoration:underline; } #other_info #list { width:190px; height:85px; z-index:1; overflow:auto; } /********************************************************************** CMS_02 **********************************************************************/ #cms_02 #content { background:url("../img/cms/cms_02_top_bg.gif") no-repeat 0 0; } #cms_02 #main_pic { width:280px; text-align:center; float:left; } #cms_02 #main_pic .main_pic { margin-top:22px; } #cms_02 #default_info{ width:310px; margin-top:10px; } #cms_02 #default_info td { color:white; } /*#default_info a { color:yellow; } #default_info a:hover { text-decoration:underline; }*/ /********************************************************************** CMS_03 **********************************************************************/ /*#cms_03 div { border:solid 1px red;}*/ #wrong_write { margin-top:30px; } /*detail_info*/ #cms_03 #main_pic { width:230px; margin: 0 15px 0 0; float:left; } #cms_03 #cat { width:200px; height:112px; margin-right:10px; background:url("../img/cms/cms_03_lodg_cat_bg.gif") no-repeat 0 0; float:left; } #cms_03 #cat_best { margin-bottom:40px; } #cat_best .ul_type_01 { list-style:none; margin:12px 0 0 110px; } #cat_best .ul_type_01 li { padding-left:10px; line-height:17px; background:url("../img/common/icon_dotarrow_4d00a3_01.gif") no-repeat 5px 4px; } #cat_best .ul_type_01 a { font-size:11px; } #cat_best .ul_type_01 a:hover { font-weight:bold; } #cat_best .ul_type_02 { list-style:none; margin:12px 0 0 0; } #cat_best .ul_type_02 li { padding-left:10px; line-height:17px; background:url("../img/common/icon_dotarrow_4d00a3_01.gif") no-repeat 5px 4px; } #cat_best .ul_type_02 a { font-size:11px; } #cat_best .ul_type_02 a:hover { font-weight:bold; } /*list*/ #cms_03 .pic { width:112px; height:130px; background:url("../img/common/photo_frame.gif") no-repeat 0 0; } #cms_03 .pic img { margin:4px 8px 8px 4px; } #cms_03 .title { height:18px; font-weight:bold; } #cms_03 .info td { font-size:11px; height:20px; line-height:15px; vertical-align:top; } #cms_03 #list #record { width:302px; padding-right:10px; margin-bottom:30px; float:left; } #cms_03 #list #record td{ color:#666; line-height:13px; } #cms_03 #search { margin-bottom:20px; } #cms_03 #search select { width:90px; font-size:11px; } #cms_03 #sort { margin-bottom:15px; } #cms_03 #sort .btn { margin-right:5px; } #cms_03 #sort .btn td { font-size:11px; color:#666; text-align:center; } #cms_03 h2 { margin:20px 0 10px 0; } #cms_03 #view_info #table_02 { border:solid 1px #d5c0ed; } /*#cms_03 #view_info #table_02 .table_02 { border:#4d00a3; }*/ /*#cms_03 #wrong_write .input_tf_default { height:15px; }*/ #cms_03 #wrong_write textarea { border:solid 1px #999; } #cms_03 #lodg_dinfo { width:610px; height:278px; padding: 25px 50px 0 30px; background:url("../img/cms/cms_03_detail_topbg.gif") no-repeat 0 0; } #cms_03 #lodg_dinfo .lodg_dinfo { margin-top:20px; } #cms_03 #lodg_dinfo .lodg_dinfo .addnurl { padding-top:2px; line-height:14px; letter-spacing:-1px; } #cms_03 #lodg_dinfo #main_pic { margin-right:30px; } /*#cms_03 #default_info { margin-bottom:10px; }*/ /*photo*/ #photo_view .photo_view_box { width:576px; height:429px; margin-bottom:15px; background:url("../img/info/lodging/photo_img_bg.gif") no-repeat 0 0; } #photo_view .photo_view_box .view_img { text-align:center; } #photo_view #photo_list #thumb { border:solid 1px #999; padding:5px; margin:5px; } #photo_view #photo_list #thumb_active { border:solid 3px #ff6600; padding:5px; margin:5px; } /*settlement*/ #cms_03 #settle .settle_info td { padding:3px; } /*around list*/ #cms_03 #around .list { background:url("../img/common/around_list_bg.gif") repeat-y 0 0; } #cms_03 #around .list2 { background:url("../img/common/around_list_bg2.gif") repeat-y 0 0; } #cms_03 #around .list tr, #cms_03 #around .list2 tr { height:45px; padding-bottom:5px; } #cms_03 #around .add { letter-spacing:-1px; } /********************************************************************** CMS_04 **********************************************************************/ /*detail_info*/ #cms_04 #main_pic { width:230px; margin: 0 15px 0 0; float:left; } #cms_04 #wrong_write .input_tf_default { height:15px; } #cms_04 #food_dinfo { width:610px; height:278px; padding: 35px 50px 0 30px; background:url("../img/info/food/detail_topbg.gif") no-repeat 0 0; } #cms_04 #food_dinfo .food_dinfo .addnurl { padding-top:2px; line-height:14px; letter-spacing:-1px; } #cms_04 #food_dinfo .food_dinfo { margin-top:5px; } #cms_04 #food_dinfo #main_pic { margin-right:30px; } #cms_04 #food_dinfo .food_like { margin:5px; } #cms_04 #food_dinfo .food_like td { height:11px; } /*list*/ #cms_04 #cat { width:200px; height:112px; margin-right:10px; background:url("../img/info/food/list_cat_bg.gif") no-repeat 0 0; float:left; } #cms_04 .pic { width:112px; height:112px; background:url("../img/common/photo_frame.gif") no-repeat 0 0; } #cms_04 .pic img { margin:4px 8px 8px 4px; } #cms_04 .title { height:18px; font-weight:bold; } #cms_04 .info td { font-size:11px; height:25px; vertical-align:top; } #cms_04 #list #record { width:302px; padding-right:10px; margin-bottom:30px; float:left; } #cms_04 #list #record td{ color:#666; line-height:13px; } #cms_04 #search { margin-bottom:20px; } #cms_04 #search select { width:90px; font-size:11px; } #cms_04 #sort { margin-bottom:20px; } #cms_04 #sort .btn { margin-right:5px; } #cms_04 #sort .btn td { font-size:11px; color:#666; text-align:center; } /*menu*/ #cms_04 #menu_box .menu_title { height:32px; font-size:14px; font-weight:bold; padding:5px 0 0 20px; background:url("../img/info/food/menu_img_01.gif") no-repeat 0 0; } #cms_04 #menu_box .record { margin-top:20px; } #cms_04 #menu_box .pic { width:510px; height:283px; text-align:center; background:url("../img/info/food/menu_img_02.gif") repeat 0 0; } /********************************************************************** public equip **********************************************************************/ #cms_price { margin-top:20px; } #cms_price .cms_price .title { font-weight:bold; } #cms_price .cms_price td { line-height:15px; text-align:center; padding:3px; } #info #page_01_cms #default_info .info { width:100%; margin:0 10px 0 10px; } #info #page_02_cms #default_info .info { margin:34px 0 0 72px; } #info #page_03_cms #default_info .info { margin:0 0 24px 72px; } /********************************************************************** my page_make travel **********************************************************************/ #tab_over { font-size:12px; font-weight:bold; color:white; } #shop_tit { font-size:12px; font-weight:bold; color:#1e77c4; } /********************************************************************** mud story **********************************************************************/ .cosmetic_boxbg { background:url("../img/mud/content_cosmetic_bg.gif") no-repeat left top; width:610px; height:135px; text-align:left; vertical-align: top;} #mud_story .mv_tit_bg_box { background:url("../img/mud/content_mv_img_01.gif") no-repeat left top; width:610px; height:144px; padding:102px 0 0 177px; text-align:left; vertical-align: top;} #mud_story .mv_bg_box { background:url("../img/mud/content_mv_img_02.gif") no-repeat left top; width:610px; height:504px; padding:131px 0 0 130px; text-align:left; vertical-align: top;} #pr_tv td {vertical-align: top;} #pr_tv .tv_movie {width:320px; text-align: center; padding-top:0; background:url("../img/mud/content_mv_img_03.gif") no-repeat left top;} #pr_tv .tv_play_title {width:320px; height:50px; background:url("../img/mud/content_mv_img_04.gif") no-repeat left top;} #pr_tv .tv_player {position:relative; top:28px; left:130px;} #pr_tv .tv_player img {margin-right:1px;} #pr_tv .play_bar {width:310px; position:relative; top:-1px; left:5px;} #pr_tv .vol_bar {width:28px; position:relative; top:16px; left:285px;} #pr_tv .pr_title {padding-top:0;} #pr_tv .btn {padding-top:10px; text-align:center;} #pr_tv .title {text-align:center; position:relative; top:35px; left:0;} /********************************************************************** leisure **********************************************************************/ .leisure_font_01 { color:#009900; font-weight:bold; } .imgmargin_right { margin-right:10px;} .imgmargin_left { margin-left:10px;} /********************************************************************** poll **********************************************************************/ #poll_tit { font-size:14px; font-weight:bold; } #poll_small { font-size:11px; color:#8d8c8c; } #poll_point { font-size:11px; color:#ff7800; } #poll_table_tit { font-weight:bold; color:#5e9605; } #poll_table_in {padding:0 0 0 10px; } #pageno a { font-weight:bold; } #pageno_now a{ color: #ff7800; font-weight:bold; } .list_line { height:11px; background:url("../img/travel/table_dotline.gif") repeat-x 0 50%; } #page_06 input, #page_06 select {font-size: 11px; } /********************************************************************** schedule **********************************************************************/ #guide #page_01 .line_bottom { border-bottom : 1px #e4e4e4 solid;} #guide #page_01 .view_line_bottom { border-bottom : 1px #DAEFF1 solid;} #guide #page_01 .view_title { font-weight : bold; color : #FF3300; } /********************************************************************** calendar **********************************************************************/ .calendar_day { font-size : 11px; color : #666666; font-weight : bold; padding : 5px; } .calendar_sun { font-size : 11px; color : #CC0000; font-weight : bold; padding : 5px; } .calendar_sat { font-size : 11px; color : #3399CC; font-weight : bold; padding : 5px; } .boocom { background-color:#f2f2f2; } .booposs { background-color:white !important; } #calendar .today { background-color:#ffd5d5; } #calendar .ms_event { } #calendar_mini { width:150px; } #calendar_mini td { padding:0 !important; } #calendar_mini .calendar_day, #calendar_mini .calendar_sun, #calendar_mini .calendar_sat { padding:0; text-align:center; font-weight:normal; } #calendar_mini .boocom { background-color:#ffde00; } /********************************************************************** festival **********************************************************************/ #festival .simple_info {width:610px; height:88px; text-align:center; background:url("../img/theme/festival_simple_bg.gif") repeat-x 0 0; } #festival .simple_info_tit {color:#0b9900; font-weight:bold; margin:10px; padding-left:15px; background:url("../img/theme/festival_simple_icon.gif") no-repeat 5px 3px;} #festival .dotline {height:23px; background:url("../img/travel/table_dotline.gif") repeat-x 0 95%; } /********************************************************************** info_speciality **********************************************************************/ #agricultural { height: 151px; text-align:center; padding-top:18px; background:url("../img/info/speciality/agricultural_menu_bg.gif") no-repeat} #agricultural .ul_type { list-style:none; } #agricultural .ul_type li { padding-left:15px; line-height:19px; font-size : 11px; background:url("../img/info/speciality/agricultural_icon.gif") no-repeat 5px 7px; } #agricultural_txt { height: 224px; padding:10px 35px 10px 35px; background:url("../img/info/speciality/agricultural_txt_bg.gif") no-repeat} #agricultural_txt #buy_tit { color:#d5212a; font-weight:bold; padding-left:15px; margin-bottom:2px; background:url("../img/info/speciality/agricultural_buy_icon.gif") no-repeat 0px 2px; } #agricultural_txt #small_img {padding:10px 0px 0px 0px; float:right; } /********************************************************************** info_culture **********************************************************************/ #culture .tit {color:#502283; font-weight:bold; margin:33px 0 20px 0; padding-left:18px; background:url("../img/info/culture/tit_icon.gif") no-repeat 0px 2px;} #culture .menu { padding-left:12px; margin:3px 0 10px 0; font-size : 11px; background:url("../img/info/culture/people_menu_table_icon.gif") no-repeat 3px 3px; } #culture .boxbg_t_r { background-position: right top; background-repeat: repeat-x; } #culture .boxbg_b_r { background-position: bottom right ; background-repeat: repeat-x; } #culture .boxbg_r_r { background-position: top right ; background-repeat: repeat-y; } #culture .boxbg_l_l { background-position: top left ; background-repeat: repeat-y; } #culture .subtit {color:#502283; font-weight:bold; } /********************************************************************** sitemap **********************************************************************/ #sitemap .sitemap td { letter-spacing:0; vertical-align:top; } #sitemap .sitemap a:hover { font-weight:bold; } #sitemap .ul_type_sitemap { list-style:none; margin-bottom:10px; background-color:#f5f5f5; } #sitemap .ul_type_sitemap .tit { padding:7px 0 7px 20px; color:white; font-weight:bold; line-height:15px; background:url("../img/service/sitemap_bg_d1.gif") no-repeat 0 3px; } #sitemap .ul_type_sitemap li { line-height:15px; padding:2px 0 0 25px; background:url("../img/service/sitemap_bg_d2.gif") no-repeat 18px 50%; } #sitemap .ul_type_sitemap .sub { font-size:11px; line-height:13px; padding-left:32px; background:url("../img/service/sitemap_bg_d3.gif") no-repeat 25px 50%; } #sitemap .ul_type_sitemap .sub a{ color:#999; } /********************************************************************** info **********************************************************************/ .info_font, .info_font td {color:#4D00A3; text-align: center; background:#F8F1FF !important;} /********************************************************************** content round box **********************************************************************/ #content_rbox { width:100%; } #content_rbox .rbox { padding:10px 15px 10px 15px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; } .rtop, .rbottom{display:block; } .rtop *, .rbottom *{display:block; height:1px; overflow:hidden; } .r1{margin:0 5px; background:#CCCCCC; } .r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; } .r3{margin:0 2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } .r4{margin:0 1px; height:2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } #charge { border-left:#CCCCCC solid 1px; background-color:white; border-right:#CCCCCC solid 1px; } /* .box -> #content */ /********************************************************************** copyright **********************************************************************/ #main_bottom { width:815px; /*color:white;*/ text-align:center; margin:20px 0 0 35px; background:url("../img/common/bottom_menu_bg.gif") repeat-x 0 0; } #sub_bottom { width:650px; /*color:white;*/ text-align:center; margin:20px 0 0 220px; background:url("../img/common/bottom_menu_bg.gif") repeat-x 0 0; } .bottom_menu { font-size:11px; /*color:white;*/ text-align:center; } /*.bottom_menu a { color:white; }*/ .bottom_menu a:hover { /*color:white;*/ text-decoration:underline; } .copyright { margin:15px 0 10px 0; } #main_bottom .counter td { font-size:11px; line-height:14px; text-align:right; } /********************************************************************** slide **********************************************************************/ #slide { width:110px; } #slide ul { font-size:11px; list-style:none; padding:0; margin:0 0 0 5px; } #slide li { padding-left:10px; line-height:15px; letter-spacing:-1px; background:url("../img/common/icon_dotarrow_666666_01.gif") no-repeat 2px 5px; } /*#slide .slide_bg { background:url("../img/common/slide_bg.gif") repeat-y 0 0; }*/ #slide #slide_vp { width:110px; } #slide #slide_vp a:hover { color:#ff6600; letter-spacing:-1px; font-weight:bold; } #slide #slide_best a:hover { color:#00ab00; letter-spacing:-1px; font-weight:bold; } /********************************************************************** script **********************************************************************/ /*rollover*/ .rollover .offimg { display:block;} .rollover .onimg {display:none;} .rollover a:hover {position:relative;} .rollover a:hover .offimg {display:none;} .rollover a:hover .onimg {display:block;} /********************************************************************** movie **********************************************************************/ #movie { z-index:5; position:absolute; top:410px; left:560px; width:440px; height:325px; background:url("../img/main/mov_bg.gif") no-repeat; } #movie #close_top { padding: 10px 10px 0 0; text-align:right; } #movie #mov { padding: 48px 0 0 59px 0; } #movie #close_bottom { padding: 10px 10px 0 173px; }