@charset "UTF-8";

/* sub common */
.content{padding-bottom:60px;}
.tit_area{padding:60px 0 25px;}
.tit_area h2{font-size:24px; font-weight:400; text-align:center;}
.sec{padding:0 15px;}
.sec_full{width:100%; box-sizing:border-box;}
.sec_full .inner{padding:0 15px;}
.visual_area{position:relative; top:0; overflow:hidden; height:133px; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.visual_area h2{padding:35px 0 13px 28px; font-size:23px;}
.visual_area p{padding-left:28px; font-size:14px; font-weight:300; line-height:130%;}

.check_area{position:relative;}
input.custom_chk{width:1px; height:1px; position:absolute; left:0; top:0; overflow:hidden; border:none; clip:rect(0 0 0 0);}
input.custom_chk + label{display:inline-block; padding-left:33px; line-height:18px; background:url(/resources/images/etc/check_off.gif) 0 0 no-repeat; background-size:18px auto;}
input.custom_chk:checked + label {background:url(/resources/images/etc/check_on.gif) 0 0 no-repeat; background-size:20px auto;}
input[type="file"]{overflow:hidden; position:absolute; width:0; height:0; padding:0; margin:-1px; clip:rect(0,0,0,0);}
span.bs_file{display:block; width:100%; padding:12px 10px 7px; margin-bottom:8px; color:#aaa; vertical-align:middle; box-sizing:border-box;}

.agree_area{padding-top:29px;}
.agree_area li{overflow:hidden; margin-bottom:20px;}
.agree_area li p{line-height:120%;}
.agree_area li p span { color:#ff0000;}
.agree_area li .radio_area{float:right; overflow:hidden;}
.agree_area input[type="radio"]{display:none;}
.agree_area input[type="radio"]:checked + .box{background-color:#2484c6; color:#fff;}
.agree_area .box{display:inline-block; float:left; width:75px; height:35px; line-height:35px; background-color:#fff; text-align:center; border:1px solid #e6e6e6; color:#888;}
.agree_area .box.fst{border-right:0; border-radius:8px 0 0 8px;}
.agree_area .box.last{border-left:0; border-radius:0 8px 8px 0;}

.contact_information p{padding:10px 0 25px; font-size:14px; color:#888; text-align:center; line-height:1.5em; font-weight:300;}
.contact_information dl{padding:30px 15px; border-top:2px solid #333; overflow:hidden;}
.contact_information dt{width:100%; padding-bottom:16px; font-size:17px;}
.contact_information dd{float:left; width:50%; color:#888; font-weight:300; box-sizing:border-box; line-height:130%; font-size:13px;}
.contact_information dd:last-child{border-left:1px solid #ddd; padding-left:30px;}
.contact_information dd span{display:block; padding-bottom:10px; color:#333; font-weight:400; line-height:100%; font-size:15px;}

h3.section_tit{font-size:24px; text-align:center;}
h4.section_tit{font-size:22px; text-align:center;}

.mask{position:absolute; right:0; top:0; width:40px; height:45px; background:url(/resources/images/common/mask.png) 0 0 no-repeat; background-size:48px auto;}

/* membership */
.membership .tab_list{overflow:hidden;}
.membership .tab_list li{float:left; width:49%; text-align:center; box-sizing:border-box; border:2px solid #eaeaea;}
.membership .tab_list li.on{border:2px solid #333;}
.membership .tab_list li.on a{color:#333;}
.membership .tab_list li a{display:block; line-height:45px; font-size:14px; color:#888;}
.membership .tab_list li:first-child{margin-right:2%;}
.membership .find_input li{margin-bottom:7px;}
.membership .find_input li:last-child{margin-bottom:0;}
.membership .btn_area{padding-top:30px; overflow:hidden;}
.membership .cont{padding-top:25px;}
.membership .find_txt{padding-top:30px; text-align:center; font-size:13px; color:#aaa; font-weight:300;}
.membership .find_txt a{display:inline-block; padding-left:12px; color:#2484c6; font-weight:400;}
.membership .cont{display:none;}
.membership .cont.on{display:block;}
.membership .table_1{border-top:2px solid #333; font-size:14px; box-sizing:border-box;}
.membership .table_1 th{padding:20px 0; font-weight:400; border-bottom:1px solid #e6e6e6;}
.membership .table_1 td{padding:20px 5% 20px 10%; color:#888; border-bottom:1px solid #e6e6e6; overflow:hidden; line-height:120%;}
.membership .table_2{border-top:2px solid #333; font-size:14px; box-sizing:border-box;}
.membership .table_2 th{padding:15px 0 0 10px; font-weight:400; text-align:left;} 
.membership .table_2 td{padding:15px 0 0 0; color:#888; overflow:hidden; line-height:120%;}
.membership .table_2 .notice_txt td{padding:12px 0 15px 0; border-bottom:1px solid #e6e6e6;}
.membership .table_2 .notice_txt td li{padding-left:25px; text-indent:-15px; color:#888; font-size:13px; font-weight:300;}
.membership .table_2 .line th, .membership .table_2 .line td{padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.membership .table_2 .line2{padding-top:8px;}
table th.required:after{content:"*"; display:inline-block; margin-left:3px; color:#f69679;}
.membership .table_2 .commonBtn{margin-left:2%; border-radius:0;}
.membership .step{margin-bottom:25px;}
.membership .step ul{overflow:hidden;}
.membership .step ul li{float:left; display:inline-block; width:23.5%; margin-left:2%; padding:8px 0; box-sizing:border-box; background:#eeeeef; color:#aaa; font-size:14px; line-height:130%; text-align:center;}
.membership .step ul li.on{background:#2484c6; color:#fff;}
.membership .step ul li:first-child{margin-left:0;}
.membership input[type="file"]{overflow:hidden; position:absolute; width:0; height:0; padding:0; margin:-1px; clip:rect(0,0,0,0);}
.membership span.bs_file{float:left; display:inline-block; width:49%; height:45px; padding:12px 10px 7px; margin-bottom:0; background-color:#f3f3f3; border:2px solid #eaeaea; color:#aaa; vertical-align:middle; box-sizing:border-box;}

.login .sec1 .login_input li:first-child{margin-bottom:7px;}
.security{overflow:hidden;}
.security .left{float:left; width:50%; box-sizing:border-box; padding:5% 10%;}
.security .right{float:left; width:50%; padding:15px 0; box-sizing:border-box; font-size:13px; font-weight:300;}
.security .right p{margin-bottom:3px; color:#888; line-height:150%;}
.security .right button{color:#2484c6; font-weight:300;}
.btn_area{padding-top:30px;}
.login .sec2 .member{width:70%; margin:0 auto; padding-top:30px; overflow:hidden;}
.login .sec2 .member li{float:left; width:35%; font-size:13px; text-align:center; border-right:1px solid #c0c0c0; box-sizing:border-box; font-weight:300;}
.login .sec2 .member li:nth-child(2){width:40%;}
.login .sec2 .member li:last-child{width:25%; border-right:none;}

.find_id_result .sec1 p{text-align:center; line-height:130%;}
.find_id_result .sec1 .txt1{padding-bottom:10px;}
.find_id_result .sec1 .txt2{font-weight:300;}
.find_id_result .sec1 .txt2 span{color:#ff0000;}
.find_id_result .sec2{padding-top:30px;}

.find_password_result .sec1 p{text-align:center; line-height:130%;}
.find_password_result .sec1 .txt1{padding-bottom:10px;}
.find_password_result .sec1 .txt2{font-weight:300;}
.find_password_result .sec1 .txt2 span{color:#ff0000;}
.find_password_result .sec2{padding-top:30px;}

.change .sec1 p{text-align:center; line-height:130%;}
.change .txt1{padding-bottom:10px; font-size:17px;}
.change .sec1 .txt2{font-weight:300;}
.change .btn_area{overflow:hidden;}

.type_selection .sec2 div{position:relative; height:113px; border:1px solid #eaeaea; background:#f9f9f9; box-sizing:border-box;}
.type_selection .sec2 div span{display:block; padding-top:5px; font-weight:300; line-height:1.25em;}
.type_selection .sec2 div a{position:absolute; right:25px; top:33px; width:37%;}
.type_selection .sec2 .individual{padding:36px 0 0 25px; border-top:2px solid #2483c5; margin-bottom:15px;}
.type_selection .sec2 .bisuiness{padding:25px 0 0 25px; border-top:2px solid #22bcc6;}

.agreement .sec2 ul li{position:relative; padding:10px 0 10px 15px; margin-top:7px; border:1px solid #eaeaea; color:#aaa; font-size:14px; box-sizing:border-box; overflow:hidden;}
.agreement .sec2 ul li:first-child{margin-top:0;}
.agreement .sec2 ul li input[type=checkbox]{width:1px; height:1px; position:absolute; left:0; top:0; overflow:hidden; border:none; clip:rect(0 0 0 0);}
.agreement .sec2 ul li input[type="checkbox"] + label{display:inline-block; padding-left:33px; line-height:18px; background:url(/resources/images/membership/membership_check_off.gif) 0 0 no-repeat; background-size:18px auto;}
.agreement .sec2 ul li input[type="checkbox"]:checked + label {background:url(/resources/images/membership/membership_check_on.gif) 0 0 no-repeat; background-size:20px auto;}
.agreement .sec2 ul li input[type="checkbox"] + label span {color:#ff0000;}
.agreement .sec2 ul li a{float:right; display:inline-block; width:60px; margin-right:10px; line-height:23px; text-align:center; background:#888; color:#fff; font-size:13px;}
.agreement .pop{display:none; position:fixed; left:0; top:0; width:100%; height:100%;}
.agreement .pop .layer{position:absolute; left:0; top:0px; width:100%; height:100%; background:#000; opacity:0.5;}
.agreement .pop .close{display:inline-block; position:absolute; top:15px; right:15px; width:11px; height:11px; text-indent:-9999px; background:url(/resources/images/membership/pop_close.gif) 0 0 no-repeat; background-size:100% auto;}
.agreement .pop .pop_cont{position:absolute; top:50%; left:50%; width:90%; height:408px; margin-left:-45%; margin-top:-204px; padding:41px 14px; background:#fff; border:2px solid #e2e2e2; box-sizing:border-box;}
.agreement .pop .pop_cont h3{margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #333; font-size:15px;}
.agreement .pop .pop_cont h3 span{color:#ff0000;}
.agreement .pop .pop_cont .info_box{height:227px; padding:20px 15px; overflow-y:scroll; background:#f3f3f3; border:1px solid #eaeaea; line-height:130%;; box-sizing:border-box;}
.agreement .pop .pop_cont .info_box h5{margin-bottom:20px; font-size:13px; color:#888;}
.agreement .pop .pop_cont .info_box h6{margin-bottom:12px; font-size:13px; color:#888;}
.agreement .pop .pop_cont .info_box p{margin-bottom:25px; font-size:13px; font-weight:300; color:#888;}
.agreement .pop .pop_cont .info_box span{display:inline-block; color:#888;}
.agreement .pop .pop_cont .info_box ol{padding-left:13px; margin-bottom:15px;}
.agreement .pop .pop_cont .info_box ol li{margin-bottom:5px; font-size:13px; color:#888; list-style:decimal; font-weight:300;}
.agreement .pop .pop_cont .info_box ol li ul{padding-left:15px;}
.agreement .pop .pop_cont .info_box ul.circle li{list-style:circle;}
.agreement .pop .pop_cont .info_box table{margin:15px 0; border-top:2px solid #aaa; color:#888;}
.agreement .pop .pop_cont .info_box table th{padding:10px; border-bottom:1px solid #aaa; font-weight:300;}
.agreement .pop .pop_cont .info_box table td{padding:10px; border-bottom:1px solid #aaa;}
.agreement .pop .pop_cont .commonBtn{display:block; width:128px; margin:25px auto 0;}
.agreement .pop .pop_cont .info_box2{height:227px; padding:20px 15px; overflow-y:scroll; border:1px solid #eaeaea; line-height:130%;; box-sizing:border-box;}
.agreement .pop .pop_cont .info_box2 p{margin-bottom:25px; font-size:13px; font-weight:300; color:#888;}
.agreement .pop .pop_cont .info_box2 p:before{content:"•"; display:inline-block; margin-right:5px;}
.agreement .pop .pop_cont .info_box2 table.join_tb{width:100%; margin-bottom:20px; border-top:1px solid #c2d1d7; border-bottom:1px solid #c2d1d7; text-align:center;}
.agreement .pop .pop_cont .info_box2 table.join_tb th{padding:10px 0; background-color:#e9f0f3; border-left:1px solid #c2d1d7; font-size:13px;}
.agreement .pop .pop_cont .info_box2 table.join_tb th:first-child{border-left:none;}
.agreement .pop .pop_cont .info_box2 table.join_tb td{padding:10px 0; border-left:1px solid #c2d1d7; border-bottom:1px solid #c2d1d7; font-size:13px;}
.agreement .pop .pop_cont .info_box2 table.join_tb td:first-child{border-left:none;}
.agreement .pop .pop_cont .info_box2 ul li{margin-bottom:5px; font-size:13px; color:#888; font-weight:300;}

.complete .sec2 .logo_area{width:231px; height:35px; margin:0 auto 25px; background:url(/resources/images/membership/membership_complete_logo.jpg) 0 0 no-repeat; background-size:100% auto;}
.complete .sec2 p{text-align:center;}
.complete .sec2 .txt1{padding-bottom:16px; font-size:19px;}
.complete .sec2 .txt2{font-weight:300;}

.register .sec2 .txt1{margin-bottom:10px; font-size:13px; text-align:right;}
.register .sec2 .txt1:before{content:"*"; display:inline-block; margin-right:5px; color:#f69679;}
.register .mb{margin-bottom:8px;}
.register .pop{display:none; position:fixed; left:0; top:0; width:100%; height:100%;}
.register .pop .layer{position:absolute; left:0; top:0px; width:100%; height:100%; background:#000; opacity:0.5;}
.register .pop .close{display:inline-block; position:absolute; top:15px; right:15px; width:11px; height:11px; text-indent:-9999px; background:url(/resources/images/membership/pop_close.gif) 0 0 no-repeat; background-size:100% auto;}
.register .pop .pop_cont{position:absolute; top:10%; left:50%; width:90%; margin-left:-45%; padding:41px 14px 25px 14px; background:#fff; border:2px solid #e2e2e2; box-sizing:border-box;}
.register .pop .pop_cont h3{margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #333; font-size:15px;}
.register .pop .pop_cont input{float:left; width:24%;}
.register .pop .pop_cont .type3{width:19%;border-radius:0; margin-left:1%;}
.register .pop .pop_cont .blank{display:inline-block; float:left; padding:0 0.5%; width:3%; margin-top:4%; color:#aaa; text-align:center;}
.register .pop .pop_cont .num_box{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e9e9e9;}
.register .pop .pop_cont .txt{padding-left:15px; margin-bottom:23px; text-indent:-15px; font-size:13px; color:#888; font-weight:300; line-height:150%;}
.register .pop .cont1 .inner{overflow:hidden; padding:25px 0; background-color:#f5f5f5;}
.register .pop .cont1 p.half{float:left; width:49%; font-size:13px; font-weight:400; text-align:center;}
.register .pop .cont1 p.half:first-child{border-right:1px solid #e6e6e6;}
.register .pop .cont1 p span{display:inline-block; padding-top:15px; color:#888; font-weight:300;}
.register .pop .btn_area{padding-top:25px; text-align:center;}
.register .pop .btn_area a{width:35%;}
.register .pop table{ margin-bottom: 10px; border-top:2px solid #c2d1d7;}
.register .pop table th{padding:15px 0; font-size:13px; font-weight:300; background:#e9f0f3; border-bottom:2px solid #c2d1d7;}
.register .pop table td{padding:15px 0 15px 20px; font-size:13px; font-weight:300; color:#888; border-bottom:2px solid #c2d1d7;}
.register .pop table.cont3{margin-top:15px;}
.register .pop .cont1, .register .pop .cont2, .register .pop .cont3 {display:none;}
.register .pop .cont1.on, .register .pop .cont2.on, .register .pop .cont3.on {display:block;}
.register .pop .cont2 .bs_list{overflow-y:scroll; height:146px;}

.policy .tab_area{overflow:hidden;}
.policy .tab_area li{float:left; width:32%; margin-left:2%; margin-bottom:5px; border:2px solid #eaeaea; box-sizing:border-box; text-align:center;}
.policy .tab_area li.on{border:2px solid #333;}
.policy .tab_area li.on a{color:#333;}
.policy .tab_area li:first-child, .policy .tab_area li:nth-child(4){margin-left:0;}
.policy .tab_area li a{display:inline-block; width:100%; padding:15px 0; font-size:14px;}
.policy .tab_area li:nth-child(4), .policy .tab_area li:nth-child(5), .policy .tab_area li:nth-child(6){margin-bottom:0;}
.policy .cont{display:block; font-size:14px; font-weight:300; line-height:1.4em;}
.policy h4{padding:0 0 30px; font-weight:400; font-size:17px; text-align:center;}
.policy .btn_area{padding-top:40px; text-align:center;}
.policy .commonBtn{width:45%;}
.policy .policy_list{border-top:2px solid #21a9c5;}
.policy .policy_list li{border-bottom:1px solid #e6e6e6;}
.policy .policy_list li a{display:inline-block; width:100%; padding:25px 16px; color:#333; box-sizing:border-box;}
.policy .policy_list li dt{padding:9px 0 17px; font-size:17px; width:100%; font-weight:500; box-sizing:border-box; line-height:1.25em;}
.policy .policy_list li dd{font-size:14px; color:#888;}

/* mypage */
.mypage .tit_area h3{margin-bottom:20px; line-height:120%; font-size:24px; font-weight:400; text-align:center;}
.mypage .tit_area p{color:#888; font-weight:200; line-height:1.5em; text-align:center;}
.mypage .join_tb{width:100%; margin-bottom:30px; border-top:1px solid #c2d1d7; border-bottom:1px solid #c2d1d7; color:#888;}
.mypage .join_tb th{padding:10px 0; background-color:#e9f0f3; border-bottom:1px solid #c2d1d7; text-align:center;}
.mypage .join_tb td{padding:10px 5px; border-bottom:1px solid #c2d1d7; font-weight:300;}
.mypage .common_tb1{margin-bottom:30px; border-top:2px solid #000; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mypage .common_tb1 th{width:122px; padding:15px 0 15px 5px; border-bottom:1px solid #ccc; text-align:left;}
.mypage .common_tb1 td{padding:15px 0; border-bottom:1px solid #ccc; color:#888;}
.mypage .common_tb2{border-top:2px solid #000; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mypage .common_tb2 th{width:122px; padding:20px 0 20px 5px; border-bottom:1px solid #ccc; text-align:left;}
.mypage .common_tb2 td{padding:20px 0; border-bottom:1px solid #ccc; color:#888;}
.mypage .common_tb3{margin-top:30px; border-top:2px solid #000; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mypage .common_tb3 th{width:99px; padding:20px 0 20px 5px; text-align:left;}
.mypage .common_tb3 td{padding:20px 0; color:#888;}
.mypage .common_tb3 tr.none {display:none;}
.mypage .notice_txt{padding-top:10px; margin-bottom:30px; color:#888;}
.mypage .notice_txt li{position:relative; padding-left:20px; font-weight:200; line-height:1.5em;}
.mypage .notice_txt li:before{content:"※"; position:absolute; left:0; top:0;}
.mypage input.mgb{margin-bottom:5px;}
.mypage textarea{width:218px; padding:10px; background-color:#f3f3f3; border:1px solid #eaeaea; resize:none; box-sizing:border-box;}

.change-info .tit{padding:30px 0 13px; font-size:17px; line-height:1.4em;}
.change-info .txt1{margin-bottom:10px; font-size:13px; text-align:right;}
.change-info .txt1:before{content:"*"; display:inline-block; margin-right:5px; color:#f69679;}
.change-info .common_tb3{margin-top:0;}
.change-info .btn_area{overflow:hidden;}
.change-info .common_tb3 .line th, .change-info .common_tb3 .line td{border-bottom:1px solid #e6e6e6;}
.change-info .common_tb3 .line2 th,.change-info .common_tb3 .line2 td{padding-bottom:8px;}
.change-info .common_tb3 .notice_txt td{padding:0 0 15px 0; border-bottom:1px solid #e6e6e6;}
.change-info .common_tb3 .notice_txt td li{padding-left:25px; text-indent:-15px; color:#888; font-size:13px; font-weight:300;}
.change-info .mb{margin-bottom:8px;}
.change-info a.btn_show{display:inline-block; padding-top:15px; font-weight:400; color:#2484c6;}
.change-info a.btn_show:after{content:""; display:inline-block; width:15px; height:9px; margin-left:5px; background:url(/resources/images/etc/agree_arrow_b.gif) center center no-repeat;}
.change-info a.btn_show + .img_area{display:none; margin-top:20px; padding:0 15px; background:#f9f9f9;}
.change-info .table_1{margin-bottom:50px; font-size:14px; box-sizing:border-box;}
.change-info .table_1 th{padding:15px 0 15px 10px; font-weight:300; text-align:left; background:#e9f0f3; border-bottom:1px solid #c2d1d7; color:#333;} 
.change-info .table_1 td td{padding:15px 0 15px 22px; color:#888; overflow:hidden; line-height:120%; font-weight:300; border-bottom:1px solid #c2d1d7;}
.change-info .table_1  li{margin-bottom:0; padding-left:15px; text-indent:-15px; color:#888; font-size:14px; font-weight:300; line-height:150%;}
.change-info .table_1 p{padding:20px 0 15px; font-size:14px; color:#888; font-weight:300;}
.change-info .table_1 ul{padding:15px 0 20px;}

.leave .sec1 > ol > li{margin-bottom:20px; line-height:1.5em;}
.leave .sec1 ol li span{display:inline-block; padding-left:20px; margin-bottom:10px; font-size:20px; text-indent:-20px;}
.leave .sec1 ol li p{margin-left:20px; color:#888; font-weight:300;}
.leave .sec1 ol li ul li{margin-left:20px; color:#888; font-weight:300;}
.leave .sec2{padding-bottom:40px;}
.leave .sec3 select{width:218px; box-sizing:border-box;}
.leave .sec3 p{margin-bottom:30px; line-height:1.5em; text-align:center;}
.leave .sec3 .btn_area{overflow:hidden;}

.billing .sec1{padding-top:30px;}
.billing .sec1 select{margin-bottom:20px;}
.billing .sec1 select.basic1{width:25%; padding:0;}
.billing .sec1 select.basic2{width:74%; padding:0;}
.billing .sec1 p{margin-bottom:20px; color:#888; font-weight:300; line-height:1.5em; letter-spacing:-1px;}
.billing .sec1 p strong{font-size:20px; color:#333; font-weight:400;}
.billing .sec1 .table_notice{margin-bottom:10px; color:#f69679; text-align:right;}
.billing table{width:100%;margin-bottom:20px; background:url(/resources/images/mypage/mypage_table_bar.jpg) center 0 repeat-x; -webkit-box-sizing:border-box; box-sizing:border-box;}
.billing table th{width:20%; padding:30px 0 30px 5px; border-bottom:1px solid #ccc; text-align:center; font-weight:400;}
.billing table td{padding:30px 0; border-bottom:1px solid #ccc; color:#888; font-weight:300; background:url(/resources/images/mypage/arrow_r.gif) right 15px center no-repeat;}
.billing table span{display:block; padding-top:10px; font-size:20px; line-height:100%;}
.billing table th span{font-weight:400;}
.billing table td span{color:#2484c6; font-weight:400;}
.billing .btn_area{text-align:center;}
.billing .btn_add{display:inline-block; padding:30px 25px 25px; border:1px solid #e6e6e6; color:#333;}
.billing .btn_add:before{content:""; display:block; width:26px; height:26px; margin-bottom:10px; margin-left:8px; background:url(/resources/images/mypage/ico_add.gif) center center no-repeat;}
.billing-view .sec1{padding-top:30px;}
.billing-view .view_inner h3{width:50%; margin-bottom:40px;}
.billing-view .view_inner h4{margin-bottom:20px; font-size:24px; text-align:center;}
.billing-view .view_inner table th{padding:20px 10px; background-color:#e9f0f3; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e9e9e9; font-weight:400; text-align:center;}
.billing-view .view_inner table td{padding:20px 10px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e9e9e9; color:#888; line-height:1.25em; text-align:center;}
.billing-view .view_inner table td span{display:inline-block; margin-bottom:10px; color:#333;}
.billing-view .view_inner table th:first-child,.billing-view .view_inner table td:first-child{border-left:none; text-align:left;}
.billing-view .view_inner table tfoot td{background-color:#f8f8f8; border-left:none; text-align:left; color:#333;}
.billing-view .view_inner table tfoot td.last{color:#2484c6; text-align:right;}
.billing-view .view_inner table.total{margin-bottom:50px; border-top:2px solid #333; text-align:left;}
.billing-view .view_inner table.total td{padding:20px; text-align:left;}
.billing-view .view_inner table.total th{border-left:none;}
.billing-view .view_inner h5{margin-bottom:10px; font-size:20px;}
.billing-view .view_inner .list li{margin-bottom:50px; border-top:2px solid #333;}
.billing-view .view_inner .list li p{padding:20px 10px; color:#2484c6;}
.billing-view .view_inner h5.line{padding-bottom:10px; margin-bottom:0; border-bottom:2px solid #333; font-size:20px;}
.billing-view .view_inner .vat{margin-bottom:50px;}
.billing-view .view_inner .vat .result th{background-color:#fff; font-size:18px;}
.billing-view .view_inner .vat .result tfoot th{background-color:#f8f8f8;}
.billing-view .view_inner .vat .result td{border-left:0; font-size:18px; color:#2484c6; text-align:right;}
.billing-view .view_inner .vat .result td small{color:#888;}
.billing-view .view_inner .etc{overflow:hidden;}
.billing-view .view_inner .etc table{margin-bottom:20px;}
.billing-view .view_inner .etc table td{padding:20px; text-align:left;}
.billing-view .view_inner .etc h6{float:left; width:18%; font-size:16px; font-weight:400;}
.billing-view .view_inner .etc ul{float:right; width:82%;}
.billing-view .view_inner .etc ul li{position:relative; padding-left:15px; margin-bottom:10px; line-height:1.5em; color:#888;}
.billing-view .view_inner .etc ul li:before{display:block; position:absolute; left:0; top:9px; margin-right:10px; width:4px; height:4px; border-radius:4px; background-color:#888; content:""; }
.billing-view .view_inner .etc ul li a{color:#2484c6;}

/* cloud */
.cloud .visual_area{background-image:url(/resources/images/cloud-service/cloud_visual.jpg);}
.cloud .content{position:relative; padding-top:70px;}
.cloud .sec_full.tab_area .inner{padding:0 0 0 15px;}
.cloud .tab_area{position:absolute; top:0; background:#e6e6e6;}
.cloud .tab_area.on{position:fixed; left:0; top:61px; z-index:99;}
.cloud .tab_area ul{overflow:hidden;}
.cloud .tab_area ul li{float:left; margin-left:9%;}
.cloud .tab_area ul li:first-child{margin-left:0;}
.cloud .tab_area ul li.active a{color:#2484c6;}
.cloud .tab_area ul li a{font-size:15px; color:#888;}
.cloud .sec_tit_area{padding:30px 0;}
.cloud .sec_tit_area p{padding-top:10px; font-weight:300; color:#888; line-height:1.5em; font-size:14px; text-align:center;}
.cloud .table_wrap{position:relative; padding-top:2px; background:url(/resources/images/idc_service/colocation_tb_border.gif) 0 top no-repeat; background-size:100% 2px;}
.cloud .table_1{font-size:14px; text-align:center;}
.cloud .table_1 th{padding:20px 15px; padding-left:10px; background:#e8f0f3; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:16px; font-weight:400;}
.cloud .table_1 td{padding:15px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#2484c6;}
.cloud .table_1 td.gray{color:#888;}
.cloud .table_1 td span{font-size:20px;}
.cloud .table_1 td ul li{line-height:1.5em;}
.cloud .table_1 td:first-child, .colocation .table_1 th:first-child{border-left:0;}
.cloud a.btn_price{display:block; position:fixed; bottom:5%; right:5%; width:20%; z-index:98;}

.server #slide_menu{padding:15px 0; overflow-x:scroll; -webkit-overflow-scrolling: touch; }
.server #slide_menu ul{overflow-x:scroll; -webkit-overflow-scrolling: touch; width:380px;}
.server .sec2 .btn_area{overflow:hidden; padding:30px 15px; background-color:#e8f0f3;}
.server .sec3{padding:60px 15px;}
.server .sec3 ul{margin-top:25px; overflow:hidden;}
.server .sec3 ul li{float:left; width:48%; margin-left:4%;}
.server .sec3 ul li p.tit{padding-top:20px; margin-bottom:10px; font-size:16px; color:#2484c6; line-height:1.4em; letter-spacing:-1px; text-align:center;}
.server .sec3 ul li p.txt{min-height:99px; font-size:14px; color:#888; line-height:1.4em; letter-spacing:-1px; text-align:center;}
.server .sec3 ul li:first-child, .server .sec3 ul li:nth-child(3), .server .sec3 ul li:nth-child(5){margin-left:0;}
.server .sec3 ul li:nth-child(3) p.txt,.server .sec3 ul li:nth-child(4) p.txt{min-height:145px;}
.server .sec4{padding:50px 0 0px; background:url(/resources/images/cloud-service/server_sec4_bg.jpg) 0 0 no-repeat; background-size:cover;}
.server .sec4 .section_tit{margin-bottom:40px; color:#fff;}
.server .sec4 ul{overflow:hidden;}
.server .sec4 ul li{float:left; width:46%; margin-left:8%; margin-bottom:35px; text-align:center;}
.server .sec4 ul li:nth-child(1){margin-left:0;}
.server .sec4 ul li:nth-child(1) span{width:41px; height:42px; background:url(/resources/images/cloud-service/server_sec4_img01.png) 0 0 no-repeat; background-size:100%;}
.server .sec4 ul li:nth-child(2) span{width:44px; height:44px; background:url(/resources/images/cloud-service/server_sec4_img02.png) 0 0 no-repeat; background-size:100%;}
.server .sec4 ul li:nth-child(3){margin-left:0;}
.server .sec4 ul li:nth-child(3) span{width:43px; height:41px; background:url(/resources/images/cloud-service/server_sec4_img03.png) 0 0 no-repeat; background-size:100% 100%;}
.server .sec4 ul li:nth-child(4) span{width:40px; height:47px; background:url(/resources/images/cloud-service/server_sec4_img04.png) 0 0 no-repeat; background-size:100%;}
.server .sec4 ul li:nth-child(5){margin-left:0;}
.server .sec4 ul li:nth-child(5) span{width:45px; height:45px; background:url(/resources/images/cloud-service/server_sec4_img05.png) 0 0 no-repeat; background-size:100%;}
.server .sec4 ul li:nth-child(6) span{width:41px; height:39px; background:url(/resources/images/cloud-service/server_sec4_img06.png) 0 0 no-repeat; background-size:100% 100%;}
.server .sec4 ul li span{display:block; margin:0 auto;}
.server .sec4 ul li p.tit{padding:12px 0; font-size:17px; color:#7ec8e4; letter-spacing:-1px; text-align:center;}
.server .sec4 ul li p.txt{min-height:65px; font-size:14px; color:#fff; line-height:1.5em; letter-spacing:-1px; text-align:center;}
.server .sec5{padding:55px 0; background-color:#efefef;}
.server .sec5 ul{padding:0 15px; margin-top:25px;}
.server .sec5 ul > li{position:relative; margin-top:15px; padding:30px 20px 30px 115px; box-sizing:border-box; background:url(/resources/images/idc_service/hosting_sec3_list_bg.jpg) center center no-repeat; background-size:100% 100%;}
.server .sec5 ul > li:first-child{margin-top:0;}
.server .sec5 ul > li .ico{display:inline-block; position:absolute; left:30px; top:30px; width:49px; height:52px; background:url(/resources/images/cloud-service/server_sec5_list_ico01.gif) center center no-repeat; background-size:100% auto;}
.server .sec5 ul > li:nth-child(2) .ico{width:60px; height:47px; background:url(/resources/images/cloud-service/server_sec5_list_ico02.gif) center center no-repeat; background-size:100% auto;}
.server .sec5 ul > li:nth-child(3) .ico{height:49px; background:url(/resources/images/cloud-service/server_sec5_list_ico03.gif) center center no-repeat; background-size:100% auto;}
.server .sec5 ul > li dt{padding-bottom:15px; font-size:17px;}
.server .sec5 ul > li dd{color:#888; font-size:14px; line-height:1.5em; font-weight:300;}
.server .sec6{padding:30px 0 60px;}

.storage .tab_area ul li{padding:15px 0;}
.storage .sec3 ul{margin-top:30px; overflow:hidden;}
.storage .sec3 ul li{float:left; width:48%; margin-left:4%;}
.storage .sec3 ul li p.tit{padding:25px 0 12px; font-size:16px; color:#2484c6; letter-spacing:-1px; text-align:center;}
.storage .sec3 ul li p.txt{min-height:100px; font-size:14px; color:#888; line-height:1.4em; letter-spacing:-1px; text-align:center;}
.storage .sec3 ul li:first-child, .storage .sec3 ul li:nth-child(3), .storage .sec3 ul li:nth-child(5){margin-left:0;}
.storage .sec4{padding:50px 0 30px; margin-bottom:50px; background:url(/resources/images/cloud-service/storage_sec4_bg.jpg) 0 0 no-repeat; background-size:cover;}
.storage .sec4 .section_tit{margin-bottom:10px; color:#fff;}
.storage .sec4 p{margin-bottom:20px; color:#fff; font-weight:300; line-height:1.5em; text-align:center;}
.storage .sec4 p.txt{padding-left:14px; text-indent:-14px; font-size:13px; text-align:left;}
.storage .sec4 ul li{margin-bottom:5%;}
.storage .sec5{margin-bottom:50px;}

.area .content{padding-top:0px;}
.area .sec1{padding:50px 0 30px; margin-bottom:50px; background-color:#ebeded;}
.area .sec1 h3{margin-bottom:20px;}
.area .sec1 ul{margin-top:25px; overflow:hidden;}
.area .sec1 ul li{float:left; width:46%; margin-left:8%;}
.area .sec1 ul li p{min-height:100px; padding-top:20px; margin-bottom:10px; font-weight:300; line-height:1.5em; letter-spacing:-1px; text-align:center;}
.area .sec1 ul li:first-child, .area .sec1 ul li:nth-child(3), .area .sec1 ul li:nth-child(5){margin-left:0;}
.area .sec2{margin-bottom:50px;}
.area .sec2 h3{margin-bottom:20px;}
.area .sec2 ul li{padding-left:26%; padding-top:25px; margin-bottom:25px; border-top:1px solid #e6e6e6; background-position:5% 30px; background-repeat:no-repeat;}
.area .sec2 ul li:nth-child(1){background-image:url(/resources/images/cloud-service/area_sec2_ico01.png); background-size:54px;}
.area .sec2 ul li:nth-child(2){background-image:url(/resources/images/cloud-service/area_sec2_ico02.png); background-size:58px 51px;}
.area .sec2 ul li:nth-child(3){background-image:url(/resources/images/cloud-service/area_sec2_ico03.png); background-size:46.5px 45px;}
.area .sec2 ul li:nth-child(4){background-image:url(/resources/images/cloud-service/area_sec2_ico04.png); background-size:46.5px 53px;}
.area .sec2 ul li:nth-child(5){background-image:url(/resources/images/cloud-service/area_sec2_ico05.png); background-size:56.5px 41px;}
.area .sec2 ul li h4{margin-bottom:10px; font-size:17px; font-weight:500;}
.area .sec2 ul li p{line-height:1.5em; color:#888;}

.pricing .content{padding-top:0px;}
.pricing .visual_area{margin-bottom:30px;}
.pricing .sec h3{margin-bottom:30px;}
.pricing .sec1,.pricing .sec2,.pricing .sec3,.pricing .sec4,.pricing .sec5,.pricing .sec6{margin-bottom:50px;}
.pricing .table_1 th{padding:10px 5px; font-size:14px; text-align:center;}
.pricing .table_1 td{padding:10px 5px; color:#888; text-align:center;}
.pricing .table_1 td.division{border-bottom:1px solid #888;}
.pricing .notice_txt1{padding-left:18px; padding-top:10px; font-size:14px; color:#f69679; text-indent:-18px;}
.pricing .notice_txt2{padding-left:18px; padding-top:10px; font-size:14px; color:#aaa; text-indent:-18px;}
.pricing .sec7 .table_wrap{margin-bottom:50px;}

.calculator .content{padding-top:0;}
.calculator .visual_area{margin-bottom:30px;}
.calculator .sec{margin-bottom:40px;}
.calculator .table_tit{margin-bottom:9px;}
.calculator .table_tit h3{margin-bottom:5px; font-size:18px; font-weight:500;}
.calculator .table_tit p{font-size:13px; color:#888;}
.calculator .server_table{border-top:2px solid #000; border-bottom:1px solid #e9e9e9; -webkit-box-sizing:border-box; box-sizing:border-box;}
.calculator .server_table th{padding:20px 0 20px 15px; border-bottom:1px solid #e9e9e9; font-weight:400; text-align:left;}
.calculator .server_table th.line,.server_table td.line{border-right:1px solid #e9e9e9;}
.calculator .server_table td{padding:10px 15px;}
.calculator .server_table td.pb{padding-bottom:0;}
.calculator .server_table td.line_b,.server_table th.line_b{border-bottom:1px solid #e9e9e9;}
.calculator .server_table td select{width:100%; height:40px; font-size:15px;}
.calculator .num_area{width:100%; margin:0 auto; background-color:#f3f3f3; border:1px solid #eaeaea;}
.calculator .num_area input.num_text{width:100%; height:40px; background-color:#f3f3f3; border-left:none; border-right:none; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center;}
.calculator .btn_nm{display:block; overflow:hidden; width:100%; height:40px; background-position:center center; background-repeat:no-repeat; text-indent:-10000em; vertical-align:middle; touch-action:manipulation;}
.calculator .btn_area{padding:0 15px; margin-bottom:40px;}
.calculator .sec1 .btn_area{padding:30px 15px; margin-bottom:0; background-color:#f3f3f3; border-bottom:1px solid #e9e9e9;}
.calculator .sec1 .btn_area a:before{content:""; display:inline-block; width:14px; height:14px; margin-right:10px; background:url(/resources/images/etc/ico_add.png) 0 center no-repeat;}
.calculator .table_notice{font-size:13px; line-height:2em; color:#f69679;}
.calculator .table_notice2{padding-left:18px; padding-top:10px; font-size:14px; color:#aaa; text-indent:-18px;}
.calculator .btn_nm.num_up{background-image:url(/resources/images/etc/arrow_t.gif);}
.calculator .btn_nm.num_down{background-image:url(/resources/images/etc/arrow_b.gif);}
.calculator .num_area2 .btn_nm{display:inline-block; width:50%;}
.calculator .num_area2 .num_up{border-right:1px solid #eaeaea;}
.calculator .num_area2 input.num_text{border-top:none;}
.calculator .num_area3 .btn_nm{display:inline-block; width:30%;}
.calculator .num_area3 input.num_text{width:40%; border-top:none; border-right:1px solid #eaeaea; border-bottom:none; border-left:1px solid #eaeaea; box-sizing:border-box;}
.calculator .sec7{display:none;}
.calculator .sec7.on{display:block;}
.calculator .sec7 .inner{padding:30px 15px; background-color:#e9f0f3;}
.calculator .sec7 h3{margin-bottom:10px; font-size:24px; font-weight:400; text-align:center;}
.calculator .sec7 p{margin-bottom:20px; color:#888; text-align:center;}
.calculator .sec7 .list_wrap{overflow:hidden; padding:20px 10px; margin-bottom:20px; background-color:#fff;}
.calculator .sec7 .price{padding:20px 15px 0 15px;}
.calculator .sec7 .price ul.notice_txt{margin-bottom:30px;}
.calculator .sec7 .price ul.notice_txt li{padding-left:10px; color:#888; line-height:1.5em; text-indent:-10px;}
.calculator .sec7 .price h4{margin-bottom:15px; font-size:24px; font-weight:400; letter-spacing:-1px; text-align:center;}
.calculator .sec7 .price h4 span{font-size:20px; color:#f68e56;}
.calculator .sec7 .price .total{margin-bottom:40px; border-top:2px solid #000;}
.calculator .sec7 .price .total .line{display:block; overflow:hidden; padding:20px 15px; border-bottom:1px solid #e9e9e9;}
.calculator .sec7 .price .total h5{float:left; font-size:20px; font-weight:400;}
.calculator .sec7 .price .total .price_txt{float:right; font-size:20px; color:#2484c6;}
.calculator .sec7 .price .total .price_txt > span{font-size:16px; color:#888;}
.calculator .sec7 .price .total .etc_txt{font-size:16px; color:#f68e56;}
.calculator .sec7 .price .total select{width:100%; padding:0; font-size:15px;}
.calculator .list_delete{padding-left:22px; margin:5px 0 0 12%; line-height:14px; background:url(/resources/images/etc/ico_delete.gif) 0 0 no-repeat; font-size:15px; color:#888; vertical-align:middle;}
.calculator .list_delete2{float:right; margin:15px 15px 0 0; line-height:1.5em; background:url(/resources/images/etc/ico_delete2.png) 0 center no-repeat; background-size:19px;}

/* additional-service */
.additional .visual_area{background-image:url(/resources/images/additional-service/additional_visual.jpg);}
.additional .content{position:relative; padding-top:70px;}
.additional .sec_full.tab_area .inner{padding:0 0 0 30px;}
.additional .sec_full{margin-bottom:50px;}
.additional .sec_full.tab_area{margin-bottom:0;}
.additional .sec .sec_tit_area{padding-top:30px;}
.additional .sec .sec_tit_area p{padding-top:10px; font-weight:300; color:#888; line-height:1.5em; font-size:14px; text-align:center;}
.additional .tab_area{position:absolute; top:0; background:#e6e6e6;}
.additional .tab_area.on{position:fixed; left:0; top:61px; z-index:99;}
.additional .tab_area ul{overflow:hidden;}
.additional .tab_area ul li{float:left; margin-left:9%;}
.additional .tab_area ul li:first-child{margin-left:0;}
.additional .tab_area ul li.active a{color:#2383c5;}
.additional .tab_area ul li a{font-size:15px; color:#888;}
.additional .sec_wrap{padding:50px 0; margin-bottom:50px; background-color:#efefef;}
.additional .sec_wrap h5,.additional .sec_wrap h4{margin-bottom:20px; font-size:20px; text-align:center;}
.additional .sec_wrap p{font-weight:400; color:#333;}
.additional .sec_wrap p span{color:#2484c6;}
.additional .txt_area{overflow:hidden; margin-bottom:50px;}
.additional .txt_area .sub_tit{float:left; width:15%; font-size:20px;}
.additional .txt_area ul{float:right; width:80%;}
.additional .txt_area ul li{position:relative; padding-left:15px; margin-bottom:5px; color:#888; font-weight:300; line-height:1.5em;}
.additional .txt_area ul li:before{display:block; position:absolute; left:0; top:9px; margin-right:10px; width:4px; height:4px; border-radius:4px; background-color:#2483c5; content:"";}

.cdn .tab_area ul li{padding:15px 0;}
.cdn .sec2{margin-bottom:30px;}
.cdn .sec_full p{padding-top:10px; margin-bottom:50px; font-weight:300; color:#888; line-height:1.5em; font-size:14px; text-align:center;}
.cdn .sec_full p.tit{padding-top:0; margin-bottom:0; font-size:20px; color:#333; font-weight:500;}
.cdn .sec3 .sec_wrap p{color:#333; font-weight:500;}
.cdn .sec5 h4{margin-bottom:20px;}

.mobile .tab_area ul li{padding:15px 0;}
.mobile .sec2 h3,.mobile .sec3 h3{padding-top:30px; margin-bottom:40px;}
.mobile .sec_full p{padding-top:10px; margin-bottom:20px; font-weight:300; color:#888; line-height:1.5em; font-size:14px; text-align:center;}

.security2 #slide_menu{padding:15px 0; overflow-x:scroll; -webkit-overflow-scrolling: touch; }
.security2 #slide_menu ul{overflow-x:scroll; -webkit-overflow-scrolling: touch; width:390px;}
.security2 .sec{margin-bottom:50px;}
.security2 .sec:last-child{margin-bottom:0;}
.security2 .sec2 h3{padding-top:30px; margin-bottom:40px;}
.security2 .sec2 .sec_wrap{padding:50px 0 30px; background:url(/resources/images/additional-service/security_sec2_bg.jpg) 0 0 no-repeat; background-size:cover;}
.security2 .sec2 .sec_wrap h4{margin-bottom:30px; color:#fff;}
.security2 .sec2 .sec_wrap ul{overflow:hidden;}
.security2 .sec2 .sec_wrap ul li{position:relative; float:left; width:45%; min-height:45px; padding-top:58px; margin-left:10%; margin-bottom:30px; line-height:1.5em; color:#85d0ed; text-align:center;}
.security2 .sec2 .sec_wrap ul li.ico1,.security2 .sec2 .sec_wrap ul li.ico3{margin-left:0;}
.security2 .sec2 .sec_wrap ul li:before{content:""; display:block; position:absolute; left:50%; top:0; background-position:0 0; background-repeat:no-repeat;}
.security2 .sec2 .sec_wrap ul li.ico1:before{width:67px; height:44px; margin-left:-33px; background-image:url(/resources/images/additional-service/security_sec2_ico1.png); background-size:100% auto;}
.security2 .sec2 .sec_wrap ul li.ico2:before{width:54px; height:43px; margin-left:-27px; background-image:url(/resources/images/additional-service/security_sec2_ico2.png); background-size:100% auto;}
.security2 .sec2 .sec_wrap ul li.ico3:before{width:58.5px; height:50px; margin-left:-29.25px; background-image:url(/resources/images/additional-service/security_sec2_ico3.png); background-size:100% auto;}
.security2 .sec2 .sec_wrap ul li.ico4:before{width:50.5px; height:50px; margin-left:-25.25px; background-image:url(/resources/images/additional-service/security_sec2_ico4.png); background-size:100% auto;}
.security2 .sec3 h3,.security2 .sec4 h3,.security2 .sec6 h3{margin-bottom:40px;}
.security2 .sec4 dl{overflow:hidden;}
.security2 .sec4 dl dt{float:left; width:35%; margin-bottom:10px; color:#2484c6; line-height:1.5em; clear:both;}
.security2 .sec4 dl dt:before{content:"•"; display:inline-block; margin-right:10px; color:#2484c6;}
.security2 .sec4 dl dd{float:right; width:60%; margin-bottom:10px; color:#888; line-height:1.5em;}
.security2 .sec5 .sec_tit_area{padding-top:0; margin-bottom:20px;}
.security2 .sec5 .txt_box{padding:30px; background-color:#f8f8f8; color:#888; text-align:center;}
.security2 .sec5 .txt_box span{display:block; line-height:1em; font-size:20px; font-weight:400; color:#333;}
.security2 .sec5 dl dt{padding:20px 0; margin-bottom:20px; text-align:center; background-color:#2484c6; color:#fff;}
.security2 .sec5 dl dd{overflow:hidden; position:relative; padding:20px; margin-bottom:20px; border:1px solid #ddd;}
.security2 .sec5 dl dd.br_none{padding:0; border:none;}
.security2 .sec5 dl dd.list1:after{content:""; position:absolute; right:20px; top:25px; width:73px; height:57px; background:url(/resources/images/additional-service/security_sec5_ico01.png) 0 0 no-repeat;}
.security2 .sec5 dl dd.list2:after{content:""; position:absolute; right:20px; top:25px; width:73px; height:57px; background:url(/resources/images/additional-service/security_sec5_ico02.png) 0 0 no-repeat;}
.security2 .sec5 dl dd h4{margin-bottom:20px;}
.security2 .sec5 dl dd h4 strong{line-height:2em; font-size:18px; font-weight:400; color:#2484c6;}
.security2 .sec5 dl dd ul li{margin-bottom:5px; color:#888;}
.security2 .sec5 dl dd ul.first li:before{content:"•"; display:inline-block; margin-right:10px; color:#2484c6;}
.security2 .sec5 dl dd ul.left{float:left; margin-right:20px;}
.security2 .sec5 dl dd table{border-top:2px solid #5a5a5a; text-align:center;}
.security2 .sec5 dl dd table th{padding:15px 0; background-color:#f9f9f9; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.security2 .sec5 dl dd table td{padding:15px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#888;}
.security2 .sec5 dl dd table th:first-child,.security2 .sec5 dl dd table td:first-child{border-left:0;}
.security2 .sec5 dl dd table tfoot td{color:#333;}

/* support */
.support .visual_area{margin-bottom:30px; background-image:url(/resources/images/support/support_visual.jpg);}
.support .table_tit{margin-bottom:9px; overflow:hidden;}
.support .table_tit h3{float:left; font-size:17px;}
.support .table_tit p{float:right; font-size:13px;}
.support .table_tit p:before{display:inline-block; margin-right:1px; color:#f69679; content:"*";}
.support .table_1{margin-bottom:50px; border-top:2px solid #333; font-size:14px; box-sizing:border-box;}
.support .table_1 th{padding:15px 0 0 10px; font-weight:400; text-align:left;} 
.support .table_1 td{padding:15px 0 0 0; color:#888; overflow:hidden; line-height:120%;}
.support .table_1 .commonBtn{margin-left:2%; border-radius:0;}
.support .table_1 .line th, .support .table_1 .line td{padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.support .table_1 textarea{height:150px; padding:5%; resize:none; box-sizing:border-box; background-color:#f3f3f3; border:1px solid #eaeaea;}
.support .table_1 .notice_txt td{padding:12px 0 15px 0; border-bottom:1px solid #e6e6e6;}
.support .table_1 .notice_txt td li{padding-left:25px; text-indent:-15px; color:#888; font-size:13px; font-weight:300; line-height:150%;}
.support .table_1.last{margin-bottom:0;}
.support .btn_area{padding-top:30px; text-align:center;}
.support .btn_area a{width:35%;}
.support .tab_area{margin-bottom:25px; overflow:hidden;}
.support .tab_area li{float:left; width:32%; margin-left:2%; margin-bottom:5px; border:2px solid #eaeaea; box-sizing:border-box; text-align:center;}
.support .tab_area li.on{border:2px solid #333;}
.support .tab_area li.on a{color:#333;}
.support .tab_area li:first-child, .support .tab_area li:nth-child(4){margin-left:0;}
.support .tab_area li a{display:inline-block; width:100%; padding:15px 0; font-size:14px;}
.support .tab_area li:nth-child(4), .support .tab_area li:nth-child(5), .support .tab_area li:nth-child(6){margin-bottom:0;}
.support .more{width:78px; margin:30px auto 0; border:1px solid #e6e6e6;}
.support .more a{display:block; padding:24px 0 20px; color:#333; text-align:center;}
.support .more span{display:block; width:18px; height:18px; margin:0 auto 16px; background:url(/resources/images/support/ico_more.gif) 0 0 no-repeat; background-size:100% auto;}
.support .more p{font-size:14px;}
.support .sch_area{padding:0 0 25px;}
.support .sch_area input{width:80%;}
.support .sch_area a{width:18%; margin-left:2%;}
.support .sec1 .view{border-top:2px solid #21a9c5;}
.support .sec1 .view li.tit{padding:25px 16px; border-bottom:1px solid #e6e6e6;}
.support .sec1 .view li.tit dt{padding:7px 0 15px; font-size:18px; font-weight:500; box-sizing:border-box; line-height:1.5em;}
.support .sec1 .view li.tit dd{font-size:14px; color:#888;}
.support .sec1 .view li.down_area{padding:22px 0 0; background:#f9f9f9;}
.support .sec1 .view li.down_area li{padding-left:16px; padding-bottom:20px;}
.support .sec1 .view li.down_area li a{padding-left:36px; color:#888; font-size:14px; background:url(/resources/images/support/ico_down.png) 0 center no-repeat; background-size:22px auto;}
.support .sec1 .view li.cont{padding:0 16px; border-bottom:1px solid #e6e6e6;}
.support .sec1 .view li.cont p{color:#888; line-height:1.5em; font-weight:300;}
.support .sec1 .view li.cont p a{word-wrap:break-word;}
.support .sec1 .view li.navi ul{overflow:hidden; border-bottom:1px solid #aaa;}
.support .sec1 .view li.navi ul li{float:left; width:59%; padding:25px 0; font-size:14px;}
.support .sec1 .view li.navi ul li a{display:inline-block; color:#888;}
.support .sec1 .view li.navi ul li:first-child{width:19%; text-align:center;}
.support .sec1 .view li.navi ul li:first-child a{color:#333;}
.support .sec1 .view li.navi ul li:nth-child(2){padding:25px 10px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; box-sizing:border-box; color:#888; font-weight:300;}
.support .sec1 .view li.navi ul li:last-child{width:22%;}
.support .sec1 .view li.navi ul li:last-child a{color:#333;}
.support .sec1 .view li.navi .next{border-bottom:1px solid #e6e6e6;}
.support .sec1 .view li.navi .next li:last-child a.view_next:after{content:""; display:inline-block; width:11px; height:7px; margin-left:12px; background:url(/resources/images/etc/list_arrow_t.gif) center center no-repeat; background-size:100% auto;}
.support .sec1 .view li.navi .prev li:last-child a.view_prev:after{content:""; display:inline-block; width:11px; height:7px; margin-left:12px; background:url(/resources/images/etc/list_arrow_b.gif) center center no-repeat; background-size:100% auto;}
.support .secu_td td{padding-top:0;}
.support .secu_td td .mgt{margin-top:20px;}
.support td.agree{color:#333;}
.support td.agree ul li{position:relative; padding-left:10px; overflow:hidden;}
.support td.agree ul li input[type=checkbox]{width:1px; height:1px; position:absolute; left:0; top:0; overflow:hidden; border:none; clip:rect(0 0 0 0);}
.support td.agree ul li input[type="checkbox"] + label{display:inline-block; padding-left:30px; font-size:15px; line-height:18px; background:url(/resources/images/membership/membership_check_off.gif) 0 0 no-repeat; background-size:18px auto;}
.support td.agree ul li input[type="checkbox"]:checked + label {background:url(/resources/images/membership/membership_check_on.gif) 0 0 no-repeat; background-size:20px auto;}
.support td.agree ul li input[type="checkbox"] + label span {color:#ff0000;}
.support td.agree ul li.btn_view a{display:inline-block; padding:20px 0 15px; font-size:15px; color:#333;}
.support td.agree ul li.btn_view a.on{color:#2484c6;}
.support td.agree ul li.btn_view a:after{content:""; display:inline-block; width:13px; height:8px; margin-left:7px; background:url(/resources/images/support/view_arrow_off.gif) center center no-repeat; background-size:100% auto;}
.support td.agree ul li.btn_view a.on:after{content:""; display:inline-block; width:13px; height:8px; margin-left:7px; background:url(/resources/images/support/view_arrow_on.gif) center center no-repeat; background-size:100% auto;}
.support td.view{display:none; padding:20px 15px 0; background:#f9f9f9;}
.support td.view.on{display:block;}
.support td.view table{font-size:14px; border-top:1px solid #c2d1d7;}
.support td.view table th{padding:15px 0 12px 10px; background:#e9f0f3; color:#333; font-weight:300; border-bottom:1px solid #c2d1d7;}
.support td.view table td{padding:15px 0 12px 20px; font-weight:300; border-bottom:1px solid #c2d1d7; line-height:130%;}
.support td.view ul{padding:15px 0 20px;}
.support td.view ul li{margin-bottom:5px; padding-left:15px; text-indent:-15px; font-size:13px; font-weight:300; line-height:150%;}
.support td.view ul li:last-child{margin-bottom:0;}
.support input[type="file"]{overflow:hidden; position:absolute; width:0; height:0; padding:0; margin:-1px; clip:rect(0,0,0,0);}
.support span.bs_file{display:inline-block; float:left; width:49%; height:45px; padding:12px 10px 7px; margin-bottom:0; background-color:#f3f3f3; border:2px solid #eaeaea; color:#aaa; vertical-align:middle; box-sizing:border-box;}

.news_list .sec1 ul{border-top:2px solid #21a9c5;}
.news_list .sec1 ul li{border-bottom:1px solid #e6e6e6;}
.news_list .sec1 ul li a{display:inline-block; width:100%; padding:25px 16px; color:#333; box-sizing:border-box;}
.news_list .sec1 ul li.none{padding:30px 25px; border-bottom:0;}
.news_list .sec1 ul li.notice{background:#f5f9fb;}
.news_list .sec1 ul li dt{padding:9px 0 17px; font-size:18px; width:100%; font-weight:500; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; box-sizing:border-box;}
.news_list .sec1 ul li dd{font-size:14px; color:#888;}
.news_list .sch_txt{padding-bottom:15px; font-size:13px; font-weight:300;}
.news_list .sch_txt span{font-weight:400;}
.news_list .btn_area{padding-top:30px; text-align:center;}
.news_list .btn_area a{width:35%;}

.faq .sec2 .cont{display:none;}
.faq .sec2 .cont.on{display:block;}
.faq .faq_list{border-top:2px solid #28a2c7;}
.faq .faq_list li{position:relative; font-weight:300; line-height:1.5em;}
.faq .faq_list li > a{display:block; padding:20px 35px 20px 32px; color:#333; font-size:14px; border-bottom:1px solid #e6e6e6; background:url(/resources/images/etc/list_arrow_b.gif) 97% center no-repeat; background-size:11px 7px;}
.faq .faq_list li > a.on{background:url(/resources/images/etc/list_arrow_t.gif) 97% center no-repeat; background-size:11px 7px;}
.faq .faq_list li > a:before{position:absolute; top:20px; left:10px; display:inline-block; content:"Q"; font-weight:400;}
.faq .faq_list li > div{display:none; position:relative; padding:25px 24px 25px 32px; background:#f9f9f9; font-size:13px; color:#888;}
.faq .faq_list li > div:before{position:absolute; top:25px; left:10px; display:inline-block; content:"A"; font-size:14px; font-weight:400; color:#228dc5;}
.faq .faq_list li div p{line-height:1.5em;}

.service_guide_list .sch_txt{padding-bottom:15px; font-size:13px; font-weight:300;}
.service_guide_list .sch_txt span{font-weight:400;}
.service_guide_list .sec2 .cont{display:none;}
.service_guide_list .sec2 .cont.on{display:block;}
.service_guide_list .sec2 ul{border-top:2px solid #21a9c5;}
.service_guide_list .sec2 ul li{border-bottom:1px solid #e6e6e6;}
.service_guide_list .sec2 ul li a{display:inline-block; width:100%; padding:25px 16px; color:#333; box-sizing:border-box;}
.service_guide_list .sec2 ul li.none{padding:30px 25px; border-bottom:0;}
.service_guide_list .sec2 ul li dt{padding:9px 0 17px; font-size:18px; width:100%; font-weight:500; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; box-sizing:border-box;}
.service_guide_list .sec2 ul li dd{font-size:14px; color:#aaa;}

.download .sec1 .link{color:#2484c6;}
.download .sec1 .check_list{padding-left:10px; overflow:hidden;}
.download .sec1 .check_list li{float:left; width:33.3%; margin-bottom:20px;}
.download .sec1 .check_list li:nth-child(7), .download .sec1 .check_list li:nth-child(8){margin-bottom:0;}
.download .sec1 .check_list li input.custom_chk + label{padding-left:28px;}
.download .sec2{padding-top:40px;}
.download .sec2 div{position:relative; height:95px; padding:25px 0 0 20px; border:1px solid #eaeaea; background:#f9f9f9; box-sizing:border-box;}
.download .sec2 div p{padding-top:15px; font-size:18px;}
.download .sec2 div a{position:absolute; right:20px; top:25px; width:37%;}
.download .sec2 .top{border-top:2px solid #2483c5; margin-bottom:15px;}
.download .sec2 .top p{color:#2483c5;}
.download .sec2 .bot{border-top:2px solid #22bcc6;}
.download .sec2 .bot p{color:#22bcc6;}

/* idc-service */
.idc_service .visual_area{margin-bottom:0px; background-image:url(/resources/images/idc_service/idc_visual.jpg);}
.idc_service .content{padding-top:70px;}
.idc_service.hosting_register .content{padding-top:0px;}
.idc_service .sec_full.tab_area .inner{padding:0 0 0 30px;}
.idc_service .tab_area{position:absolute; top:0; background:#e6e6e6;}
.idc_service .tab_area.on{position:fixed; left:0; top:61px; z-index:99;}
.idc_service .tab_area ul{overflow:hidden;}
.idc_service .tab_area ul li{float:left; margin-left:9%;}
.idc_service .tab_area ul li:first-child{margin-left:0;}
.idc_service .tab_area ul li.active a{color:#2484c6;}
.idc_service .tab_area ul li a{font-size:15px; color:#888;}
.idc_service .content{position:relative;}
.idc_service .sec .sec_tit_area{padding:30px 0;}
.idc_service .sec .sec_tit_area p{padding-top:10px; font-weight:300; color:#888; line-height:1.5em; font-size:14px; text-align:center;}

.hosting_register #slide_menu{width:2000px;}
.hosting_register .sec1{padding-top:30px;}
.hosting_register .table_tit{margin-bottom:9px; overflow:hidden;}
.hosting_register .table_tit h3{float:left; font-size:17px;}
.hosting_register .table_tit p{float:right; font-size:13px;}
.hosting_register .table_tit p:before{display:inline-block; margin-right:1px; color:#f69679; content:"*";}
.hosting_register .table_1{margin-bottom:50px; border-top:2px solid #333; font-size:14px; box-sizing:border-box;}
.hosting_register .table_1 th{padding:15px 0 0 10px; font-weight:400; text-align:left;} 
.hosting_register .table_1 td{padding:15px 0 0 0; color:#888; overflow:hidden; line-height:120%;}
.hosting_register .table_1 td .blank{display:inline-block; padding:16px 0 0 11px;}
.hosting_register .table_1 .commonBtn{float:left; margin-left:2%; border-radius:0;}
.hosting_register .table_1 .line th, .hosting_register .table_1 .line td{padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.hosting_register .table_1 textarea{height:150px; padding:10px; resize:none; box-sizing:border-box; background-color:#f3f3f3; border:1px solid #eaeaea;}
.hosting_register .table_1 .text_area td{padding:12px 0 15px 10px; border-bottom:1px solid #e6e6e6;}
.hosting_register .table_1 .text_area td .tit{color:#2484c6; font-size:13px;}
.hosting_register .table_1 .text_area td .infor{padding-top:10px;}
.hosting_register .table_1 .text_area td .infor p{color:#888; font-size:13px; font-weight:300; line-height:150%;}
.hosting_register .table_1 td .radio_area{overflow:hidden;}
.hosting_register .table_1 td .radio_area input[type="radio"]{display:none;}
.hosting_register .table_1 td .radio_area .box.on{background-color:#3e3c3c; color:#fff;}
.hosting_register .table_1 td .radio_area .box{display:inline-block; float:left; width:30%; height:45px; line-height:45px; background-color:#fff; text-align:center; border:1px solid #3e3c3c; color:#333; box-sizing:border-box; font-size:15px;}
.hosting_register .table_1 td .radio_area .box.fst{border-radius:8px 0 0 8px;}
.hosting_register .table_1 td .radio_area .box.center{width:40%; border-left:0}
.hosting_register .table_1 td .radio_area .box.last{border-left:0; border-radius:0 8px 8px 0;}
.hosting_register .secu_td td{padding-top:0;}
.hosting_register .secu_td td .mgt{margin-top:20px;}
.hosting_register .table_1.last{margin-bottom:0;}
.hosting_register input[type="file"]{overflow:hidden; position:absolute; width:0; height:0; padding:0; margin:-1px; clip:rect(0,0,0,0);}
.hosting_register span.bs_file{display:inline-block; float:left; width:49%; height:45px; padding:12px 10px 7px; margin-bottom:0; background-color:#f3f3f3; border:2px solid #eaeaea; color:#aaa; vertical-align:middle; box-sizing:border-box;}
.hosting_register .btn_area{padding-top:30px; text-align:center;}
.hosting_register .btn_area a{width:35%;}
.hosting_register td.agree{color:#333;}
.hosting_register td.agree ul li{position:relative; padding-left:10px; overflow:hidden;}
.hosting_register td.agree ul li input[type=checkbox]{width:1px; height:1px; position:absolute; left:0; top:0; overflow:hidden; border:none; clip:rect(0 0 0 0);}
.hosting_register td.agree ul li input[type="checkbox"] + label{display:inline-block; padding-left:30px; font-size:15px; line-height:18px; background:url(/resources/images/membership/membership_check_off.gif) 0 0 no-repeat; background-size:18px auto;}
.hosting_register td.agree ul li input[type="checkbox"]:checked + label {background:url(/resources/images/membership/membership_check_on.gif) 0 0 no-repeat; background-size:20px auto;}
.hosting_register td.agree ul li input[type="checkbox"] + label span {color:#ff0000;}
.hosting_register td.agree ul li.btn_view a{display:inline-block; padding:20px 0 15px; font-size:15px; color:#333;}
.hosting_register td.agree ul li.btn_view a.on{color:#2484c6;}
.hosting_register td.agree ul li.btn_view a:after{content:""; display:inline-block; width:13px; height:8px; margin-left:7px; background:url(/resources/images/support/view_arrow_off.gif) center center no-repeat; background-size:100% auto;}
.hosting_register td.agree ul li.btn_view a.on:after{content:""; display:inline-block; width:13px; height:8px; margin-left:7px; background:url(/resources/images/support/view_arrow_on.gif) center center no-repeat; background-size:100% auto;}
.hosting_register td.view{display:none; padding:20px 15px 0; background:#f9f9f9;}
.hosting_register td.view.on{display:block;}
.hosting_register td.view table{font-size:14px; border-top:1px solid #c2d1d7;}
.hosting_register td.view table th{padding:15px 0 12px 10px; background:#e9f0f3; color:#333; font-weight:300; border-bottom:1px solid #c2d1d7;}
.hosting_register td.view table td{padding:15px 0 12px 20px; font-weight:300; border-bottom:1px solid #c2d1d7; line-height:130%;}
.hosting_register td.view ul{padding:15px 0 20px;}
.hosting_register td.view ul li{margin-bottom:5px; padding-left:15px; text-indent:-15px; font-size:13px; font-weight:300; line-height:150%;}
.hosting_register td.view ul li:last-child{margin-bottom:0;}

.hosting #slide_menu{padding:15px 0; overflow-x:scroll; -webkit-overflow-scrolling: touch; }
.hosting #slide_menu ul{overflow-x:scroll; -webkit-overflow-scrolling: touch; width:515px;}
.hosting .sec .tit_area2{background:#f8f8f8; border-bottom:2px solid #21b1c5;}
.hosting .sec2{padding:0 15px 60px;}
.hosting .sec2 ul.list{margin-top:20px;}
.hosting .sec2 ul.list > li{margin-top:50px;}
.hosting .sec2 ul.list > li:first-child{margin-top:0;}
.hosting .sec2 ul.list > li .product_info_list{padding:25px 15px; text-align:left; border-bottom:1px solid #e8e8e8;}
.hosting .sec2 ul.list > li .img_area{border:2px solid #e8e8e8; box-sizing:border-box;}
.hosting .sec2 ul.list > li .product_info_list .product_tit{padding-bottom:17px; font-size:18px;}
.hosting .sec2 ul.list > li .product_info_list .product_tit + p{line-height:1.4em; font-weight:300;}
.hosting .sec2 ul.list > li .product_info_list li{margin-bottom:5px; color:#555; font-weight:300; line-height:130%;}
.hosting .sec2 ul.list > li .product_info_list li:before{content:"•"; display:inline-block; margin-right:10px; color:#2484c6;}
.hosting .sec2 ul.list > li .product_info_list li:last-child{margin-bottom:0;}
.hosting .sec2 ul.list > li .price_area{padding:25px 0; text-align:left; overflow:hidden; border-bottom:2px solid #aaa;}
.hosting .sec2 ul.list > li .price_area .left{float:left; width:46%; padding-left:15px; box-sizing:border-box;}
.hosting .sec2 ul.list > li .price_area .left .sale_non{display:block; padding-bottom:12px; font-size:13px; color:#555; font-weight:300;}
.hosting .sec2 ul.list > li .price_area .left .non_percent{font-size:18px; color:#2484c6;}
.hosting .sec2 ul.list > li .price_area .left .text{font-size:13px;}
.hosting .sec2 ul.list > li .price_area .left .default_price{display:block; padding-top:5px; font-size:16px; color:#555;}
.hosting .sec2 ul.list > li .price_area .left .default_price del{display:inline-block; padding-top:14px; font-size:13px;}
.hosting .sec2 ul.list > li .price_area .left .default_price del span{font-size:14px;}
.hosting .sec2 ul.list > li .price_area .ico{float:left; width:10%; padding-top:8px;}
.hosting .sec2 ul.list > li .price_area .ico .arrow{display:inline-block; width:25px; height:28px; background:url(/resources/images/idc_service/hosting_ico.gif) center center no-repeat; background-size:100% auto;}
.hosting .sec2 ul.list > li .price_area .right{float:right; width:44%;}
.hosting .sec2 ul.list > li .price_area .right .sale_percent{display:inline-block; padding:0 0 8px 12px; font-size:18px; color:#2484c6;}
.hosting .sec2 ul.list > li .price_area .right a{width:90%;}
.hosting .sec3{padding:55px 0; background:#efefef;}
.hosting .sec3 ul{padding:0 15px; margin-top:25px;}
.hosting .sec3 ul > li{position:relative; margin-top:15px; padding:30px 20px 30px 115px; box-sizing:border-box; background:url(/resources/images/idc_service/hosting_sec3_list_bg.jpg) center center no-repeat; background-size:100% 100%;}
.hosting .sec3 ul > li:first-child{margin-top:0;}
.hosting .sec3 ul > li .ico{display:inline-block; position:absolute; left:30px; top:30px; width:53px; height:52px; background:url(/resources/images/idc_service/hosting_sec3_list_ico01.gif) center center no-repeat; background-size:100% auto;}
.hosting .sec3 ul > li:nth-child(2) .ico{width:60px; background:url(/resources/images/idc_service/hosting_sec3_list_ico02.gif) center center no-repeat; background-size:100% auto;}
.hosting .sec3 ul > li:nth-child(3) .ico{width:49px; background:url(/resources/images/idc_service/hosting_sec3_list_ico03.gif) center center no-repeat; background-size:100% auto;}
.hosting .sec3 ul > li dt{padding-bottom:15px; font-size:17px;}
.hosting .sec3 ul > li dd{padding-left:7px; text-indent:-7px; color:#888; font-size:14px; line-height:1.5em;}
.hosting .sec4{padding:60px 15px 0;} 
.hosting .sec4 ul{margin-top:25px; overflow:hidden;}
.hosting .sec4 ul li{float:left; width:48%; margin-left:4%;}
.hosting .sec4 ul li p{min-height:65px; padding:25px 0px 30px; font-size:16px; color:#2484c6; line-height:1.25em; text-align:center;}
.hosting .sec4 ul li:first-child, .hosting .sec4 ul li:nth-child(3), .hosting .sec4 ul li:nth-child(5){margin-left:0;}
.hosting .sec4 ul li:nth-child(5) p, .hosting .sec4 ul li:nth-child(6) p{padding-bottom:0;}
.hosting .sec5{padding:60px 15px 0;}
.hosting .sec5 .inner{margin-top:25px; background:url(/resources/images/idc_service/hosting_sec5_list_bg.jpg) center center no-repeat; background-size:100% 100%;;}
.hosting .sec5 .inner ul{padding:0 25px;}
.hosting .sec5 .inner ul li{position:relative; padding:37px 0;}
.hosting .sec5 .inner ul li:first-child{padding:48px 0;}
.hosting .sec5 .inner ul li p{padding-left:95px; color:#fff; font-size:17px; line-height:1.3em;}
.hosting .sec5 .inner .ico{display:inline-block; position:absolute; left:5px; top:33px; width:65px; height:53px; background:url(/resources/images/idc_service/hosting_sec5_list_ico01.png) center center no-repeat; background-size:100% auto;}
.hosting .sec5 ul li:nth-child(2) .ico{width:60px; background:url(/resources/images/idc_service/hosting_sec5_list_ico02.png) center center no-repeat; background-size:100% auto;}
.hosting .sec5 ul li:nth-child(3) .ico{width:52px; background:url(/resources/images/idc_service/hosting_sec5_list_ico03.png) center center no-repeat; background-size:100% auto;}
.hosting .sec6{padding:60px 15px 60px;}
.hosting .sec6 p{padding-top:10px; font-size:14px; color:#888; text-align:center; line-height:1.5em;}
.hosting .sec6 ul{overflow:hidden;}
.hosting .sec6 ul li{float:left; width:48%; min-height:224px; margin-left:4%; margin-bottom:15px; border:1px solid #efefef; box-sizing:border-box; text-align:center;}
.hosting .sec6 ul li:first-child{margin-left:0;}
.hosting .sec6 ul.fst{margin-top:25px;}
.hosting .sec6 ul.fst li:nth-child(2){min-height:249px;}
.hosting .sec6 ul.lst li{min-height:200px; margin-bottom:0;}
.hosting .sec6 ul.fst li dl{padding-bottom:0;}
.hosting .sec6 ul li dl{padding-bottom:25px;}
.hosting .sec6 ul li dl dt{padding-bottom:5px; font-size:17px; line-height:1.3em;}
.hosting .sec6 ul li dl dd{font-size:14px; color:#888; font-weight:300; line-height:1.3em;}
.hosting .sec6 ul li a{width:60%; margin:13px 0 20px; line-height:35px; font-size:13px;}

.colocation #slide_menu{padding:15px 0; overflow-x:scroll; -webkit-overflow-scrolling: touch; }
.colocation #slide_menu ul{overflow-x:scroll; -webkit-overflow-scrolling: touch; width:385px;}
.colocation .visual_area{margin-bottom:0;}
.colocation .sec .sec_tit_area{padding:30px 0 0;}
.colocation h4.section_tit.bd{padding-bottom:25px; background:url(/resources/images/idc_service/colocation_tb_border.gif) center bottom no-repeat; background-size:100% 2px;}
.colocation .table_1{font-size:14px;}
.colocation .table_1 th{height:50px; background:#e8f0f3; border-bottom:1px solid #e6e6e6; font-weight:400; border-left:1px solid #e6e6e6;}
.colocation .table_1 td{text-align:center; line-height:50px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#888;}
.colocation .table_1 td:first-child, .colocation .table_1 th:first-child{border-left:0;}
.colocation .sec3{padding-top:55px; background:#efefef;}
.colocation .sec3 p{padding:10px 0 25px; font-size:14px; text-align:center; color:#888; font-weight:300; line-height:1.5em;}
.colocation .sec3 .img_area{padding:0 15px;}
.colocation .sec4{padding:60px 15px 0;} 
.colocation .sec4 ul{margin-top:25px; overflow:hidden;}
.colocation .sec4 ul li{float:left; width:48%; margin-left:4%;}
.colocation .sec4 ul li p{min-height:42px; padding:25px 0 30px; font-size:16px; color:#2484c6; line-height:1.25em; letter-spacing:-1px; text-align:center;}
.colocation .sec4 ul li:first-child, .colocation .sec4 ul li:nth-child(3), .colocation .sec4 ul li:nth-child(5){margin-left:0;}
.colocation .sec4 ul li:nth-child(5) p, .colocation .sec4 ul li:nth-child(6) p{padding-bottom:0;}
.colocation .sec5{padding:60px 15px;}
.colocation .sec5 p{padding:10px 0 25px; font-size:14px; text-align:center; color:#888; font-weight:300; line-height:1.5em;}

.system .content{padding-top:0;}
.system .sec1{padding-bottom:60px;}
.system h4.tit{font-size:17px; padding-bottom:10px; background:url(/resources/images/idc_service/colocation_tb_border.gif) center bottom no-repeat; background-size:100% 2px;}
.system .table_1{margin-bottom:50px; font-size:14px;}
.system .table_1.last{margin-bottom:0;}
.system .table_1 th{height:50px; background:#e8f0f3; border-bottom:1px solid #e6e6e6; font-weight:400; border-left:1px solid #e6e6e6;}
.system .table_1 td{padding:14px 0; text-align:center; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#888; line-height:1.5em;}
.system .table_1 td:first-child, .system .table_1 th:first-child{border-left:0;}
.system .table_1 .bg td, .system .table_1 .bg th{background:#f9f9f9;}
.system .sec .sec_tit_area p{text-align:center;}

/* about */
.about .visual_area{margin-bottom:30px; background-image:url(/resources/images/about/about_visual.jpg);}

.intro .sec_tit_area p{padding-top:12px; font-weight:300; color:#888; line-height:1.5em; font-size:14px; text-align:center;}
.intro .sec1{padding-bottom:60px;}
.intro .sec1 ul{margin-top:25px; overflow:hidden;}
.intro .sec1 ul li{float:left; width:48%; margin-left:4%;}
.intro .sec1 ul li dl{text-align:center;}
.intro .sec1 ul li dt{padding:25px 0 13px; font-size:16px; color:#2484c6; line-height:1.25em; letter-spacing:-1px;}
.intro .sec1 ul li dd{min-height:105px; padding-bottom:30px; font-size:14px; color:#888; line-height:1.4em; letter-spacing:-1px; font-weight:300;}
.intro .sec1 ul li:first-child, .intro .sec1 ul li:nth-child(3), .intro .sec1 ul li:nth-child(5){margin-left:0;}
.intro .sec1 ul li:nth-child(5) dd, .intro .sec1 ul li:nth-child(6) dd{min-height:auto; padding-bottom:0;}
.intro .sec2{padding:55px 0 50px; background:url(/resources/images/about/intro_sec2_bg.jpg) center center no-repeat; background-size:cover;}
.intro .sec2 h3{color:#fff;}
.intro .sec2 .inner{padding:0 30px;}
.intro .sec2 ul{margin-top:30px;}
.intro .sec2 ul li{position:relative; padding:30px 0; border-bottom:1px solid #5f8e9b; overflow:hidden;}
.intro .sec2 ul li a{display:block;}
.intro .sec2 ul li:first-child{padding-top:0;}
.intro .sec2 ul li:last-child{border-bottom:0;}
.intro .sec2 ul li span{position:absolute; left:0; bottom:30px; display:block; width:18px; height:18px; background:url(/resources/images/about/intro_sec2_ico.png) center bottom no-repeat; background-size:18px auto;}
.intro .sec2 ul li h5{float:left; width:35%; font-size:17px; color:#7ec8e4;}
.intro .sec2 ul li p{float:right; width:65%; font-size:14px; color:#fff; font-weight:300; line-height:130%;}
.intro .sec3{padding:55px 15px 50px; background:#efefef;}
.intro .sec3 h4{padding:0 0 22px;}
.intro .sec4{padding:60px 15px;}
.intro .sec4 p{padding-bottom:25px; background:url(/resources/images/idc_service/colocation_tb_border.gif) center bottom no-repeat; background-size:100% 2px;}
.intro .sec4 .table_1{font-size:14px;}
.intro .sec4 .table_1 th{padding:16px 0 16px 10px; background:#e8f0f3; border-bottom:1px solid #e6e6e6; font-weight:400; border-left:1px solid #e6e6e6; text-align:left; line-height:1.5em;}
.intro .sec4 .table_1 td{padding:14px 0 14px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#888; line-height:1.5em;}
.intro .sec4 .table_1 td:first-child, .system .table_1 th:first-child{border-left:0;}
.intro .sec5{position:relative; padding-bottom:40px; margin-bottom:60px; border-bottom:1px solid #c9c9c9;}
.intro .sec5 .map_tab_list{margin:25px 0 30px; text-align:center; overflow:hidden;}
.intro .sec5 .map_tab_list a{width:113px; line-height:35px; color:#888; border:1px solid #eaeaea; color:#888; font-size:14px;}
.intro .sec5 .map_tab_list li{display:inline-block;}
.intro .sec5 .map_tab_list li.on a{background-color:#2484c6; color:#fff;}
.intro .sec5 .map_tab_list li:first-child{margin-right:5px;}
.intro .sec5 .map_tab_pannel{position:absolute; top:-9999px; left:-9999px;}
.intro .sec5 .map_tab_pannel.on{display:block; position:relative; top:0; left:0;}
.intro .sec5 .map_tab_pannel .map{width:100%; height:160px;}
.intro .sec5 .map_tab_pannel dl{text-align:center;}
.intro .sec5 .map_tab_pannel dl dt{padding:30px 0 15px; font-size:17px; color:#2484c6;}
.intro .sec5 .map_tab_pannel dl dd{font-size:14px; color:#888; font-weight:300; line-height:1.25em;}

.service_finder .step_area .step{display:none;}
.service_finder .step_area .step.on{display:block;}
.service_finder .tit_txt{padding-bottom:30px; font-size:24px; line-height:120%; text-align:center;}
.service_finder .tit_txt span{font-size:13px; color:#888;}
.service_finder .step_area .btn_select_area{overflow:hidden;}
.service_finder .step_area .btn_select_area li{background:#fff; border:1px solid #e8e8e8;}
.service_finder .step_area .btn_select_area li a{display:block; width:100%; height:100%;}
.service_finder .step_area .btn_select_area2{overflow:hidden;}
.service_finder .step_area .btn_select_area2 li{background:#fff; border:1px solid #e8e8e8;}
.service_finder .step_area .btn_select_area2 li a{display:block; width:100%; height:100%;}
.service_finder .sec1 .step_01 li{float:left; width:32%; min-height:110px; margin-left:2%; box-sizing:border-box;}
.service_finder .sec1 .step_01 li.on{background:url(/resources/images/about/servicefinder_sec1_step1_on.png) center center no-repeat; background-size:100% 100%;}
.service_finder .sec1 .step_01 li a{min-height:108px; box-sizing:border-box;}
.service_finder .sec1 .step_01 li:first-child, .service_finder .sec1 .step_01 li:nth-child(4){margin-left:0;}
.service_finder .sec1 .step_01 li:first-child, .service_finder .sec1 .step_01 li:nth-child(2), .service_finder .sec1 .step_01 li:nth-child(3){margin-bottom:8px;}
.service_finder .sec1 .step_area .btn_select_area li.on .btn_ico span{display:block; color:#2484c6;}
.service_finder .sec1 .step_area .step_01 .btn_ico span{display:block; padding-top:78px; text-align:center; font-size:14px; color:#333;}
.service_finder .sec1 .step_01 li.list1 a{background:url(/resources/images/about/servicefinder_sec1_step1_ico_01.png) center 25px no-repeat; background-size:45px 40px;}
.service_finder .sec1 .step_01 li.list2 a{background:url(/resources/images/about/servicefinder_sec1_step1_ico_02.png) center 25px no-repeat; background-size:25px 43px;}
.service_finder .sec1 .step_01 li.list3 a{background:url(/resources/images/about/servicefinder_sec1_step1_ico_03.png) center 25px no-repeat; background-size:44px 36px;}
.service_finder .sec1 .step_01 li.list4 a{background:url(/resources/images/about/servicefinder_sec1_step1_ico_04.png) center 25px no-repeat; background-size:45px 36px;}
.service_finder .sec1 .step_01 li.list5 a{background:url(/resources/images/about/servicefinder_sec1_step1_ico_05.png) center 25px no-repeat; background-size:49px 38px;}
.service_finder .sec1 .step_01 li.list6 a{background:url(/resources/images/about/servicefinder_sec1_step1_ico_06.png) center 25px no-repeat; background-size:42px 37px;}
.service_finder .sec1 .step_02 li{margin-top:5px;}
.service_finder .sec1 .step_02 li:first-child{margin-top:0;}
.service_finder .sec1 .step_02 li.on{background:url(/resources/images/about/servicefinder_sec1_step2_on.png) center center no-repeat; background-size:100% 100%;}
.service_finder .sec1 .step_02 li a{min-height:73px; padding:25px 0; box-sizing:border-box;}
.service_finder .sec1 .step_02 li span{display:inline-block; padding-left:85px; font-size:17px; color:#333; line-height:1.4em;}
.service_finder .sec1 .step_02 li.list1 a{background:url(/resources/images/about/servicefinder_sec1_step2_ico_01.png) 29px 19px no-repeat; background-size:31px 34px;}
.service_finder .sec1 .step_02 li.list2 a{background:url(/resources/images/about/servicefinder_sec1_step2_ico_02.png) 29px 19px no-repeat; background-size:39px 32px;}
.service_finder .sec1 .step_02 li.list3 a{background:url(/resources/images/about/servicefinder_sec1_step2_ico_03.png) 29px 19px no-repeat; background-size:39px 32px;}
.service_finder .sec1 .step_02_1 li{float:left; width:32%; min-height:110px; margin-left:2%; box-sizing:border-box; text-align:center;}
.service_finder .sec1 .step_02_1 li a{min-height:108px; box-sizing:border-box;}
.service_finder .sec1 .step_02_1 li:first-child, .service_finder .sec1 .step_02_1 li:nth-child(2), .service_finder .sec1 .step_02_1 li:nth-child(3){margin-bottom:8px;}
.service_finder .sec1 .step_02_1 li:first-child{margin-left:0;}
.service_finder .sec1 .step_02_1 li:nth-child(4){margin-left:17%;}
.service_finder .sec1 .step_02_1 li span{display:block; padding-top:36px; color:#333; line-height:120%;}
.service_finder .sec1 .step_02_1 li.on{background:url(/resources/images/about/servicefinder_sec1_step1_on.png) center center no-repeat; background-size:100% 100%;}
.service_finder .sec1 .step_02_1 li.on span{display:block; color:#2484c6;}
.service_finder .sec1 .step_03 li{margin-top:5px;}
.service_finder .sec1 .step_03 li:first-child{margin-top:0;}
.service_finder .sec1 .step_03 li.on{background:url(/resources/images/about/servicefinder_sec1_step2_on.png) center center no-repeat; background-size:100% 100%;}
.service_finder .sec1 .step_03 li a{min-height:73px; padding:28px 0; box-sizing:border-box;}
.service_finder .sec1 .step_03 li span{padding-left:85px; font-size:17px; color:#333;}
.service_finder .sec1 .step_03 li.list1 a{background:url(/resources/images/about/servicefinder_sec1_step3_ico_01.png) 29px 19px no-repeat; background-size:29px 34px;}
.service_finder .sec1 .step_03 li.list2 a{background:url(/resources/images/about/servicefinder_sec1_step3_ico_02.png) 29px 19px no-repeat; background-size:32px 36px;}
.service_finder .sec1 .step_03 li.list3 a{background:url(/resources/images/about/servicefinder_sec1_step3_ico_03.png) 29px 19px no-repeat; background-size:33px 38px;}
.service_finder .sec1 .step_03_1 li{float:left; width:49%; min-height:110px; margin-left:2%; box-sizing:border-box; text-align:center;}
.service_finder .sec1 .step_03_1 li a{min-height:108px; box-sizing:border-box;}
.service_finder .sec1 .step_03_1 li:first-child, .service_finder .sec1 .step_03_1 li:nth-child(2){margin-bottom:8px;}
.service_finder .sec1 .step_03_1 li:first-child, .service_finder .sec1 .step_03_1 li:nth-child(3){margin-left:0;}
.service_finder .sec1 .step_03_1 li span{display:block; padding-top:47px; color:#333;}
.service_finder .sec1 .step_03_1 li.on{background:url(/resources/images/about/servicefinder_sec1_step3_1_on.png) center center no-repeat; background-size:100% 100%;}
.service_finder .sec1 .step_03_1 li.on span{display:block; color:#2484c6;}
.service_finder .sec2{display:none;}
.service_finder .sec2.view{display:block;}
.service_finder .sec2 .txt1{font-size:14px;}
.service_finder .sec2 .txt2{padding-top:10px; font-size:20px; line-height:130%;}
.service_finder .sec2 ul{margin-top:25px;}
.service_finder .sec2 ul li{position:relative; padding:30px 25px; margin-bottom:10px; overflow:hidden; background:#efefef; box-sizing:border-box;}
.service_finder .sec2 ul li:last-child{margin-bottom:0;}
.service_finder .sec2 ul li a{display:block;}
.service_finder .sec2 ul li span{position:absolute; left:25px; bottom:30px; display:block; width:18px; height:18px; background:url(/resources/images/about/servicefinder_sec2_ico.gif) center bottom no-repeat; background-size:18px auto;}
.service_finder .sec2 ul li h5{float:left; width:35%; font-size:17px; color:#2484c6;}
.service_finder .sec2 ul li p{float:right; width:65%; font-size:14px; color:#333; font-weight:300; line-height:130%;}
.service_finder .sec3{display:none; padding:55px 0 0; background:#e9f0f3;}
.service_finder .sec3.view{display:block;}
.service_finder .sec3 .top{padding-bottom:15px;overflow:hidden;}
.service_finder .sec3 .top dl{float:left; width:49.5%; min-height:63px; padding:20px 0 17px; background:#fff; text-align:center;}
.service_finder .sec3 .top dl:first-child{margin-right:1%;}
.service_finder .sec3 .top dl dt{padding-bottom:12px; font-size:17px; color:#2484c6;}
.service_finder .sec3 .top dl dd{font-size:14px; color:#888; line-height:130%;}
.service_finder .sec3 h4.section_tit + p{padding:12px 0 20px; font-size:14px; color:#888; text-align:center; line-height:130%;}
.service_finder .sec3 .input_area ul li{margin-bottom:7px;}
.service_finder .sec3 .input_area ul li:last-child{margin-bottom:0;}
.service_finder .sec3 .input_area .bottom_area{position:relative; padding-bottom:70px; overflow:hidden;}
.service_finder .sec3 .input_area .bottom_area > div{float:left; padding-top:34px;}
.service_finder .sec3 .input_area .bottom_area .commonBtn{float:right; width:37%; margin:20px 8px 0 0;}
.service_finder .sec3 .input_area .bottom_area input[type=checkbox]{width:1px; height:1px; position:absolute; left:0; top:0; overflow:hidden; border:none; clip:rect(0 0 0 0);}
.service_finder .sec3 .input_area .bottom_area input[type="checkbox"] + label{display:inline-block; padding-left:26px; line-height:18px; background:url(/resources/images/about/servicefinder_check_off.png) 0 0 no-repeat; background-size:18px auto; font-size:12px; color:#888;}
.service_finder .sec3 .input_area .bottom_area input[type="checkbox"]:checked + label {background:url(/resources/images/about/servicefinder_check_on.png) 0 0 no-repeat; background-size:20px auto;}
.service_finder .sec3 .input_area .bottom_area .btn_agree_content_view{display:inline-block; padding-left:15px; font-size:12px; color:#24b6ae;}

.usercase .sec1 ul li{margin-top:15px; border:1px solid #e8e8e8; border-bottom:0;}
.usercase .sec1 ul li:first-child{margin-top:0;}
.usercase .sec1 ul li p{padding:0 0 30px 30px; color:#888; font-weight:300; line-height:1.4em;}
.usercase .sec1 ul li .line{height:2px; background:url(/resources/images/idc_service/colocation_tb_border.gif) center center no-repeat; background-size:100% 2px;}

.usercase_view .sec1{padding-bottom:20px; text-align:center; border-bottom:1px solid #e2e2e2;}
.usercase_view .sec1 .img_area{width:29%; margin:0 auto; padding-bottom:15px;}
.usercase_view .sec1 a{color:#888; font-size:14px; font-weight:300;}
.usercase_view .sec2{padding-top:30px; text-align:center;}
.usercase_view .sec2 p{font-weight:300; color:#888; line-height:1.5em;}
.usercase_view .sec2 .txt_cont{margin-top:25px; background:url(/resources/images/about/usercase_view1_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view .sec2 .txt_cont ul{padding:18px 0;}
.usercase_view .sec2 .txt_cont li{padding:14px 0 11px; color:#fff; font-weight:300;}
.usercase_view .sec3{padding:40px 15px 45px;}
.usercase_view .sec3 ul li{margin-top:30px; overflow:hidden;}
.usercase_view .sec3 ul li:first-child{margin-top:0;}
.usercase_view .sec3 ul li .left{float:left; position:relative; width:17.4%; text-align:center;}
.usercase_view .sec3 ul li .left h3{padding-top:48px; font-size:17px; line-height:1.25em;}
.usercase_view .sec3 ul li .left span{display:block; position:absolute; top:0; right:-5px; width:33px; height:32px; background:url(/resources/images/about/usercase_view_sec3_bg.png) 0 0 no-repeat; background-size:100% auto;}
.usercase_view .sec3 ul li .right{float:left; width:82.6%; padding:25px; box-sizing:border-box; border:1px solid #e2e2e2;}
.usercase_view .sec3 ul li .right p{font-size:14px; color:#888; font-weight:300; line-height:1.5em;}
.usercase_view .sec4{padding:0 15px 25px; background:#e9f1f6;}
.usercase_view .sec4 h4{padding:55px 0 23px; font-size:20px; text-align:center;}
.usercase_view .sec4 ul li{border:1px solid #e8e8e8; border-bottom:0; background:#fff;}
.usercase_view .sec4 ul li p{padding:0 0 30px 30px; color:#888; font-weight:300; line-height:1.25em;}
.usercase_view .sec4 ul li .line{height:2px; background:url(/resources/images/idc_service/colocation_tb_border.gif) center center no-repeat; background-size:100% 2px;}
.usercase_view .sec4 .swiper-pagination{position:relative; bottom:0; padding-top:10px;}
.usercase_view .sec4 .swiper-pagination-bullet{width:9px; height:9px;}
.usercase_view .sec5 .btn_area{padding-top:35px; overflow:hidden;}
.usercase_view2 .sec1 .img_area{width:50%;}
.usercase_view2 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view2_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view3 .sec1 .img_area{width:58%;}
.usercase_view3 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view3_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view4 .sec1 .img_area{width:62%;}
.usercase_view4 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view4_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view5 .sec1 .img_area{width:62%;}
.usercase_view5 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view5_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view6 .sec1 .img_area{width:40%;}
.usercase_view6 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view6_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view7 .sec1 .img_area{width:45%;}
.usercase_view7 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view7_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.usercase_view8 .sec1 .img_area{width:59%;}
.usercase_view8 .sec2 .txt_cont{background:url(/resources/images/about/usercase_view8_bg.jpg) 0 0 no-repeat; background-size:100% 100%;}