/* layout */ /* body */ body { background:url("/images/common/bg_body.gif") repeat-x left top;} /* wrap */ #wrap { position:relative; width:100%; margin:0 auto;} #innerwrap {} /* header #header { position:relative; width:2000px; height:108px; top:0px; left:50%; margin-left:-1000px;}*/ #header { position:relative; width:925px; height:108px; margin:0 auto;} #header .innerwrap { position:absolute; width:925px; margin:0 auto; left:50%; top:8px; margin-left:-463px;} #header .logo, #header .link_freegine, #header #gnb, #header #snb { float:left;} #header .logo { padding:0px 0px 0px 0px;} #header .link_freegine { padding:0px 0px 0px 97px;} /* snb */ #snb { position:absolute; top:23px; right:0px;} *:first-child+html #snb { top:16px; right:2px;} #snb ul, #snb ul li { float:left;} #snb ul li { padding:0px 8px 0px 6px; background:url("/images/common/snb_line.gif") no-repeat right 4px;} #snb ul li a { color:#737272; text-decoration:none; font-size:11px;} #snb ul li.first { padding-left:0px;} #snb ul li.last { padding-right:0px; background-image:none;} /* gnb */ #gnb { position:absolute; width:925px; height:65px; top:58px; left: 0; z-index:999;} /* ad_text */ #header .ad_text { position:absolute; top:70px; left:600px;} *:first-child+html #header .ad_text { top:69px;} #header .ad_text p a { font-size:11px; color:#fefefe;} /* global_search */ #global_search { position:absolute; z-index:10; top:32px; right:0px; width:297px; background:url("/images/common/bg_global_search.gif") no-repeat left top;} #global_search .global_select, #global_search .input, #global_search .btn { float:left;} #global_search .js ul.newList {left:-9999px;} #global_search ul.newList * {margin:0; padding:0;} #global_search ul.newList { margin:0; padding:0; list-style:none; color:#959595; width:94px; background:#fff; position:absolute; border:1px solid #ccc; border-top:none; top:-5px; left:0; overflow:auto; z-index:10; margin-top:-6px;} #global_search .newListSelected {width:94px; color:#959595; height:29px; padding:0px 0 0 1px; float:left; background:url("/images/common/bg_global_search_select.gif") no-repeat; text-indent:5px; line-height:29px; font-size:11px;} #global_search .newListSelected span { width:80px; display:block; height:29px; } #global_search ul.newList li {padding:3px 5px 3px 0px;} #global_search .selectedTxt {width:80px; overflow:hidden; height:29px; padding:0 0 0 0;} #global_search .hiLite {background:#650101!important; color:#fff!important;} #global_search .newListHover {background:#ccc!important; color:#000!important; cursor:default;} #global_search .newListSelHover, #global_search .newListSelFocus {cursor:pointer;} #global_search .newListOptionTitle {font-weight:bold;} #global_search .newListOptionTitle ul {margin:2px 0 0;} #global_search .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;} #global_search .input { padding:3px 0px 0px 0px;} #global_search .input input { padding:2px 2px 2px 2px; width:154px; border:1px solid #fff; font-weight:bold;} #global_search .btn { padding:2px 0px 0px 0px;} /* content */ #content { position:relative; width:925px; padding-top:30px; margin:0 auto;} * html #content { z-index:-1;} *:first-child+html #content { z-index:-1;} /* sidebar */ #sidebar { position:relative; float:left; width:210px;} #sidebar_innerwrap { position:relative; padding-bottom:10px; background:url("/images/common/bg_sidebar_bottom.gif") no-repeat left bottom;} #sidebar_innerwrap ul { background:url("/images/common/bg_sidebar_body.gif") repeat-y left top; padding:0px 0px 0px 11px; margin-bottom:-1px;} #sidebar_innerwrap ul.designshop { width:190px; background:url("/images/designshop/sidebar_bg.gif") repeat-y left top;} #sidebar_innerwrap ul.domain { background:url("/images/domain/sidebar_bg.gif") repeat-y left top;} #sidebar_innerwrap ul.hosting { background:url("/images/hosting/sidebar_bg.gif") repeat-y left top;} #sidebar_innerwrap ul.search { background:url("/images/search/sidebar_bg.gif") repeat-y left top;} #sidebar_innerwrap ul.photo { background:url("/images/photo/sidebar_bg.gif") repeat-y left top;} #sidebar_innerwrap ul li a { display:block; width:148px; border-bottom:1px solid #eee;} #sidebar_innerwrap ul li.last a { border-bottom:none;} #sidebar_innerwrap ul li ul { background-image:none; padding-left:0px; width:150px; } * html #sidebar_innerwrap ul li ul { margin-top:-2px; padding:4px 0px 0px 0px; } #sidebar_innerwrap ul li ul li a { border-bottom:none; padding:2px 0px;} * html #sidebar_innerwrap ul li ul li a { padding:1px 0px; margin-top:-2px;} #sidebar_innerwrap ul li ul li.last a { border-bottom:1px solid #eee; margin-bottom:2px;} * html #sidebar_innerwrap ul li ul li.last a { margin-bottom:0px; padding-bottom:2px;} #sidebar_banner { width:170px; padding-bottom:100px;} #sidebar_banner .working { padding-top:16px;} #sidebar_banner .domain_control { padding-top:16px;} #sidebar_banner .hosting_control { padding-top:16px;} #sidebar_banner .tel { padding-top:16px;} #sidebar_banner .link { padding-top:15px;} #sidebar_banner .link div { padding-bottom:2px;} #sidebar_banner .nameserver { padding-top:16px;} #sidebar_banner .nameserver .title { padding-bottom:7px; margin-bottom:5px; border-bottom:1px solid #daddeb;} #sidebar_banner .nameserver ul li { padding:2px 0px;} #sidebar_banner .nameserver ul li p { color:#6e6e6e; font-size:10px; font-family:verdana; font-weight:bold;} #sidebar_banner .nameserver ul li.first { padding-left:39px; background:url("/images/sidebar_banner/icon_1.gif") no-repeat 10px 9px;} #sidebar_banner .nameserver ul li.second { padding-left:39px; background:url("/images/sidebar_banner/icon_2.gif") no-repeat 10px 9px;} /* 사이드바 - 디자인샵 */ #sidebar .sb_designshop ul li a:hover { text-decoration:none;} #sidebar .sb_designshop ul li a#order01, #sidebar .sb_designshop ul li a#order02, #sidebar .sb_designshop ul li a#order03 { width:138px; border-top:0 none; padding:6px 0px 6px 10px; color:#858585; font-weight:bold; background:url("/images/common/icon_sidebar02.gif") no-repeat 128px 7px;} #sidebar .sb_designshop ul li.selected a#order01, #sidebar .sb_designshop ul li.selected a#order02, #sidebar .sb_designshop ul li.selected a#order03 { color:#80b522; background:url("/images/common/icon_sidebar01.gif") no-repeat 128px 7px;} #sidebar .sb_designshop ul li ul { padding:5px 0px 5px 10px; border-bottom:1px solid #eee; margin-bottom:1px; width:138px;} * html #sidebar .sb_designshop ul li ul { padding-top:10px;} #sidebar .sb_designshop ul li ul li a { color:#393939; font-size:12px; border:0 none; height:18px; padding-left:12px; background:url("/images/common/icon_square01.gif") no-repeat 1px 7px;} #sidebar .sb_designshop ul li ul.designshop_category03 li a { padding-left:0px; background-image:none;} #sidebar .sb_designshop ul li ul.designshop_category03 li img { margin-bottom:4px;} * html #sidebar .sb_designshop ul li ul li a { height:22px;} #sidebar .sb_designshop ul li ul li a:hover { color:#80b522;} #sidebar .sb_designshop ul li ul li.selected2 { background:url("/images/common/icon_square02.gif") no-repeat 1px 7px;} #sidebar .sb_designshop ul li ul li.selected2 a { color:#80b522; font-weight:bold; background-image:none;} #sidebar .sb_designshop ul li ul li ul { padding-top:5px; padding-left:3px; border:0 none;} #sidebar .sb_designshop ul li ul li ul li { padding:0px !important;} #sidebar .sb_designshop ul li ul li.selected2 ul li a, #sidebar .sb_designshop ul li ul li ul li a { color:#b2b2b2; font-size:11px; font-weight:normal; background-image:none;} #sidebar .sb_designshop ul li ul li ul li a:hover { color:#393939;} #sidebar .sb_designshop ul li ul li ul li.selected3 a { color:#393939; font-weight:bold;} #sidebar .sb_designshop ul li.last a { border-bottom:0 none;} #sidebar .sb_designshop ul li.last ul { border-bottom:0 none; margin-bottom:0px;} #sidebar .sb_designshop ul li ul li .open_close { position:relative;} #sidebar .sb_designshop ul li ul li .open_close .left { float:left; padding:2px 4px 0px 0px;} * html #sidebar .sb_designshop ul li ul li .open_close .left { padding-top:1px;} #sidebar .sb_designshop ul li ul li .open_close .left2 { float:left;} #sidebar .sb_designshop ul li ul li .open_close .left2 a { display:inline !important; background-image:none !important; padding:0px !important;} #sidebar .sb_designshop #designshop_category02, #sidebar .sb_designshop #designshop_category03 {display:none;} /* content_body */ #content_body { position:relative; float:right; width:715px; padding-bottom:50px; z-index:0;} /* content_title #content_body .content_title { width:100%; height:55px;} #content_body .content_title .title { float:left; padding:11px 0px 0px 0px;} #content_body .content_title .navigation { float:right; padding:21px 0px 0px 0px; border:1px solid #fff;} #content_body .content_title .navigation span { display:block; float:left; font-size:11px; color:#9d9d9d; padding:0px 12px 0px 5px; background:url("/images/common/icon_navigation.gif") no-repeat right 2px;} #content_body .content_title .navigation span.current { padding-right:0px; background-image:none;} #content_body .content_title .navigation span.current strong { color:#555454;} */ /* content_title */ .content_title { position:relative; float:right; width:715px; height:55px;} .content_title .title { float:left; padding:11px 0px 0px 0px;} .content_title .navigation { float:right; padding:21px 0px 0px 0px; border:1px solid #fff;} .content_title .navigation span { display:block; float:left; font-size:11px; color:#9d9d9d; padding:0px 12px 0px 5px; background:url("/images/common/icon_navigation.gif") no-repeat right 2px;} .content_title .navigation span.current { padding-right:0px; background-image:none;} .content_title .navigation span.current strong { color:#555454;} .title_btn {position:relative; float:left; width:230px; height:33px; margin-top:0px; padding:0 0 0 39px; margin:-131px 0 0 0;} .title_btn ul{list-style:none; padding:0; margin:0;} .title_btn li{display:inline; padding:0 0 0 0;} .mobile_title_btn {position:relative; float:left; width:250px; height:33px; margin-top:0px; padding:0 0 0 39px; margin:-45px 0 0 0;} .mobile_title_btn ul{list-style:none; padding:0; margin:0;} .mobile_title_btn li{display:inline; padding:0 0 0 0;} /* footer */ #footer { position:relative; width:100%; padding-bottom:30px;} #footer .innerwrap { position:relative; width:925px; margin:0 auto; background:url("/images/common/bg_footer.gif") repeat-x left top;} #footer .innerwrap .top { height:52px;} #footer .innerwrap .top .link { float:left;} #footer .innerwrap .top .link ul, #footer .innerwrap .top .link li { float:left;} #footer .innerwrap .top .link ul { padding:9px 0px 0px 11px;} #footer .innerwrap .top .link li { padding:0px 10px 0px 8px; background:url("/images/common/footer_link_line.gif") no-repeat right 3px;} #footer .innerwrap .top .link li.first { padding-left:0px;} #footer .innerwrap .top .link li.last { padding-right:0px; background-image:none;} #footer .innerwrap .family_site { position:absolute; right:0px; top:7px;} #footer .innerwrap .address { padding-left:11px; padding-bottom:15px;} #footer .innerwrap .toggle_sitemap { float:right; width:85px; margin:10px 10px 0px 0px; padding-top:1px;} #footer .innerwrap .toggle_sitemap a { display:block; padding-left:20px; font-size:11px; color:#353535; font-weight:bold; text-decoration:none;} #footer .innerwrap .toggle_sitemap a.closed { background:url("/images/common/sitemap_off.gif") no-repeat left 1px;} #footer .innerwrap .toggle_sitemap a.open { background:url("/images/common/sitemap_on.gif") no-repeat left 1px;} #footer .js ul.newList {left:-9999px;} #footer ul.newList * {margin:0; padding:0;} #footer ul.newList {margin:0; padding:0; list-style:none; color:#959595; width:130px; background:#fff; position:absolute; border:1px solid #ccc; top:-5px; left:0; overflow:auto; z-index:9999;} #footer .newListSelected {width:133px; color:#959595; height:19px; padding:0px 0 0 0px; float:left; background:url("/images/common/bg_footer_select.gif") no-repeat; text-indent:5px; line-height:1.6;} #footer .newListSelected span { width:80px; display:block; } #footer ul.newList li {padding:0px 5px;} #footer .selectedTxt {width:80px; overflow:hidden; height:16px; padding:0 0 0 0;} #footer .hiLite {background:#650101!important; color:#fff!important;} #footer .newListHover {background:#ccc!important; color:#000!important; cursor:default;} #footer .newListSelHover, #footer .newListSelFocus {cursor:pointer;} #footer .newListOptionTitle {font-weight:bold;} #footer .newListOptionTitle ul {margin:2px 0 0;} #footer .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;} /* footer_sitemap */ .footer_sitemap { width:925px; height:142px; margin:0 auto; border-top:2px solid #d3d3d3; background-color:#f9f9f9; z-index:5;} .footer_sitemap .order { float:left; height:117px; padding:18px 0px 0px 0px; background:url("/images/common/footer_sitemap_bg.gif") no-repeat right 21px;} .footer_sitemap .order h2 { padding-bottom:10px; color:#353535; font-weight:bold;} .footer_sitemap .order ul li a { color:#757575; font-size:11px;} .footer_sitemap .order ul li a:hover { color:#4d5ab5; font-weight:bold;} .footer_sitemap .order01 { width:153px; padding-left:60px;} .footer_sitemap .order02 { width:115px; padding-left:35px;} .footer_sitemap .order03 { width:105px; padding-left:35px;} .footer_sitemap .order04 { width:98px; padding-left:35px;} .footer_sitemap .order05 { width:98px; padding-left:35px;} .footer_sitemap .order06 { padding-left:35px; padding-right:0px; background-image:none;} /* paging */ #paging { padding-top:25px; width:100%; font-size:11px; font-family: tahoma; text-align: center;} #paging img { vertical-align: middle; margin-bottom: 2px; /margin-bottom: 0px;} #paging span { padding: 0 5px 0 9px; font-family:tahoma; font-size:11px;background:url(/images/common/paging_bar.gif) no-repeat left 2px;} #paging span.first_child {background:none;} #paging a { color: #626262; font-size:11px; font-family:tahoma;} #paging strong { text-decoration:underline;} #paging .first_child { background: none;} #paging .first, #paging .prev, #paging .next, #paging .last { padding:0px; background: none;} #paging .prev { padding-right:10px;} #paging .next { padding-left:10px;} #paging .first, #paging .last { padding: 0 3px;} .paging_border_top { border-top:1px solid #dbdbdb;} .bold { font-weight:bold;} /* button */ .button { margin:15px 0px;} .button .center { text-align:center;} .button .left { text-align:left;} .button .right { text-align:right;} /* input_text */ .input_text { border:1px solid #d6d6d6; padding:2px 0px 1px 2px;} * html .ie_file { height:18px !important;} *:first-child+html .ie_file { height:18px !important;} * html .input_text { margin-top:-1px; height:14px; } *:first-child+html .input_text { height:14px;} .pr10 { padding-right:10px;} .float_left { float:left;} .float_right { float:right;} .align_left { text-align:left;} .align_center { text-align:center;} .align_right { text-align:right;} .orange01 { color:#ff6600; font-size:11px; font-weight:normal;} .list_style01 { padding:3px 0px; } .list_style01 li { color:#626262;} .list_style01 .orange { color:#ff6600;} .list_style01 .bold { font-weight:bold;} /*****************************************************/ /* board */ /*****************************************************/ .top_sort_result { padding-bottom:8px; color:#979696; text-align:right; font-size:11px;} .board_top_wrap .left_select { float:left;} .board_top_wrap .top_sort_result { float:right;} /* board_list_style01 */ .board_list_style01 { width:100%; background:url("/images/myservice/06_bg01_table.gif") no-repeat left top;} .board_list_style01 table { width:100%; text-align:center;} .board_list_style01 table thead th { padding:7px 0px 7px 0px; background:url("/images/myservice/06_icon_th_line.gif") no-repeat right 19px; color:#293277; font-weight:bold;} .board_list_style01 table tbody td { padding:7px 0px; border-bottom:1px solid #e7e7e7;} .board_list_style01 table tbody td.text { padding-left:5px; text-align:left;} .board_list_style01 table tbody td.text2 { padding-left:10px; text-align:left;} .board_list_style01 table tbody td.price { text-align:right;} .board_list_style01 table tbody td.price2 { font-weight:bold; text-align:right;} .board_list_style01 table tbody td.price3 { padding-right:10px; font-weight:bold; color:#ff4200; text-align:right;} .board_list_style01 table tbody td.price4 { padding-right:10px; font-weight:bold; text-align:right;} .board_list_style01 table tbody td.order { font-weight:bold; color:#ff4200;} .board_list_style01 table tbody .view_summary td { background-color:#f9f9f9;} .board_list_style01 table tbody .view_summary .subject { font-weight:bold;} .board_list_style01 table tbody .view_article td { text-align:left; padding:15px 20px; color:#626262;} .board_list_style01 table tbody .file th, .board_list_style01 table tbody .file td { border-bottom:2px solid #d9d9d9; border-top:1px solid #d9d9d9;} .board_list_style01 table tbody .file th { color:#293277; background:url("/images/myservice/06_icon_th_line.gif") no-repeat right 10px;} .board_list_style01 table tbody .file td { text-align:left; padding-left:15px;} .board_list_style01 table .file td a { color:#1d2e9f; text-decoration:underline;} .board_list_style01 table .file td img { vertical-align:middle;} .board_list_style01 table.customer td { color:#9d9d9d;} .board_list_style01 table.customer td.subject { padding-left:8px; text-align:left;} .board_list_style01 table.customer td.subject img { vertical-align:middle;} /* reply */ table#reply { margin-bottom:25px; text-align:left;} table#reply col.title { width:430px;} * html table#reply col.title { width:395px;} *:first-child+html table#reply col.title { width:395px;} table#reply col.admin { width:75px;} * html table#reply col.admin { width:55px;} *:first-child+html table#reply col.admin { width:55px;} table#reply .bold { font-weight:bold;} table#reply .normal { font-weight:normal;} table#reply th { padding-left:19px; background:url("/images/myservice/06_icon_th_line.gif") no-repeat right 10px;} table#reply td { padding-left:16px;} table#reply td img { vertical-align:middle;} table#reply th, table#reply td { background-color:#f9f9f9; border:1px solid #d9d9d9;} table#reply .content td { padding-top:15px; padding-bottom:15px; background-color:#fff;} table#reply .file th { color:#626262;} table#reply .rb_none { border-right:none;} table#reply .lb_none { border-left:none;} /* board_style02 */ .board_list_style02 table { width:100%; text-align:center;} .board_list_style02 table thead th { padding:6px 0px; border-top:1px solid #bdce9e; border-bottom:1px solid #bdce9e; color:#77a624; font-weight:bold; background:url("/images/common/boardliststyle03_th_line.gif") no-repeat right 8px;} .board_list_style02 table thead th.first { border-left:1px solid #bdce9e;} .board_list_style02 table thead th.first2 { border-left:1px solid #bdce9e; background-image:none;} .board_list_style02 table thead th.last { background-image:none; border-right:1px solid #abd2d6;}.board_list_style02 tbody td { padding:12px 0px 12px 15px;} .board_list_style02 tbody td div { float:left;} .board_list_style02 tbody td div.text { padding:20px 0px 0px 30px; text-align:left;} .board_list_style02 tbody td div.text li { color:#b87e3f;} .board_list_style02 tbody td div.text li.last { padding-top:15px;} .board_list_style02 tbody td div.text li.last p { color:#626262;} .board_list_style02 tbody td div.button { float:right; vertical-align:middle; padding:17px 20px 0px 0px;} .board_list_style02 tbody th, .board_list_style02 tbody td { border-bottom:1px solid #d9d9d9;} .board_list_style02 tbody td img { vertical-align:middle;} .board_list_style02 .orange { color:#ff6600; font-weight:bold;} .board_list_style02 .center td { padding:5px 0px; text-align:center;} .board_list_style02 .line03 td { text-align:center; padding:5px 0px;} .board_list_style02 .line03 .order01 p { float:left; text-align:left;} .board_list_style02 .line03 .order01 p.left_text { width:128px; padding-left:21px;} * html .board_list_style02 .line03 .order01 p.left_text { padding-top:3px;} *:first-child+html .board_list_style02 .line03 .order01 p.left_text { padding-top:3px;} .board_list_style02 .line03 .order01 p.right_btn { padding-top:2px;} * html .board_list_style02 .line03 .order01 p.right_btn { padding-top:0px;} *:first-child+html .board_list_style02 .line03 .order01 p.right_btn { padding-top:0px;} .board_list_style02 .line03 .order02 { text-align:left; padding-left:25px;} .board_list_style02 .line03 td p.radio_btn { float:left; padding-right:10px;} .board_list_style02 .line03 td p.radio_btn span { display:block; float:left; padding-right:5px;} * html .board_list_style02 .line03 td p.radio_btn span { padding-right:2px;} * html .board_list_style02 .line03 td p.radio_btn span.btn01 { margin-top:-1px; } * html .board_list_style02 .line03 td p.radio_btn span.text01 { padding-top:2px;} *:first-child+html .board_list_style02 .line03 td p.radio_btn span { padding-right:2px;} *:first-child+html .board_list_style02 .line03 td p.radio_btn span.btn01 { margin-top:-1px; } *:first-child+html .board_list_style02 .line03 td p.radio_btn span.text01 { padding-top:2px;} .board_list_style02 .selected td { background-color:#f9f9f9;} /* board_list_style03 */ .board_list_style03 {} .board_list_style03 h2 img { vertical-align:middle;} .board_list_style03 .select_option { margin-top:-19px; padding-bottom:12px; text-align:right;} .board_list_style03 .select_option2 { margin-top:-16px; padding-bottom:12px; text-align:right;} .board_list_style03 .top_box { border:2px solid #949cd3; padding:13px 24px;} * html .board_list_style03 .top_box { padding-bottom:0px; width:662px;} .board_list_style03 .top_box img { vertical-align:middle;} .board_list_style03 .top_box dl, .board_list_style03 .top_box dl dt, .board_list_style03 .top_box dl dd { float:left;} .board_list_style03 .top_box dl dt { width:100px; background:url("/images/myservice/0101_view_line_01.gif") no-repeat right 2px;} .board_list_style03 .top_box dl dd { padding-left:21px; font-family:tahoma; font-size:12px; color:#4d5ab5; font-weight:bold;} .board_list_style03 .top_box dl dd.style2 { color:#626262; text-decoration:none;} .board_list_style03 .top_box ul.right_list { float:right; margin-top:-6px;} .board_list_style03 .top_box ul.right_list li { font-size:11px; text-align:left; padding:1px 0px 1px 10px; background:url("/images/myservice/0101_view_dot_02.gif") no-repeat left 6px;} .board_list_style03 .top_box ul.right_list li span.orange { color:#ff6600; font-weight:bold; font-size:11px;} .board_list_style03 table { width:100%; text-align:center;} .board_list_style03 table thead th { padding:6px 0px; border-top:1px solid #adb2d6; border-bottom:1px solid #adb2d6; color:#4d5ab5; font-weight:bold; background:url("/images/common/boardliststyle03_th_line.gif") no-repeat right 8px;} .board_list_style03 table thead th.first { border-left:1px solid #abd2d6;} .board_list_style03 table thead th.first2 { border-left:1px solid #abd2d6; background-image:none;} .board_list_style03 table thead th.last { background-image:none; border-right:1px solid #abd2d6;} .board_list_style03 table tbody td { padding:9px 0px; height:20px; border-bottom:1px solid #d9d9d9;} .board_list_style03 table tbody td a { position:relative;} * html .board_list_style03 table tbody td img { padding-bottom:1px;} *:first-child+html .board_list_style03 table tbody td img { padding-bottom:1px;} .board_list_style03 table tbody td.title { text-align:left; padding-left:8px;} .board_list_style03 table tbody td.title2 { color:#626262; text-align:left; padding-left:8px;} .board_list_style03 table tbody .bgcolor_gray td { background-color:#f8f8f8;} .board_list_style03 table .weak_blue a { color:#656eaa;} .board_list_style03 table .bold { font-weight:bold;} .board_list_style03 table tbody td.title { text-align:left; padding-left:10px;} .board_list_style03 table .orange { color:#ff6600;} .board_list_style03 table .left { text-align:left; padding-left:10px;} .board_list_style03 table .right { text-align:right; padding-right:10px;} .board_list_style03 table .select select { width:100px} .board_list_style03 table tr.used td {color:#949494;} /* board_list_style05 */ .board_list_style05 {} .board_list_style05 table { width:100%; text-align:center;} .board_list_style05 table thead th { padding:6px 0px;border-right:1px solid #c9cde8; border-top:1px solid #adb2d6; border-bottom:1px solid #c9cde8; color:#4d5ab5; font-weight:bold; background:none;} .board_list_style05 table thead th.first { border-right:1px solid #c9cde8;border-bottom:1px solid #adb2d6;border-left:1px solid #adb2d6;} .board_list_style05 table thead th.last { background-image:none; border-right:1px solid #adb2d6; border-bottom:1px solid #adb2d6;} .board_list_style05 table thead th.d2 {font-weight:normal;font-size:11px;color:#7d85bf; border-bottom:1px solid #adb2d6;} .board_list_style05 table tbody td { padding:9px 0px; height:20px; border-bottom:1px solid #d9d9d9;background:url(/images/common/boardliststyle03_tbdoy_td_first_bg.gif) repeat-x left top;} .board_list_style05 table tbody td a img {vertical-align:top;} .board_list_style05 table .orange { color:#ff6600;} .board_list_style05 table .bold { font-weight:bold;} * html .board_list_style05 table tbody td img { padding-bottom:1px;} *:first-child+html .board_list_style05 table tbody td img { padding-bottom:1px;} /* board_list_style06 */ .board_list_style06 { width:100%; background:url("/images/myservice/06_bg06_table.gif") no-repeat left top;} .board_list_style06 table { width:100%; text-align:center;} .board_list_style06 table thead th { padding:7px 0px 7px 0px; background:url("/images/common/boardliststyle03_th_line.gif") no-repeat scroll right 11px; color:#293277; font-weight:bold;} .board_list_style06 table tbody td { padding:7px 0px; border-bottom:1px solid #e7e7e7;} .board_list_style06 table tbody td.text { padding-left:5px; text-align:left;} .board_list_style06 table tbody td.text2 { padding-left:10px; text-align:left;} .board_list_style06 table tbody td.price { text-align:right;} .board_list_style06 table tbody td.price2 { font-weight:bold; text-align:right;} .board_list_style06 table tbody td.price3 { padding-right:10px; font-weight:bold; color:#ff4200; text-align:right;} .board_list_style06 table tbody td.price4 { padding-right:10px; font-weight:bold; text-align:right;} .board_list_style06 table tbody td.order { font-weight:bold; color:#ff4200;} .board_list_style06 table tbody .view_summary td { background-color:#f9f9f9;} .board_list_style06 table tbody .view_summary .subject { font-weight:bold;} .board_list_style06 table tbody .view_article td { text-align:left; padding:15px 20px; color:#626262;} .board_list_style06 table tbody .file th, .board_list_style06 table tbody .file td { border-bottom:2px solid #d9d9d9; border-top:1px solid #d9d9d9;} .board_list_style06 table tbody .file th { color:#293277; background:url("/images/myservice/03_icon_th_line.gif") no-repeat right 10px;} .board_list_style06 table tbody .file td { text-align:left; padding-left:15px;} .board_list_style06 table .file td a { color:#1d2e9f; text-decoration:underline;} .board_list_style06 table .file td img { vertical-align:middle;} .board_list_style06 table.customer td { color:#9d9d9d;} .board_list_style06 table.customer td.subject { padding-left:8px; text-align:left;} .board_list_style06 table.customer td.subject img { vertical-align:middle;} /* board_search */ .board_search { width:100%; height:53px; margin:15px 0px; background:url("/images/common/bg_board_search.gif") no-repeat left top; text-align:center;} .board_search fieldset { padding:14px 0px 0px 90px;} .board_search fieldset p { float:left;} .board_search fieldset p.order_01 { padding-right:5px;} .board_search fieldset p.order_01 select { width:120px; color:#8f8f8f;} .board_search fieldset p.order_02 { padding-right:5px;} .board_search fieldset p.order_02 input { width:340px;} .board_search .fix { padding-left:15px;} .board_search .fix p.order_02 input { width:370px;} /* prev_next_article */ .prev_next_article {} .prev_next_article table { width:100%; border-top:1px solid #949bd2; border-bottom:1px solid #949bd2;} .prev_next_article table th, .prev_next_article table td { height:28px; border-bottom:1px solid #d9d9d9; vertical-align:middle;} .prev_next_article table th, .prev_next_article table td.subject { text-align:left; padding-left:15px;} .prev_next_article table th { color:#293277; font-weight:bold;} .prev_next_article table td { color:#9d9d9d;} .prev_next_article table td.subject a { color:#626262;} .prev_next_article table td.subject a:hover { font-weight:bold;} .prev_next_article table td img { vertical-align:middle;} .prev_next_article table .prev th { background:url("/images/common/icon_prev_article.gif") no-repeat right 8px;} .prev_next_article table .next th { background:url("/images/common/icon_next_article.gif") no-repeat right 8px;} .tp { padding-top:1px;} * html .tp { padding-top:2px;} /* board_write_style01 */ .board_write_style01 { width:100%; border-top:2px solid #949bd2;} .board_write_style01 table { width:100%} .board_write_style01 th, .board_write_style01 td { padding:4px 0px; border-bottom:1px solid #e7e7e7; text-align:left;} .board_write_style01 th { padding-left:16px; border-right:1px solid #e7e7e7; background-color:#fafafa; color:#293277;} .board_write_style01 td { padding-left:7px; } .board_write_style01 td p, .board_write_style01 td span, .board_write_style01 td select { font-size:11px; color:#8f8f8f;} .board_write_style01 .title td input { width:570px;} * html .board_write_style01 .title td input { width:550px;} *:first-child+html .board_write_style01 .title td input { width:550px;} .board_write_style01 .editor td { padding:0px; border:none;} #ir1 { width:713px; height:300px;} /* form_style01 */ .form_style01 {} .form_style01 h2.title2 { padding-top:43px;} .form_style01 h2.bottom, .form_style01 .h2 { padding:23px 0px 0px 0px;} .form_style01 .h2 .title { float:left;} .form_style01 .h2 .text { float:right; padding-top:9px;} .form_style01 .h2 .text02 { float:left; padding:1px 0px 0px 15px;} .form_style01 .h2 .text02 span { display:block; float:left; padding-right:5px;} .form_style01 .h2 .text02 span.btn { padding-top:1px;} .form_style01 .h2 .text02 span.text02_text { font-size:11px;} * html .form_style01 .h2 .text02 span.btn { padding-top:0px; margin-top:-3px;} * html .form_style01 .h2 .text02 span.text02_text { padding-top:1px;} *:first-child+html .form_style01 .h2 .text02 span.btn { padding-top:0px; margin-top:-3px;} *:first-child+html .form_style01 .h2 .text02 span.text02_text { padding-top:1px;} .form_style01 h3 { padding-top:25px;} .form_style01 .title_right_text { text-align:right; margin-top:-15px; color:#ff5400;} .form_style01 .title_right_text span { color:#ff5400; } .form_style01 .data_entering_form { width:100%; margin-top:15px !important; border-top:2px solid #d9d9d9;} .form_style01 .data_entering_form table { width:100%;} .form_style01 th, .form_style01 .checkbox, .form_style01 .data_entering_form td, .form_style01 .data_entering_form td p, .form_style01 .data_entering_form td span, .form_style01 .data_entering_form td select, .form_style01 .data_entering_form td input { font-size:11px; color:#8f8f8f;} .form_style01 .data_entering_form td { height:21px; padding:6px 0px; border-bottom:1px solid #d9d9d9;} .form_style01 .data_entering_form .required { color:#ff5400; font-weight:bold; text-align:center;} .form_style01 .data_entering_form .th { color:#626262; font-weight:bold; letter-spacing:-1px;} .form_style01 .data_entering_form td .yellow { color:#c48e0d; font-size:11px; padding-left:5px;} * html .form_style01 .data_entering_form .id input { margin-top:1px;} * html .form_style01 .data_entering_form .address input { margin-top:1px;} * html .form_style01 .data_entering_form span.select { display:inline-block;} * html .form_style01 .data_entering_form img { padding-bottom:1px;} *:first-child+html .form_style01 .data_entering_form input { margin-top:2px;} *:first-child+html .form_style01 .data_entering_form select { padding:2px 0px 3px 0px; font-size:12px; margin-top:1px; vertical-align:middle;} *:first-child+html .form_style01 .data_entering_form img { margin-bottom:3px;} /* input length */ .form_style01 .data_entering_form .id p.order_01 input, .form_style01 .data_entering_form .password input, .form_style01 .data_entering_form .name input, .form_style01 .data_entering_form .email input { width:267px;} .form_style01 .data_entering_form .id2 input { width:180px;} .form_style01 .data_entering_form .res_reg_num input { width:124px;} .form_style01 .data_entering_form .hp input, .form_style01 .data_entering_form .tel input { width:79px;} .form_style01 .data_entering_form .hp select, .form_style01 .data_entering_form .tel select { width:83px;} .form_style01 .data_entering_form .tel2 input { width:100px;} .form_style01 .data_entering_form .address div .input_field input { width:84px;} .form_style01 .data_entering_form .address p.order_02 input, .form_style01 .data_entering_form .address p.order_03 input { width:550px;} .form_style01 .data_entering_form .job_position input { width:222px;} .form_style01 .data_entering_form .business_reg_num input { width:120px;} .form_style01 .data_entering_form .full_length input { width:97%;} .form_style01 .data_entering_form .half_length input { width:50%;} .form_style01 .data_entering_form .id p { float:left;} .form_style01 .data_entering_form .id p.order_02 { margin-left:5px;} * html .form_style01 .data_entering_form .id p.order_02 { margin-top:2px;} *:first-child+html .form_style01 .data_entering_form .id p.order_02 { margin-top:2px;} .form_style01 .data_entering_form .address div { padding-bottom:1px;} .form_style01 .data_entering_form .address p { margin-bottom:2px;} .form_style01 .data_entering_form .address p.order_02 { margin-bottom:5px;} * html .form_style01 .data_entering_form .address p.order_02 { margin-bottom:3px;} *:first-child+html .form_style01 .data_entering_form .address p.order_02 { margin-bottom:3px;} .form_style01 .data_entering_form .address p.order_03 { margin-bottom:0px;} .form_style01 .data_entering_form .address div p { float:left;} .form_style01 .data_entering_form .address div .zipcode { padding-left:5px;} * html .form_style01 .data_entering_form .address div .zipcode { margin-top:2px;} *:first-child+html .form_style01 .data_entering_form .address div .zipcode { margin-top:2px;} * html .form_style01 .data_entering_form .business_type, * html .form_style01 .data_entering_form .business_category { padding-left:10px;} *:first-child+html .form_style01 .data_entering_form .business_type, *:first-child+html .form_style01 .data_entering_form .business_category { padding-left:10px;} * html .form_style01 .data_entering_form .business_type input, * html .form_style01 .data_entering_form .business_category input { width:100px; } *:first-child+html .form_style01 .data_entering_form .business_type input, *:first-child+html .form_style01 .data_entering_form .business_category input { width:100px; } .form_style01 .data_entering_form .newsletter p { float:left; padding-right:10px;} .form_style01 .data_entering_form .newsletter p span { float:left; padding-right:3px;} * html .form_style01 .data_entering_form .newsletter p span { float:left; padding-right:1px;} *:first-child+html .form_style01 .data_entering_form .newsletter p span { float:left; padding-right:1px;} .form_style01 .data_entering_form .newsletter p span strong { color:#ff6600; font-weight:normal;} * html .form_style01 .data_entering_form .newsletter p span.text { margin-top:2px; } *:first-child+html .form_style01 .data_entering_form .newsletter p span.text { margin-top:2px; } .form_style01 .checkbox { padding:15px 0px 0px 0px;} .form_style01 .checkbox span { display:block; float:left; padding-right:5px; color:#8f8f8f;} * html .form_style01 .checkbox span { padding-right:2px;} * html .form_style01 .checkbox span.text { margin-top:3px;} *:first-child+html .form_style01 .checkbox span { padding-right:2px;} *:first-child+html .form_style01 .checkbox span.text { margin-top:3px;} .form_style01 .checkbox span input { margin-top:1px;} * html .form_style01 .checkbox span input { margin-top:0px;} *:first-child+html .form_style01 .checkbox span input { margin-top:0px;} .form_style01 .checkbox span strong { color:#626262; font-weight:bold;} .form_style01 .border_bottom_dashed { border-bottom:1px dashed #999; padding-bottom:15px;} .form_style01 .password2 p { float:left;} .form_style01 .password2 p.order_02 { padding:2px 0px 0px 5px;} .form_style01 table p.fixed { color:#626262;} .form_style01 .bgcolor01 td { background-color:#f9f9f9; font-weight:bold; color:#626262;} .form_style01 td.radio p { float:left; padding-right:15px;} .form_style01 td.radio span { display:block; float:left; } .form_style01 td.radio span.btn { padding:1px 4px 0px 0px;} * html .form_style01 td.radio span.btn { padding-top:0px; padding-right:2px;} * html .form_style01 td.radio span.text { padding-top:3px;} *:first-child+html .form_style01 td.radio span.btn { padding-top:0px; padding-right:2px;} *:first-child+html .form_style01 td.radio span.text { padding-top:3px;} .form_style01 p.orange { padding-top:5px; font-size:11px; color:#ff6600 !important;} /* data_show_form01 */ .form_style01 .data_show_form01 { width:100%; border-top:2px solid #949bd2; margin-top:20px;} .form_style01 .data_show_form01 th { font-size:11px;} .form_style01 .data_show_form01 th, .form_style01 .data_show_form01 td { padding:7px 0px; border-bottom:1px solid #d9d9d9;} .form_style01 .data_show_form01 th { padding-left:23px; color:#3c48a3; font-weight:bold; background-color:#fafafd; border-right:1px solid #d9d9d9; text-align:left;} .form_style01 .data_show_form01 th.second { border-left:1px solid #d9d9d9;} .form_style01 .data_show_form01 td { padding-left:17px;} .form_style01 .data_show_form01 td.second_th { background-color:#fbfbfb; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;} .form_style01 .data_show_form01 td.orange, .form_style01 .data_show_form01 td .orange { color:#ff6600; font-size:11px;} .form_style01 .data_show_form01 td .yellow { color:#c48e0d; font-size:11px; padding-left:5px;} /*****************************************************/ /* login */ /*****************************************************/ #login { position:relative; padding:35px 0px 20px 270px; background:url("/images/login/bg_login.jpg") no-repeat left top;} #login .login_box { width:380px; height:89px; border:1px solid #ededed; background-color:#f9f9f9;} #login .login_box table { margin:25px 0px 0px 30px; width:247px;} #login .login_box table input { width:167px;} #login .login_box table td { font-weight:bold;} #login .login_box table .order_01 td { height:23px;} * html #login .login_box table .order_01 td { padding:0px;} *:first-child+html #login .login_box table td { padding:0px;} #login .login_box table .required { padding-top:2px; color:#ff5400;} #login .login_box table .title { padding-top:2px;} #login .btn_login { position:absolute; top:62px; right:92px;} #login .bottom { width:383px; padding-top:18px;} #login .bottom .line { height:23px; background:url("/images/login/bg_text.gif") repeat-x left 9px;} #login .bottom .order_02 { margin-top:3px;} #login .bottom .left { float:left; padding-top:3px;} #login .bottom .right { float:right;} /*****************************************************/ /* service */ /*****************************************************/ /* service_01 */ .service_01 { } .tab4 { width:715px; margin-bottom:25px;} .tab4 ul { float:left; 714px; background:url("/images/mypage/01_tab_bg.gif") repeat-x left 27px;} .tab4 ul li { float:left; padding-right:2px;} .tab4 ul li.last { padding-right:0px;} .tab4 ul li a { display:block; width:177px; height:28px; line-height:28px; background:url("/images/mypage/01_tab_off.gif") no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none;} .tab4 ul li a.selected, .tab4 ul li a:hover { background:url("/images/mypage/01_tab_on.gif") no-repeat left top; color:#5a5a5a;} .tab5 { width:100%; height:28px; margin-bottom:20px;} .tab5 table { width:100%; text-align:center;} .tab5 table td { background:url("/images/tab/tab5left_off.gif") no-repeat left top;} .tab5 table td div { background:url("/images/tab/tab5right_off.gif") no-repeat right top;} .tab5 table td a { display:block; height:28px; margin:0px 10px; padding-top:6px; background:url("/images/tab/tab5mid_off.gif") repeat-x 10px top; color:#fff; font-weight:bold; text-decoration:none;} .tab5 table td.hover, .tab5 table td.selected { background:url("/images/tab/tab5left_on.gif") no-repeat left top;} .tab5 table td.hover div, .tab5 table td.selected div { background:url("/images/tab/tab5right_on.gif") no-repeat right top;} .tab5 table td.hover a, .tab5 table td.selected a { display:block; height:28px; margin:0px 10px; padding-top:6px; background:url("/images/tab/tab5mid_on.gif") repeat-x 10px top; color:#5a5a5a; font-weight:bold; text-decoration:none;} .service_01 .bottom_contents { position:relative; width:100%; height:900px;} .content02, .content03, .content04 { display:none;} .content01, .content02, .content03, .content04 { position:relative; width:100%;}} .content01 .top, .content02 .top, .content03 .top, .content04 .top { position:relative; width:100%;} .content01 .btn01 { position:absolute; top:247px; right:5px;} .content01 .btn02 { position:absolute; top:272px; right:5px; } .content01 ul { padding-top:10px;} .content02 .btn, .content03 .btn, .content04 .btn { position:absolute; right:5px;} .content02 .btn { top:192px;} .content03 .btn { top:163px;} .content04 .btn { top:179px;} /* service_02 */ .service_02 { } .service_02 .tab ul { float:left; width:100%; height:28px; background:url("/images/designshop/02_view_tab_bg.gif") repeat-x left 27px;} .service_02 .tab li { float:left; width:237px; height:28px; margin-right:2px; background:url("/images/designshop/02_view_tab_off.gif") no-repeat left top; text-align:center;} .service_02 .tab li#last_tab { margin-right:0px;} .service_02 .tab li a { display:block; width:237px; height:28px; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; line-height:28px;} .service_02 .tab li a:hover, .service_02 .tab li a.selected { background:url("/images/designshop/02_view_tab_on.gif") no-repeat left top; font-size:12px; color:#4d5ab5; } .service_02 .bottom { padding-top:15px;} .service_02 .bottom p.left { float:left; padding-top:6px;} .service_02 .bottom p.right { float:right;} #service02_selection { margin-top:0px; padding-top:20px;} #service02_selection table thead th div { margin:0 auto;} #service02_selection table thead th span.btn { padding-left:0px; margin:0 auto;} #service02_selection table thead th.th_04 { border-right:1px solid #fff;} #service02_selection table thead th.last { border-right:none;} #service02_selection table tbody td { padding-left:0px; padding-right:0px; text-align:center; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; font-family:tahoma;} #service02_selection table tbody td.bold { font-weight:bold; background-color:#f7f7f7;} #service02_selection table tbody td.last { border-right:none;} #service02_selection table tbody td span { display:block; float:left;} #service02_selection table tbody td span.btn { padding-top:1px; padding-right:3px;} * html #service02_selection table tbody td span.btn { padding-top:0px; padding-right:0px;} * html #service02_selection table tbody td span.text { padding-top:4px;} *:first-child+html #service02_selection table tbody td span.btn { padding-top:0px; padding-right:0px;} *:first-child+html #service02_selection table tbody td span.text { padding-top:3px;} #service02_selection table tbody td.price { text-align:left; padding-left:40px;} * html #service02_selection table tbody td.price { text-align:left; padding-left:30px;} *:first-child+html #service02_selection table tbody td.price { text-align:left; padding-left:30px;} #service02_selection table tbody .description td { text-align:left; padding-left:5px; padding-right:5px;} #service02_selection table tbody td.order_01 span.bold { color:#2783be;} #service02_selection table tbody td.order_02 span.bold { color:#88b32c;} #service02_selection .th020201 { width:48px;} #service02_selection .th020202 { width:143px;} * html #service02_selection .th020202 { width:148px;} *:first-child+html #service02_selection .th020202 { width:148px;} #service02_selection .th020301 { width:135px;} * html #service02_selection .th020301 { width:140px;} *:first-child+html #service02_selection .th020301 { width:140px;} #service02_selection .th020302 { width:90px;} * html #service02_selection .th020302 { width:95px;} *:first-child+html #service02_selection .th020302 { width:95px;} #service02_selection .col_width01 { width:152px;} * html #service02_selection .col_width01 { width:120px;} *:first-child+html #service02_selection .col_width01 { width:120px;} /*****************************************************/ /* designshop */ /*****************************************************/ #designshop {} /* image_list */ #designshop .images_list { position:relative; padding-top:15px;} #designshop .images_list h2.title { padding-bottom:8px; border-bottom:0px solid #dbdbdb; margin-bottom:8px;} #designshop .images_list h2.title_top { padding-bottom:0px; margin-bottom:5px; border-bottom:0 none;} #designshop .images_list .more { margin-top:-16px; text-align:right; padding-bottom:0px;} #designshop .images_list .more2 { margin-top:-29px; text-align:right; padding-bottom:15px;} #designshop .images_list .navigation { padding:10px; border-top:2px solid #80b522; border-bottom:1px solid #bfd39b; margin-bottom:0px;} * html #designshop .images_list .navigation { padding-top:5px; padding-bottom:5px;} *:first-child+html #designshop .images_list .navigation { padding-top:5px; padding-bottom:5px;} #designshop .images_list .navigation .left { float:left;} * html #designshop .images_list .navigation .left { padding-top:5px;} *:first-child+html #designshop .images_list .navigation .left { padding-top:5px;} #designshop .images_list .navigation .left span { color:#b2b2b2;} #designshop .images_list .navigation .left span strong { color:#393939; font-weight:normal;} #designshop .images_list .navigation .right { float:right; border:1px solid #fff;} #designshop .images_list .navigation .right span { display:block; float:left; padding-right:5px;} #designshop .images_list .navigation .right select { display:block; float:left;} * html #designshop .images_list .navigation .right select { margin-top:3px;} *:first-child+html #designshop .images_list .navigation .right select { margin-top:3px;} #designshop .images_list .navigation .right input { margin:0px 3px 2px 0px;} #designshop .images_list .total { padding:10px 0px 15px 10px;} #designshop .images_list table { width:100%; margin:0 auto;} #designshop .images_list table col { width:33%;} #designshop .images_list table td { text-align:center;} #designshop .images_list table td img { border:1px solid #dfdfdf;} #designshop .images_list table td p.title { padding:9px 0px 15px; 0px; text-align:center; font-size:11px; color:#5b5b5b;} #designshop .images_list table.best { width:100%; margin-top:5px; margin-bottom:30px; text-align:left;} #designshop .images_list table.best td { vertical-align:top; text-align:right;} #designshop .images_list table.best td p { padding:2px 0px 0px 0px; text-align:center; color:#666;} #designshop .images_list table.best td p a { color:#666;} #designshop .images_list table.best td img { margin-bottom:1px;} #designshop .images_list table.best .order01 td { padding:0px 0px 5px 10px;} #designshop .images_list table.best .order02 td { padding:0px 0px 0px 10px;} #designshop .images_list table.best td.big { padding:0px; text-align:left;} #designshop .images_list table.best td.big p a { font-size:14px; font-weight:bold;} /* favorite_design : view */ #designshop .favorite_design .view {} #designshop .favorite_design .view .view_top .image { float:left; width:329px; height:239px; text-align:left; background:url("/images/designshop/02_view_top_image_bg.gif") no-repeat left top;} #designshop .favorite_design .view .view_top .image img { width:300px; height:230px; border:1px solid #dfdfdf;} #designshop .favorite_design .view .view_top .btn { position:relative; top:241px; left:-328px;} #designshop .favorite_design .view .view_top .description { float:right; text-align:left; width:385px;} #designshop .favorite_design .view .view_top .description h2 { margin-bottom:10px;} #designshop .favorite_design .view .view_top .description table { width:100%;} #designshop .favorite_design .view .view_top .description table th, #designshop .favorite_design .view .view_top .description table td { padding:6px 0px; border-bottom:1px solid #ededed;} #designshop .favorite_design .view .view_top .description table th { background:url("/images/designshop/02_view_toptable_line.gif") no-repeat right 8px;} #designshop .favorite_design .view .view_top .description table td { padding-left:14px;} #designshop .favorite_design .view .view_top .description table .first th, #designshop .favorite_design .view .view_top .description table .first td { border-top:2px solid #ededed;} #designshop .favorite_design .view .view_top .description table .first td { color:#555454; font-weight:bold;} #designshop .favorite_design .view .view_top .description table .second td { color:#747474;} #designshop .favorite_design .view .view_top .description .btn_homepage_building { margin:19px 0px;} #designshop .favorite_design .view .view_bottom { padding-top:40px;} .tab3 ul { float:left; width:100%; height:28px; background:url("/images/designshop/02_view_tab_bg.gif") repeat-x left 27px;} .tab3 li { float:left; width:237px; height:28px; margin-right:2px; background:url("/images/designshop/02_view_tab_off.gif") no-repeat left top; text-align:center;} .tab3 li#last_tab { margin-right:0px;} .tab3 li a { display:block; width:237px; height:28px; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; line-height:28px;} .tab3 li a:hover, .tab3 li a.selected { background:url("/images/designshop/02_view_tab_on.gif") no-repeat left top; font-size:12px; color:#5a5a5a; text-decoration:none; } .view_content { width:100%;} /* design_sample */ #design_sample { padding:50px 0px;} #design_sample .title { padding-bottom:10px;} #design_sample .image { padding-bottom:40px;} /* flash_sample */ #flash_sample { padding:50px 0px; display:none;} #flash_sample .title { padding-bottom:10px;} #flash_sample .image { padding-bottom:40px;} /* portfolio_list */ #portfolio_list { width:100%; display:none;} #portfolio_list .tab_portfolio { height:86px;} #portfolio_list .tab_portfolio ul { float:left; padding-top:10px;} #portfolio_list .tab_portfolio li { float:left;} #portfolio_list .tab_portfolio p { float:right; padding-top:10px;} #portfolio_list .list_portfolio { width:100%;} #portfolio_list .list_portfolio table { width:100%;} #portfolio_list .list_portfolio table td { padding:20px 0px; border-bottom:1px solid #d9d9d9;} #portfolio_list .list_portfolio table td.description { padding-left:15px; vertical-align:top;} #portfolio_list .list_portfolio table td.description h4 { padding:10px 0px 14px 0px; font-size:14px; color:#0d1f9d; font-weight:bold;} #portfolio_list .list_portfolio table td.description ul { } #portfolio_list .list_portfolio table td.description ul li p { float:left; padding:3px 0px; font-family:tahoma; font-size:11px;} #portfolio_list .list_portfolio table td.description ul li p span.title_name { font-family:dotum;} #portfolio_list .list_portfolio table td.description ul li p.title { width:55px; padding-left:7px; font-weight:bold; color:#000;background:url("/images/designshop/02_view03_icon_list.gif") no-repeat left 10px;} #portfolio_list .list_portfolio table td.description ul li p.date span { color:#d29869; font-weight:bold; } #portfolio_list .list_portfolio table td.description p.btn { padding-top:12px;} /* portfolio */ #portfolio .tab { width:100%; } #portfolio .tab ul { width:100%; height:28px; background:url("/images/designshop/02_view_tab_bg.gif") repeat-x left 27px;} #portfolio .tab li { float:left; width:137px; height:28px; margin-right:2px;} #portfolio .tab li a { display:block; width:100%; height:100%; text-align:center; line-height:28px; font-weight:bold; color:#fff; background:url("/images/designshop/03_tab_bg_off.gif") no-repeat left top; text-decoration:none;} #portfolio .tab li a.selected { font-size:12px; color:#4d5ab5; background:url("/images/designshop/03_tab_bg_on.gif") no-repeat left top;} #portfolio .selection { padding:10px 15px 10px 15px; border-bottom:1px solid #afb5dc;} #portfolio .selection span, #portfolio .selection select { display:block; float:left;} #portfolio .selection span { padding:3px 15px 0px 0px;} *:first-child+html #portfolio .selection span { padding-top:0px;} #portfolio .selection span input { margin:0px 3px 3px 0px;} * html #portfolio .selection select { margin-top:2px;} *:first-child+html #portfolio .selection select { margin-top:2px;} #portfolio .list table { width:100%;} #portfolio .list table td { vertical-align:top; padding:20px 0px; border-bottom:1px solid #d9d9d9;} #portfolio .list table td.description { position:relative;} #portfolio .list table td.description h2 { padding:2px 0px 8px 0px; font-size:14px; color:#0d1f9d; font-weight:bold;} #portfolio .list table td.description h2 span { padding-left:9px;} #portfolio .list table td.description h2 span a { font-size:11px; color:#616ec6; text-decoration:underline;} #portfolio .list table td.description ul { width:100%; padding-bottom:7px; border-bottom:1px dashed #d2d2d2;} #portfolio .list table td.description ul li p { float:left; padding:3px 0px; } #portfolio .list table td.description ul li p.title { width:60px; padding-left:7px; font-weight:bold; color:#000; background:url("/images/designshop/02_view03_icon_list.gif") no-repeat left 9px;} #portfolio .list table td.description ul li p.txt { padding-left:10px; background:url("/images/designshop/03_list_line.gif") no-repeat left 5px;} #portfolio .list table td.description ul li p.date span { color:#d29869; font-weight:bold; } #portfolio .list table td.description p.btn { text-align:right; margin-top:-29px;} #portfolio .list table td.description p.text { margin-top:20px; padding-left:7px; font-size:11px; color:#a2a2a2;} #portfolio .list table td.list_image img { border:1px solid #ebebeb;} /*****************************************************/ /* homepage */ /*****************************************************/ /* homepag02 */ .homepage02 .bottom { position:relative; padding-left:153px; height:529px; background:url("/images/homepage/02_img02.jpg") no-repeat left top;} .homepage02 .bottom .text02 { color:#8f8f8f;} .homepage02 .bottom li.order01 { padding-top:18px;} .homepage02 .bottom li.order01 .text02 { padding:10px 0px 15px 0px;} .homepage02 .bottom li.order02 { padding-top:35px;} * html .homepage02 .bottom li.order02 { padding-top:30px;} *:first-child+html .homepage02 .bottom li.order02 { padding-top:30px;} .homepage02 .bottom li.order02 .text02 { padding:10px 0px 15px 0px;} .homepage02 .bottom li.order03 { padding-top:35px;} * html .homepage02 .bottom li.order03 { padding-top:32px;} *:first-child+html .homepage02 .bottom li.order03 { padding-top:32px;} .homepage02 .bottom li.order03 .text02 { padding:10px 0px 13px 0px;} .homepage02 .bottom li.order04 { padding-top:35px;} * html .homepage02 .bottom li.order04 { padding-top:32px;} *:first-child+html .homepage02 .bottom li.order04 { padding-top:32px;} .homepage02 .bottom li.order04 .text02 { padding:10px 0px 12px 0px;} .homepage02 .bottom li.order05 { padding-top:43px;} .homepage02 .bottom li.order05 .text02 { padding:10px 0px 12px 0px;} /* homepag07 */ .homepage07 ul.step01 {position:absolute; top:225px; left:40px; float:left; width:235px; display:block;} .homepage07 ul.step01 li {float:left; display:block; width:114px;} .homepage07 ul {position:relative; float:left; width:715px;} .homepage07 ul li{position:relative; float:left; width:354px; height:129px; padding:0 -2px 0 -2px;} .btn_sample{position:absolute; left:121px; margin-top:71px;} /* step_01 */ #homepage_request .step_01 .top_navi { margin-bottom:35px;} #homepage_request .step_01 .top_description .image { float:left; width:329px; height:239px; text-align:left; background:url("/images/designshop/02_view_top_image_bg.gif") no-repeat left top;} #homepage_request .step_01 .top_description .image img { width:300px; height:230px;} #homepage_request .step_01 .top_description .description { float:right; text-align:left; width:385px;} #homepage_request .step_01 .top_description .description h2 { margin:10px 0px;} #homepage_request .step_01 .top_description .description table { width:100%;} #homepage_request .step_01 .top_description .description table th, #homepage_request .step_01 .top_description .description table td { padding:6px 0px; border-bottom:1px solid #ededed;} #homepage_request .step_01 .top_description .description table th { background:url("/images/designshop/02_view_toptable_line.gif") no-repeat right 8px;} #homepage_request .step_01 .top_description .description table td { padding-left:14px;} #homepage_request .step_01 .top_description .description table .first th, #homepage_request .step_01 .top_description .description table .first td { border-top:2px solid #ededed;} #homepage_request .step_01 .top_description .description table .first td { color:#555454; font-weight:bold;} #homepage_request .step_01 .top_description .description table .second td { color:#747474;} #homepage_request .step_01 .top_description .description p, #homepage_request .step_01 .top_description .description .btn_select_design { margin:15px 0px;} .homepage_bottom_selection { margin-top:0px;} .homepage_bottom_selection table { width:100%;} .homepage_bottom_selection table .col_width { width:20%;} * html .homepage_bottom_selection table .col_width { width:20%;} *:first-child+html .homepage_bottom_selection table .col_width { width:20%;} .homepage_bottom_selection table .col_width2 { width:125px;} .homepage_bottom_selection table .col_width3 { width:110px;} .homepage_bottom_selection table th, .homepage_bottom_selection table td { font-size:11px;} .homepage_bottom_selection table thead th { height:30px; color:#fff; font-weight:bold; border-right:1px solid #fff;} .homepage_bottom_selection table thead th.th_01 { background:url("/images/homepage/01_table_th_bg01.gif") repeat-x left top;} .homepage_bottom_selection table thead th.th_02 { background:url("/images/homepage/01_table_th_bg02.gif") repeat-x left top;} .homepage_bottom_selection table thead th.th_03 { background:url("/images/homepage/01_table_th_bg03.gif") repeat-x left top;} .homepage_bottom_selection table thead th.th_04 { background:url("/images/homepage/01_table_th_bg04.gif") repeat-x left top; border-right:none;} .homepage_bottom_selection table thead th.th_05 { background:url("/images/homepage/01_table_th_bg04.gif") repeat-x left top;} .homepage_bottom_selection table thead th.th_06 { background:url("/images/homepage/01_table_th_bg05.gif") repeat-x left top;} .homepage_bottom_selection table thead th.th_07 { background:url("/images/homepage/01_table_th_bg06.gif") repeat-x left top;} .homepage_bottom_selection table thead th.th_08 { background:url("/images/homepage/01_table_th_bg08.gif") repeat-x left top;} .homepage_bottom_selection table tbody th, .homepage_bottom_selection table tbody td { padding:5px 0px; text-align:center;} .homepage_bottom_selection table tbody th { color:#626262; font-weight:bold; background-color:#fbfbfb; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_01 { color:#6e8093; background-color:#f7f9fb; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_02 { color:#848d6f; background-color:#f6f9ef; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_03 { color:#8a7f66; background-color:#f9f8eb; border-bottom:1px solid #e7e7e7;} /* .homepage_bottom_selection table tbody td.order_01 { color:#555454; background-color:#fff; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_02 { color:#555454; background-color:#fff; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_03 { color:#555454; background-color:#fff; border-bottom:1px solid #e7e7e7;} */ .homepage_bottom_selection table tbody td.order_04 { color:#555454; background-color:#fff; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_041 { color:#555454; background-color:#fff; border-bottom:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_05 { color:#555454; background-color:#fbfbfb; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_06 { text-align:left; padding-left:4px; padding-right:4px; color:#555454; background-color:#fff; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection table tbody td.order_01 strong { color:#2783be;} .homepage_bottom_selection table tbody td.order_02 strong { color:#88b32c;} .homepage_bottom_selection table tbody td.order_03 strong { color:#b5891a;} .homepage_bottom_selection table tbody .red { color:#dd0000; font-weight:bold;} .homepage_bottom_selection table .blue { color:#2783be;} .homepage_bottom_selection table .green { color:#88b32c;} .homepage_bottom_selection table .yellow { color:#b5891a;} .homepage_bottom_selection table .orange { color:#ff6600;} .homepage_bottom_selection table .bold { font-weight:bold;} .homepage_bottom_selection .bottom_text { color:#ff6600; font-size:11px; padding-top:10px;} .homepage_bottom_selection .bgcolor_gray th, .homepage_bottom_selection .bgcolor_gray td { background-color:#f7f9fb;} .homepage_bottom_selection .bgcolor_gray td { border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_bottom_selection .bgcolor_gray td.last { border-right:none;} #homepage_request .step_01 h2.second { margin:30px 0px 23px 0px;} #homepage_request .step_01 h3.third { margin-bottom:12px;} .homepage { background-image:none;} .homepage table { width:100%; text-align:center; } .homepage table thead th { border-top:1px solid #adb2d6; border-bottom:1px solid #adb2d6; color:#4d5ab5; font-weight:bold; background:url("/images/common/boardliststyle03_th_line.gif") no-repeat right 8px;} .homepage table thead th.first { border-left:1px solid #abd2d6;} .homepage table thead th.first2 { border-left:1px solid #abd2d6; background-image:none;} .homepage table thead th.last { background-image:none; border-right:1px solid #abd2d6;} .homepage .line_01 td { text-align:center; padding-left:0px; padding-right:0px;} .homepage .line_02 td { padding-left:0px; padding-right:0px; text-align:left;} .homepage .line_02 td div { float:left;} .homepage .line_02 td div.image { width:143px; padding-left:15px;} .homepage .line_02 td div.text { width:537px; padding-left:0px;} .homepage .line_02 td div.text p { font-size:11px;} .homepage .line_02 td div.text p span.first { font-size:16px; color:#ff9c00; font-weight:bold;} .homepage .line_02 td div.text p span.second { padding-left:10px; font-size:30px; color:#ff9c00; font-family:verdana;} .homepage .line_02 td div.text p span.third { font-size:11px; color:#ff9c00;} .homepage .line_02 td div.text p.bottom { padding-top:10px; letter-spacing:-1px; line-height:1.6;} /* step_02 */ #homepage_request .step_02 {} #homepage_request .step_02 .top_selection01 { margin-top:10px; padding:11px 11px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;} #homepage_request .step_02 .top_selection01 .left { float:left;} #homepage_request .step_02 .top_selection01 .left p { color:#909090; padding:1px 0px; font-size:12px; font-weight:bold;} #homepage_request .step_02 .top_selection01 .left p.selected { color:#464646;} #homepage_request .step_02 .top_selection01 .left p .btn { padding-top:2px; } #homepage_request .step_02 .top_selection01 .left p input { margin-top:-1px;} * html #homepage_request .step_02 .top_selection01 .left p input { margin-top:-2px;} #homepage_request .step_02 .top_selection01 .right { float:right;} #homepage_request .step_02 .top_selection01 .right ul { padding:3px 20px 0px 0px;} * html #homepage_request .step_02 .top_selection01 .right ul { padding:6px 20px 0px 0px;} #homepage_request .step_02 .top_selection01 .right ul li { color:#8e8d8d; font-size:11px; padding:2px 0px;} #homepage_request .step_02 .domain { padding-top:30px;} #homepage_request .step_02 .domain .domain_search { width:572px; height:91px; background:url("/images/order/www_search_bg.jpg") no-repeat left top; padding:0px 0px 0px 143px;} #homepage_request .step_02 .domain .domain_search .top { width:100%;} #homepage_request .step_02 .domain .domain_search .top p { float:left;} #homepage_request .step_02 .domain .domain_search .top p.input { padding-top:24px;} * html #homepage_request .step_02 .domain .domain_search .top p.input { padding-top:25px;} *:first-child+html #homepage_request .step_02 .domain .domain_search .top p.input { padding-top:25px;} #homepage_request .step_02 .domain .domain_search .top p.input input { width:488px; padding:0px 2px; border:1px solid #fff; color:#4f4f4f; font-weight:bold;} #homepage_request .step_02 .domain .domain_search .top p.btn { height:31px; padding:19px 0px 0px 10px;} * html #homepage_request .step_02 .domain .domain_search .top p.btn { padding-top:18px;} *:first-child+html #homepage_request .step_02 .domain .domain_search .top p.btn { padding-top:18px;} #homepage_request .step_02 .domain .domain_search .bottom { padding-top:10px; padding-left:0px; padding-right:0px;} #homepage_request .step_02 .domain .domain_search .bottom ul { float:left;} #homepage_request .step_02 .domain .domain_search .bottom ul li { float:left; padding-right:15px; } #homepage_request .step_02 .domain .domain_search .bottom ul li p { float:left; padding-right:3px;} #homepage_request .step_02 .domain .domain_search .bottom ul li p.btn { padding-top:2px; } * html #homepage_request .step_02 .domain .domain_search .bottom ul li p.btn { padding-top:0px; } * html #homepage_request .step_02 .domain .domain_search .bottom ul li p.text { padding-top:2px;} *:first-child+html #homepage_request .step_02 .domain .domain_search .bottom ul li p.btn { padding-top:0px; } *:first-child+html #homepage_request .step_02 .domain .domain_search .bottom ul li p.text { padding-top:2px;} #homepage_request .step_02 .domain_search_result {} #homepage_request .step_02 .domain_search_result h3 { margin-bottom:12px;} #homepage_request .step_02 .domain_search_result .wrap { background:url("/images/homepage/02_domain_search_result_bg2.gif") no-repeat left top;} #homepage_request .step_02 .domain_search_result table { width:100%;} #homepage_request .step_02 .domain_search_result table thead th { height:29px; line-height:27px; background:url("/images/homepage/02_domain_search_result_th_line.gif") no-repeat right 12px; } #homepage_request .step_02 .domain_search_result table thead th.last { background-image:none;} #homepage_request .step_02 .domain_search_result table tbody td.order_01 { text-align:right; background:url("/images/homepage/02_domain_search_result_th_bg.gif") repeat-y 1px top; background-color:#fafafe;} #homepage_request .step_02 .domain_search_result table tbody td { height:31px; line-height:31px; border-bottom:1px solid #eaeaea; background-color:#fafafe;} #homepage_request .step_02 .domain_search_result table tbody td.order_01 input { margin-right:4px;} #homepage_request .step_02 .domain_search_result table tbody td.order_02 { padding-left:11px; text-align:left;} #homepage_request .step_02 .domain_search_result table tbody td.order_03 { text-align:left; border-right:1px solid #eaeaea;} #homepage_request .step_02 .domain_search_result table tbody td.order_04 { text-align:center; border-right:1px solid #eaeaea;} #homepage_request .step_02 .domain_search_result table tbody .no_use td { background-color:#fff;} #homepage_request .step_02 p.orange { padding:10px 0px; color:#ff6600;} #homepage_request .step_02 .old_domain { display:none;} /* step_03 */ #homepage_request_03 { margin-top:15px; padding-bottom:30px; border-top:none;} #homepage_request_03 .data_upload_download .download { background:url("/images/homepage/03_bg_01.jpg") no-repeat left top;} #homepage_request_03 .data_upload_download .upload { padding:25px 0px 0px 247px; background:url("/images/homepage/03_bg_02.jpg") no-repeat left top;} #homepage_request_03 .data_upload_download .upload .upload_files { } /*****************************************************/ /* register */ /*****************************************************/ #register {} /* agreement */ .agreement { } .agreement .toptext { height:64px; padding:26px 0px 0px 90px; background:url("/images/register/01_top_bg.gif") no-repeat left top;} .agreement .toptext ul li { padding:0px 0px 7px 7px; background:url("/images/register/01_top_icon_list.gif") no-repeat left 6px;font-size:11px;} .agreement .bottom { padding-top:21px;} .agreement .bottom .title { padding:0px 0px 13px 0px;} .agreement .bottom .text { height:253px; padding:15px; border:1px solid #d9d9d9; overflow-y:scroll; overflow-x:hidden; color:#8f8f8f; font-size:12px; font-family:dotum;} .agreement .bottom .text2 { height:400px;} .agreement .bottom .text strong { color:#616161; font-weight:bold;} .agreement .bottom .btn { margin:14px 0px 21px 0px; padding-right:10px; text-align:center; } /* data_entering */ #register .data_entering {} #register .data_entering .toptext { width:100%; height:54px; padding-top:36px; background:url("/images/register/02_top_bg.gif") no-repeat left top;} #register .data_entering .toptext p { margin:0px 0px 0px 75px; padding-left:7px; background:url("/images/register/01_top_icon_list.gif") no-repeat left 6px; font-size:11px;} /* register_completed */ #register .register_completed { position:relative; width:100%; height:237px; background:url("/images/register/03_top_bg.jpg") no-repeat left top;} #register .register_completed p { padding:0px 0px 0px 280px; line-height:1.6; color:#626262;} #register .register_completed p a { color:#3d4bab;} #register .register_completed p .id { color:#ff4800;} /* register_certification */ .register_certification { position:relative; width:100%; height:300px; background:url("/images/register/bg_02.jpg") no-repeat left top;} .register_certification .btn01 { position:absolute; left:132px; top:130px;} .register_certification .btn02 { position:absolute; left:496px; top:130px;} /*****************************************************/ /* mypage */ /*****************************************************/ #mypage {} /* member_info */ #mypage .member_info {} #mypage .member_info .top_tab {} #mypage .member_info .top_tab ul { float:left; 714px; background:url("/images/mypage/01_tab_bg.gif") repeat-x left 27px;} #mypage .member_info .top_tab ul li { float:left; padding-right:2px;} #mypage .member_info .top_tab ul li.last { padding-right:0px;} #mypage .member_info .top_tab ul li a { display:block; width:177px; height:28px; line-height:28px; background:url("/images/mypage/01_tab_off.gif") no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none;} #mypage .member_info .top_tab ul li a.selected, #mypage .member_info .top_tab ul li a:hover { background:url("/images/mypage/01_tab_on.gif") no-repeat left top; color:#4d5ab5;} #mypage .member_info .top_text { width:100%; height:65px; padding:22px 0px 5px 0px; border-bottom:1px solid #d9d9d9;} #mypage .member_info .top_text ul { padding-left:75px;} #mypage .member_info .top_text ul li { padding:1px 0px 1px 8px; font-size:11px; letter-spacing:-1px !important; background:url("/images/mypage/01_top_text_icon_list.gif") no-repeat left 7px;} #mypage .member_info .top_text01 { background:url("/images/mypage/01_01_image_01.gif") no-repeat left 24px;} #mypage .member_info .top_text02 { border-top:4px solid #000; background:url("/images/register/bg_01.gif") no-repeat left top;} #mypage .member_info .top_text02 ul li { color:#7a7a7a; } /* member_info_01 */ #mypage .member_info_01 .bottom_content {} #mypage .member_info_01 .bottom_content .menu {} #mypage .member_info_01 .bottom_content .menu h2 { padding:23px 0px 13px 0px;} #mypage .member_info_01 .bottom_content .menu h2.second { padding-top:0px;} #mypage .member_info_01 .bottom_content .menu .form { padding:25px 0px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f9f9f9; text-align:center;} #mypage .member_info_01 .bottom_content .menu .form table { width:346px; margin:0 auto; text-align:left;} #mypage .member_info_01 .bottom_content .menu .form table col.first { width:15px;} #mypage .member_info_01 .bottom_content .menu .form table col.second { width:80px;} #mypage .member_info_01 .bottom_content .menu .form table col.second2 { width:90px;} * html #mypage .member_info_01 .bottom_content .menu .form table col.second { width:85px;} * html #mypage .member_info_01 .bottom_content .menu .form table col.second2 { width:95px;} #mypage .member_info_01 .bottom_content .menu .form table col.third { width:18px;} #mypage .member_info_01 .bottom_content .menu .form table td { padding:2px 0px;} #mypage .member_info_01 .bottom_content .menu .form table td label { font-weight:bold; font-size:11px;} #mypage .member_info_01 .bottom_content .menu .form table .required { font-weight:bold; color:#ff5400;} #mypage .member_info_01 .bottom_content .menu .form table .dash { text-align:center;} #mypage .member_info_01 .bottom_content .menu .form table .style01 td input { width:245px;} * html #mypage .member_info_01 .bottom_content .menu .form table .style01 td input { width:245px;} #mypage .member_info_01 .bottom_content .menu .form table .style02 td input { width:111px;} * html #mypage .member_info_01 .bottom_content .menu .form table .style02 td input { width:109px;} #mypage .member_info_01 .bottom_content .menu .form table .text td { padding:6px 0px 0px 0px;} #mypage .member_info_01 .bottom_content .menu .form table .text p { font-size:11px; color:#8f8f8f; letter-spacing:-1px;} table.myservice07002_fix{ width:346px; margin:0 auto; text-align:left;} table.myservice07002_fix .style01 td input { width:275px;} * html table.myservice07002_fix .style01 td input { width:274px;} table.myservice07002_fix .style02 td input { width:126px;} * html #ie_line { border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f9f9f9; text-align:center;} #mypage .member_info_01 .bottom_content .menu .register_btn table { width:425px; margin:0 auto; text-align:left;} #mypage .member_info_01 .bottom_content .menu .register_btn table .style01 td input { width:250px;} * html #mypage .member_info_01 .bottom_content .menu .register_btn table .style01 td input { width:249px;} *:first-child+html #mypage .member_info_01 .bottom_content .menu .register_btn table .style01 td input { width:252px;} .register_ul_style01 { margin-top:20px; text-align:left;} .register_ul_style01 ul li { padding:1px 0px 1px 19px; background:url("/images/register/icon_li.gif") no-repeat 7px 5px; font-size:11px; color:#7e7e7e;} /* member_infp_03 */ #mypage .member_info .top_text03 { background:url("/images/mypage/01_03_image_01.gif") no-repeat left 24px;} #mypage .member_info_01 .bottom_content .menu_03 .form table { width:465px;} * html #mypage .member_info_01 .bottom_content .menu_03 .form table { width:495px;} #mypage .member_info_01 .bottom_content .menu_03 .form table .style01 td { font-size:11px;} #mypage .member_info_01 .bottom_content .menu_03 .form table .style01 td input { width:210px;} /* member_infp_04 */ #mypage .member_info .top_text04 { background:url("/images/mypage/01_04_image_01.gif") no-repeat left 24px;} #mypage .member_info .top_text04 ul { padding-top:16px;} #mypage .member_info .bottom_content .memu_04 { width:100%;} #quit_agreement { height:253px; padding:15px; border:1px solid #d9d9d9; overflow-y:scroll; overflow-x:hidden; color:#8f8f8f;} #quit_agreement strong { color:#616161; font-weight:bold;} #quit_btn { margin:14px 0px 21px 0px; padding-right:10px; text-align:right; } #quit_completed { padding:50px 0px; text-align:center; border-top:2px solid #d9d9d9; border-bottom:2px solid #d9d9d9; background-color:#f9f9f9; font-weight:bold;} /* purchase_history */ #mypage .purchase_history {} #mypage .purchase_history .product_view { padding:24px 20px; background-color:#f9f9f9; border-bottom:1px solid #d9d9d9;} #mypage .purchase_history .product_view .left { float:left; width:327px; height:237px; background:url("/images/mypage/02_view_shadow_bg.gif") no-repeat left top;} #mypage .purchase_history .product_view .left img { width:300px; height:230px;} #mypage .purchase_history .product_view .right { float:left;} #mypage .purchase_history .product_view .right h2 { padding:5px 0px 8px 0px;} #mypage .purchase_history .product_view .right table { width:345px; text-align:left; border-top:2px solid #eaeaea; border-bottom:2px solid #eaeaea;} #mypage .purchase_history .product_view .right table th, #mypage .purchase_history .product_view .right table td { padding:4px 0px; border-bottom:1px solid #eaeaea; font-size:11px;} #mypage .purchase_history .product_view .right table th { padding-left:3px; background:url("/images/mypage/02_view_th_line.gif") no-repeat right 5px;} #mypage .purchase_history .product_view .right table td { padding-left:13px; color:#747474;} #mypage .purchase_history .product_view .right table td strong.red { color:#ff0000;} /* homepage_info */ .homepage_info_view { padding-top:17px; border-top:4px solid #000;} .homepage_info_view h2 { padding-bottom:13px;} .homepage_info_view .link_to_homepage { text-align:right; margin-top:-22px; padding-bottom:5px;} .homepage_info_view table.info { width:100%; text-align:left; border-top:2px solid #949bd2; border-bottom:2px solid #e7e7e7;} .homepage_info_view table.info th, .homepage_info_view table.info td { padding:7px 0px; border-bottom:1px solid #e7e7e7; font-size:11px;} .homepage_info_view table.info th { padding-left:16px; color:#293277; background-color:#fafafa; border-right:1px solid #e7e7e7; font-weight:normal;} .homepage_info_view table.info td { padding-left:8px;} .homepage_info_view table.info td.th { background-color:#fafafa; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .homepage_info_view table.info td.ftp p { float:left;} .homepage_info_view table.info td.ftp p.left { width:85px;} .homepage_info_view table.info td.ftp p.right { color:#afafaf; font-size:11px;} .homepage_info_view table.info td a { color:#4551aa; font-weight:bold;} .homepage_info_view table.info td strong { color:#4551aa; text-decoration:underline;} .homepage_info_view table.info strong.red { color:#ff0000; font-weight:bold; text-decoration:none;} .homepage_info_view .data_upload_download { padding-top:30px; } .homepage_info_view .data_upload_download .download { height:175px; padding-left:247px; background:url("/images/mypage/03_bg_01.jpg") no-repeat left top;} .homepage_info_view .data_upload_download .btn { padding-top:25px;} .homepage_info_view .data_upload_download .upload { padding:25px 0px 0px 247px; background:url("/images/mypage/03_bg_02.jpg") no-repeat left top; background-color:#fff;} .homepage_info_view .data_upload_download .upload .upload_files { height:79px; border:1px solid #d9d9d9; overflow-x:hidden; overflow-y:scroll;} .homepage_info_view .data_upload_download .upload .upload_files ul li { height:25px;} .homepage_info_view .data_upload_download .upload .upload_files p.file { float:left; padding-left:10px; margin-top:5px;} .homepage_info_view .data_upload_download .upload .upload_files p.file span { display:block; float:left; font-size:11px; } .homepage_info_view .data_upload_download .upload .upload_files p.file span.delete { margin:3px 0px 0px 5px;} .homepage_info_view .data_upload_download .upload .upload_files p.date { float:right; padding-right:14px; margin-top:5px; font-size:9px; font-family:tahoma;} .homepage_info_view .data_upload_download .upload .style2 { margin-right:155px;} * html .homepage_info_view .data_upload_download .upload .style2 { margin-right:77px;} /*****************************************************/ /* customer */ /*****************************************************/ /* customer_02 */ .customer_02 {width: 100%;} .customer_02 h2 { margin-bottom:15px; } .customer_02 .text01 { padding-bottom:26px;} .customer_02 ul { padding-bottom: 18px; } .customer_02 ul li {font-size:12px; letter-spacing:-1px; color:#7a7a7a; padding: 0 0 5px 0; } .customer_02 ul.customer02_list { } .customer_02 ul.customer02_list li {font-size:12px; letter-spacing:-1px; color:#7a7a7a; border-bottom: 1px solid #d3d3d3; padding: 0 0 0px 0; } .customer_02 ul.customer02_list li.first_child { border: 0 none; margin-top: 0px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;} .customer_02 ul.customer02_list li h4 { margin: 15px 0 10px 0; } .customer_02 ul.customer02_list li ul li { padding:0px 0px 5px 10px; font-size:12px; letter-spacing:-1px; color:#7a7a7a; background:url("/images/mypage/01_top_text_icon_list.gif") no-repeat 3px 7px; border: 0 none; } /* customer_03 */ .customer_03 .faq_search { width:548px; height:89px; background:url("/images/customer/03_faq_search_bg.jpg") no-repeat left top; padding:20px 0px 0px 167px;} .customer_03 .faq_search .top { width:100%;} .customer_03 .faq_search .top p { float:left;} .customer_03 .faq_search .top p.input { padding-top:4px;} .customer_03 .faq_search .top p.input input { width:467px; padding:0px 2px; border:1px solid #fff; color:#4f4f4f; font-weight:bold;} .customer_03 .faq_search .top p.btn { margin-top:-1px; padding-left:7px;} .customer_03 .faq_search .bottom { padding-top:7px; color:#3e4cae;} /* faq_tab */ .customer_03 .faq_tab { padding-bottom:20px;} .customer_03 .faq_tab ul { float:left; width:100%; background:url("/images/mypage/01_tab_bg.gif") repeat-x left 27px;} .customer_03 .faq_tab ul li { float:left; padding-right:2px;} .customer_03 .faq_tab ul li.last { padding-right:0px;} .customer_03 .faq_tab ul li a { display:block; width:137px; height:28px; line-height:28px; background:url("/images/customer/03_tab_off.gif") no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none;} .customer_03 .faq_tab ul li a.selected, .customer_03 .faq_tab ul li a:hover { background:url("/images/customer/03_tab_on.gif") no-repeat left top; color:#4d5ab5;} .customer_03 .faq_list { border-top:2px solid #949bd2;} .customer_03 .faq_list .question { width:100%; height:27px; border-bottom:1px solid #d9d9d9;} .customer_03 .faq_list .question p { float:left; line-height:27px;} .customer_03 .faq_list .question p.category { width:95px; padding-left:15px; color:#6b982c; font-weight:bold;} .customer_03 .faq_list .question p.title { width:605px;} .customer_03 .faq_list .open { background:url("/images/customer/03_faq_list_open.gif") no-repeat 650px 5px; background-color:#fff; } .customer_03 .faq_list .close { background:url("/images/customer/03_faq_list_close.gif") no-repeat 646px 5px; background-color:#fbfbfe;} .customer_03 .faq_list .close p.title { font-weight:bold;} .customer_03 .faq_list .answer { display:none; padding:15px; background-color:#f9f9f9; line-height:1.4; border-bottom:1px solid #d9d9d9;} /* customer_05 */ .customer_05 {} .customer_05 .top_list { padding:21px 0px 0px 0px; height:270px; background:url("/images/customer/05_top_bg.jpg") no-repeat left top;} .customer_05 .top_list p.top { padding-left:32px; font-weight:bold; color:#555454;} .customer_05 .top_list .wrap { padding:10px 0px 0px 32px;} .customer_05 .top_list ol { float:left;} .customer_05 .top_list ol li p { float:left; padding:3px 0px;} .customer_05 .top_list ol li p.no { width:55px; color:#555454;} .customer_05 .top_list ol li p.title a { color:#3154ba; font-weight:bold;} .customer_05 .top_list ol.second, .customer_05 .top_list ol.third { padding-left:28px;} .customer_05 .bottom_content h2 { margin-top:40px; color:#3154ba; font-weight:bold;} .customer_05 .bottom_content h2.sub { margin-bottom:15px; color:#555454; font-weight:normal;} .customer_05 .bottom_content h3 { margin:25px 0px 3px 0px; color:#555454; font-weight:bold;} .customer_05 .bottom_content p, .customer_05 .bottom_content ol li { line-height:1.4; color:#555454;} /* customer_07 */ .customer_07 {} .customer_07 h2 { margin:30px 0px 14px 0px;} .customer_07 h2.top { margin-top:0px;} .customer_07 .text, .customer_07 .text li { color:#8f8f8f; line-height:1.4;} .customer_07 .list01 li { margin-bottom:10px;} .customer_07 .list01 li.last { margin-bottom:0px;} .customer_07 li.order_a { padding-left:16px; background:url("/images/customer/07_list_a.gif") no-repeat left 2px;} .customer_07 li.order_b { padding-left:16px; background:url("/images/customer/07_list_b.gif") no-repeat left 2px;} .customer_07 li.order_c { padding-left:16px; background:url("/images/customer/07_list_c.gif") no-repeat left 2px;} .customer_07 .wrap { background-color:#f8f8f8; padding:13px 17px;} .customer_07 .list02 { padding-left:0px;} .customer_07 .list02 li { padding:2px 0px 2px 6px; color:#6a6a6a; font-size:11px; background:url("/images/customer/07_icon_list.gif") no-repeat left 7px;} .customer_07 .list02 li.last { padding-bottom:0px; margin-bottom:0px;} /*****************************************************/ /* order */ /*****************************************************/ #order_01 { } #order_01 .wrap table td { background-color:#fff !important; border:1px solid #e6e6e6; border-top:none;} #order_01 .wrap table td.first { text-align:center; border-left:none !important;background:url("/images/homepage/02_domain_search_result_th_bg.gif") repeat-y 1px top !important;} #order_01 .wrap table td.second { padding-left:8px;} #order_01 .wrap table td.third { padding-left:8px;} #order_01 .wrap table .selected td { background-color:#fafafe !important;} #order_01 .wrap table .selected .third { font-weight:bold;} #add_traffic01 { display:none;} #add_email01 { display:none;} #add_email01 .email_register { border:2px solid #949cd3; padding:20px 30px;} #add_email01 .email_register p { float:left;} #add_email01 .email_register p.id { width:330px; background:url("/images/order/extend_icon_bar.gif") no-repeat right 3px;} #add_email01 .email_register p span { padding:0px 2px;} #add_email01 .email_register p .label { padding:0px 15px; color:#4d5ab5; font-weight:bold;} #add_email01 .email_register p.pw .label { padding-left:25px;} #add_email01 .bottom_text { color:#8f8f8f; font-size:11px; padding-top:10px;} #domain_extend_link { display:none;} .request_link { position:relative; width:100%; height:73px; margin:15px 0px; background:url("/images/order/bg_domain_extend_link.gif") no-repeat left top;} .request_link .input { position:absolute; left:238px; top:25px;} .request_link .input input { width:331px; border:1px solid #fff; font-weight:bold; color:#555;} .request_link .btn { position:absolute; left:585px; top:19px;} .domain_later { display:none; border:1px solid #e1e1e1; padding:15px 20px; margin:20px 0px 0px 0px; margin-bottom:-40px;} .domain_later ul li { padding:2px 0px 2px 11px; background:url("/images/domain/icon_li.gif") no-repeat left 7px; line-height:1.5; font-size:11px;} .domain_later ul li .orange { color:#ff6600;} /*****************************************************/ /* brand */ /*****************************************************/ #brand_01 { position:relative; padding:16px 0px 0px 0px;} #brand_01 .order02 { padding-top:30px;} #brand_01 .list { padding-top:12px;} #brand_01 .list li { padding:6px 0px 6px 11px; background:url("/images/brand/01_icon_list.gif") no-repeat 4px 15px; border-bottom:1px solid #ececec;} * html #brand_01 .list li { padding:5px 0px 4px 11px;} #brand_01 .list li dl, #brand_01 .list li dt, #brand_01 .list li dd { float:left;} #brand_01 .list li dt { width:80px; height:13px; padding-top:1px;} #brand_01 .list li dd { height:13px; padding-left:16px; background:url("/images/brand/01_icon_line.gif") no-repeat left 2px; color:#7a7a7a;} #brand_01 .family_site { padding-top:30px;} #brand_01 .family_site h2 { padding-bottom:10px;} /*****************************************************/ /* search */ /*****************************************************/ #search_result_design { } #search_result_design .top { padding-bottom:10px; border-bottom:2px solid #dbdbdb;} #search_result_design .top p.top_text { float:left; color:#000;} * html #search_result_design .top p.top_text { float:left; color:#000; margin-top:1px;} #search_result_design .top p.top_text span.bold1 { font-weight:bold;} #search_result_design .top p.top_text span.bold2 { color:#ff6600; font-weight:bold;} #search_result_design .top .right { float:right; width:310px;} * html #search_result_design .top .right { width:327px;} *:first-child+html #search_result_design .top .right { width:327px;} #search_result_design .top p.input { float:left; padding-right:10px; padding-top:1px;} * html #search_result_design .top p.input { padding-top:0px; margin-top:-1px} *:first-child+html #search_result_design .top p.input { padding-top:0px; margin-top:-1px} #search_result_design .top p.input span { display:block; float:left; padding-right:2px; color:#737373;} #search_result_design .top p.input span.btn { padding-top:1px;} * html #search_result_design .top p.input span.btn { padding-top:0px;} * html #search_result_design .top p.input span.text { padding-top:3px;} *:first-child+html #search_result_design .top p.input span.btn { padding-top:0px;} *:first-child+html #search_result_design .top p.input span.text { padding-top:3px;} #search_result_design .top select { margin-left:5px;} .no_result { padding-bottom:60px;} .no_result ul li { padding:2px 0px 2px 12px; background:url("/images/search/01_icon_list.gif") no-repeat left 4px;} #design_search { background:url("/images/search/bg_search.jpg") no-repeat left top;} #design_search .bottom { color:#649c00;} /*****************************************************/ /* myservice */ /*****************************************************/ /* myservice_main */ .myservice_main {} .myservice_main .top_area { } /* left */ .myservice_main .top_area .left { float:left; width:390px;} .myservice_main .top_area .left .text { color:#626262; word-spacing:-3px;} .myservice_main .top_area .left .text strong { color:#ff6600;} .myservice_main .top_area .left h2 { padding:17px 0px 13px 0px;} .myservice_main .top_area .left table { width:100%; text-align:center;} .myservice_main .top_area .left table thead th { padding:8px 0px; background:url("/images/myservice/00_th_line.gif") no-repeat right 10px; background-color:#79ae2d; color:#fff; border-top:1px solid #5d8f15; border-bottom:1px solid #5d8f15;} .myservice_main .top_area .left table tbody td { padding:4px 0px; border-bottom:1px solid #d9d9d9;} .myservice_main .top_area .left table tbody .first td { padding-top:6px; background:url("/images/myservice/00_td_bg.gif") repeat-x left top;} /* right */ .myservice_main .top_area .right { float:right; width:300px; margin-top:3px;} .myservice_main .top_area .right { position:relative; width:300px; text-align:left;} .myservice_main .top_area .right .tabs_01 { width:300px; height:21px; background:url("/images/myservice/00_tab_bg.gif") repeat-x left 19px;} .myservice_main .top_area .right .tabs_01 h2 { position:absolute; left:0px; top:0px;} .myservice_main .top_area .right .tabs_02 h2 { position:absolute; left:62px; top:0px;} .myservice_main .top_area .right #content_02 { display:none;} .myservice_main .top_area .right .tab_Style { position:absolute; width:100%; left:0px; top:35px;} .myservice_main .top_area .right .tab_Style ul li { padding:2px 0px 2px 8px; background:url("/images/myservice/00_tab_li_dot.gif") no-repeat left 9px;} .myservice_main .top_area .right .tab_Style ul li a { font-size:12px;} .myservice_main .top_area .right .tab_Style ul li p { float:left; color:#626262; width:220px; overflow:hidden;} .myservice_main .top_area .right .tab_Style ul li span { display:block; float:right; margin-right:5px; color:#969ed3; font-size:11px;} .myservice_main .top_area .right .tab_Style .more { position:absolute; top:-31px; right:5px;} .myservice_main .top_area .right .customer_center { margin-top:92px;} .myservice0101 {} /* layer */ .layer { display:none; position:absolute; left:0px; top:0px; z-index:10; border:2px solid #aaa; background-color:#f4f4f4;} .layer ul { float:left;} .layer ul li a { display:block; padding:3px 5px; border-bottom:1px solid #bbb; background-color:#f4f4f4;} .layer ul li a:hover { background-color:yellow; text-decoration:none; color:#000;} .text_style01 { color:#8e8d8d; font-size:11px;} .text_style01 span.bold { color:#ff6600; font-size:11px;} .text_style02 { color:#464646;} .text_style03 { color:#909090;} /* www_search */ .www_search { } .www_search h2 { padding:15px 0px;} .www_search_top { width:100%; padding-top:25px;} .www_search_top p.input { position:absolute; top:25px;} .www_search_top p.input input { font-size:12px; color:#000; font-weight:bold; border:1px solid #fff;} .www_search_top p.input input.bg_none { background-image:none;} * html .www_search_top p.input { top:24px;} * html .www_search_top p.input input { height:17px; padding-top:2px;} *:first-child+html .www_search_top p.input { top:24px;} *:first-child+html .www_search_top p.input input { height:17px; padding-top:1px;} .www_search_top p.btn { position:absolute; top:19px;} .www_search_top #homepage_control { position:relative; width:100%; height:70px; background:url("/images/myservice/bg_homepage_control.jpg") no-repeat left top;} .www_search_top #homepage_control p.input { left:208px;} .www_search_top #homepage_control p.input input { width:395px;} .www_search_top #homepage_control p.btn { right:50px;} .www_search_top #maintenance_control { position:relative; width:100%; height:70px; background:url("/images/myservice/bg_maintenance_control.jpg") no-repeat left top;} .www_search_top #maintenance_control p.input { left:208px;} .www_search_top #maintenance_control p.input input { width:395px;} .www_search_top #maintenance_control p.btn { right:50px;} .www_search_top #mydomain_control { position:relative; width:100%; height:70px; background:url("/images/myservice/bg_mydomain_control.jpg") no-repeat left top;} .www_search_top #mydomain_control p.input { left:186px;} .www_search_top #mydomain_control p.input input { width:395px;} .www_search_top #mydomain_control p.btn { right:71px;} .www_search_top #myhosting_control { position:relative; width:100%; height:70px; background:url("/images/myservice/bg_myhosting_control.jpg") no-repeat left top;} .www_search_top #myhosting_control p.input { left:204px;} .www_search_top #myhosting_control p.input input { width:395px;} .www_search_top #myhosting_control p.btn { right:53px;} .www_search_top #myemail_control { position:relative; width:100%; height:70px; background:url("/images/myservice/bg_myemail_control.jpg") no-repeat left top;} .www_search_top #myemail_control p.input { left:198px;} .www_search_top #myemail_control p.input input { width:395px;} .www_search_top #myemail_control p.btn { right:59px;} .www_search_top #mybuy_control { position:relative; width:100%; height:70px; background:url("/images/myservice/bg_mybuy_control.jpg") no-repeat left top;} .www_search_top #mybuy_control p.input { left:203px;} .www_search_top #mybuy_control p.input input { width:395px;} .www_search_top #mybuy_control p.btn { right:54px;} .www_search .bottom { border:2px solid #949cd3; padding:0px 18px;} .www_search .bottom ul li { padding:15px 0px 14px 0px;} * html .www_search .bottom ul li { padding:15px 0px 0px 0px;} *:first-child+html .www_search .bottom ul li { padding:15px 0px 0px 0px;} .www_search .bottom ul li.top_li { background:url("/images/myservice/www_search_line_dot.gif") repeat-x left bottom;} * html .www_search .bottom ul li.top_li { padding-bottom:13px;} *:first-child+html .www_search .bottom ul li.top_li { padding-bottom:13px; } .www_search .bottom ul li p { float:left;} .www_search .bottom ul li p.title { padding:2px 0px 0px 6px; width:128px; margin-right:17px; background:url("/images/myservice/www_search_bottom_title_line.gif") no-repeat right 3px; } .www_search .bottom ul li p.btn { width:60px; margin-right:10px;} * html .www_search .bottom ul li p.order01 { margin-left:-5px;} *:first-child+html .www_search .bottom ul li p.order01 { margin-left:-5px;} .www_search .bottom ul li p.order02, .www_search .bottom ul li p.order03, .www_search .bottom ul li p.order05 { margin-right:20px;} .www_search .bottom ul li p.btn span { display:block; color:#626262; text-align:left;} .www_search .bottom ul li p.btn span.radio { float:left; width:10px; padding-top:1px;} * html .www_search .bottom ul li p.btn span.radio { float:left; width:10px; padding-top:0px;} *:first-child+html .www_search .bottom ul li p.btn span.radio { float:left; width:10px; padding-top:0px;} .www_search .bottom ul li p.btn span.text { float:right; width:40px;} * html .www_search .bottom ul li p.btn span.text { padding-top:3px;} *:first-child+html .www_search .bottom ul li p.btn span.text { padding-top:3px;} .www_search .bottom ul li p.date select { margin:0px 4px;} .www_search .bottom ul li p.date01 select { margin-left:0px;} .www_search .bottom ul li p.btn2 { margin-top:-3px; padding-left:10px;} .www_search .bottom_text { color:#ff6600; font-size:11px; padding-top:10px;} /* myservice020101 */ .top_tab4 {} .top_tab4 ul { float:left; 714px; background:url("/images/common/tab4_bg.gif") repeat-x left 27px;} .top_tab4 ul li { float:left; padding-right:2px;} .top_tab4 ul li.last { padding-right:0px;} .top_tab4 ul li a { display:block; width:177px; height:28px; line-height:28px; background:url("/images/common/tab4_off.gif") no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none;} .top_tab4 ul li a.selected, .top_tab4 ul li a:hover { background:url("/images/common/tab4_on.gif") no-repeat left top; color:#4d5ab5;} .work_status { width:100%; height:100px; background:url("/images/myservice/0101_work_status_bg.jpg") no-repeat left top;} .work_status p { padding:15px 0px 0px 20px;} .work_status p span { display:inline-block; padding:0px 45px 0px 13px; background:url("/images/myservice/0101_work_status_arrow.gif") no-repeat right 0px;} .work_status p span.first { padding-left:20px;} .work_status p span.last { padding-right:0px;} .work_status p span img { vertical-align:middle;} .detail_info { border:2px solid #949cd3; padding:15px 0px; width:711px;} .detail_info .left_image { float:left; width:185px; height:145px; padding-left:17px;} .detail_info .left_image img { width:185px; height:145px;} .detail_info .right_info { float:left; margin-left:25px; padding-top:5px;} .detail_info .right_info ul { padding-bottom:5px; border-bottom:1px dashed #d2d2d2;} .detail_info .right_info li { padding:4px 0px;} * html .detail_info .right_info li { padding:0px 0px 10px 0px;} *:first-child+html .detail_info .right_info li { padding:0px 0px 10px 0px;} .detail_info .right_info dl, .detail_info .right_info dt, .detail_info .right_info dd { float:left;} .detail_info .right_info dt { width:67px; padding-left:8px; font-size:12px; color:#000; font-weight:bold; background:url("/images/myservice/0101_view_dot_01.gif") no-repeat left 5px;} .detail_info .right_info dd { width:375px; padding-left:15px; font-weight:bold; color:#626262; background:url("/images/myservice/0101_view_line_02.gif") no-repeat left 1px; } .detail_info .right_info dd.product_text { font-weight:normal;} /* select_service */ .select_service { margin:40px 0px 0px 0px; padding:10px 0px; border:1px solid #e1e1e1; } .select_service .text { float:left; padding-left:18px; color:#7e7e7e; padding-top:3px;} .select_service .text span { color:#c48e0d;} .select_service .text span.orange { color:#ff6600;} .select_service .btn { float:right; padding-right:18px; } /* myservice0202 */ #myservice0202 table thead th { padding:4px 0px; background-image:none; border-right:1px solid #c9cde8;} #myservice0202 table thead .bottom th { font-weight:normal; font-size:11px; color:#7d85bf;} /* text_box01 */ .text_box01 { border:1px solid #e1e1e1; padding:15px;} .text_box01 p { color:#7e7e7e;} .text_box01 p .yellow { color:#c48e0d;} .text_box01 p .orange { color:#ff6600; font-weight:bold;} /*****************************************************/ /* domain */ /*****************************************************/ .domain_www_search { width:100%; height:72px; background:url("/images/domain/bg_domain_search.jpg") no-repeat left top;} .domain_www_search2 { background:url("/images/domain/bg_domain_search2.jpg") no-repeat left top;} .domain_www_search .top { padding:24px 0px 0px 140px;} .domain_www_search .top p { float:left;} .domain_www_search .top p.input_box input { width:495px; border:1px solid #fff; color:#4f4f4f; font-weight:bold;} .domain_www_search .top p.input_btn { margin-top:-5px; padding:0px 0px 0px 9px;} * html .domain_www_search .top p.input_btn { margin-top:-6px;} *:first-child+html .domain_www_search .top p.input_btn { margin-top:-6px;} .domain_www_search .bottom { padding:10px 0px 0px 135px;} .domain_www_search .bottom span { font-size:12px; color:737373; padding-right:15px;} .domain_www_search .bottom span input { margin-right:2px; vertical-align:middle;} * html .domain_www_search .bottom span input { margin-right:0px;} *:first-child+html .domain_www_search .bottom span input { margin-right:0px;} .domain_www_search .bottom .title { padding-right:20px; color:#ec6716; font-weight:bold;} .domain_select { margin:10px 0px;} .domain_select div { } .domain_select .order01 { padding-top:10px; border-top:1px dashed #ccc;} .domain_select .order01 span { padding-right:12px;} * html .domain_select .order01 span { padding-right:5px;} *:first-child+html .domain_select .order01 span { padding-right:5px;} .domain_select .text { padding:20px 0px 5px 120px; color:#ff6600; font-size:11px;} .domain_select .order02 span { width:155px;} .domain_select .order02 span.last { width:100px;} .domain_select .order03 { padding:5px 0px 10px 0px; border-bottom:1px dashed #ccc;} .domain_select .order03 span { width:155px;} .domain_select .order04 { padding-top:10px;} .domain_select .order05 { padding-top:5px;} .domain_select .order06 { padding-top:5px;} .domain_select .order07 { padding:5px 0px 15px 0px; border-bottom:1px dashed #ccc;} .domain_select .order04 span, .domain_select .order05 span, .domain_select .order06 span, .domain_select .order07 span { width:145px;} .domain_select .order04 span.last { width:90px;} .domain_select div span { display:block; float:left; color:#4f4f4f; font-family:verdana;} .domain_select div span input { margin-right:2px; vertical-align:middle; margin-top:-1px;} .domain_select div span.title { width:120px; font-family:dotum; font-weight:bold; padding-right:0px;} #domain_search_result table thead th { border-color:#eeb693; background:url("/images/domain/icon_th_line.gif") no-repeat right 8px; color:#ec6716;} #domain_search_result table thead th.last, #domain_search_result table thead th.first2 { background-image:none;} #domain_search_result table .bgcolor_gray td { background-color:#f8f8f8;} #domain_search_result table .bgcolor_gray td span { padding-right:15px;} #domain_search_result table .bgcolor_gray td span.first { padding-left:9px;} #domain_search_result table.blue thead th { border-color:#adb2d6; color:#4d5ab5;} .service_guide h2 { padding-bottom:10px;} .service_guide .text_box { border:1px solid #e1e1e1; padding:15px 20px;} .service_guide .text_box p { color:#737373; font-weight:bold; padding-bottom:4px;} .service_guide .text_box ul li { padding:2px 0px 2px 11px; background:url("/images/domain/icon_li.gif") no-repeat left 6px; line-height:1.5; font-size:11px;} .domain_price h2 { padding:30px 0px 15px 0px;} #domain_price_table table thead th { border:1px solid #eeb693; background-image:none; color:#ec6716;} #domain_price_table table tbody th, #domain_price_table table tbody td { padding-left:10px; padding-right:10px; border:1px solid #d9d9d9; text-align:left; line-height:1.8;} #domain_price_table table tbody th { border-left:none; background-color:#f8f8f8; text-align:center;} #domain_price_table table tbody th, #domain_price_table table tbody td.bottom { border-bottom:2px solid #d9d9d9;} #domain_price_table table tbody td.last { border-right:none;} #domain_price_table table tbody td.title { font-family:verdana;} #domain_price_table table tbody td.right { font-weight:bold;} /* tooltip */ .tooltip_content { display:none; position:absolute; z-index:999; background-color:#ff6600; padding:4px;} .tooltip_content p.title { color:#fff; font-weight:bold;} .tooltip_content p.description { padding:3px; background-color:#fff; color:#444;} /*****************************************************/ /* hosting */ /*****************************************************/ .hosting01_bottom { } .hosting01_bottom img {vertical-align:top;} /** html .hosting01_bottom .order02 {margin-top:-1px; margin-bottom:1px;} * html .hosting01_bottom .order06 {margin-top:-1px; margin-bottom:1px;} *:first-child+html .hosting01_bottom .order02 { margin-top:-1px; margin-bottom:1px;} *:first-child+html .hosting01_bottom .order06 { margin-top:-1px; margin-bottom:1px;}*/ .hosting02_view_content { padding-top:35px; height:740px;} * html .hosting02_view_content { padding-top:0px;} *:first-child+html .hosting02_view_content { padding-top:0px;} .hosting02_view_content .blue { color:#2e88b2;} .hosting02_view_content .orange { color:#ef6008;} #hosting0201 {} #hosting0201 ul li { padding:3px 0px 3px 10px; background:url("/images/hosting/icon_li.gif") no-repeat left 10px; color:#727272;} #hosting0201 ul.top { padding:0px 0px 20px 238px; background:url("/images/hosting/0201_image.jpg") no-repeat left top;} #hosting0202 { display:none; padding-left:225px; height:720px; background:url("/images/hosting/0202_bg.jpg") no-repeat left top;} #hosting0202 h3 { padding-bottom:12px;} #hosting0202 ul li { padding:3px 0px 3px 10px; background:url("/images/hosting/icon_li.gif") no-repeat left 10px; color:#727272;} #hosting0202 .order01 .orange { padding:5px 0px 0px 10px; font-size:11px;} #hosting0202 .order01 .blue { padding-top:10px;} #hosting0202 .order02 { padding-top:45px;} #hosting0202 .order02 .orange { padding:5px 0px 0px 0px; font-size:11px;} #hosting0202 .order03 { padding-top:50px;} #hosting0202 .order04 { padding-top:30px;} #hosting0202 .order05 { padding-top:50px;} #hosting0202 .order05 ul li { word-spacing:-1px;} #hosting0202 .order06 { padding-top:30px;} #hosting0203 { display:none;} #hosting0203 table { width:100%; text-align:left;} #hosting0203 table th, #hosting0203 table td { padding:5px 0px 5px 17px; border:1px solid #e7e7e7;} #hosting0203 table th { border-left:none; background-color:#fbfbfb;} #hosting0203 table td { border-right:none; background-color:#f7f9fb; color:#677c93;} #hosting0203 table td .bold { color:#677c93; font-weight:bold;} #hosting0203 .bottom { margin-top:40px; padding-left:178px; height:630px; background:url("/images/hosting/0203_bg.jpg") no-repeat left top;} #hosting0203 .bottom h3 { padding-bottom:15px;} #hosting0203 .bottom p { line-height:1.4;} #hosting0203 .bottom p.normal { padding-bottom:13px;} #hosting0203 .bottom .order_02 { padding-top:40px;} #hosting0203 .bottom .order_03 { padding-top:35px;} #hosting0203 .bottom .order_04 { padding-top:30px;} #hosting0301 {} #hosting0301 ul li { padding:3px 0px 3px 10px; background:url("/images/hosting/icon_li.gif") no-repeat left 10px; color:#727272;} #hosting0301 ul.top { padding:0px 0px 20px 238px; background:url("/images/hosting/0201_image.jpg") no-repeat left top;} #hosting0302 { display:none; padding-left:225px; height:720px; background:url("/images/hosting/0202_bg.jpg") no-repeat left top;} #hosting0302 h3 { padding-bottom:12px;} #hosting0302 ul li { padding:3px 0px 3px 10px; background:url("/images/hosting/icon_li.gif") no-repeat left 10px; color:#727272;} #hosting0302 .order01 .orange { padding:5px 0px 0px 10px; font-size:11px;} #hosting0302 .order01 .blue { padding-top:10px;} #hosting0302 .order02 { padding-top:45px;} #hosting0302 .order02 .orange { padding:5px 0px 0px 0px; font-size:11px;} #hosting0302 .order03 { padding-top:50px;} #hosting0302 .order04 { padding-top:30px;} #hosting0302 .order05 { padding-top:50px;} #hosting0302 .order05 ul li { word-spacing:-1px;} #hosting0302 .order06 { padding-top:30px;} #hosting0303 { display:none;} #hosting0303 table { width:100%; text-align:left;} #hosting0303 table th, #hosting0303 table td { padding:5px 0px 5px 17px; border:1px solid #e7e7e7;} #hosting0303 table th { border-left:none; background-color:#fbfbfb;} #hosting0303 table td { border-right:none; background-color:#f7f9fb; color:#677c93;} #hosting0303 table td .bold { color:#677c93; font-weight:bold;} #hosting0303 .bottom { margin-top:40px; padding-left:178px; height:630px; background:url("/images/hosting/0203_bg.jpg") no-repeat left top;} #hosting0303 .bottom h3 { padding-bottom:15px;} #hosting0303 .bottom p { line-height:1.4;} #hosting0303 .bottom p.normal { padding-bottom:13px;} #hosting0303 .bottom .order_02 { padding-top:40px;} #hosting0303 .bottom .order_03 { padding-top:35px;} #hosting0303 .bottom .order_04 { padding-top:30px;} /*****************************************************/ /* terms */ /*****************************************************/ .refuse_email { height:140px; padding:30px 0px 0px 180px; background:url("/images/terms/03_bg.jpg") no-repeat left top;} .refuse_email .title { padding-bottom:12px; color:#2c2c2c; font-size:15px; font-weight:bold;} .refuse_email .text { color:#565555; line-height:1.5;} .textbox { height:400px; padding:15px; border:1px solid #d9d9d9; overflow-y:scroll; overflow-x:hidden; color:#8f8f8f; font-size:12px; font-family:dotum;} .textbox strong { color:#616161; font-weight:bold;} /*****************************************************/ /* sitemap */ /*****************************************************/ #wrap_sitemap { position:relative; width:100%; padding-bottom:80px; z-index:0;} #wrap_sitemap .content_title { width:100%; height:55px;} #wrap_sitemap .content_title .title { float:left; padding:11px 0px 0px 0px;} #wrap_sitemap .content_title .navigation { float:right; padding:21px 0px 0px 0px; border:1px solid #fff;} #wrap_sitemap .content_title .navigation span { display:block; float:left; font-size:11px; color:#9d9d9d; padding:0px 12px 0px 5px; background:url("/images/common/icon_navigation.gif") no-repeat right 2px;} #wrap_sitemap .content_title .navigation span.current { padding-right:0px; background-image:none;} #wrap_sitemap .content_title .navigation span.current strong { color:#555454;} /* sitemap */ #sitemap { height:720px; background:url("/images/sitemap/bg.jpg") no-repeat left bottom;} #sitemap .wrap { position:relative; float:left;} #sitemap .wrap01 {} #sitemap .wrap02, #sitemap .wrap03, #sitemap .wrap04, #sitemap .wrap05 { padding-left:27px;} * html #sitemap .wrap01 { padding-left:2px;} * html #sitemap .wrap02, * html #sitemap .wrap03, * html #sitemap .wrap04, * html #sitemap .wrap05 { padding-left:26px;} #sitemap .wrap .category { padding-bottom:33px;} #sitemap .wrap .category_02 { position:absolute; top:229px;} #sitemap .wrap .category_03 { position:absolute; top:429px;} #sitemap .wrap ul { width:159px;} #sitemap .wrap ul li { border-bottom:1px solid #e2e2e2;} #sitemap .wrap ul li a { width:140px; display:block; padding:6px 0px 6px 19px; color:#636363; text-decoration:none; background:url("/images/customer/06_icon_list.gif") no-repeat 7px 13px;} #sitemap .wrap ul li a:hover { color:#ff4400; background-color:#f9f9f9;} #sitemap .wrap ul li ul { border-top:1px solid #e2e2e2; border-bottom:none;} #sitemap .wrap ul li ul li { border:none;} #sitemap .wrap ul li ul li a { font-size:11px; background:url("/images/sitemap/icon_li.gif") no-repeat 11px 13px;} /* error_message */ .error_message { position:relative; width:100%; height:200px;} .error_message .btn_main { position:absolute; left:245px; top:135px;} .program_error { background:url("/images/common/bg_program_error.jpg") no-repeat left top;} .prepare_contents { background:url("/images/common/bg_prepare_contents.jpg") no-repeat left top;} /* open_event .event01 { position:absolute; top:-11px; left:-1100px; width:3125px; height:1384px; text-align:center; background:url("/images/event/bg01.gif") repeat-x left top;} */ .event01 { margin-top: -41px; padding-bottom: 35px; } /**************************/ /* 신규 추가 : 2010.04.30 */ /**************************/ /* check_member */ .order_check_member { position:relative; width:100%; height:198px; margin-top:25px; background:url("/images/order/bg01.jpg") no-repeat left top;} .order_check_member p { position:absolute; left:277px; top:122px;} .order_check_member p span { color:#626262; font-weight:bold; padding-right:25px;} .order_check_member p span input { margin-bottom:2px;} .order_check_member p span.selected1 { color:#3d4bab;} .order_check_member p span.selected2 { color:#ff4200;} /* order_member_data_entering */ .order_member_data_entering {} .order_member_data_entering .select_member_type { padding:0px 0px 15px 235px; height:32px;} .order_member_data_entering .select_member_type div.company, .order_member_data_entering .select_member_type div.person { position:relative; width:117px; height:32px; float:left;} .order_member_data_entering .select_member_type div input { position:absolute; left:20px; top:7px;} * html .order_member_data_entering .select_member_type div input { top:3px;} *:first-child+html .order_member_data_entering .select_member_type div input { top:3px;} .order_member_data_entering .select_member_type .person { margin-right:10px; background:url("/images/order/02_input_person.gif") no-repeat left top;} .order_member_data_entering .select_member_type .company { background:url("/images/order/02_input_company.gif") no-repeat left top;} .order_homepage_topbox { padding:15px 15px; border:1px solid #ebebeb; background-color:#f4f4f4;} .order_homepage_topbox span, .order_homepage_topbox strong { color:#ff6600;} .order_person_info, .order_company_info { display:none;} .have_domain { display:none;} /* board_list_style04 */ .board_list_style04 {} .board_list_style04 table { width:100%; border-top:2px solid #d9d9d9;} .board_list_style04 table td { padding:6px 0px 6px 13px; text-align:left; border-bottom:1px solid #d9d9d9;} .board_list_style04 table td input { margin-bottom:3px;} .board_list_style04 table td.pay_manner { background:url("/images/order/th_line01.gif") no-repeat right 11px; color:#4d5ab5; font-weight:bold;} .board_list_style04 table td.pay_text { padding-left:25px;} /* order_paymanner_guide */ .order_paymanner_guide {} .order_paymanner_guide .style01 { border-bottom:1px solid #d9d9d9; background-color:#f9f9f9; padding:20px;} .order_paymanner_guide .style01 .p01 { color:#626262; font-weight:bold; padding-bottom:10px;} .order_paymanner_guide .style01 ul li { font-size:11px; color:#626262; padding:1px 0px;} .order_paymanner_guide span { color:#ff6600; font-size:11px;} .order_paymanner_guide .style01 .p02 { padding:10px 0px 0px 9px; color:#626262; font-size:11px;} .order_paymanner_guide .style02 { border-bottom:1px dashed #ccc; padding:20px;} .order_paymanner_guide .style02 p { line-height:1.7;} .order_paymanner_guide .style02 ul li { font-size:11px; padding:1px 0px;} .order02_innerwrap, .dsnone { display:none;} #mypage .member_info .top_text04 { border-top:0px; background:url("/images/myservice/bg_text03.gif") no-repeat left top;} #mypage .member_info .top_text04 ul { padding-top:0px;} #mypage .member_info .top_text04 ul li { letter-spacing:0px !important;} /* 기업회원 전환 상단 */ .myservice_companymember { position:relative; width:100%; height:168px; background:url("/images/myservice/07_companymember_bg.jpg") no-repeat left top; border-top:4px solid #000; border-bottom:1px solid #d9d9d9;} .myservice_companymember .innerwrap { padding:31px 0px 0px 171px;} .myservice_companymember .title { padding-bottom:15px; color:#4d5ab5; font-size:14px; font-weight:bold;} .myservice_companymember .text { color:#7a7a7a; line-height:1.5;} /* 마이서비스 내 홈페이지 도메인 적용하기 팝업 버튼 */ .popup_adapt_homepage { padding-left:15px; text-decoration:none;} /* 주문완료 */ .order_completed_page { } .order_completed_page .top_message { border:1px solid #ddd; padding:15px 40px;} .order_completed_page .top_message .p01 { padding-bottom:10px; color:#ff4200; font-size:16px; font-weight:bold;} .order_completed_page .warning_message { position:relative; width:100%; height:167px; margin-top:20px; background:url("/images/order/04_warning_bg.jpg") no-repeat left top;} .order_completed_page .warning_message .innerwrap { padding:22px 20px 0px 175px;} .order_completed_page .warning_message span { color:#ff4200;} .order_completed_page .warning_message .p01 { padding-bottom:5px;} .order_completed_page .warning_message .p02 { padding-bottom:20px;} .order_completed_page .warning_message .p03 { padding-bottom:5px;} .order_completed_page .warning_message .p04 { line-height:1.4;} /* 디자인샵 검색박스 */ .searchSection {position:relative;z-index:1000;margin-bottom:10px;border-bottom:2px solid #ececec;} .searchSection .searchBox {padding:20px 0 20px 10px;border:1px solid #9ed45e;} .searchSection .searchBox .searchInput {display:inline-block;padding:10px 15px;vertical-align:middle;background:url(/images/search/bg_searchbox_search.gif) no-repeat left top;} .searchSection .searchBox .searchInput input {width:420px;font-size:14px;font-weight:bold;color:#333;border:none;border:0;} .searchSection .searchBox .searchHelp {display:none;position:absolute;left:112px;top:53px;background:#fff;border:1px solid #74bd00;} /* 검색결과 */ .resultSection {margin-bottom:20px;height:32px;border-bottom:1px solid #bfd39b;} .resultSection .resultTotal {float:left;margin-top:5px;padding:4px 0 0 20px;background:url(/images/search/blt_result.gif) no-repeat left 5px;} .resultSection .resultTotal strong {margin:0 20px 0 0;} .resultSection .resultTotal em {font-style:normal;color:#6eac00;font-weight:bold;} .resultSection .listArrange {float:right;margin-top:5px;} .resultSection .listArrange select {vertical-align:middle;} /*****************************************************/ /* photo */ /*****************************************************/ .photo01_bottom { } * html .photo01_bottom .order02 { margin-top:-1px; margin-bottom:1px;} * html .photo01_bottom .order06 { margin-top:-1px; margin-bottom:1px;} *:first-child+html .photo01_bottom .order02 { margin-top:-1px; margin-bottom:1px;} *:first-child+html .photo01_bottom .order06 { margin-top:-1px; margin-bottom:1px;} .photo02_view_content { padding-top:35px; height:;} * html .photo02_view_content { padding-top:0px;} *:first-child+html .photo02_view_content { padding-top:0px;} .photo02_view_content .blue { color:#2e88b2;} .photo02_view_content .orange { color:#ef6008;} #photo0201 {} #photo0201 ul li { padding:0px 0px 0px 0px;} #photo0201 ul.top { padding:55px 0px 0px 0px;} #photo0202 { display:none;} #photo0202 h3 { padding-bottom:12px;} #photo0202 ul li { padding:3px 0px 3px 10px;} #photo0202 .order01 .orange { padding:5px 0px 0px 10px; font-size:11px;} #photo0202 .order01 .blue { padding-top:10px;} #photo0202 .order02 { padding-top:30px;} #photo0202 .order02 .orange { padding:5px 0px 0px 0px; font-size:11px;} #photo0202 .order03 { padding-top:50px;} #photo0202 .order04 { padding-top:30px;} #photo0202 .order05 { padding-top:50px;} #photo0202 .order05 ul li { word-spacing:-1px;} #photo0202 .order06 { padding-top:30px;} #photo0203 { display:none;} #photo0203 ul.top { padding:5px 0px 0px 0px;} #photo0203 ul li { padding:20px 0px 0px 0px;} #photo0203 table { width:100%; text-align:left;} #photo0203 table th, #photo0203 table td { padding:5px 0px 5px 17px; border:1px solid #e7e7e7;} #photo0203 table th { border-left:none; background-color:#fbfbfb;} #photo0203 table td { border-right:none; background-color:#f7f9fb; color:#677c93;} #photo0203 table td .bold { color:#677c93; font-weight:bold;} #photo0203 .bottom { margin-top:40px; padding-left:178px; height:630px; background:url("/images/photo/0203_bg.jpg") no-repeat left top;} #photo0203 .bottom h3 { padding-bottom:15px;} #photo0203 .bottom p { line-height:1.4;} #photo0203 .bottom p.normal { padding-bottom:13px;} #photo0203 .bottom .order_01 { padding-top:40px;} #photo0203 .bottom .order_02 { padding-top:40px;} #photo0203 .bottom .order_03 { padding-top:35px;} #photo0203 .bottom .order_04 { padding-top:30px;} ul.info2 {padding-top:20px;} ul.info2 li {color:#be3f30;} /*****************************************************/ /* mobile */ /*****************************************************/ .mobile2 {padding-top:40px; clear:both;} .mobile2 h3 {background:url(/images/mobile/ex_title_bg.gif) no-repeat left top; padding:17px 0 15px 10px; clear:both;} .mobile2 p {padding:23px 0 37px 0;} .mobile2 ul li {float:left; background:url(/images/mobile/dotline.gif) no-repeat right top; padding:0 22px 0 10px;} .mobile2 ul li.first { padding:0 22px 0 0px;} .mobile2 ul li.last {background:none; padding:0 0px 0 10px;} .mobile2 ul li h4 {} .mobile4 {padding-top:40px; clear:both;} .mobile4 p {padding:12px 0 60px 0;} .mobile4 ul li {padding:0 0 49px 0; background:url(/images/mobile/4mobile_step_dot.gif) no-repeat left bottom;} .mobile4 ul li.last {padding:0 0 49px 0; background:none;} .mobile3 {padding-top:40px; clear:both;background:url(/images/mobile/skin_bg.jpg) no-repeat left 74px; } .mobile3 h3 {} .mobile3 ul {padding:11px 0 0px 40px; margin-top:15px; clear:both;} .mobile3 ul li {display:inline; clear:both;} .mobile3 ul li img {padding:0 17px 75px 0;} .mobile3 ul li img.last {padding:0 0px 75px 0;} .mobile_tab2 ul { float:left; width:100%; height:28px; background:url("/images/mobile/mo_tab_bg.gif") repeat-x left 24px;} .mobile_tab2 li { float:left; width:142px; height:28px; margin-right:2px; background:url("/images/mobile/02_view_tab_off.gif") no-repeat left top; text-align:center;} .mobile_tab2 li#last_tab { margin-right:0px;} .mobile_tab2 li a { display:block; width:142px; height:28px; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; line-height:28px;} .mobile_tab2 li a:hover, .mobile_tab2 li a.selected { background:url("/images/mobile/02_view_tab_on.gif") no-repeat left top; font-size:12px; color:#5a5a5a; text-decoration:none; } .mobile01_bottom { } * html .mobile01_bottom .order02 { margin-top:-1px; margin-bottom:1px;} * html .mobile01_bottom .order06 { margin-top:-1px; margin-bottom:1px;} *:first-child+html .mobile01_bottom .order02 { margin-top:-1px; margin-bottom:1px;} *:first-child+html .mobile01_bottom .order06 { margin-top:-1px; margin-bottom:1px;} mobile02_view_content { padding-top:35px; height:;} * html .mobile02_view_content { padding-top:0px;} *:first-child+html .mobile02_view_content { padding-top:0px;} .mobile02_view_content .blue { color:#2e88b2;} .mobile02_view_content .orange { color:#ef6008;} #mobile0201 {background:url(/images/mobile/mob_1_img.jpg) no-repeat left top; margin-top:82px;} #mobile0201 h3 {padding:52px 0 0 285px;} #mobile0201 p.subtitle {padding:12px 0 20px 285px;} #mobile0201 p {padding:0px 0 216px 285px;} #mobile0201 ul {clear:both; padding-left:13px;} #mobile0201 ul li {float:left; padding-left:19px;} #mobile0202 {display:none; background:url(/images/mobile/mob_2_img.jpg) no-repeat left top; margin-top:82px;} #mobile0202 h3 {padding:52px 0 0 285px;} #mobile0202 p.subtitle {padding:12px 0 20px 285px;} #mobile0202 p {padding:0px 0 216px 285px;} #mobile0202 ul {clear:both; padding-left:13px;} #mobile0202 ul li {float:left; padding-left:19px;} #mobile0203 {display:none; background:url(/images/mobile/mob_3_img.jpg) no-repeat left top; margin-top:82px;} #mobile0203 h3 {padding:52px 0 0 285px;} #mobile0203 p.subtitle {padding:12px 0 20px 285px;} #mobile0203 p {padding:0px 0 216px 285px;} #mobile0203 ul {clear:both; padding-left:13px;} #mobile0203 ul li {float:left; padding-left:19px;} .mobile1 {padding-top:40px; clear:both; background:url(/images/mobile/1mobile_bg.jpg) no-repeat left 98px;} .mobile1 h3 {padding-bottom:9px;} .mobile1 p.sur1 {padding:438px 0 0 80px; float:left;} .mobile1 p.sur2 {padding:438px 0 60px 427px;} .mobile1 img.mo_dia {padding:17px 0 0px 17px;} .mobile1 img.mo_con {padding:46px 0 35px 0px;} .mobile1 table tr td {text-align:left; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding-left:8px;} .mobile1 table tr td.last {text-align:center;border-bottom:1px solid #e7e7e7; border-right:0;} .mobile1 table tr td.n_bo {border-bottom:1px solid #e7e7e7; border-right:0;} .mobile1 table thead tr th.mo_th_01 { background:url("/images/mobile/th_bg.gif") repeat-x left top;} .mobile1 table thead tr th.mo_th_02 { background:url("/images/homepage/01_table_th_bg01.gif") repeat-x left top;} p.mobile_title {} img.qr {position:absolute; left:274px; top:655px;} .mobile0 {margin:45px 0 0 0;} .btn_order {float:left; margin:45px 0 50px 360px;} .titlearea {padding:0 0 30px 0; border-bottom:1px dashed #c9c9c9;background:url(/images/mobile/mob_titleareabg.jpg) no-repeat right top;} h4.title {margin:63px 0 14px 0;} img.conberting {margin:55px 0 0 0;} .titlearea img.title_b {display:block; margin:6px 0 13px 0;} .titlearea img.title_s {display:block; margin:0px 0 16px 0;} .idsc {float:left;} .idsc img.product {float:left; margin:0 0 20px 0;} .idsc dl {width:224px; float:left; padding:20px 0 0 10px; position:relative;} .idsc dl dt {margin:0 0 10px 0;} .idsc dl dd.qr {position:absolute; left:10px; top:214px;} .idsc ul {clear:both;} .idsc ul li {display:inline; padding-right:15px;} .mifaff {float:right;} .mifaff img.product {float:left; margin:0 0 20px 0;} .mifaff dl {width:224px; float:left; padding:20px 0 0 10px; position:relative;} .mifaff dl dt {margin:0 0 10px 0;} .mifaff dl dd.qr {position:absolute; left:10px; top:214px;} .mifaff ul {clear:both;} .mifaff ul li {display:inline; padding-right:15px;}