﻿/* left_contents */
.notice {position:relative;}
.notice h4 {border-bottom: 1px #e0e0e0 solid; padding:5px 0 5px 0; margin:0; height:14px; text-indent:-1000em; background:url('../images/hosting/notice_tit.gif') 0 5px no-repeat;}
.notice .notice_more {position:absolute; top:7px; right:13px;}
.notice ul {margin: 0; padding: 5px 0 10px 0;}
.notice ul li {list-style: none; background: url('../images/solution/bullet_notice.gif') no-repeat 3px 5px; padding: 0 0 2px 8px;}

.board_info {padding: 8px 0;}

.board_confirm {background: url('../images/solution/board_confirm_bg.gif') no-repeat; padding: 5px; height: 68px;}
.board_confirm h4 {margin:0; padding:0; height:24px; background:url('../images/solution/board_confirm_tit.gif') no-repeat; text-indent:-1000em;}
.board_confirm p {padding: 5px 5px 0 5px; margin: 0; font-size:11px;}
.board_confirm p .confirm_txt {width: 138px; border: 1px #e0e0e0 solid; height:14px; margin-top: 3px;}
.board_confirm p img {vertical-align: bottom; padding-left: 5px;}

.board_current {background: url('../images/solution/board_current_bg.gif') no-repeat; padding: 2px; height: 87px; margin: 8px 0 0 0;}
.board_current h4 {margin:0; padding:0; height:24px; background:url('../images/solution/board_current_tit.gif') no-repeat; text-indent:-1000em;}
.board_current ul {padding: 9px 0 0px 10px; margin: 0;}
.board_current ul li {list-style: none; background: url('../images/solution/bullet_board_current.gif') no-repeat 3px 2px; padding: 0 0 2px 18px;}
.board_current span {font-weight: bold;}

.top_contents {width: 740px; float: left; padding: 0 0 0 10px;}
.top_contents img {border: none;}
.top_contents h4 {margin:0; padding:0;}

.solution {background: url('../images/solution/solution_bg.gif') no-repeat; padding: 20px 0 10px 24px; letter-spacing: -0.1em; float: left; width: 716px; font-size:11px;}
.solution ul {list-style: none;}
.solution p {margin: 0;}

.solution .board3 {background: url('../images/solution/solution_board3_img.gif') no-repeat 0 70px; float: left; padding-right: 30px;}
.solution .board3 h4 {padding-bottom: 18px;}
.solution .board3 ul {margin: 0; padding: 0px 0 0 110px;}
.solution .board3 ul li {background: url('../images/solution/bullet_solution.gif') no-repeat 3px 5px; padding: 0 0 2px 10px;}
.solution .board3 .btn {padding: 10px 0 0 110px;}

.solution .board2 {background: url('../images/solution/solution_board2_img.gif') no-repeat 0 70px; float: left; margin-left: 50px;}
.solution .board2 h4 {padding-bottom: 20px;}
.solution .board2 ul {margin: 0; padding: 0px 0 0 110px;}
.solution .board2 ul li {background: url('../images/solution/bullet_solution.gif') no-repeat 3px 5px; padding: 0 0 2px 10px;}
.solution .board2 .btn {padding: 10px 0 0 110px;}

.solution .cafe {padding-top: 21px; float: left;}
.solution .cafe h4 {padding-bottom: 0px;}
.solution .cafe ul {background: url('../images/solution/solution_cafe_img.gif') no-repeat; width: 150px; height: 54px; padding: 25px 70px 10px 8px; margin: 0;}
.solution .cafe .btn {padding-top: 5px;}

.solution .share {padding-top: 21px; margin-left: 16px; float: left;}
.solution .share h4 {padding-bottom: 15px;}
.solution .share ul {background: url('../images/solution/solution_share_img.gif') no-repeat; padding: 24px 70px 10px 8px; margin: 0; width: 140px; height: 54px;}
.solution .share .btn {padding-top: 5px;}

.solution .component {padding-top: 21px; margin-left: 20px; float: left;}
.solution .component h4 {padding-bottom: 15px;}
.solution .component ul {background: url('../images/solution/solution_component_img.gif') no-repeat; padding: 24px 70px 10px 8px; margin: 0; width: 150px; height: 54px;}
.solution .component .btn {padding-top: 5px}

.bottom_contents {width: 740px; float: left; padding: 10px 0 0 10px;}
.bottom_contents h4 {margin:0; padding:0;}

.bottom_contents .bottom_left {width: 516px; float: left;}
.bottom_contents .bottom_right {width: 214px; float: left; padding-left:10px;}

.wrap_down {background: url('../images/solution/down_bg.gif') no-repeat; padding: 40px 10px 15px 86px; float: left; height: 110px; width: 420px;}
.wrap_down .down_1 {float: left; padding-left: 15px;}
.wrap_down .down_1 span {padding-bottom: 8px; padding-top: 3px; display: block; width: 190px;}
.wrap_down .down_1 ul {background-color: #f3f3f3; padding: 7px; margin: 0; width: 178px; font-size:11px;}
.wrap_down .down_1 ul li {list-style: none;}

.board {clear:both; height:110px;}

.update {float: left; width: 250px; height: 105px;}
.update h4 { border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative;}
.update h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.update ul {padding: 5px 0 0 0; margin: 0; width: 250px; display: block; position: relative;}
.update ul li {list-style: none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 4px 10px;}
.update ul li .date {float: right; position: absolute; right: 0;}

.qna {width: 250px; float: right; height: 105px;}
.qna h4 {border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative;}
.qna h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.qna ul {padding: 5px 0 0 0; margin: 0; position: relative; width: 250px;}
.qna ul li {list-style: none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 4px 10px;}
.qna ul li .date {float: right; position: absolute; right: 0;}

.skin {clear: both; padding-top: 15px;}
.skin h4 {border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative;}
.skin h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.skin ul {padding: 5px 0 0 0; margin: 0;}
.skin ul li {list-style: none; float: left; padding-right: 10px;}
.skin ul li img{border: 1px #e5e5e5 solid;}

/* bottom_right contents */
.banner ul {padding: 0; margin: 0;}
.banner_1, .banner_2, .banner_3, .banner_4, .banner_5 {list-style: none; height: 33px;}
.banner_1 {background: url('../images/solution/banner_1.gif') no-repeat; padding: 9px 0 1px 123px; width: 90px;}
.banner_2 {background: url('../images/solution/banner_2.gif') no-repeat; padding: 9px 0 1px 123px; width: 90px;}
.banner_3 {background: url('../images/solution/banner_3.gif') no-repeat; padding: 9px 0 1px 112px; width: 101px;}
.banner_4 {background: url('../images/solution/banner_4.gif') no-repeat; padding: 9px 0 1px 112px; width: 101px;}
.banner_5 {background: url('../images/solution/banner_5.gif') no-repeat; padding: 9px 0 0 148px; width: 65px;}

.artyboard {padding: 8px 0; width: 213px;}


.left_contents {float:left; padding-left:10px; width: 518px;}
.price .price_tab {padding:0; margin:0; display:inline-block; border-bottom:1px solid #1e6aa1; width: 518px;}
.price .price_tab li {list-style:none; float:left; padding-right:3px;}
.price .price_tab li img {display:block;}
.price .price_text1,
.price .price_text2,
.price .price_text3,
.price .price_text4 {margin-top:5px; width: 518px; border-top: 2px solid #2068a0;}
.price .tbl_price { border-collapse: collapse; border-spacing:0; width:100%; border-left: 1px solid #d7d7d7;}
.price .tbl_price th {background-color: #f6f6f6; height: 30px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding:0; margin:0;}
.price .tbl_price td {padding: 7px; margin:0; text-align: center; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; font-size:11px;}
.price .tbl_price .money {color:#F00;}
.price .price_text2,
.price .price_text3,
.price .price_text4 {display:none;}
.price .price_tab a {float:left; text-indent:-1000em;}
.price .price_tab .tab1 {background:url('../images/hosting/tit_price_1.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab1_on {background:url('../images/hosting/tit_price_1_h.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab2 {background:url('../images/hosting/tit_price_2.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab2_on {background:url('../images/hosting/tit_price_2_h.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab3 {background:url('../images/hosting/tit_price_3.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab3_on {background:url('../images/hosting/tit_price_3_h.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab4 {background:url('../images/hosting/tit_price_4.gif') no-repeat; width:87px; height:29px;}
.price .price_tab .tab4_on {background:url('../images/hosting/tit_price_4_h.gif') no-repeat; width:87px; height:29px;}

.wrap_ddr {clear:both; padding-top:10px; display:inline-block;}
.wrap_ddr .ddr_1,
.wrap_ddr .ddr_3 {width:256px; height:135px; float:left; text-align:center; background:url('../images/hosting/ddr_bg.gif') no-repeat bottom; padding-bottom:10px;}
.wrap_ddr .ddr_2,
.wrap_ddr .ddr_4 {width:256px; height:135px; float:right; text-align:center; background:url('../images/hosting/ddr_bg.gif') no-repeat bottom; padding-bottom:10px;}
.wrap_ddr .ddr_3,
.wrap_ddr .ddr_4 {padding-top:5px; margin:0;}
.wrap_ddr .ddr_1 h4{background:url('../images/hosting/tit_ddr_1.gif') no-repeat; text-indent: -500em; width:256px; height:25px; margin:0; padding:0;}
.wrap_ddr .ddr_2 h4{background:url('../images/hosting/tit_ddr_2.gif') no-repeat; text-indent: -500em; width:256px; height:25px; margin:0; padding:0;}
.wrap_ddr .ddr_3 h4{background:url('../images/hosting/tit_ddr_3.gif') no-repeat; text-indent: -500em; width:256px; height:25px; margin:0; padding:0;}
.wrap_ddr .ddr_4 h4{background:url('../images/hosting/tit_ddr_4.gif') no-repeat; text-indent: -500em; width:256px; height:25px; margin:0; padding:0;}
.wrap_ddr ul {padding:0 0 0 10px; margin:0; width:175px; float:left;}
.wrap_ddr ul li {list-style:none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 2px 10px; text-align:left; font-size:11px;}
.wrap_ddr .detail {float:left; padding-top:20px;}

.board {padding-top:10px;}
.board .hosting_qna {float: left; width: 250px; height: 105px;}
.board .hosting_qna h4 {border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative; margin: 0;}
.board .hosting_qna h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.board .hosting_qna ul {padding: 5px 0 0 0; margin: 0; position: relative; width: 250px;}
.board .hosting_qna ul li {list-style: none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 4px 10px;}
.board .hosting_qna ul li .date {float: right; position: absolute; right: 0;}

.board .hosting_faq {float: right; width: 250px; height: 105px;}
.board .hosting_faq h4 {border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; position: relative; margin: 0;}
.board .hosting_faq h4 .more {float: right; position: absolute; right: 0; padding-top: 5px;}
.board .hosting_faq ul {padding: 5px 0 0 0; margin: 0; position: relative; width: 250px;}
.board .hosting_faq ul li {list-style: none; background: url("../images/solution/bullet_solution.gif") no-repeat scroll 3px 5px transparent; padding: 0 0 4px 10px;}
.board .hosting_faq ul li .date {float: right; position: absolute; right: 0;}

.right_contents {float:right; width:213px;}
.extend {padding-bottom:10px; display:inline-block;}
.extend img{display:block; float:left;}
.free {clear:both; border:3px solid #e5e5e5; padding:5px 5px 0 5px; display:inline-block;}
.free ul {padding:0; margin:0; height:50px; vertical-align:top;}
.free ul li {list-style: none; background: url("../images/hosting/bullet_free.gif") no-repeat scroll 5px 9px transparent; padding: 6px 10px 6px 12px; float:left; height:12px;}
.free ul li img {display:block;}

.manual {background:url('../images/hosting/manual_bg.gif') no-repeat bottom; padding:10px 0 5px 0;}
.manual h4 {background:url('../images/hosting/tit_manual.gif') no-repeat; text-indent: -500em; width:213px; height:26px; margin:0;}
.manual ul {padding:5px 0 0 5px; margin:0;}
.manual ul li {list-style:none; display:block; height:20px;}

.banner {padding-top: 10px;}
.banner a {padding-bottom:5px;}
.event {padding-top: 10px;}
.event img {display:block;}
.reseller {padding-top: 10px;}

.nameserver {width: 197px; border-left: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; padding:0x 0 5px 0;}
.nameserver h2 {text-indent:-1000em; margin:0; padding:0; height:28px; line-height:28px; background: url('../images/main/nameserver_img.gif') no-repeat}
.nameserver p {margin:0; padding:0;}
.nameserver .n1 {padding: 10px 0 5px 50px; background: url('../images/main/nameserver_n1.gif') no-repeat 20px 15px;}
.nameserver .n2 {padding: 5px 0 10px 50px; background: url('../images/main/nameserver_n2.gif') no-repeat 20px 10px;}
.nameserver img {display:block;}
.nameserver .emphasis_bold {font-weight: bold; color: #666666;}
.nameserver .emphasis_color {color: #3a6ae3;}

.bank {width: 185px; border-left: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; border-top: 2px #737171 solid; padding: 9px 0 0 12px; background: url('../images/main/bank_bg.gif') no-repeat bottom right;}
.bank h2 {text-indent:-1000em; margin:0; padding:0; height:16px; line-height:16px; background: url('../images/main/tit_bank.gif') no-repeat}
.bank ul {padding: 5px 0 0 4px; margin: 0;}
.bank ul li {list-style: none; padding-bottom: 4px; height:15px;}
.bank ul li img {vertical-align: bottom;}
.bank .emphasis_bold {font-weight: bold; color: #666666;}

.bank_btn {width: 198px; display:inline-block; border-left: 1px #e0e0e0 solid;	 border-top: 1px #e0e0e0 solid;}
.bank_btn ul {padding: 0; margin: 0;}
.bank_btn ul li {width: 98px; padding: 8px 0 8px 0; display: block; float: left; list-style: none; text-align: center; border-right: 1px #e0e0e0 solid; border-bottom: 1px #e0e0e0 solid;}