@charset "utf-8";
/* CSS Document */
img{ border: none;}
body{font-family: "MS PGothic","Osaka",Arial,sans-serif;
    font-size: 75%;
    line-height: 1.22;
    
    word-break: break-all;
    word-wrap: break-word;}

li {
    list-style: none outside none;
}
h1,h2,h3,h4{ padding:0px; margin:0px; }
h3{color:#3399ff;}
.tB {border:1px solid red;}
.cB {clear:both;}
.fL {float:left;}
.txtR {text-align:right;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.mT15 {margin-top:15px;}
.cP {cursor:pointer;}
.PdL10 {padding-left:10px;}

.PdR10 {padding-right:10px;}
.PdL40 {padding-left:40px;}
.PdR40 {padding-right:40px;}
.red{ color:#F30;}
.yellow{color:#F60;}

.fontsize11px {font-size:11px;}
.fontsize12px {font-size:12px;}
.fontsize14px {font-size:14px;}
.fontsize16px {font-size:16px;}

#bottom{text-align:left; background:url(../images/jp/bottom/bg.jpg) ; width:930px; height:126px; margin:0px; padding: 0px 0px 0px 15px;position:relative;}
#bottom ul.menu{ margin:0px ;padding:0px; float:left;}
#bottom ul.menu li{  float:left; margin:12px 10px 0px ;padding:0px; display:inline-block;}
#bottom .copy_con{ padding:35px 15px; font-size:11px;}
#bottom .copy_con p{margin:0px; padding:0px;}
#bottom .img{ background:url(../images/jp/bottom/icon.jpg) no-repeat; width:160px; height:42px; position:absolute; top:0px; right:15px; display:block;}

#bottom h2{ text-indent:-99999px; background:url(../images/jp/bottom/logo.jpg) no-repeat; width:130px; height:33px;float:left; margin:0px 15px 0 0;}
#bottom p{ clear:both; margin:0px; padding:0px; color:#666;}




#side{ white:159px; }
#content{ float:left;  margin-left:5px;text-align:center; width:757px; overflow:hidden;}
#con_tap{ text-align:center;}
#side,#con_tap li{ float:left; list-style-type:none;}
#con_tap li{ margin-right:43px;}

.indi{  text-align:right;margin:-10px 0px 0px 0px; padding:0px; font-family:"MS PGothic","Osaka",Arial,sans-serif;}
.indi p{ border-bottom:1px solid #CCC; margin:10px; padding:5px;border-collapse: collapse;}
.indi p strong{ color:#39F;}


.indi_1_1{ display:block;text-align:left;visibility:hidden;}
.indi_1_1 span{ visibility:visible; width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_1_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_1_2 span{  visibility:visible;width:120px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_1_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_1_3 span{  visibility:visible width:120px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_1_4{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_1_4 span{  visibility:visible width:120px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_1_5{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_1_5 span{  visibility:visible width:120px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}

.indi_2_1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_2_1 span{ visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_2_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_2_2 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_2_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_2_3 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}


.indi_3_1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_3_1 span{  visibility:visible width:160px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_3_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_3_2 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_3_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_3_3 span{ visibility:visible width:155px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_3_4{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_3_4 span{ visibility:visible width:165px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}

.indi_4_1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_4_1 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_4_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_4_2 span{ visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_4_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_4_3 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}

.indi_5_1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_1 span{  visibility:visible width:150px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_5_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_2 span{  visibility:visible width:98px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_5_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_3 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_5_4{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_4 span{  visibility:visible width:120px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_5_5{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_5 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_5_6{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_6 span{ visibility:visible width:110px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}


.indi_6_1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_1 span{  visibility:visible width:98px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_2 span{ visibility:visible width:98px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_3 span{  visibility:visible width:98px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_4{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_4 span{visibility:visible width:70px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_5{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_5 span{  visibility:visible width:98px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_6{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_6 span{  visibility:visible width:98px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_7{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_7 span{  visibility:visible width:110px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_6_8{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_6_8 span{  visibility:visible width:130px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}

.indi_7_1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_7_1 span{ visibility:visible width:40px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_7_2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_7_2 span{  visibility:visible width:80px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}
.indi_7_3{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_7_3 span{  visibility:visible width:80px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}


.indi_5_1_ex1{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_1_ex1 span{ visibility:visible width:80px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}


.indi_5_1_ex2{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_1_ex2 span{  visibility:visible width:60px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}


.indi_5_5_q{ display:block; text-indent:-99999999px;visibility:hidden;text-align:left;}
.indi_5_5_q span{  visibility:visible width:80px; height:20px; border-bottom:1px solid #000; border-collapse: collapse;}

div.tech_top{ position:relative;  overflow:hidden;margin:0px 0px 0px 0px; padding:0px;}
div.tech_top h2{ text-align:left; width:680px; margin:20px auto 10px;; font-size:24px; float:none;}
div.tech_top p{text-align:left; position:absolute; top:25px; left:210px; color:#666;margin:0px; padding:0px;}


.tech{}
.tech div.tech_top{ position:relative;  overflow:hidden;margin:0px 0px 0px 0px; padding:0px;}
.tech div.tech_top h2{ text-align:left; width:680px; margin:20px auto 10px;; font-size:24px; float:none;}
.tech div.tech_top p{text-align:left; position:absolute; top:25px; left:210px; color:#666;margin:0px; padding:0px;}
.tech .tech_ul{  width:680px; margin:10px auto 20px;  padding:0px;text-align:left; clear:both; border-collapse:collapse; border-top:1px solid #CFD9E9;}
.tech .tech_ul li{margin:0px; padding:40px 0px 40px 200px; border-bottom:1px solid #CFD9E9; border-top:1px solid #CFD9E9; line-height:200%; position:relative;border-collapse:collapse;}
.tech .tech_ul .l1{border-top:1px solid #CFD9E9;}
.tech .tech_ul li .img{ width:120px; height:140px; display:block; background:#DFFBFF;position:absolute; top:30px; left:20px;}
.tech .tech_ul li .logo_icon{position:absolute; top:70px; right:20px;width:140px; height:40px; display:block; background:#ccc;}


.tech .tech_ul .sub_ul{margin:0px; padding:0px;}
.tech .tech_ul .sub_ul li{margin:0px; padding:0px; border:none;}

/*  ??비??소?? */


.service_overview{ position:relative;}
.service_overview .btn{ position:absolute; top:345px;*top:355px; right:20px;  display:block; width:122px; height:25px; background:url(../images/jp/sub/service_btn_bg.png)  no-repeat; color:#FFF; line-height:22px;}
.service_overview h1, .service_overview ul{ }
.service_overview h1{font-size:16px; font-weight:bold; color:#3399ff; background:url(../images/jp/sub/service_icon_phon.png) no-repeat;  padding:60px 0px 0px 100px; margin:0px; font-weight: bold;}
.service_overview p.text01{background:url(../images/jp/sub/service_toptext_bg.png) no-repeat; width:650px; height:51px;margin-top:5px ; margin-left:20px; padding:13px ; text-align:left; color:#fff; }
.service_overview li h3 {color:#4a8ccf; text-align:left; font-size:14px;}
.ul_overview li{ margin-left:15px;}
.service_overview .l1{ float:left;width:340px; height:414px;color:#787878;line-height:200%;}
.service_overview .l1 p{text-align:left;background:url(../images/jp/sub/service_icon_best.png) no-repeat; padding-top:135px;margin-top:20px;}
.service_overview .l2{ float:left;width:345px; height:414px;}

.ul_overview li li{ text-align:left; margin:0px;}
.ul_info_01 { font-size:12px; background:url(../images/jp/sub/service_icon_seting.png) no-repeat;padding: 30px 0 30px 140px; margin-top:20px; }
.ul_info_02 { font-size:12px;margin-top:40px;}
.ul_info_01 li{color:#4a8ccf;  font-size:12px; }
.ul_info_02{ margin:0px; padding:0px;}
.ul_info_02 li{ border-bottom:#a29e9a 1px dotted; line-height:32px; color:#787878; padding:5px 0 0 40px; font-size:12px; margin:0px;}
.ul_info_02 li.l01{ background:url(../images/jp/sub/service_icon_list.png) no-repeat; height:32px;}
.ul_info_02 li.l02{ background:url(../images/jp/sub/service_icon_list.png) 0 -30px no-repeat; height:32px;}
.ul_info_02 li.l03{ background:url(../images/jp/sub/service_icon_list.png) 0 -62px no-repeat; height:32px;}
.ul_info_02 li.l04{ background:url(../images/jp/sub/service_icon_list.png) 0 -94px no-repeat; height:32px;}
.ul_info_02 li.l05{ background:url(../images/jp/sub/service_icon_list.png) 0 -128px no-repeat; height:32px;}
.ul_info_02 li.l06{ background:url(../images/jp/sub/service_icon_list.png) 0 -160px no-repeat; height:32px;}

.sur_01_img span{display:block; visibility:visible;margin:-19px 0px 0px 0px; clear:both;width:712px; height:360px;background:url(../images/suball/suvice1_04.jpg)  no-repeat;}
.sur_01_img{ visibility:hidden;}
.surh2{ clear:both; width:710px;margin:0px; line-height:160%; padding:0px; text-align:center;color:#3399ff;}
.sur_01_text{clear:both;*margin-top:20px;*margin-top:0px;}

.btn_list{ display: block;  height:90px; width:500px;  margin:0px auto; }
.btn_list2{ display: block; height:5px; margin:0 0 0 80px; }
.btn_list li {*float:left;}
/* 
.btn_list .free_btn1{ float:left; margin-top:30px; background:url(../images/jp/sub/com_produ_btn.jpg) -130px 0px no-repeat; width:130px; height:33px; cursor:pointer;}
.btn_list .coin_btn1{ float:left; margin-top:30px;  background:url(../images/jp/sub/com_produ_btn.jpg) -260px 0px no-repeat; width:130px; height:33px; cursor:pointer;}
/*  ??비??소개끝  */



.top_btn2  {
	float:left; margin:30px 0px 0px 15px;
	width:130px; height:22px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	line-height: 22px;
	text-align: center;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	color: #fff;

}



.top_btn2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.top_btn2:active {
	position:relative;
	top:1px;
}



.top_btn {
	float:left; margin-top:30px;
	width:130px; height:18px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#286bc2;
	line-height: 18px;
	text-align: center;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	color: #2b6dc3;
}


.top_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.top_btn:active {
	position:relative;
	top:1px;
}


.bottom_btn2  {
	float:left; margin:30px 0px 0px 15px;
	width:130px; height:21px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align: center;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	color: #fff;

}

.bottom_btn2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.bottom_btn2:active {
	position:relative;
	top:1px;
}


.bottom_btn {float:left; margin:30px 0px 0px 15px;
    width:150px; height:18px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
    background-color:#ffc477;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eeb44f;
    display:inline-block;
    cursor:pointer;
   
    
    line-height: 18px;
    text-align: center;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:8px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffc477;
    color: #fff;
   
}
.bottom_btn:hover  {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
    background-color:#fb9e25;
}
.bottom_btn:active  {
    position:relative;
    top:1px;
}


/*

.bottom_btn {
	float:left; margin-top:30px;
	width:130px; height:18px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#286bc2;
	line-height: 18px;
	text-align: center;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	color: #2b6dc3;
}


.bottom_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.bottom_btn:active {
	position:relative;
	top:1px;
}
*/

/*  ??비??특?? */
.service_caricter{ text-align:center;}
.service_caricter .icon{ position:relative; display:block; font-size:11px;}
.service_caricter .icon .icon_text_01{ position:absolute; top:77px; left:15px; width:84px; text-align:center; text-indent:0px;}
.service_caricter .icon .icon_text_02{ position:absolute; top:77px; left:120px; width:84px; text-align:center; text-indent:0px;}
.service_caricter .icon .icon_text_03{ position:absolute; top:77px; left:222px; width:84px; text-align:center; text-indent:0px;}
.s_c_info_img{ margin-left:20px; width:710px; height:316px; text-indent:-9999999px; background:url(../images/jp/sub/point_info_img.jpg) no-repeat;}
.s_c_noimg{display:none;}
.s_c_t1, .s_c_t2, .s_c_t3, .s_c_t4, .s_c_t5, .s_c_t6{background:url(../images/suball/point_li_b.png) repeat-x;}

.s_c_t1{float:left; width:710px;  margin-left:22px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.s_c_t1 .s_c_icon{ float:left; width:231px; height:171px; margin-top:15px; background:url(../images/suball/point_icon_01.png) no-repeat;}
.s_c_t1 .s_c_con{ float:left; width:472px;*width:402px;}
.s_c_t1 .s_c_con h1{ width:472px; *width:402px;height:22px;margin:20px; font-size:16px; font-weight:bold; color:#3399ff;}
.s_c_t1 .s_c_con p{margin-left:20px; margin-top:-10px; text-indent:0px; text-align:left;}
.s_c_t1 .s_c_con p strong{ display:block; margin-bottom:20px; color:#1559a6;}
#s_c_more_btn1{text-indent:-9999999px; display:none; width:55px; height:16px; margin-left:20px; margin-bottom:50px; cursor:pointer;  background:url(../images/suball/point_more.png) no-repeat;}
#s_c_moreopen1{ }

#s_c_more1{ display:block;}
#s_c_more1 p{ margin-left:20px; margin-top:10px; text-indent:0px; text-align:left;}
#s_c_more1 .icon{ display:block; width:325px; height:111px; margin-left:20px; margin-bottom:50px;  text-indent:-9999999px; background:url(../images/jp/sub/point_icon_2.jpg) 0px 0px no-repeat;}
#close_btn1{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:30px; cursor:pointer;  background:url(../images/suball/point_close.png) no-repeat;}




.s_c_t2{float:left; width:710px;  margin-left:22px;   border-bottom:1px solid #CCC;}
.s_c_t2 .s_c_icon{ float:left; width:231px; height:171px; margin-top:15px; background:url(../images/suball/point_icon_02.png) no-repeat;}
.s_c_t2 .s_c_con{ float:left; width:472px; *width:402px;}
.s_c_t2 .s_c_con h1{ font-size:16px; font-weight:bold; width:464px;  *width:402px;height:22px;margin-left:20px;color:#3399ff;}
.s_c_t2 .s_c_con p{margin-left:20px; margin-top:-10px; text-indent:0px; text-align:left;}
.s_c_t2 .s_c_con p strong{ display:block; margin-bottom:20px;}
#s_c_more_btn2{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:50px; cursor:pointer;  background:url(../images/suball/point_more.png) no-repeat;}
#s_c_moreopen2{ }

#s_c_more2{ display:none;}
#s_c_more2 p{ margin-left:20px; margin-top:10px; text-indent:0px; text-align:left;}
#s_c_more2 .icon{ display:block; width:325px; height:111px; margin-left:20px; margin-bottom:50px;  text-indent:-9999999px; background:url(../images/jp/sub/point_icon_2.jpg) 0px -111px no-repeat;}
#close_btn2{ text-indent:-9999999px;display:block; width:55px; height:16px; margin-left:20px; margin-bottom:30px; cursor:pointer;  background:url(../images/suball/point_close.png) no-repeat;}


.s_c_t3{float:left; width:710px;  margin-left:22px;  border-bottom:1px solid #CCC;}
.s_c_t3 .s_c_icon{ float:left; width:231px; height:171px; margin-top:15px; background:url(../images/suball/point_icon_03.png) no-repeat;}
.s_c_t3 .s_c_con{ float:left; width:472px; *width:402px;}
.s_c_t3 .s_c_con h1{ font-size:16px; font-weight:bold; width:464px; *width:402px; height:22px;margin-left:20px; color:#3399ff;}
.s_c_t3 .s_c_con p{margin-left:20px; margin-top:-10px; text-indent:0px; text-align:left;}
.s_c_t3 .s_c_con p strong{ display:block; margin-bottom:20px;}
#s_c_more_btn3{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:50px; cursor:pointer;  background:url(../images/suball/point_more.png) no-repeat;}
#s_c_moreopen3{ }

#s_c_more3{ display:none;}
#s_c_more3 p{ margin-left:20px; margin-top:10px; text-indent:0px; text-align:left;}
#s_c_more3 .icon{ display:block; width:325px; height:111px; margin-left:20px; margin-bottom:50px;  text-indent:-9999999px; background:url(../images/jp/sub/point_icon_2.jpg) 0px -222px no-repeat;}
#close_btn3{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:30px; cursor:pointer;  background:url(../images/suball/point_close.png) no-repeat;}

.s_c_t4{float:left; width:710px;  margin-left:22px;  border-bottom:1px solid #CCC;}
.s_c_t4 .s_c_icon{ float:left; width:231px; height:171px; margin-top:15px; background:url(../images/suball/point_icon_04.png) no-repeat;}
.s_c_t4 .s_c_con{ float:left; width:472px; *width:402px;}
.s_c_t4 .s_c_con h1{ font-size:16px; font-weight:bold; width:464px; *width:402px;margin-left:20px; color:#3399ff;}
.s_c_t4 .s_c_con p{margin-left:20px; margin-top:-10px; text-indent:0px; text-align:left;}
.s_c_t4 .s_c_con p strong{ display:block; margin-bottom:20px;}
#s_c_more_btn4{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:50px; cursor:pointer;  background:url(../images/suball/point_more.png) no-repeat;}
#s_c_moreopen4{ }

#s_c_more4{ display:none;}
#s_c_more4 p{ margin-left:20px; margin-top:10px; text-indent:0px; text-align:left;}
#s_c_more4 .icon{ display:block; width:325px; height:111px; margin-left:20px; margin-bottom:50px;  text-indent:-9999999px; background:url(../images/jp/sub/point_icon_2.jpg) 0px -333px no-repeat;}
#close_btn4{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:30px; cursor:pointer;  background:url(../images/suball/point_close.png) no-repeat;}



.s_c_t5{float:left; width:710px;  margin-left:22px;  border-bottom:1px solid #CCC;}
.s_c_t5 .s_c_icon{ float:left; width:231px; height:171px; margin-top:15px; background:url(../images/suball/point_icon_05.png) no-repeat;}
.s_c_t5 .s_c_con{ float:left; width:472px; *width:402px;}
.s_c_t5 .s_c_con h1{ font-size:16px; font-weight:bold; width:464px;  *width:402px;height:22px;margin-left:20px; color:#3399ff; }
.s_c_t5 .s_c_con p{margin-left:20px; margin-top:-10px; text-indent:0px; text-align:left;}
.s_c_t5 .s_c_con p strong{ display:block; margin-bottom:20px;}
#s_c_more_btn5{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:50px; cursor:pointer;  background:url(../images/suball/point_more.png) no-repeat;}
#s_c_moreopen5{ }

#s_c_more5{ display:none;}
#s_c_more5 p{ margin-left:20px; margin-top:10px; text-indent:0px; text-align:left;}
#s_c_more5 .icon{ display:block; width:325px; height:111px; margin-left:20px; margin-bottom:50px;  text-indent:-9999999px; background:url(../images/jp/sub/point_icon_2.jpg) 0px -444px no-repeat;}
#close_btn5{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:30px; cursor:pointer;  background:url(../images/suball/point_close.png) no-repeat;}



.s_c_t6{float:left; width:710px;  margin-left:22px;  border-bottom:1px solid #CCC;}
.s_c_t6 .s_c_icon{ float:left; width:231px; height:171px; margin-top:15px; background:url(../images/suball/point_icon_06.png) no-repeat;}
.s_c_t6 .s_c_con{ float:left; width:472px; *width:402px;}
.s_c_t6 .s_c_con h1{  font-size:16px; font-weight:bold;width:464px; *width:402px; height:22px;margin-left:20px; color:#3399ff; }
.s_c_t6 .s_c_con p{margin-left:20px; margin-top:-10px; text-indent:0px; text-align:left;}
.s_c_t6 .s_c_con p strong{ display:block; margin-bottom:20px;}
#s_c_more_btn6{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:50px; cursor:pointer;  background:url(../images/suball/point_more.png) no-repeat;}
#s_c_moreopen6{ }

#s_c_more6{ display:none;}
#s_c_more6 p{ margin-left:20px; margin-top:10px; text-indent:0px; text-align:left;}
#s_c_more6 .icon{ display:block; width:325px; height:111px; margin-left:20px; margin-bottom:50px;  text-indent:-9999999px; background:url(../images/jp/sub/point_icon_2.jpg) 0px -555px no-repeat;}
#close_btn6{text-indent:-9999999px; display:block; width:55px; height:16px; margin-left:20px; margin-bottom:30px; cursor:pointer;  background:url(../images/suball/point_close.png) no-repeat;}


table.down_t{ width:650px; margin:20px auto; text-align:left; border-collapse:collapse;}
table.down_t th{ width:108px; text-align:center;border-collapse:collapse;}
table.down_t td{border-collapse:collapse;border:1px solid #ccc;}
table.down_t .t_icon{ width:119px; border-right:none;}
table.down_t .down_list{ border-left:none; line-height:55px;color:#666;}


tr.down_tr1{}
tr.down_tr1 th{ background:url(../images/jp/sub/down_th01.png) no-repeat; height:113px; color:#FFF;}
tr.down_tr1 .t_icon{ background:url(../images/jp/sub/down_icon01.png);}
tr.down_tr1 .down_list{ position:relative;}

tr.down_tr2{}
tr.down_tr2 th{ background:url(../images/jp/sub/down_th02.png); height:151px; color:#FFF;}
tr.down_tr2 .t_icon{ background:url(../images/jp/sub/down_icon02.png)}
table.down_t tr.down_tr2 .down_list{ position:relative;line-height:50px;}

tr.down_tr3{}
tr.down_tr3 th{ background:url(../images/jp/sub/down_th03.png);height:74px; color:#FFF;}
tr.down_tr3 .t_icon{ background:url(../images/jp/sub/down_icon03.png);}
tr.down_tr3 .down_list{ position:relative;}

tr.down_tr4{}
tr.down_tr4 th{ background:url(../images/jp/sub/down_th04.png); height:113px; color:#FFF;}
tr.down_tr4 .t_icon{ background:url(../images/jp/sub/down_icon04.png);}
tr.down_tr4 .down_list{ position:relative;}

.down_t span{position:absolute; display:block; width:100px; height:30px; background:url(../images/jp/sub/down_btn.jpg) no-repeat;top:10px; right:10px; cursor:pointer;}

.down_t span.btn6{top:23px; right:10px;}

.down_t .btn1 input,
.down_t .btn2 input,
.down_t .btn3 input,
.down_t .btn4 input,
.down_t .btn5 input,
.down_t .btn6 input,
.down_t .btn7 input,
.down_t .btn8 input,
.down_t .btn9 input,
.down_t .btn10 input{width:100px; height:30px; visibility:hidden;}
.down_t .btn10 {margin-top:35px;}




.company_over{ padding:20px;}
.greetings{ text-align:left; line-height:180%; font-size:12px; color:#333;}
.greetings span{ font-size:14px; color:#000;}

.btx{ text-align:right; font-weight:bold; color:#05203e; margin:0 0 30px 0}

.t_type{ line-height:220%; border-collapse:collapse;}
.t_type td{ text-align:left; padding:5px;border-collapse:collapse; border-bottom:1px dotted #B1CFEB; border-top:1px dotted #B1CFEB; }
.t_type  .tbL{ font-weight:bold; border-right:1px dotted #B1CFEB;background:#ECFAFF;}
.t_type  .tbR{ color:#666;}



#t_import2 .id_ch{ border:none;}

#t_import2{ border:1px solid #d6deee ;width:664px; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:32px; }
#t_import2 caption, #t_import2 tfoot,  #t_import2 thead{ display:none;}
#t_import2 th{width:25%;padding-left:5px; background-color:#edf0f7;color:#2b4068;  border:1px solid #d6deee ;text-align:left;line-height:32px; }
#t_import2 td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #d6deee ;text-align:left;  color:#5679ba; font-size:11px; line-height:32px; color:#999;}
#t_import2 img{ vertical-align:middle;}
#t_import2 input{ vertical-align:middle; border:1px solid #d6deee ;background-color:#f6f8fb;}
#t_import2 th .first{ border-top:2px solid #457dd0;}
#t_import2 td .first{border-top:2px solid #ccc;}

.mail_btn{ margin-left:270px;}
.mail_btn li{ float:left;}
.mail_btn .mail_q_btn{ background:url(../images/jp/sub/free_02_btn_save.png) no-repeat; width:98px; height:33px; cursor:pointer;}
.mail_btn .mail_r_btn{ background:url(../images/jp/sub/free_02_btn_cleaer.png) no-repeat; width:93px; height:33px;cursor:pointer;}
.mail_btn .mail_q_btn input{ width:98px; height:33px; visibility:hidden;}
.mail_btn .mail_r_btn input{ width:98px; height:33px; visibility:hidden;}

.service_function{}


 .service_function .tap_line{ position:absolute; top:303px; *top:273px;right:52px;_right:47px; width:150px; border-bottom:1px solid #000;}
.s_f_tap{float:left; text-indent:0px;margin-left:0px;*padding-left:40px; width:700px; border-collapse:collapse;}

.s_f_tap li{ float:left; margin-left:0px; cursor:pointer; text-indent:0px;line-height:32px;height:32px; cursor:pointer; border-collapse:collapse; padding:0 20px ;}
.s_f_tap_l1{background:#f0f0f0; border-top:1px solid #d1d1d1 ; border-bottom:#000 1px solid; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.s_f_tap_l2{ position:relative;background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.s_f_tap_l3{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.s_f_tap_l4{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.s_f_tap_l1_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.s_f_tap_l2_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;position:relative;}
.s_f_tap_l3_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.s_f_tap_l4_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}


.faq_tap1{float:left; text-indent:0px;margin-left:0px;*padding-left:40px; width:700px; border-collapse:collapse; margin-top:30px;}

.faq_tap1 li{ float:left; margin-left:0px; cursor:pointer; text-indent:0px;line-height:32px;height:32px; cursor:pointer; border-collapse:collapse; padding:0 20px ;}
.faq_tap1 li p{ padding:0px; margin:0px;}
.faq_tap1 .l1{background:#f0f0f0; border-top:1px solid #d1d1d1 ; border-bottom:#000 1px solid; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.faq_tap1 .l2{ position:relative;background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.faq_tap1 .l3{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.faq_tap1 .l4{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.faq_tap1 .l5{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.faq_tap1 .l1_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.faq_tap1 .l2_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;position:relative;}
.faq_tap1 .l3_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.faq_tap1 .l4_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.faq_tap1 .l5_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}

/*
.faq_tap1 li{ float:left; margin-left:0px; cursor:pointer;}
.faq_tap1 .l1{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -210px no-repeat; cursor:pointer;}
.faq_tap1 .l2{width:130px; height:32px; background:url(../images/suball/tap_img.png) -130px -210px no-repeat; cursor:pointer;}
.faq_tap1 .l3{width:130px; height:32px; background:url(../images/suball/tap_img.png) -260px -210px no-repeat; cursor:pointer;}
.faq_tap1 .l4{width:129px; height:32px; background:url(../images/suball/tap_img.png) -390px -210px no-repeat; cursor:pointer;}
.faq_tap1 .l5{width:130px; height:32px; background:url(../images/suball/tap_img.png) -520px -210px no-repeat; cursor:pointer;}
.faq_tap1 .l1_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -181px no-repeat; cursor:pointer;}
.faq_tap1 .l2_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -129px -181px no-repeat; cursor:pointer;}
.faq_tap1 .l3_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -258px -181px no-repeat; cursor:pointer;}
.faq_tap1 .l4_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -387px -181px no-repeat; cursor:pointer;}
.faq_tap1 .l5_sel{width:131px; height:32px; background:url(../images/suball/tap_img.png) -516px -181px no-repeat; cursor:pointer;}
.faq_tap1 p {display:none;}
*/

.pri_pri{ position:relative;}
.pri_pri .tap_line{ position:absolute; top:27px; *top:28px; right:48px; width:280px; border-bottom:1px solid #000;}
.pri1_tap li{ float:left; text-indent:-999999px;}
.pri1_tap_l1{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -149px no-repeat; cursor:pointer;}
.pri1_tap_l2{width:130px; height:32px; background:url(../images/suball/tap_img.png) -130px -149px no-repeat; cursor:pointer;}
.pri1_tap_l3{width:130px; height:32px; background:url(../images/suball/tap_img.png) -260px -149px no-repeat; cursor:pointer;}
.pri1_tap_l1_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -120px no-repeat; cursor:pointer;}
.pri1_tap_l2_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -129px -120px no-repeat; cursor:pointer;}
.pri1_tap_l3_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -258px -120px no-repeat; cursor:pointer;}


.how2_tap{float:left; text-indent:0px;margin-left:0px;*padding-left:40px; width:700px; border-collapse:collapse;}

.how2_tap li{ float:left; margin-left:0px; cursor:pointer; text-indent:0px;line-height:32px;height:32px; cursor:pointer; border-collapse:collapse; padding:0 20px ;}
.how2_tap .l1{background:#f0f0f0; border-top:1px solid #d1d1d1 ; border-bottom:#000 1px solid; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.how2_tap .l2{ position:relative;background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.how2_tap .l3{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.how2_tap .l4{ background:#f0f0f0;border-top:1px solid #d1d1d1;border-bottom:#000 1px solid;border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;border-collapse:collapse;}
.how2_tap .l1_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.how2_tap .l2_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;position:relative;}
.how2_tap .l3_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}
.how2_tap .l4_sel{background:#FFF; border-top:1px solid #000; border-left:1px solid #000;border-right:1px solid #000;}


#tap2,
#tap3,
#tap4,
#tap5{ display:none;}



.service_costomer{ }
.service_costomer  .tap_line{ position:absolute; top:27px;*top:9px; right:-430px; width:430px; border-bottom:1px solid #000;}
.s_f_tap{float:left; text-indent:0px;margin-left:0px; width:700px; text-indent:-9999999px;}

.s_c_tap_l1{ float:left; margin-left:0px;}
.s_c_tap_l1{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -88px no-repeat; cursor:pointer;}
.s_c_tap_l2{width:130px; height:32px; background:url(../images/suball/tap_img.png) -130px -88px no-repeat; cursor:pointer;position:relative;}
.s_c_tap_l3{width:130px; height:32px; background:url(../images/suball/tap_img.png) -260px -88px no-repeat; cursor:pointer;}
.s_c_tap_l4{width:130px; height:32px; background:url(../images/suball/tap_img.png) -390px -88px no-repeat; cursor:pointer;}
.s_c_tap_l1_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -58px no-repeat; cursor:pointer;}
.s_c_tap_l2_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -129px -58px no-repeat; cursor:pointer;position:relative;}
.s_c_tap_l3_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -258px -58px no-repeat; cursor:pointer;}
.s_c_tap_l4_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) -387px -58px no-repeat; cursor:pointer;}

.service_costomer .h_01{ width:665px; height:52px; background:url(../images/suball/par_01.jpg) no-repeat;}
.service_costomer #tap1 .p_01{ clear:both; margin-left:40px; width:665px; height:113px;background:url(../images/suball/par_02.jpg) no-repeat;}
.service_costomer #tap2 .p_01{ clear:both; margin-left:40px; width:665px; height:113px;background:url(../images/suball/par_02.jpg) no-repeat;}
.service_costomer #tap3 p{ clear:both; margin-left:40px; width:665px; height:113px;background:url(../images/suball/par_02.jpg) no-repeat;}
.service_costomer #tap4 p{ clear:both; margin-left:40px; width:665px; height:113px;background:url(../images/suball/par_02.jpg) no-repeat;}

.service_costomer #tap1 .s_c_con,
.service_costomer #tap2 .s_c_con,
.service_costomer #tap3 .s_c_con,
.service_costomer #tap4 .s_c_con{  display:block; width:665px;  margin-left:20px; }

.service_costomer #tap1 .s_c_con li{ float:left; padding:10px 10px 10px 10px; }



ul.sitemap{margin:0px 0px 0px 20px; padding:0px;}

ul.sitemap li{float:left;width:213px;text-align:left; padding:0 0 0 20px;}
ul.sitemap li h3{background:url(../images/jp/sub/site_map.jpg) no-repeat; width:213px;height:53px;line-height:53px;padding:5px 0 0 20px;}
ul.sitemap li ul{margin:0px; padding:0px;}
ul.sitemap li ul li{ line-height:40px; border-bottom:1px dashed #ccc;width:180px; margin:0 auto; clear:both;}


.how1_copy_img{text-align:left; padding:0 0 0 40px; width:600px; margin:0 auto; height:100px; }
.how1_copy_img h1{ font-size:18px; width:217px; margin:15px 0px; color:#3399ff; }
.how1_copy_img p{width:300px; height:36px; margin:10px 0px 20px;}
.how1_copy_img .img{ width:50px; height:32px;  background:url(../images/suball/how_basic_h1.jpg) no-repeat;}
.how1_copy_img ul#link_t{ margin:0px; padding:0px;}
#how1_copy_icon{ position:absolute; top:10px; right:60px; width:243px; height:144px; background:url(../images/suball/how_basic_copy_icon.jpg) no-repeat;}
#how1_copy_icon2{ position:absolute; top:45px; right:30px; width:243px; height:144px; background:url(../images/suball/how_basic_copy_icon.jpg) no-repeat;}
.how1_copy_img a{font-weight:bold; color:#39F;}

.how1_copy_img2{text-align:left; padding:0 0 0 0px; width:670px; margin:0 auto; height:100px; }
.how1_copy_img2 h1{ font-size:18px; width:217px; margin:15px 0 0 50px; color:#3399ff; }
.how1_copy_img2 p{width:350px; height:50px; margin:10px 0 0px 50px;}
.how1_copy_img2 .img{ width:10px; height:32px;  background:url(../images/suball/how_basic_h1.jpg) no-repeat;}
.how1_copy_img2 ul#link_t{ margin:0px; padding:0px;}
.how1_copy_img2 span{font-size:14px; font-weight:bold; color:#666;}



#view_822_copy_icon{position:absolute; top:25px; right:30px; width:243px; height:144px; background:url(../images/jp/sub/822view_01.png) no-repeat;}
#map_copy_icon{ position:absolute; top:25px; right:30px; width:243px; height:144px; background:url(../images/jp/sub/sitemap.jpg) no-repeat;}

#eff01_copy_icon{position:absolute; top:-10px; right:60px; width:243px; height:144px; background:url(../images/jp/sub/eff01_copy_icon.png) no-repeat;}
#eff02_copy_icon{position:absolute; top:0px; right:60px; width:243px; height:174px; background:url(../images/jp/sub/eff02_copy_icon.png) no-repeat;}

.eff1_copy_img{text-align:left; padding:0 0 0 40px; width:600px; margin:0 auto; }
.eff1_copy_img h1{ font-size:16px; width:217px; margin:15px 0px;color:#3399ff;}
.eff1_copy_img p{width:320px; height:66px; margin:10px 0px 20px;}

.eff2_copy_img{text-align:left; padding:0 0 0 40px; width:600px; margin:0 auto; }
.eff2_copy_img h1{ font-size:16px; width:217px; margin:15px 0px; color:#3399ff;}
.eff2_copy_img p{width:350px; height:66px; margin:10px 0px 20px;}


.how_infor{margin-left:15px;*margin-left:50px;}
.how_infor li{ float:left;  margin-bottom:20px; padding-top:105px;  margin:30px auto 60px; }
.how_infor .l1{width:108px; height:0px;  background:url(../images/suball/how_b_top_icon01.jpg)  no-repeat;}
.how_infor .l2{width:108px; height:0px; background:url(../images/suball/how_b_top_icon02.jpg)  no-repeat;}
.how_infor .l3{width:108px; height:0px; background:url(../images/suball/how_b_top_icon03.jpg)  no-repeat;}
.how_infor .l4{width:108px; height:0px; background:url(../images/suball/how_b_top_icon04.jpg)  no-repeat;}
.how_infor .l5{width:108px; height:0px; background:url(../images/suball/how_b_top_icon05.jpg)  no-repeat;}
.how_infor .l6{width:108px; height:0px; background:url(../images/suball/how_b_top_icon06.jpg)  no-repeat;}

.how5_con { clear:both; margin-top:100px;}
.how5_con li{ position:relative; padding-top:35px; text-align:left;}
.how5_con .l1{  padding-top:37px; width:671px; height:900px; background:url(../images/jp/sub/how_b_li01.png)  no-repeat;}
.how5_con .l2{ padding-top:37px; width:671px; height:270px; background:url(../images/jp/sub/how_b_li02_1.png)   no-repeat;}
.how5_con .l3{ padding-top:37px; width:671px; height:350px; background:url(../images/jp/sub/how_03_1.png)  no-repeat;}
.how5_con .l4{ padding-top:42px; width:671px; height:204px; background:url(../images/jp/sub//how_b_li04.jpg)  no-repeat;}
.how5_con .l5{ padding-top:47px; width:671px; height:204px; background:url(../images/jp/sub/how_b_li05.jpg)  no-repeat;}
.how5_con .l6{ padding-top:44px; width:671px; height:196px; background:url(../images/jp/sub/how_b_li06.jpg)  no-repeat;}
.how5_con .iframe_w{margin:20px 0 0 20px; border:1px solid #999; width:610px; height:120px; padding:10px 10px 0 20px; background-color:#e3e4e4;}

.how5_con .l1 h3{ padding-left:100px; margin:0 0 0 0; font-size:14px;}
.how5_con .l1 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how5_con .l1 span{padding-left:45px; display:block; width:280px; margin-top:20px; }
.how5_con .l1 img{ width:80%; height:80%;margin-left:20px; }
.how5_con .l1 p.subtxt{float:right; margin:20px 10px 0 0; font-size:13px; color:#052953;}
.how5_con a.how5_btn1{ margin: 30px 200px 30px 200px;  display:block; /*border:1px solid red; */
    width:100px; height:15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #dcdcdc;
   
    cursor:pointer;
    color:#666666;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    padding:8px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    text-align: center;
}
a.how5_btn1:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
a.how5_btn1:active {position:relative;top:1px;
}

.how5_con a.how5_btn2{ margin: 10px 250px 30px 150px;  display:block; /*border:1px solid red; */
    width:200px; height:15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #dcdcdc;
    cursor:pointer;
    color:#666666;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:8px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    text-align: center;
}
a.how5_btn2:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
a.how5_btn2:active {position:relative;top:1px;
}

.how5_con .l2 h3{ padding-left:115px; margin:0px 0 0 0; font-size:14px; /*border:1px solid red;*/}
.how5_con .l2 p{padding-left:115px;margin:0px; color:#F60; font-size:11px;}
.how5_con .l2 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

/*
.how1_con .l2 h3{ padding-left:370px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l2 p{padding-left:370px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l2 span{padding-left:45px; display:block; width:280px; margin-top:20px;}
.how1_con .l2 ul{padding-left:315px;margin-top:20px;width:320px;}
.how1_con .l2 ul li{padding:0px;margin:0px;}*/


.how5_con .l3 h3{ padding-left:115px; margin:0px 0 0 0; font-size:14px; /*border:1px solid red;*/}
.how5_con .l3 h4{ padding-left:120px; margin:20px 0 0 0; font-size:15px;}
.how5_con .l3 p{padding-left:115px;margin:0px; color:#F60; font-size:11px;}
.how5_con .l3 span{padding-left:45px; display:block; width:280px; margin:20px 0 100px 0;}
.how5_con .l3 img{ padding:0px 0 20px 120px;}


/*
.how1_con .l3 h3{ padding-left:370px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l3 p{padding-left:370px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l3 span{padding-left:315px; display:block; width:320px; margin-top:20px;}*/

.how5_con .l4 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how5_con .l4 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how5_con .l4 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how5_con .l5 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how5_con .l5 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how5_con .l5 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how5_con .l6 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how5_con .l6 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how5_con .l6 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how5_con .l2 .btn{ position:absolute; top:150px; left:310px; display:block; width:110px; height:30px; background:url(../images/suball/how_btn.png) 0px 0px no-repeat; }
.how5_con .l2 .btn input{ visibility:hidden; width:110px;}
.how5_con .l3 .btn822{position:absolute; top:150px; left:310px; display:block; width:166px; height:30px; background:url(../images/suball/how_btn.png) -110px 0px no-repeat; }
.how5_con .l3 .btn737{position:absolute; top:150px; left:480px; display:block; width:166px; height:30px; background:url(../images/suball/how_btn.png) -110px -30px no-repeat; }
.how5_con .l4 .btn{ position:absolute; top:135px; left:190px; display:block; width:110px; height:30px; background:url(../images/suball/how_btn.png) 0px -30px no-repeat; }
.how5_con .l6 .btn{ position:absolute; top:140px; left:35px; display:block; width:110px; height:30px; background:url(../images/suball/how_btn.png) -280px 0px no-repeat; }








.how1_con { clear:both; margin-top:45px;}
.how1_con li { position:relative; padding-top:35px; text-align:left;}
.how1_con .l1{ padding-top:37px; width:671px; height:167px;  background:url(../images/jp/sub/how_b_li000.jpg)  no-repeat;}
.how1_con .l2{ padding-top:47px; width:671px; height:204px; background:url(../images/jp/sub/how_b_li02.jpg)  no-repeat;}
.how1_con .l3{ padding-top:54px; width:671px; height:221px; background:url(../images/jp/sub/how_b_li03.jpg)  no-repeat;}
.how1_con .l4{ padding-top:42px; width:671px; height:204px; background:url(../images/jp/sub//how_b_li04.jpg)  no-repeat;}
.how1_con .l5{ padding-top:47px; width:671px; height:204px; background:url(../images/jp/sub/how_b_li05.jpg)  no-repeat;}
.how1_con .l6{ padding-top:44px; width:671px; height:196px; background:url(../images/jp/sub/how_b_li06.jpg)  no-repeat;}


.how1_con .l1 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l1 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l1 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how1_con .l2 h3{ padding-left:370px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l2 p{padding-left:370px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l2 span{padding-left:45px; display:block; width:280px; margin-top:20px;}
.how1_con .l2 ul{padding-left:315px;margin-top:20px;width:320px;}
.how1_con .l2 ul li{padding:0px;margin:0px;}

.how1_con .l3 h3{ padding-left:370px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l3 p{padding-left:370px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l3 span{padding-left:315px; display:block; width:320px; margin-top:20px;}

.how1_con .l4 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l4 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l4 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how1_con .l5 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l5 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l5 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how1_con .l6 h3{ padding-left:100px; margin:0px 0 0 0; font-size:14px;}
.how1_con .l6 p{padding-left:100px;margin:0px; color:#F60; font-size:11px;}
.how1_con .l6 span{padding-left:45px; display:block; width:280px; margin-top:20px;}

.how1_con .l2 .btn{ position:absolute; top:150px; left:310px; display:block; width:110px; height:30px; background:url(../images/suball/how_btn.png) 0px 0px no-repeat; }
.how1_con .l2 .btn input{ visibility:hidden; width:110px;}
.how1_con .l3 .btn822{position:absolute; top:150px; left:310px; display:block; width:166px; height:30px; background:url(../images/suball/how_btn.png) -110px 0px no-repeat; }
.how1_con .l3 .btn737{position:absolute; top:150px; left:480px; display:block; width:166px; height:30px; background:url(../images/suball/how_btn.png) -110px -30px no-repeat; }
.how1_con .l4 .btn{ position:absolute; top:135px; left:190px; display:block; width:110px; height:30px; background:url(../images/suball/how_btn.png) 0px -30px no-repeat; }
.how1_con .l6 .btn{ position:absolute; top:140px; left:35px; display:block; width:110px; height:30px; background:url(../images/suball/how_btn.png) -280px 0px no-repeat; }











.how2_copy_img{text-align:left; padding:0 0 0 40px; width:600px; margin:0 auto;}

.how2_copy_img h1{ font-size:16px; width:217px; margin:15px 0px; color:#3399ff;}
.how2_copy_img p{width:300px; height:36px; margin:10px 0px 20px;}
.how2_copy_img .img{ width:50px; height:32px;  background:url(../images/suball/how_basic_h1.jpg) no-repeat;}
.how2_copy_img #link_t{ margin:0px; padding:0px;font-weight:bold;}
#how2_copy_icon{ position:absolute; top:10px; right:60px; width:243px; height:144px; background:url(../images/suball/how_basic_copy_icon.jpg) no-repeat;}

.how2_con { clear:both; margin:45px 0px;; padding:0px;}
.how2_con li { position:relative; text-align:left; width:669px; margin:0 auto; padding:0px; letter-spacing:-3;}
.how2_con li .l1,.how2_con li .l2{background:none; }

.how2_con li h2{color:#ff6b00; font-size:14px; color:#3399ff;}
.how2_con li p{ font-size:12px; color:#666; clear:both;}
.how2_con li h3{color:#299FE7; font-size:12px; color:##FF6B00;}
.how2_con li li p{ font-size:12px; color:#999;}

.how2_con .l1{ background:url(../images/jp/sub/how_02_02.jpg) no-repeat; height:106px;}
.how2_con .l1 h2{ margin:32px 0 0 350px; width:300px;}
.how2_con .l1 p{ margin:0px 0 0 350px; width:300px;}

.how2_con .l2{ background:url(../images/jp/sub/how_02_03.jpg) no-repeat; height:1017px;}
.how2_con .l2 h2{ margin:45px 0 0 85px; width:300px;}
.how2_con .l2 p{ margin:0px 0 0 85px; width:300px;}
.how2_con .l2 .how2_sub_ul{ margin: 0px; padding:0px;}
.how2_con .l2 .how2_sub_ul li{ margin:0px; padding:0px;}
.how2_con .l2 .how2_sub_ul .l1{margin:45px 0px 0px 0px;}
.how2_con .l2 .how2_sub_ul .l1 h3{ margin-left:105px;margin-top:0px;}
.how2_con .l2 .how2_sub_ul .l1 p{font-size:12px; margin:5px 0px 0px 105px; width:600px;}
.how2_con .l2 .how2_sub_ul .l1 .img{}
.how2_con .l2 .how2_sub_ul .l2{ margin:135px 0px 0px 0px;}
.how2_con .l2 .how2_sub_ul .l2 h3{ margin-left:105px;}
.how2_con .l2 .how2_sub_ul .l2 p{font-size:12px; margin:5px 0px 0px 105px; width:510px;}
.how2_con .l2 .how2_sub_ul .l2 .img{}
.how2_con .l2 .how2_sub_ul .l2 h4{ margin:160px 0px 0px 50px; font-size:12px; color:#999;}



.how2_con .l3{ background:url(../images/jp/sub/how_02_04.jpg) no-repeat; height:502px;}
.how2_con .l3 h2{ margin:53px 0 0 85px; width:300px;}
.how2_con .l3 p{ margin:0px 0 0 85px; width:310px;}
.how2_con .l3 p.ex{margin:10px 0 0 30px; width:336px;}
.how2_con .l3 .how2_sub_ul{ margin: 0px; padding:0px;}
.how2_con .l3 .how2_sub_ul li{ margin:0px; padding:0px;}
.how2_con .l3 .how2_sub_ul .l1{margin:40px 0px 0px 0px;}
.how2_con .l3 .how2_sub_ul .l1 h3{ margin-left:105px;}
.how2_con .l3 .how2_sub_ul .l1 p{font-size:12px; margin:0px 0px 0px 105px; width:550px;}
.how2_con .l3 .how2_sub_ul .l1 .img{}
.how2_con .l3 .how2_sub_ul .l2{ margin:130px 0px 0px 0px;}
.how2_con .l3 .how2_sub_ul .l2 h3{ margin-left:105px;}
.how2_con .l3 .how2_sub_ul .l2 p{font-size:12px; margin:0px 0px 0px 40px; width:450px;}
.how2_con .l3 .how2_sub_ul .l2 .img{}
.how2_con .l3 .how2_sub_ul h4{ margin:30px 0px 0px 50px; font-size:12px; color:#999;}
.how2_con .l3 .how2_sub_ul h5{ margin:5px 0px 0px 105px; font-size:12px; color:#999;}

.how2_con .l4{ background:url(../images/jp/sub/how_02_05.jpg) no-repeat; height:131px;}
.how2_con .l4 h2{ margin:38px 0 0 355px; width:300px;}
.how2_con .l4 p{ margin:0px 0 0 355px; width:300px;}

.how2_con .l5{ background:url(../images/jp/sub/how_02_06.jpg) no-repeat; height:118px;}
.how2_con .l5 h2{ margin:42px 0 0 355px; width:300px;}
.how2_con .l5 p{ margin:0px 0 0 355px; width:300px;}


.how2_con .l6{ background:url(../images/jp/sub/how_02_07.jpg) no-repeat; height:559px; position:relative;}
.how2_con .l6 h2{ margin:40px 0 0 90px; width:300px;letter-spacing:1px;}
.how2_con .l6 p{ margin:0px 0 0 90px; width:310px;}
.how2_con .l6 p.ex{margin:5px 0 0 30px; width:350px;}
.how2_con .l6 .how2_sub_ul{ margin: 0px; padding:0px;}
.how2_con .l6 .how2_sub_ul li{ margin:0px; padding:0px;}
.how2_con .l6 .how2_sub_ul .l1{margin:35px 0px 0px 0px;}
.how2_con .l6 .how2_sub_ul .l1 h3{ margin-left:105px;letter-spacing:1px;}
.how2_con .l6 .how2_sub_ul .l1 p{font-size:12px; margin:0px 0px 0px 40px; width:600px;}
.how2_con .l6 .how2_sub_ul .l1 .img{}
.how2_con .l6 .how2_sub_ul .l1 .h1{font-size:12px; color:#999; position:absolute; top:270px; left:170px;}
.how2_con .l6 .how2_sub_ul .l1 .h2{font-size:12px; color:#999;position:absolute; top:270px; left:460px;}



.how2_con  .btn{ display:inline-block;   font-size:11px; background:#eee; border:1px solid #CCC; padding:5px; margin:20px 0 0 80px }
.how2_con .btn2{  display:inline-block;   font-size:11px; background:#eee; border:1px solid #CCC; padding:5px; margin:20px 0 0 30px }
.how2_con  .btn input{ visibility:hidden; width:110px;}

.how2_con  .l6 .btn{ display:inline-block;   font-size:11px; background:#eee; border:1px solid #CCC; padding:5px 15px; margin:0px 0 0 40px }
.how2_con  .l6 .btn_n{ display:inline-block;   font-size:11px; background:#eee; border:1px solid #CCC; padding:5px 15px; margin:10px 0 0 40px }




.how3_con { clear:both; margin:45px 0px;; padding:0px;}
.how3_con li { position:relative; text-align:left; width:669px; margin:0 auto; padding:0px; letter-spacing:-3;}
.how3_con li .l1,.how3_con li .l2{background:none; height:auto; }

.how3_con li h2{color:#3399ff; font-size:14px;}
.how3_con li p{ font-size:12px; color:#666; clear:both;}
.how3_con li h3{color:#299FE7; font-size:12px;}
.how3_con li li p{ font-size:12px; color:#999;}

.how3_con .l1{ background:url(../images/jp/sub/how_03_01.jpg) no-repeat; height:750px;position:relative;}
.how3_con .l1 h2{ margin:45px 0 0 85px; width:300px;}
.how3_con .l1 p{ margin:0px 0 0 85px; width:320px;}
.how3_con .l1  .img{ display:none;}
.how3_con .l1 .how2_sub_ul{ margin: 0px; padding:0px;}
.how3_con .l1 .how2_sub_ul li{ margin:0px; padding:0px;}
.how3_con .l1 .how2_sub_ul .l1{margin:105px 0px 0px 0px;}
.how3_con .l1 .how2_sub_ul .l1 h3{ margin-left:105px;}
.how3_con .l1 .how2_sub_ul .l1 p{font-size:12px; margin:0px 0px 0px 40px; width:600px;}

.how3_con .l1 .how2_sub_ul .l1 .img{}
.how3_con .l1 .how2_sub_ul .l2{ margin:280px 0px 0px 0px;}
.how3_con .l1 .how2_sub_ul .l2 h3{ margin-left:105px;}
.how3_con .l1 .how2_sub_ul .l2 p{font-size:12px; margin:0px 0px 0px 40px; width:600px;}
.how3_con .l1 .how2_sub_ul .l2 .img{}
.how3_con .l1 .how2_sub_ul .l2 h4{ margin:160px 0px 0px 50px; font-size:12px; color:#999;position:absolute; bottom:-100px; right:90px; width:110px;}

.how3_con .l2{ background:url(../images/jp/sub/how_03_02.jpg) no-repeat; height:198px; }
.how3_con .l2 h2{ margin:45px 0 0 95px; width:300px;}
.how3_con .l2 p{ margin:0px 0 0 95px; width:320px;}
.how3_con .l2 .ex{margin:5px 0 0 30px; width:350px; }

.how3_con .l3{ background:url(../images/jp/sub/how_03_03.jpg) no-repeat; height:981px; position:relative; }
.how3_con .l3 h2{ margin:45px 0 0 95px; width:300px;}
.how3_con .l3 p{ margin:0px 0 0 95px; width:320px;}
.how3_con .l3 .ex{margin:5px 0 0 30px; width:350px; }

.how3_con .l3 .how2_sub_ul{ margin: 0px; padding:0px;}
.how3_con .l3 .how2_sub_ul li{ margin:0px; padding:0px;}
.how3_con .l3 .how2_sub_ul .l1{margin:70px 0px 0px 0px;}
.how3_con .l3 .how2_sub_ul .l1 h3{ margin-left:105px;}
.how3_con .l3 .how2_sub_ul .l1 p{font-size:12px; margin:0px 0px 650px 40px; width:600px;}
.how3_con .l3 .how2_sub_ul .l1 .img{}
.how3_con .l3 .how2_sub_ul .l1 h4{ font-size:12px; color:#999;position:absolute;}
.how3_con .l3 .how2_sub_ul .l1 .h1{ top:270px; left:170px;}
.how3_con .l3 .how2_sub_ul .l1 .h2{ top:270px; left:450px;}
.how3_con .l3 .how2_sub_ul .l1 .h3{ top:380px; left:170px;}
.how3_con .l3 .how2_sub_ul .l1 .h4{ top:380px; left:450px;}
.how3_con .l3 .how2_sub_ul .l1 .ex{ margin:0px 0px 0px 30px; }

.how3_con .l4{ background:url(../images/jp/sub/how_03_04.jpg) no-repeat; height:197px;}
.how3_con .l4 h2{ margin:45px 0 0 95px; width:300px;}
.how3_con .l4 p{ margin:0px 0 0 95px; width:320px;}
.how3_con .l4 .ex{margin:5px 0 0 30px; width:350px; }




.how3_con  .btn{ display:inline-block;   font-size:11px; background:#eee; border:1px solid #CCC; padding:5px 10px; margin:20px 0 0 80px; position:absolute; top:120px; left:0px; }



.how_basic{ position:relative; display:inline-block;}
/*
.how_basic .tap_line{ position:absolute; top:439px; _top:437px; right:48px; width:410px;z-index:-1; border-bottom:1px solid #000;}


.how2_tap{float:left; text-indent:0px;margin-left:0px;*margin-top:14px;*margin-left:40px;_margin-left:20px; width:700px; text-indent:-9999999px;}

.how2_tap li{ float:left; margin-left:0px; cursor:pointer; text-indent:-999999px;}
.how2_tap .l1{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -270px no-repeat; cursor:pointer;}
.how2_tap .l2{width:130px; height:32px; background:url(../images/suball/tap_img.png) -130px -270px no-repeat; cursor:pointer;}
.how2_tap .l1_sel{width:130px; height:32px; background:url(../images/suball/tap_img.png) 0px -240px no-repeat; cursor:pointer;}
.how2_tap .l2_sel{width:130px; height:32px; background: url(../images/suball/tap_img.png) -129px -240px no-repeat; cursor:pointer;}

*/






.request_gift{text-align:left; position:relative; clear:both;    width:670px; margin:0 auto; height:153px; background:url(../images/jp/sub/coin01.jpg)  40px 0px no-repeat;* background:url(../images/jp/sub/coin01.jpg) no-repeat;}
.request_gift li{ width:280px; float:left; padding:35px 20px 20px 20px; }
.request_gift li h3{ font-size:12px; margin-left:65px; height:36px;}
.request_gift li p{ font-size:11px }
.request_gift .l1{}
.request_gift .l2{ margin-left:17px;}



.request_gift .btn1 {position:absolute;top:10px;left:0px;width:325px;height:125px;cursor:pointer;}
.request_gift .btn2 {position:absolute;top:10px;left:340px;width:325px;height:125px;cursor:pointer;}

.request_con{ position:relative;  padding:0px; width:660px; margin: 15px auto 0px; }
.request_con h1{ position:relative; margin:0px;   width:660px; line-height:180%;  border-bottom:1px solid #3F87DE; font-size:18px; color:#; font-weight:bold;}
.request_con .copy{position:absolute; top:0px; left:160px; font-size:12px; color:#999;}

.request_con .how3_info{ margin:0px auto; width:670px; height:215px; background:url(../images/jp/sub/coin03.jpg) no-repeat;*background:url(../images/jp/sub/coin03.jpg) no-repeat;position:relative;}
.request_con .how3_info .btn1 {font-size:12px;  font-weight:bold; position:absolute;cursor:pointer;left:82px;top:176px;width:115px;height:20px;color:#CCC; background:#2a55b5; display:block; line-height:180%;}
.request_con .how3_info .btn2 {font-size:12px;  font-weight:bold;position:absolute;cursor:pointer;left:293px;top:176px;width:105px;height:20px;color:#CCC; background:#2a55b5; display:block; line-height:180%;}
.request_con .how3_info .btn3 {font-size:12px;  font-weight:bold; position:absolute;cursor:pointer;left:504px;top:176px;width:105px;height:20px; color:#CCC; background:#2a55b5; display:block; line-height:180%;}

ul.buy_step{ width:700px; margin:0 auto;}
ul.buy_step li{ width:142px; height:70px;   float:left; margin:70px 0 0 0;*margin:70px 0 0 0; padding:15px;}
ul.buy_step li h3{ font-size:11px;}
ul.buy_step li p{ font-size:11px; margin:0px; padding:0px;}
ul.buy_step .l1{ height:50px; margin-left:10px;*margin-left:50px; }
ul.buy_step .l2{ height:40px;margin-left:38px;*margin-left:38px;}
ul.buy_step .l3{height:40px; margin-left:37px;* margin-left:37px;}

.how3_info2 ul.buy_step{ width:700px; margin:0 auto;}
.how3_info2 ul.buy_step li{ width:142px; height:70px;float:left; margin:65px 0 10 0;*margin:70px 0 0 0; padding:15px; ;}
.how3_info2 ul.buy_step li h3{ font-size:11px;}
.how3_info2 ul.buy_step li p{ font-size:11px; margin:0px; padding:0px;}
.how3_info2 ul.buy_step .l1{ height:70px; margin-left:11px; margin-top:50px;*margin-left:50px; background:#e5e5e5; color:#000;}
.how3_info2 ul.buy_step .l2{ height:70px;margin-left:38px;margin-top:50px;*margin-left:38px;background:#e5e5e5;color:#000;}
.how3_info2 ul.buy_step .l3{height:70px; margin-left:40px;margin-top:50px; * margin-left:37px;background:#e5e5e5; color:#000;}

.request_con .how3_info2{ display:none;margin-top:0px;   width:688px; height:215px; background:url(../images/jp/sub/coin03.jpg) no-repeat;position:relative;}
.request_con .how3_info2 .btn1 {display:block; position:absolute;cursor:pointer;left:82px;top:176px;width:105px; height:20px;  color:#CCC; background:#000; display:block; line-height:160%;}
.request_con .how3_info2 .btn2 {position:absolute;cursor:pointer;left:293px;top:176px;width:105px;height:20px;color:#CCC; background:#666; display:block;line-height:160%;}
.request_con .how3_info2 .btn3 {position:absolute;cursor:pointer;left:504px;top:176px;width:105px;height:20px;color:#CCC; background:#000; display:block;line-height:160%;}


.how3_ex{padding:0px; margin:0px; text-align:left;}
.how3_ex .l1{  margin-left:0px; margin-bottom:0px; width:688px; height:277px; background:url(../images/jp/sub/coin04.jpg) no-repeat;}
.how3_ex .l2{  margin-left:0px; margin-bottom:0px; width:688px; height:289px; background:url(../images/jp/sub/coin05.jpg) no-repeat;}
.how3_ex .l3{  margin-left:0px; margin-bottom:0px; width:688px; height:285px; background:url(../images/jp/sub/coin06.jpg) no-repeat;}
.how3_ex li{ position:relative;}
.how3_ex .l1 .btn1{ position:absolute; top:200px;  left: 250px; display:block; width:130px; height:30px; background:url(../images/jp/sub/coinbtn.png) 0px 0px no-repeat;}


.how3_ex .l1 h1{ margin-left:60px; border:none; color:#2a55b5;}
.how3_ex .l1 h4{ width:400px; margin-left:250px; margin-top:30px; font-size:14px; color:#3399ff;}
.how3_ex .l1 p{width:400px; margin-left:250px;font-size:12px;}

.how3_ex .l2 h1{margin-left:60px; border:none; color:#2a55b5;}
.how3_ex .l2 h4{ margin-bottom:20px; height:40px; color:#3399ff;}

.how3_ex .l2 li{ width:180px; float:left; font-size:12px; margin-left:20px;}
.how3_ex .l2 ul{ margin-left:210px;*margin-left:250px;float:left;; width:440px;margin-top:60px;}
.how3_ex .l2{}

.how3_ex .l3 h1{ margin-left:60px;*margin-left:60px; border:none; color:#2a55b5;}
.how3_ex .l3 h4{ width:400px; margin-left:250px; margin-top:30px; font-size:14px;}
.how3_ex .l3 p{width:400px; margin-left:250px;font-size:12px;margin-top:60px;}

.how3_1 .info{ background:url(../images/suball/822view_01.png) no-repeat; width: 653px; height:136px;margin:20px 0px 0px 40px;}
.view_sample,.view_sample2{ text-align:left; width: 653px; margin:10px 0px 0px 40px;}
.view_sample h1{  width:653px;line-height:160%; text-align:left;margin:15px 0px 0px 0px;border-bottom:1px solid #D1F1F5;font-size:20px;}
.view_sample h1 span, .view_sample2 h1 span{ color:#F60; font-size:20px; font-weight:bold;}
.view_sample #tap1,
.view_sample #tap2,
.view_sample #tap3{ text-indent:0px;margin:0px;}
.view_sample  p{ text-indent:0px; font-size:12px; background-color:#f7faff; padding:15px; line-height:180%;}

.view_sample2 h1{  width:653px; line-height:160%; text-align:left;margin:15px 0px 0px 0px;border-bottom:1px solid #D1F1F5; font-size:20px; color:#2a55b5;}

.view_sample2  p{ text-indent:0px; font-size:12px; background-color:#f7faff; padding:15px; line-height:180%;}
.view_sample2  p span{ font-weight:bold; color:#F90;}
.view_sample2 ul{ text-indent:0px; margin:10px 0px 0px -40px;_margin:10px 0px 0px 0px;}



.eff_info{}
.eff_info .p1{text-indent:-9999px;  margin-left:40px; margin-bottom:0px; width:688px; height:192px; background:url(../images/suball/eff01.jpg) no-repeat;}
.eff_info .p2{text-indent:-9999px;  margin-left:40px; margin-bottom:0px; width:688px; height:485px; background:url(../images/suball/eff02.jpg) no-repeat;}

.eff_con .p1{text-indent:-9999px;  margin-left:40px; margin-bottom:0px; width:688px; height:295px; background:url(../images/suball/eff03.jpg) no-repeat;}

.eff2_info p{text-indent:-9999px;  margin-left:40px; margin-bottom:0px; width:693px; height:181px; background:url(../images/suball/ex_01.jpg) no-repeat;}
.eff2_con .p1{text-indent:-9999px;  margin-left:20px; margin-bottom:0px; width:693px; height:755px; background:url(../images/suball/ex_02.jpg) -5px 0px no-repeat;}

.eff_con{margin:0px; padding:0px; }
.eff_con p{}
.eff_con h2{ font-size:18px; width:100%; margin:20px auto 40px;  text-align:center; font-weight:bold; color:#185fa6;}
.eff_con h2 strong{ font-weight:900;}
.eff_con h2 strong span{ color:#F46D1C;}
.eff_con ul{ margin:0px auto; width:600px; padding:0px; clear:both;  }
.eff_con ul li{ margin:30px 0px 0px; padding:0px; text-align:left;overflow:hidden;}
.eff_con ul li h3{ width:120px; float:left;font-size:14px; color:#3399ff;}
.eff_con ul li p{ width:470px; float:left; font-size:12px; margin:0px; color:#999;}

.eff_con2{}
.eff_con2 .eff_img_text{ background:url(../images/jp/sub/eff_01.jpg) no-repeat; width:706px; height:721px; text-indent:-999999px;}
.eff_con2 .eff_ex2{display:none;}

.eff_ex h3{color:#3399ff;}

.term1{}
.service_term .term1 p{ margin-left:40px; width:702px; height:302px; background:url(../images/jp/sub/pre01.jpg) no-repeat; text-indent:-999999px;}
.service_term  td.c_br{text-align:left;line-height:160%;padding:10px;}

.s_term_t1{border:1px solid #CCC; border-collapse:collapse; width:100%; line-height:30px;}
.s_term_t1 td{border:1px solid #CCC; line-height:30px;}
.s_term_t1 th { border:1px solid #CCC; line-height:30px; background-color:#eee; }
.s_term_t1 thead,.s_term_t1 thead th {background-color:#d3eaff;}
.s_term_t1 caption,.s_term_t2 caption,.s_term_t3 caption{text-align:left; height:50px; line-height:50px; position:relative;  padding:20px 0 0 20px; color:#3399ff; font-weight:bold; font-size:16px; }
.s_term_t1 caption .icon{ position:absolute; top:30px ; left:0px; display:inline-block; width:18px; height:30px; background:url(../images/suball/pre02.jpg) 0px 0px  no-repeat;}

.s_term_t2{border:1px solid #CCC; border-collapse:collapse; width:100%; line-height:30px;}
.s_term_t2 td{border:1px solid #CCC; line-height:30px;}
.s_term_t2 th { border:1px solid #CCC; line-height:30px; background-color:#eee; }
.s_term_t2 thead,.s_term_t2 thead th {background-color:#eaffd3;}

.s_term_t2 caption .icon{display:inline-block;position:absolute; top:30px ; left:0px; width:18px; height:30px; background:url(../images/suball/pre03.jpg) 0px 0px  no-repeat;}

.s_term_t3{border:1px solid #CCC; border-collapse:collapse; width:100%; line-height:30px;}
.s_term_t3 td{border:1px solid #CCC; line-height:30px;}
.s_term_t3 th { border:1px solid #CCC; line-height:30px; background-color:#eee; }
.s_term_t3 thead,.s_term_t3 thead th {background-color:#ffdcd3;}

.s_term_t3 caption .icon{ display:inline-block;position:absolute; top:30px ; left:0px; width:18px; height:30px; background:url(../images/suball/pre04.jpg) 0px 0px  no-repeat;}
.s_term_t1 tfoot, .s_term_t2 tfoot, .s_term_t3 tfoot{ display:none;}


#tap1 h1{ clear:both;}
#tap1 .img1{margin-top:50px; margin-left:40px; width:665px; height:254px;background:url(../images/suball/fun_img_01.jpg) no-repeat;}

#tap1 .ul1{float:left; margin:0px 0px 0px 0px;*margin-left:40px;_margin-left:20px;}
#tap1 .ul1 li{float:left; width:660px;  margin-left:0px; border-bottom:1px dashed #0060a6; line-height:20px;padding:10px 0px 10px; 0px;}
#tap1 .ul1 h2{ float:left; width:240px; color:#0060a6; margin:0px 0px 0px 0px; text-align:left; font-size:14px;line-height:30px;letter-spacing:-1px;}
#tap1 .ul1 p{ float:right; width:410px;   margin:0px; text-align:left;text-indent:0px ;}


#tap1 .s_f_l1_1 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -5px no-repeat;}
#tap1 .s_f_l1_2 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -50px no-repeat}
#tap1 .s_f_l1_3 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -95px no-repeat}
#tap1 .s_f_l1_4 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -140px no-repeat}
#tap1 .s_f_l1_5 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -185px no-repeat}
#tap1 .s_f_l1_6 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -230px no-repeat}
#tap1 .s_f_l1_7 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -275px no-repeat}
#tap1 .s_f_l1_8 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -320px no-repeat}
#tap1 .s_f_l1_9 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -365px no-repeat}
#tap1 .s_f_l1_10 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -410px no-repeat}
#tap1 .s_f_l1_11 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -455px no-repeat}
#tap1 .s_f_l1_12 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -500px no-repeat}
#tap1 .s_f_l1_13 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -545px no-repeat}
#tap1 .s_f_l1_14 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -590px no-repeat}
#tap1 .s_f_l1_15 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -640px no-repeat}
#tap1 .s_f_l1_16 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -685px no-repeat}
#tap1 .s_f_l1_17 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -730px no-repeat}




#tap2 h1{ clear:both;}
#tap2 .img1{margin-top:50px; margin-left:40px; width:665px; height:254px;background:url(../images/jp/sub/fun_img_02.jpg) no-repeat;}

#tap2 .ul1{float:left; margin:0px 0px 0px 0px;*margin-left:40px;_margin-left:20px;}
#tap2 .ul1 li{float:left; width:660px;  margin-left:0px; border-bottom:1px dashed #0060a6; line-height:20px;padding:10px 0px 10px; 0px;}
#tap2 .ul1 h2{ float:left; width:230px; color:#0060a6; margin:0px 0px 0px 0px; text-align:left; font-size:14px;line-height:30px;letter-spacing:-1px;}
#tap2 .ul1 p{ float:left; width:420px;   margin:0px; text-align:left;text-indent:0px ;}


#tap2 .s_f_l1_1 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -780px no-repeat;}
#tap2 .s_f_l1_2 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -825px no-repeat}
#tap2 .s_f_l1_3 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -875px no-repeat}
#tap2 .s_f_l1_4 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -915px no-repeat}
#tap2 .s_f_l1_5 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -965px no-repeat}
#tap2 .s_f_l1_6 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1005px no-repeat}
#tap2 .s_f_l1_7 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1055px no-repeat}
#tap2 .s_f_l1_8 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1100px no-repeat}
#tap2 .s_f_l1_9 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1140px no-repeat}
#tap2 .s_f_l1_10 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1180px no-repeat}
#tap2 .s_f_l1_11 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1225px no-repeat}
#tap2 .s_f_l1_12 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1270px no-repeat}
#tap2 .s_f_l1_13 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1315px no-repeat}
#tap2 .s_f_l1_14 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1360px no-repeat}
#tap2 .s_f_l1_15 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1410px no-repeat}
#tap2 .s_f_l1_16 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1455px no-repeat}
#tap2 .s_f_l1_17 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1505px no-repeat}
#tap2 .s_f_l1_18 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1550px no-repeat}
#tap2 .s_f_l1_19 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1590px no-repeat}





#tap3 h1{ clear:both;}
#tap3 .img1{margin-top:50px;margin-left:40px;  width:665px; height:254px;background:url(../images/suball/fun_img_03.jpg) no-repeat;}

#tap3 .ul1{float:left; margin:0px 0px 0px 0px;*margin-left:40px;_margin-left:20px;}
#tap3 .ul1 li{float:left; width:660px;  margin-left:0px; border-bottom:1px dashed #0060a6; line-height:20px;padding:10px 0px 10px; 0px;}
#tap3 .ul1 h2{ float:left; width:230px; color:#0060a6; margin:0px 0px 0px 0px; text-align:left; font-size:14px;line-height:30px;letter-spacing:-1px;}
#tap3 .ul1 p{ float:left; width:420px;   margin:0px; text-align:left;text-indent:0px ;}


#tap3 .s_f_l1_1 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1630px no-repeat;}
#tap3 .s_f_l1_2 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1680px no-repeat}
#tap3 .s_f_l1_3 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1725px no-repeat}
#tap3 .s_f_l1_4 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1770px no-repeat}
#tap3 .s_f_l1_5 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1810px no-repeat}
#tap3 .s_f_l1_6 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1855px no-repeat}




#tap4 h1{ clear:both;}
#tap4 .img1{margin-top:50px;margin-left:40px;  width:665px; height:254px;background:url(../images/suball/fun_img_04.jpg) no-repeat;}

#tap4 .ul1{float:left; margin:0px 0px 0px 0px;*margin-left:40px;_margin-left:20px;}
#tap4 .ul1 li{float:left; width:660px;  margin-left:0px; border-bottom:1px dashed #0060a6; line-height:20px;padding:10px 0px 10px; 0px;}
#tap4 .ul1 h2{ float:left; width:230px; color:#0060a6; margin:0px 0px 0px 0px; text-align:left; font-size:14px;line-height:30px;letter-spacing:-1px;}
#tap4 .ul1 p{ float:left; width:420px;   margin:0px; text-align:left;text-indent:0px ;}


#tap4 .s_f_l1_1 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1905px no-repeat;}
#tap4 .s_f_l1_2 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1950px no-repeat}
#tap4 .s_f_l1_3 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -1995px no-repeat}
#tap4 .s_f_l1_4 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -2040px no-repeat}
#tap4 .s_f_l1_5 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -2085px no-repeat}
#tap4 .s_f_l1_6 .icon{ display:block; margin-top:0px; float:left; width:50px; height:40px; background:url(../images/suball/funtion_icon.png) 0px -2130px no-repeat}




.s_f_tap h1{ clear:both;}





.company_news{ margin:0px; padding:0px; text-indent:0px;}
.company_news h1{ background:url(../images/suball/company_news_h1.jpg) no-repeat; width:600px; height:24px;}



.news_ltop{}
.news_ltop li{ position:relative; float:left; width:700px; height:150px; overflow: hidden; background-color:#f5faff; border-bottom:1px solid #CCC;border-top:1px solid #CCC;}
.news_ltop .no{ position:absolute;top:5px; left:10px; font-size:11px;}
.news_ltop .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_ltop .con{ float:left; text-align:left; margin-left:20px; color:#666;}

.news_ltop .con h2{ float:left; margin-left:0px; margin-bottom:0px; color:#09F; font-size:14px; }
.news_ltop .con .media{ clear:both; float:left; display:block; width:200px; height:20px; background:url(../images/suball/media.png) 0 5px no-repeat; text-indent:30px;margin-bottom:0px;}
.news_ltop .con .day{ float:right;display:block; width:100px; height:20px; background:url(../images/suball/day.png) 0 3px no-repeat; text-indent:30px; text-align:right;margin-bottom:0px;}
.news_ltop .con .text{ width:460px; clear:both; margin-top:0px; letter-spacing:-1px;}

.news_ltop .icon{ position:absolute; top:40px; left:550px;}
.news_ltop .icon .icon1{ float:left; background:url(../images/suball/news_icon_01.png) no-repeat; display:block; width:45px; height:66px;}
.news_ltop .icon .icon2{ float:left;background:url(../images/suball/news_icon_02.png) no-repeat; display:block; width:45px; height:66px;}
.news_ltop .icon .icon3{ float:left;background:url(../images/suball/news_icon_03.png) no-repeat; display:block; width:45px; height:66px;}

.news_ltop .icon .icon1_sel{ float:left; background:url(../images/suball/news_icon_01_sel.jpg) no-repeat; display:block; width:45px; height:66px;}


.news_lbod{}
.news_lbod li{ position:relative; float:left; width:700px; height:150px; overflow: hidden; background-color:#fff; border-bottom:1px solid #CCC}
.news_lbod .no{ position:absolute;top:5px; left:10px; font-size:11px;}
.news_lbod .l9 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/media.png) no-repeat;}
.news_lbod .l8 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l7 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l6 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l5 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l4 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l3 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l2 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}
.news_lbod .l1 .img{ float:left; width:100px; height:100px; border:1px solid #CCC; margin-top:25px; margin-left:40px; background:url(../images/suball/day.png) no-repeat;}



.news_lbod .con{ float:left; text-align:left; margin-left:20px; color:#666;}

.news_lbod .con h2{ float:left; margin-left:0px; margin-bottom:0px; color:#09F; font-size:14px; }
.news_lbod .con .media{ clear:both; float:left; display:block; width:200px; height:20px; background:url(../images/suball/media.png) 0 5px no-repeat; text-indent:30px;margin-bottom:0px;}
.news_lbod .con .day{ float:right;display:block; width:100px; height:20px; background:url(../images/suball/day.png) 0 3px no-repeat; text-indent:30px; text-align:right;margin-bottom:0px;}
.news_lbod .con .text{ width:460px; clear:both; margin-top:0px; letter-spacing:-1px;}

.news_lbod .icon{ position:absolute; top:40px; left:550px;}
.news_lbod .icon .icon1{ float:left; background:url(../images/suball/news_icon_04.png) no-repeat; display:block; width:45px; height:66px;}
.news_lbod .icon .icon2{ float:left;background:url(../images/suball/news_icon_05.png) no-repeat; display:block; width:45px; height:66px;}
.news_lbod .icon .icon3{ float:left;background:url(../images/suball/news_icon_06.png) no-repeat; display:block; width:45px; height:66px;}
.news_lbod .icon .icon1_sel{ float:left; background:url(../images/suball/news_icon_04_sel.jpg) no-repeat; display:block; width:45px; height:66px;}
.news_lbod .icon .icon2_sel{ float:left;background:url(../images/suball/news_icon_05_sel.jpg) no-repeat; display:block; width:45px; height:66px;}
.news_lbod .icon .icon3_sel{ float:left;background:url(../images/suball/news_icon_06_sel.jpg) no-repeat; display:block; width:45px; height:66px;}

.TaR{text-align:right;margin-right:55px ;*margin-right:25px ;}



.company_tech_info{}
.company_tech_info h1{ background:url(../images/suball/history2002_03.jpg) no-repeat; width:670px; height:100px; margin-left:40px;}

.company_tech_con2{width:700px;float:left; margin-left:40px;}
.company_tech_con2 ul li{margin-left:0px;text-indent:0px;}
.company_tech_con2 h1{font-size:14px;margin-left:20px;border-bottom:1px solid #CCC;padding-bottom:5px;}

.company_tech_tap { width:160px; float:left; height:150px;margin-top:-5px; margin-left:73px; *margin-left:109px; _margin-left:54px;}
.company_tech_tap li{ clear:both; margin-top:5px;}
.company_tech_tap .l1{ background:url(../images/suball/history_tap_img.jpg) 0px -113px no-repeat; width:152px; height:30px; cursor:pointer;}
.company_tech_tap .l2{ background:url(../images/suball/history_tap_img.jpg) 0px -145px no-repeat; width:152px; height:30px;cursor:pointer;}
.company_tech_tap .l3{ background:url(../images/suball/history_tap_img.jpg) 0px -175px no-repeat; width:152px; height:30px;cursor:pointer;}

.company_tech_tap .l1_sel{ background:url(../images/suball/history_tap_img.jpg) 0px -0px no-repeat; width:152px; height:35px;cursor:pointer;;}
.company_tech_tap .l2_sel{ background:url(../images/suball/history_tap_img.jpg) 0px -38px no-repeat; width:152px; height:35px;cursor:pointer;}
.company_tech_tap .l3_sel{ background:url(../images/suball/history_tap_img.jpg) 0px -78px no-repeat; width:152px; height:35px;cursor:pointer;}


.company4_tap1{ margin-top:30px;}
.company4_tap2{ display:none;margin-top:30px;}
.company4_tap3{ display:none;margin-top:30px;}
.company4_tap4{ display:none;margin-top:30px;}
.company4_tap5{ display:none;margin-top:30px;}



.company_tech_con{}
.company4_tap1 .company_tech_con p{ background:url(../images/suball/history_img_05.jpg) no-repeat; width:519px; height:222px; float:left;margin-left:30px; _margin-left:20px;}
.company4_tap2 .company_tech_con p{ background:url(../images/suball/history_img_04.jpg) no-repeat; width:519px; height:222px; float:left;margin-left:30px; _margin-left:20px;}
.company4_tap3 .company_tech_con p{ background:url(../images/suball/history_img_03.jpg) no-repeat; width:519px; height:222px; float:left;margin-left:30px; _margin-left:20px;}
.company4_tap4 .company_tech_con p{ background:url(../images/suball/history_img_02.jpg) no-repeat; width:519px; height:222px; float:left;margin-left:30px; _margin-left:20px;}
.company4_tap5 .company_tech_con p{ background:url(../images/suball/history_img_01.jpg) no-repeat; width:519px; height:222px; float:left;margin-left:30px; _margin-left:20px;}

.company_tech_con2{ }
.company4_tap1 .company_tech_con2 p{background:url(../images/suball/history_con05.jpg) no-repeat; width:670px; height:960px;margin-left:55px; *margin-left:-10px;_margin-left:30px;}
.company4_tap2 .company_tech_con2 p{background:url(../images/suball/history_con04.jpg) no-repeat; width:670px; height:610px;margin-left:55px;}
.company4_tap3 .company_tech_con2 p{background:url(../images/suball/history_con03.jpg) no-repeat; width:670px; height:610px;margin-left:55px;}
.company4_tap4 .company_tech_con2 p{background:url(../images/suball/history_con02.jpg) no-repeat; width:670px; height:610px;margin-left:55px;}
.company4_tap5 .company_tech_con2 p{background:url(../images/suball/history_con01.jpg) no-repeat; width:670px; height:610px;margin-left:55px;}

.company_tech_img{ margin-top:50px;}

.company06_copy_img1{}
.company06_copy_img1 h1{text-indent:-99999px; background:url(../images/suball/com_produ02.jpg) no-repeat ; width:274px; height:36px; margin-left:240px; margin-top:0px; margin-bottom:-10px;}
.company06_copy_img1 p{text-indent:-99999px;background:url(../images/suball/com_produ03.jpg) no-repeat ; width:442px; height:62px; margin-left:240px;}
.company06_copy_icon1{ position:absolute;top:30px; left:70px; background:url(../images/suball/com_produ01.jpg) no-repeat;width:155px;height:118px;}

.company_business_img{}
.company_business_img ul{}
.company_business_img ul li{ position:relative;}
.company_business_img .l1{ background:url(../images/suball/com_produ04.jpg) no-repeat; width:716px; height:246px;}
.company_business_img .l2{background:url(../images/suball/com_produ05.jpg) no-repeat; width:716px; height:246px;}
.company_business_img .l3{background:url(../images/suball/com_produ06.jpg) no-repeat; width:716px; height:246px;}
.company_business_img .l4{background:url(../images/suball/com_produ07.jpg) no-repeat; width:716px; height:246px;}
.company_business_img .l5{background:url(../images/suball/com_produ08.jpg) no-repeat; width:716px; height:246px;}
.company_business_img .l6{background:url(../images/suball/com_produ09.jpg) no-repeat; width:716px; height:246px;}

.company_business_img .l1 .btn1{ position:absolute; top:170px; left:70px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -130px 0px no-repeat;}
.company_business_img .l1 .btn2{ position:absolute; top:170px; left:200px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -260px 0px no-repeat;}
.company_business_img .l2 .btn1{ position:absolute; top:170px; left:70px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -130px 0px no-repeat;}
.company_business_img .l2 .btn2{ position:absolute; top:170px; left:200px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) 00px 0px no-repeat;}
.company_business_img .l3 .btn1{ position:absolute; top:170px; left:70px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -130px 0px no-repeat;}
.company_business_img .l3 .btn2{ position:absolute; top:170px; left:200px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) 00px 0px no-repeat;}


/* 주요사업 제안서 다운로드
.company_business_img .l4 .btn1{ position:absolute; top:150px; left:350px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -395px 0px no-repeat;}
.company_business_img .l5 .btn1{ position:absolute; top:150px; left:350px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -395px 0px no-repeat;}
.company_business_img .l6 .btn1{ position:absolute; top:150px; left:350px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -395px 0px no-repeat;}
*/
/* 싸이트, 무료체험
.company_business_img .l4 .btn1{ position:absolute; top:150px; left:410px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -130px 0px no-repeat;}
.company_business_img .l4 .btn2{ position:absolute; top:150px; left:540px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) 00px 0px no-repeat;}
.company_business_img .l5 .btn1{ position:absolute; top:150px; left:410px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -130px 0px no-repeat;}
.company_business_img .l5 .btn2{ position:absolute; top:150px; left:540px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) 00px 0px no-repeat;}
.company_business_img .l6 .btn1{ position:absolute; top:150px; left:410px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) -130px 0px no-repeat;}
.company_business_img .l6 .btn2{ position:absolute; top:150px; left:540px; display:block; width:130px; height:40px;background:url(../images/suball/com_produ_btn.jpg) 00px 0px no-repeat;}
*/

.pri_pri   .pri1_h1{ width:670px;  margin:50px 0px 0px 40px ; *margin-left:0px;  border-bottom:1px solid #31C7EC; font-size:24px; color:#31C7EC; padding:50px 0px  0px  0px; position:relative; font-weight:bold;}
.pri_pri   .pri1_h1 .copy{ font-size:12px; color:#999; display:inline-block; width:500px; position:absolute;top:50px; left:160px;}
.pri_pri  .pri1_h2{ width:670px;  margin:50px 0px 0px 40px ; *margin-left:0px;  border-bottom:1px solid #31C7EC; font-size:24px; color:#31C7EC; padding:50px 0px  0px  0px; position:relative; font-weight:bold;}
.pri_pri   .pri1_h2 .copy{ font-size:12px; color:#999; display:inline-block; width:500px; position:absolute;top:50px; left:190px;}
.pri_pri  .pri1_h3{ width:670px;  margin:50px 0px 0px 40px ; *margin-left:0px;  border-bottom:1px solid #31C7EC; font-size:24px; color:#31C7EC; padding:50px 0px  0px  0px; position:relative; font-weight:bold;}
.pri_pri   .pri1_h3 .copy{ font-size:12px; color:#999; display:inline-block; width:500px; position:absolute;top:50px; left:160px;}



.pri1_c_l1 .info1{ float:left; margin-top:140px; display:block;width:115px; height:161px; background:url(../images/suball/pri_pri03.jpg) no-repeat;}
.pri1_c_l2 .info1{float:left; margin-top:140px; display:block;width:115px; height:161px; background:url(../images/suball/pri_pri05.jpg) no-repeat;}
.pri1_c_l3 .info1{float:left; margin-top:140px; display:block;width:115px; height:161px; background:url(../images/suball/pri_pri07.jpg) no-repeat;}




.pri_table1{ width:660px;; border:#CCC 1px solid; border-collapse:collapse; line-height:30px; margin-top:50px;}
.pri_table1 td,.pri_table1 th{ border:#CCC 1px solid;line-height:30px;}

.pri_table1  thead th{background-color:#60b4ea;border:#a3cfeb 1px solid;color:#FFF; font-size:12px;} 
.pri_table1  thead td{ line-height:20px ; background-color:#f5fbff; border:#ccc 1px solid; color:#06C; font-size:11px; font-weight:400;}
.pri_table1  tbody th{ font-weight:normal;}
.pri_table1  tbody .tr1 td, .pri_table1  tbody .tr1 th{background-color:#fbfdff;}
.pri_table1  tbody .tr2 td, .pri_table1  tbody .tr2 th{background-color:#f5fbff;}
.pri_table1  tbody .tr1 td, .pri_table1  tbody .tr2 td{text-align:right; padding-right:10px;}
.pri_table1  tfoot td{background-color:#F9F9F9; text-align:left; padding-left:20px;}

.pri_table2{ width:680px;; border:#CCC 1px solid; border-collapse:collapse; line-height:30px;margin-top:50px;}
.pri_table2 td,.pri_table2 th{ border:#CCC 1px solid;line-height:30px;}
.pri_table2  thead th{background-color:#7b93b7;border:#a3cfeb 1px solid;color:#FFF; font-size:12px;} 


.pri_table2  tbody th {background-color:#fbfdff;font-weight:normal;  text-align:left;padding:5px; line-height:22px;}
.pri_table2  tbody td {background-color:#f5fbff;  text-align:left; padding:5px;line-height:22px;}

.pri_table2  tfoot td{background-color:#F9F9F9; text-align:left; padding-left:20px;}
.pri_t4 .btn1{ float:right; display:block; background:url(../images/suball/pri_pir_btn.jpg) -145px 0px no-repeat; width:60px; height:32px;}
.pri_t4 .btn2{ float:right; display:block; background:url(../images/suball/pri_pir_btn.jpg) -70px 0px no-repeat; width:70px; height:32px;}
.pri_t4 .btn3{ float:right; display:block; background:url(../images/suball/pri_pir_btn.jpg) 0px 0px no-repeat; width:70px; height:32px;}




.pri_t1{ text-align:left;position:relative; font-weight:bold; color:#228CC6; }
.pri_t2{ text-align:left;position:relative; font-weight:bold;  color:#228CC6; }
.pri_t3{ text-align:left;position:relative; font-weight:bold; color:#228CC6; }
.pri_t4{ text-align:left;position:relative; font-weight:bold; color:#228CC6; }

.pri_t5{ text-align:left;position:relative; font-weight:bold; color:#228CC6; }
.pri_t1 strong,.pri_t2 strong,.pri_t3 strong,.pri_t4 strong,.pri_t5 strong{ color:#000;}
.pri_t1 .btn1, .pri_t2 .btn1, .pri_t3 .btn1, .pri_t5 .btn1
{ display:none;}
.pri_t1 .btn2, .pri_t2 .btn2, .pri_t3 .btn2, .pri_t5 .btn2
{display:none;}
.pri_t1 .btn3, .pri_t2 .btn3, .pri_t3 .btn3, .pri_t5 .btn3
{display:none;}
#pri2_copy_icon{position:absolute; width:179px; height:134px; top:10px; left: 500px; background:url(../images/jp/sub/icon_asp.jpg) no-repeat;}
#pri3_copy_icon{position:absolute; width:179px; height:134px; top:10px; left: 500px; background:url(../images/jp/sub/icon_rental.jpg) no-repeat;}
#pri4_copy_icon{position:absolute; width:179px; height:134px; top:10px; left: 500px; background:url(../images/jp/sub/icon_solution.jpg) no-repeat;}

.pri_con{ text-align:left;width:650px; margin:0px auto; }
.pri_con h2{float:none; width:650px; margin:30px auto; padding:0px; font-size:16px; border-bottom:1px solid #5F5F5F; line-height:160%; color:#3399ff;}
.pri_con h3{ text-align:center;width:650px; margin:50px auto 30px; padding:10px 0px; font-size:24px;}
.pri_con h3 span{text-align:center; display:block; font-size:14px; color:#999;}
.pri_con .img{width:700px; margin:30px auto;}
.pri_con ul{width:650px; margin:0px auto; padding:0px;}
.pri2_ul1{width:650px; margin:30px auto;}
.pri2_ul1 li{ width:137px; float:left;  margin:10px 11px; }
.pri2_ul1 li h4{ height:87px; color:#FFF; text-align:center; padding-top:50px; font-size:12px ; vertical-align:baseline;}
.pri2_ul1 li p{background:#d8e3f1; padding:15px; font-size:12px; height:130px; margin-bottom:30px;}
.pri2_ul1 li.l1{background:url(../images/jp/sub/pri_2_bg_01.png) no-repeat;}
.pri2_ul1 li.l2{background:url(../images/jp/sub/pri_2_bg_02.png) no-repeat;}
.pri2_ul1 li.l3{background:url(../images/jp/sub/pri_2_bg_03.png) no-repeat;}
.pri2_ul1 li.l4{background:url(../images/jp/sub/pri_2_bg_04.png) no-repeat;}
.pri2_ul2{ width:550px; height:200px; margin:30px auto; background:url(../images/jp/sub/pri_2_bg1.png) -23px 0px no-repeat; }
.pri2_ul2 li{ width:57px; float:left;  padding:123px 40px 0px; font-size:11px;}
.pri2_ul2 li.l1{padding:123px 47px 0px 60px;width:37px;}
.pri2_ul2 li.l3{padding:123px 40px 0px 26px;width:69px;}
.pri2_ul2 li.l4{padding:123px 20px 0px 26px;width:69px;}
.pri2_ul3{width:550px;  margin:30px auto;  background:#f5f5f5; padding:30px;}
.pri2_ul3 li{ line-height:150%; color:#666; }

.pri22_ul2{ width:550px; height:200px; margin:30px auto; background:url(../images/jp/sub/pri_2_bg2.png) -23px 0px no-repeat; }
.pri23_ul2{ width:550px; height:200px; margin:30px auto; background:url(../images/jp/sub/pri_2_bg3.png) -23px 0px no-repeat; }



.pri2_con{ text-align:left;width:650px; margin:0px auto; }
.pri2_con h2{float:none; width:650px; margin:30px auto; padding:0px; font-size:16px; border-bottom:1px solid #5F5F5F; line-height:160%; color:#3399ff;}
.pri2_con h3{ clear:both; text-align:center;width:650px; margin:50px auto 30px; padding:0px; font-size:24px;}
.pri2_con h3 span{text-align:center; display:block; font-size:14px; color:#999;}
.pri2_con .img{width:700px; margin:30px auto;}

.pri2_con ul{width:650px; margin:0px auto; padding:0px;}
.pri2_con .pri2_ul1{width:600px; margin:30px auto; }
.pri2_con .pri2_ul1 li{ width:137px; float:left;  margin:0px 30px; }
.pri2_con .pri2_ul1 li h4{ height:87px; color:#FFF; text-align:center; padding-top:50px; font-size:12px ; vertical-align:baseline;}
.pri2_con .pri2_ul1 li p{background:#d8e3f1; padding:15px; font-size:12px; height:130px;}

.pri2_con .pri2_ul2 li.l1{padding:123px 40px 0px 40px;width:69px;}
.pri2_con .pri2_ul2 li.l2{}
.pri2_con .pri2_ul2 li.l3{padding:123px 40px 0px 37px;width:55px;}
.pri2_con .pri2_ul2 li.l4{padding:123px 20px 0px 30px;width:69px;}


.pri3_con{}
.pri3_con{ text-align:left;width:650px; margin:0px auto; }
.pri3_con h2{float:none; width:650px; margin:30px auto; padding:0px; font-size:16px; border-bottom:1px solid #5F5F5F; line-height:160%;color:#3399ff;}
.pri3_con h3{ clear:both; text-align:center;width:650px; margin:50px auto 30px; padding:0px; font-size:24px;}
.pri3_con h3 span{text-align:center; display:block; font-size:14px; color:#999; padding-top:10px;}
.pri3_con .img{width:700px; margin:30px auto;}

.pri3_con ul{width:650px; margin:0px auto; padding:0px;}
.pri3_con .pri2_ul1{width:600px; margin:30px auto; ;}
.pri3_con .pri2_ul1 li{ width:600px; margin:30px auto;   }
.pri3_con .pri2_ul1 li h4{  width:137px; float:left; height:87px; color:#FFF; text-align:center; padding-top:50px; font-size:12px ; vertical-align:baseline;}
.pri3_con .pri2_ul1 li p{width:400px; float:left; background:#d8e3f1; padding:15px; font-size:12px; height:105px; margin:0 0 0 10px;}


.pri3_con .pri2_ul2 {width:420px; height:200px; margin:30px auto; background:url(../images/jp/sub/pri_2_bg_05.png) -23px 0px no-repeat; }
.pri3_con .pri2_ul2 li.l1{padding:123px 40px 0px 40px;width:69px;}
.pri3_con .pri2_ul2 li.l2{}
.pri3_con .pri2_ul2 li.l3{padding:123px 40px 0px 37px;width:55px;}
.pri3_con .pri2_ul2 li.l4{padding:123px 20px 0px 30px;width:69px;}

.down_copy_img{  width:390px;margin:-20px 0px 0px 80px; *margin-top:0px; _margin-bottom:-45px;  }
.down_copy_img h1{ font-size:28px; width:312px; margin:45px 0px 10px; font-family:"Arial Black", Gadget, sans-serif,"MS PGothic","Osaka"; color:#3399ff;}
.down_copy_img p{width:370px; margin:10px 0px 40px;}
#down_copy_icon{position:absolute; width:179px; height:134px; top:15px; left: 500px; background:url(../images/jp/sub/down_01.png) no-repeat;}


#free_copy{ clear:both; position:relative; margin-top:30px 0px 0px 0px ; padding:0px;text-align:left;}
#free_copy2{ clear:both; position:relative; margin-top:30px 0px 0px 0px ; padding:30px 0 0px 0 ;text-align:left;}
.free_copy_top{ background-image:url(../images/img_free/free_copy_back_top.png); width:667px; height:26px; width:100%; background-position:center; background-repeat:no-repeat;}
.free_copy_img{ text-align:left; margin-left:80px; }
.free_copy_bottom{ clear:both; background-image:url(../images/img_free/free_copy_back_bottom.png); width:667px; height:26px;width:100%; background-position:center; background-repeat:no-repeat;}
.free_copy_bottom2{ clear:both; background-image:url(../images/img_free/free_copy_back_bottom.png); width:667px; height:26px; width:100%; background-position:center; background-repeat:no-repeat; padding-top:100px; }
#free_copy_icon{ position:absolute; top:-20px; right:80px;}
#free_copy h1{text-align:left;font-size:16px; color:#3399ff;}
#free_copy p{text-align:left; font-size:12px; color:#999;}
#free_copy2 p{text-align:left; font-size:12px; color:#999;font-weight:bold;}


.free_copy_img1{ width:390px;margin:-20px 0px 0px 80px; *margin-top:0px; _margin-bottom:-45px; }

.free_copy_img1 h1{font-size:16px; width:307px; margin:45px 0px 10px; color:#3399ff; font-weight:bold; }
.free_copy_img1 p{width:370px; height:46px; margin:10px 0px 20px;}
#free_copy_icon1{position:absolute; width:179px; height:134px; top:10px; left: 500px; background:url(../images/img_free/free_icon01.png) no-repeat;}

.free_copy_img2{ width:390px;margin:-20px 0px 0px 80px; *margin-top:0px; _margin-bottom:-45px; }
.free_copy_img2 h1{font-size:16px; width:307px; margin:45px 0px 10px;;}
.free_copy_img2 p{ width:370px; height:46px; margin:10px 0px 20px;}
#free_copy_icon2{position:absolute; width:179px; height:134px; top:0px; left: 500px; background:url(../images/img_free/free_icon02.png) no-repeat;}

.free_copy_img3{ width:390px; margin:-20px 0px 0px 80px;  }
.free_copy_img3 h1{font-size:16px; width:307px; margin:45px 0px 10px;  }
.free_copy_img3 p{width:370px; height:46px; margin:10px 0px 20px; }
#free_copy_icon3{position:absolute; width:179px; height:134px; top:0px; left: 500px; background:url(../images/img_free/free_icon03.png) no-repeat;}

.free_copy_img4{ width:390px; margin:-20px 0px 0px 80px; }
.free_copy_img4 h1{font-size:16px; width:307px; margin:45px 0px 10px;}
.free_copy_img4 p{width:370px; height:46px; margin:10px 0px 20px;}
#free_copy_icon4{position:absolute; width:250px; height:134px; top:10px; left: 450px; background:url(../images/img_free/free_icon04.png) no-repeat;}


.mail_name{ margin:0px auto; padding:50px 0px 0px 0px ;width:671px;  height: 53px; position:relative; text-align:left;}
.mail_name h1{ font-size:18px; margin:0px; padding:0px; text-indent:10px; color:#3399ff; }
.mail_name p{ font-size:12px; margin:0px; padding:0px; color:#999;  line-height:180%; text-indent:10px;}
.mail_name span{background:url(../images/jp/sub/qna_02.png) no-repeat; width:147px; height:103px; display:block;position:absolute; top:0px; right:0px;}

#mail_faql{ }
#mail_faql ul{ margin:0px auto ; padding:20px 0px  0px  0px; width:671px; height:178px; background:url(../images/jp/sub/qna_01.png) no-repeat;}

.mail_f1 li{margin:0px 0px 0px 200px; padding:0px; border-bottom:1px dashed #999; width:450px; clear:both; overflow:hidden; line-height:200%; }
.mail_f1 li h2{margin:0px; padding:0px; font-size:14px; font-weight:bold; float:left; width:110px; text-align:right;}
.mail_f1 li p{margin:0px; padding:0px; font-size:12px; font-weight:400; color:#666;float:left; width:330px; text-align:left; text-indent:10px;}
.mail_f1 li:hover{ color:#F90; cursor:pointer;}
.mail_f1 .lfaq{ font-size:20px; line-height:200%; color:#F49428; font-family:"Arial Black", Gadget, sans-serif; text-align:left; font-weight: bold;}
.mail_f1 .lfaq strong{color:#3399ff;}


#faq_copy_icon{ position:absolute; top:15px; right:65px;z-index:7000;}
.faq_copy_img{  position:absolute; text-align:left; margin-left:80px; left:0px; top:40px; z-index:8000;}
.faq_r_copy_img{ text-align:left; margin-left:230px; color:#999; line-height:180%;}
.faq_r_copy_img li{ border-bottom:1px dashed #999; width:420px;}
.faq_r_copy_img li:hover{ color:#F90; cursor:pointer;}
.faq_r_copy_img .l1{ font-size:20px; line-height:200%; color:#F49428; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold }
.faq_r_copy_img .l1 strong{color:#3399ff;}
#faq_r_copy_icon{position:absolute; top:40px; left:80px;}
#faq_copy{position:relative; margin-top:30px;text-align:center; height:150px;}

#faq_d_tap2{display:none;}


.faq_copy_bottom{ position:absolute; top:130px;left:46px; background-image:url(../images/img_free/free_copy_back_bottom.png); width:667px; height:26px;}
.faq_hidden1{ display:none;}



.faq_ul {width:670px;margin-left:0px;_margin-left:-40px;}
.faq_ul li{position:relative;border-bottom:1px solid #eee; padding:5px 5px 5px 0px ; margin-left:-10px;_margin-left:-40px;}
.faq_ul .excon{width:380px; *width:360px; float:right;}
.faq_ul img{float:left; }
.faq_ul h1{text-align:left; ;margin-left:0px;font-size:14px;color:#2582c8 ;}
.faq_ul .p1{text-align:left; font-weight: bold;font-size:12px;color:#2e2e2e;}
.faq_ul .p2{text-align:left; }


.faq_ul .btn{position:absolute; top:30px;right:5px; }

#faq_link_no_t{display:none; position:absolute;  top:1180px;}
#faq_link_no{}

.po_div{ height:100px;}


#con_tap{ height:180px; padding:0 50px 0 130px;}
.con_tap_icon1{ width:133px; height:133px;  background:url(../images/suball/free_top_back_gry_01.png);}
.con_tap_icon2{width:133px; height:133px;  background:url(../images/suball/free_top_back_gry_02.png);}
.con_tap_icon3{width:133px; height:133px;  background:url(../images/suball/free_top_back_gry_03.png);}
.con_tap_icon4{width:133px; height:133px;  background:url(../images/suball/free_top_back_gry_04.png);}

.con_tap_icon1_sel{ width:133px; height:133px;  background:url(../images/suball/free_top_back_sel_01.png); }
.con_tap_icon2_sel{ width:133px; height:133px;  background:url(../images/suball/free_top_back_sel_02.png);}
.con_tap_icon3_sel{ width:133px; height:133px;  background:url(../images/suball/free_top_back_sel_03.png);}
.con_tap_icon4_sel{ width:133px; height:133px;  background:url(../images/suball/free_top_back_sel_04.png);}

.con_tap li{ text-align:center; line-height:30px; }
.con_tap_text1{ width:105px; height:30px;line-height:30px; margin-left:15px; border:1px dashed #CCC;}
.con_tap_text2{ width:105px; height:30px;line-height:30px; margin-left:15px; border:1px dashed #CCC;}
.con_tap_text3{ width:105px; height:30px;line-height:30px; margin-left:15px; border:1px dashed #CCC;}
.con_tap_text4{ width:105px; height:30px;line-height:30px; margin-left:15px; border:1px dashed #CCC;}
.con_tap_text1_sel{ width:105px; height:30px; margin-left:10px; border:1px dashed #7DCCF7;line-height:30px;}
.con_tap_text2_sel{ width:105px; height:30px; margin-left:10px; border:1px dashed #7DCCF7;line-height:30px;}
.con_tap_text3_sel{ width:105px; height:30px; margin-left:10px; border:1px dashed #7DCCF7;line-height:30px;}
.con_tap_text4_sel{ width:105px; height:30px; margin-left:10px; border:1px dashed #7DCCF7;line-height:30px;}

.free_h1_1{ width:210px; height:14px; font-size:12px;}
.free_h1_2{ width:210px; height:30px;  font-size:12px;}


.free_h2_1{ width:210px; height:14px;  font-size:12px;}
.free_h2_2{ width:210px; height:14px; font-size:12px;}

.free_h3_1{  margin-top:65px; float:left; width:200px; height:14px; font-size:12px; color:#666;}


.remail_btn{ width:110px; height:26px;}
.remail_btn input{width:110px; height:26px; background:#000;  color:#FFF; cursor:pointer;}
.rew_btn{width:120px; height:26px; }
.rew_btn input{width:120px; height:26px; background:#000;  color:#FFF; cursor:pointer;}



.free_agree_btn{ width:309px; height:64px; margin:0 auto;cursor:pointer;}
.free_agree_btn input{width:309px; height:64px; background:url(../images/jp/sub/free_01_btn01.png) no-repeat; border:none; font-size:19px; font-weight: 700;}
#agree_text_02, #agree_text_01{ margin-left:10px; background-color:#fcfcfc; color:#999999;}
#agree_text_001,#agree_text_002{height:500px; color:#999999;}


textarea{ width:667px; height:150px; border:1px solid #CCC; padding:5px; font-size:12px; color:#666;}
#mail_texta{width:467px; height:150px; border:1px solid #CCC; padding:5px; font-size:12px; color:#666; margin:5px 0px 5px 0px;}
h1{ text-align:left; margin-left:50px; margin-top:30px; margin-bottom:10px;}
h2{ text-align:left; margin-left:50px; margin-top:30px; margin-bottom:10px; float:left;}
.ul_btn{ float:right; margin-right:40px;margin-top:48px; margin-bottom:0px; list-style-type:none;}
.ul_btn li{ float:left;}

.agree {*margin-right:66px;}
.agree ul{float:right;width:100%;margin-top:10px; margin-bottom:20px; margin-right:30px;}
.agree li{ float:right; list-style-type:none; font-size:12px; margin-right:10px; text-align:right;}
.agree li label{ }
.agree li input{ vertical-align:middle;}




#free_ex { background-color:#f8f9f9; padding:20px; width:664px; color:#666; text-align: left; margin:opx auto; font-size:14px; border: solid 1px #f1f2f2;}
.end_btn{;width:664px; margin:20px auto;}

.free_h2_1{ position:relative;}
#t_import .id_ch{ border:none;height:24px;}
#t_sel .adrees_ch{ border:none;}
#t_import{ border:1px solid #d6deee ;width:664px; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:32px; }
#t_import caption,#t_sel caption , #t_sel tfoot, #t_import tfoot, #t_sel thead, #t_import thead{ display:none;}
#t_import th{width:25%;padding-left:5px; background-color:#edf0f7;color:#2b4068;  border:1px solid #d6deee ;text-align:left;line-height:32px; }
#t_import td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #d6deee ;text-align:left;  color:#5679ba; font-size:11px; line-height:32px;}
#t_import .word{width:75%;padding-left:5px; background-color:#fff; border:1px solid #d6deee ;text-align:left;  color:#2b4068; font-size:12px; line-height:32px;}
#t_import img{ vertical-align:middle;}
#t_import input{ vertical-align:middle; border:1px solid #d6deee ;background-color:#f6f8fb; height:16px;}
.in_call{ width:71px;vertical-align:middle;}
.in_mail{ width:101px;vertical-align:middle;}
.in_adress{ width:300px;vertical-align:middle; margin-bottom:3px;}

#t_sel{ border:1px solid #e2e2e2 ;width:664px;; margin:0 auto; border-collapse:collapse; font-size:12px; line-height:24px; }
#t_sel th{width:25%;padding-left:5px; background-color:#f2f2f2;color:#666;  border:1px solid #e2e2e2 ;text-align:left;line-height:32px; }
#t_sel td{width:75%;padding-left:5px; background-color:#fff; border:1px solid #e2e2e2 ;text-align:left;  color:#888888; font-size:11px;line-height:32px; }
#t_sel img{ vertical-align:middle;}
#t_sel input{ vertical-align:middle; border:1px solid #e2e2e2 ; background-color:#f8f8f8;}

.end_btn2{ width:300px; margin:20px auto;}
.end_btn2 p{ float:left }


.free_btn_jum{ width:90px; height:34px; overflow:hidden;cursor:pointer;}
.free_btn_jum input{width:90px; height:34px; border:none;background:url(../images/jp/sub/free_02_btn_save.png) no-repeat; color:#FFF; font-weight:bold; }
.free_btn_jum2{width:120px; height:34px; overflow:hidden; cursor:pointer;}
.free_btn_jum2 input{width:120px; height:34px;padding-right:25px; border:none;background:url(../images/jp/sub/free_02_btn_cleaer.png) no-repeat;font-weight:bold;}



.free_3_hc{float:left; margin-top:5px; margin-left:35px; text-indent:-9999999px;background:url(../images/img_free/login_text.png) no-repeat; width:167px; height: 48px;}
.sc1 {
    background-color: #F1F1F1;
    border: 1px solid #BEBEBE;
}
.ac {
    bottom: 0;
    padding-bottom: 1px;
    position: absolute;
    right: 0;
    width: 200px;
	top:0px;
}
.ac input {
    background: url(../images/img_free/login_btn.png) repeat-x scroll -3px -3px #F1F1F1;
    /*border: 1px solid #BCBCBC;*/
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    height: 67px;
    letter-spacing: -1px;
    margin-top: 60px;
    overflow: visible;
    text-indent: -9999999px;
    vertical-align: middle;
    white-space: nowrap;
    width: 144px;
	
}
.hc {
    font-size: 0;
    height: 0;
    left: -10000px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

label {
    cursor: pointer;
}
.ia {
    margin: 28px 0;
    position: relative;
    width: 100%;

}
.ia .lt{ float:left;width:290px; letter-spacing:-1px; font-size:11px; text-align:left; margin-top:14px; color:#666; padding-bottom:20px ; text-indent:-2;}
.ia .lt span{float:left; font-size:12px; font-weight:bold; color:#F60;}
.ia h3{ float:left;  padding: 0 0px 0 46px;}
.ip {
	clear:both;
    padding: 0 207px 0 58px;
	*margin-top:30px;
}
.ip input {
    width: 100%;
}
.ip li {
    margin-top: 7px;
    vertical-align: top;
    width: 100%;
}

.it input {
    border: 0 none;
    height: 22px;
    width: 100%;
}
#ct{ margin:0 auto; width:530px;}

#ct fieldset {
    border: 1px solid #FFFFFF;
    position: relative;
}
.it {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9B9B9D;
    display: block;
}
.hc {
    font-size: 0;
    height: 0;
    left: -10000px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}
#l_back{ padding:60px 30px 60px 30px; margin: 30px 62px 60px 62px; height:200px; background-color:#f7f7f7;border-top: 3px solid #8d8d8d;}
.il{background: url(../images/jp/main/login_back.png) no-repeat scroll 0.6em 0px #FFFFFF;
    ime-mode: disabled;
}
.pl{background: url(../images/jp/main/login_back_pw.png) no-repeat scroll 0.6em 0px #FFFFFF;
    ime-mode: disabled;
}






#my_login2 #ct{ margin:0 auto; width:530px;}

#my_login .sc1 {
    background-color: #F1F1F1;
    border: 1px solid #BEBEBE;
}
#my_login .ac {
    bottom: 0;
    padding-bottom: 1px;
    position: absolute;
    right: 0;
    width: 200px;
	top:-75px;
	*top:-35px;
}
#my_login .ac input {
    background: url(../images/img_free/login_btn.png) repeat-x scroll -4px -4px #F1F1F1;
    /*border: 1px solid #BCBCBC;*/
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    height: 67px;
    letter-spacing: -1px;
    margin-top: 60px;
    overflow: visible;
    text-indent: -9999999px;
    vertical-align: middle;
    white-space: nowrap;
    width: 144px;
	
}
#my_login .hc {
    font-size: 0;
    height: 0;
    left: -10000px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

#my_login label {
    cursor: pointer;
}
#my_login .ia {
    margin: 28px 0px 8px 0px;
    position: relative;
    width: 100%;
}

.i_log{position:relative;  margin-left:0px; margin-top:-30px;*margin-top:10px;text-align:left; border-bottom:1px solid #CCC;}
.i_log .i_name{ text-indent:15px; padding-top:10px;}
.i_log .btn{position:absolute; top:0px; right:75px;  margin-left:20px; background:url(../images/suball/my_logout2.jpg) no-repeat; width:52px; height:22px; cursor:pointer;}
.i_log .btn2{position:absolute; top:0px; right:20px;  margin-left:20px; background:url(../images/suball/my_logout_info.jpg) no-repeat; width:52px; height:22px; cursor:pointer;}
.i_log .btn input{visibility:hidden; width:51px; height:18px;}
.i_log .btn2 input{visibility:hidden; width:51px; height:18px;}
.il_btn{  clear: both; margin:0px; *margin-left:40px; *margin-top:15px}
.il_btn li{ float:left;}
.il_btn .l1{ float:left;background:url(../images/suball/log_off_01.jpg) no-repeat; width:213px ; height:103px;cursor:pointer;}
.il_btn .l2{ float:left;background:url(../images/suball/log_off_02.jpg) no-repeat; width:232px ; height:103px;cursor:pointer;}
.il_btn .l1 input{ float:left;width:213px ; height:103px; visibility:hidden;}
.il_btn .l2 input{ float:left;width:232px ; height:103px;visibility:hidden;}

.my_botmenu{ float:left; border-bottom:1px solid #CCC ;border-top:1px solid #CCC ;  width:530px; margin-left:115px; margin-top:10px;}
.log_b_notice{ float:left; margin-left:0px; text-indent:-30px;*text-indent:0px;*margin-top:10px;}

.log_b_link2{ position:relative; float:right; margin-top:5px;}
.log_b_link2 .l1{ float:left; text-indent:-99999px;  background:url(../images/suball/my_bttom_coin.jpg) no-repeat; width:71px; height:34px; cursor:pointer;}
.log_b_link2 .l2{float:left; text-indent:-99999px;   background:url(../images/suball/my_bttom_how.jpg) no-repeat; width:71px; height:34px; cursor:pointer;}
.log_b_link2 .l3{float:left;  text-indent:-99999px;  background:url(../images/suball/my_bttom_no.jpg) no-repeat; width:71px; height:34px;  cursor:pointer;}
 .log_b_link2 .l3 #geno{ display:none; position:absolute; top:-170px; left:-318px; width:529px; height:160px; background-color:#999;}

#my_login .lh1{ text-indent:-99999px; background:url(../images/suball/login_h1.jpg) no-repeat; width:469px; height:38px; margin-left:60px;}
#my_login2 {text-align:left;}
#my_login2 .lh2{ text-indent:-99999px; background:url(../images/suball/log_h2.jpg) no-repeat; width:469px; height:38px; margin-left:110px;}
#my_login h1 span{}
#my_login .h_id{ margin: 20px 0px 0px 180px ;text-align:left; width:385px; border-top:1px solid #ccc; padding-top:5px; }
#my_login .ilink{ position:absolute; top:68px; *top:115px; left:410px;}
.log_b_link{ padding:5px 0px 5px 0px ; margin-top:20px; border-bottom:1px solid #BFEBFF;border-top:1px solid #BFEBFF; width:625px; margin-left:65px; *margin-left:0px; text-align:left; font-family:굴림, ????; font-size:13px; letter-spacing:-1px;}
.log_b_link li{ position:relative;line-height:28px; list-style-type:circle; text-indent:15px;}
.log_b_link span{  position:absolute; top:0px;right:0px; line-height:24px; font-size:11px;}
#my_login .lo_icon{ position:absolute; top:-25px; *top:15px; left:15px; display:block; background:url(../images/suball/login_icon.jpg) no-repeat; width:131px; height:125px;}

#my_login .ia .lt{ float:left;width:290px; letter-spacing:-1px; font-size:11px; text-align:left; margin-top:14px; color:#666; padding-bottom:20px ; text-indent:-2;}
#my_login .ia .lt span{float:left; font-size:12px; font-weight:bold; color:#F60;}
#my_login .ia h3{ float:left;  padding: 0 0px 0 46px;}
#my_login .ip {
	clear:both;
    padding: 0 207px 0 180px;
	*padding-left:140px;
}
#my_login .ip input {
    width: 100%;
}
#my_login .ip li {
    margin-top: 7px;
    vertical-align: top;
    width: 100%;
}

#my_login .it input {
    border: 0 none;
    height: 22px;
    width: 100%;
}
#my_login #ct{ margin:0 auto; width:630px;}
#my_login #ct fieldset {
    border: 1px solid #FFFFFF;
    position: relative;
}
#my_login .it {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9B9B9D;
    display: block;
}
#my_login .hc {
    font-size: 0;
    height: 0;
    left: -10000px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}


.re_pw{   overflow:hidden;}
.pw_t_ul li{ clear:both;}
.pw_t_ul .l1 label{ margin-left:30px; text-indent:-9999999px; float:left; background:url(../images/suball/re_my_name.jpg) 0px 5px no-repeat; width:70px; height:35px; display:block;}
.pw_t_ul .l2 label{margin-left:30px;  text-indent:-9999999px;float:left; background:url(../images/suball/re_my_name.jpg) 0px -25px no-repeat; width:70px; height:35px; display:block;}
.re_pw .hh1{ background:url(../images/suball/my_02_h1.jpg) 5px 0px no-repeat; width:567px; height: 47px; text-indent:-999999px; margin-bottom:0px;}
.pw_view{ visibility:hidden;}
.re_pw fieldset{ width:600px; border:none; margin-left:50px; margin-top:0px; position:relative;}
.pw_t{ border:1px solid #CCC; background-color:#FDFDFD;}
.pw_t_ul{   text-align:left; }
.pw_t_ul input{  border:1px solid #999; line-height:22px; font-size:12px; height:22px; margin-top:5px; margin-left:10px; width:200px; }
.pw_t_ul .input1{  margin-right:10px; border:1px solid #999; line-height:22px; font-size:12px; height:22px; margin-top:5px; margin-left:10px; width:200px; }
.pw_btn_w{ position:absolute; top:65px; *top:85px; right:100px; _right:70px; width:130px; height:55px; background:url(../images/suball/re_idpw_btn.jpg) no-repeat; cursor: pointer;}
:root .pw_btn_w{top:70px; right:100px; }
.pw_btn_w input{width:130px; height:55px; visibility:hidden;}
.pw_ex{border-bottom:1px solid #ccc; background-color:#f2f2f2; text-align:left; text-indent:20px; padding:10px 0px 10px 0px ; margin-top:-0px; font-size:14px;font-weight:600; }
.pw_ex strong{ color:#F60;font-size:12px;}
.pw_ex2{ color:#666 ;  text-indent:40px;}
.pw_ex3 { color:#666 ;  text-indent:40px;}

.d_log_b_link {position:relative;*margin-top:40px;}
.d_log_b_link .log_b_link{margin-left:50px; width:600px ; height:65px;}
:root .d_log_b_link .log_b_link{ margin-left:57px; width:600px;}
.d_log_b_link .log_b_link li{ letter-spacing:-1px; margin-left:0px; text-indent:5px; list-style-type:none;}
.d_log_b_link .log_b_link li  dfn{ font-size:11px; color:#F90; font-style:normal;}
.d_log_b_link .btn1{ position:absolute; top:10px; width:110px; right:110px; border:1px solid #ccc ; background-color:#fdfdfd; padding: 3px 5px 3px 5px; font-size:11px;}
.d_log_b_link .btn2{position:absolute; top:40px;width:110px; right:110px;border:1px solid #ccc ; background-color:#fdfdfd; padding: 3px 5px 3px 5px; font-size:11px;}


.my03_tom_img{ background:url(../images/suball/my03_top.jpg) no-repeat; white-space:672px ; height:123px; margin-left:40px; margin-top:30px;}





.con_img{margin-top:30px; margin-bottom:30px;}


#link_t { float:left; margin-bottom:15px;  }
#link_t li{float:left; font-size:12px; color:#666;}


.td_center {text-align:center;}

.faq_2 {padding-left:5px;line-height:180%;width:100%;padding-top:5px;padding-bottom:5px;border-top:1px solid #dedede;font-weight:bold;font-size:12px;cursor:pointer;color:#666;}
.faq_3 {padding-left:5px;line-height:22px;width:100%;padding-top:15px;padding-left:15px;padding-bottom:25px;border-top:1px solid #e4f6ff;display:;background-color:#fafdff;color:#1e6285;}
.faq_1 {text-align:left;width:645px;margin-left:40px;}
.faq_4 {margin-left:40px;width:650px;padding-top:2px;border-top:2px solid #dedede;}
.faq_5 {padding-left:5px;line-height:180%;width:100%;padding-top:15px;padding-bottom:5px;border-top:none;font-weight:bold;font-size:12px;cursor:pointer;color:#666;}

/*FAQ ??????/

.faq_con{}

ul.faq_tap1{ float:left; width:680px; margin-left:10px; text-indent:-99999px; }



.icon{}

*/


.cus04_info{ margin-top:40px;}

.cus04_copy_img{ width:390px;margin:-20px 0px 0px 140px; *margin-top:0px; _margin-bottom:-45px; }

.cus04_copy_img h1{font-size:16px; width:307px; margin:45px 0px 10px;; }
.cus04_copy_img p{width:370px; height:46px; margin:10px 0px 20px;}
#cus04_copy_icon{position:absolute; width:186px; height:132px; top:10px; left: 450px; background:url(../images/jp/sub/notice_info_1.png) no-repeat;}

#cus4_list{ width:88%; margin-left:50px; *margin-left:10px;}

.company_over_s1{padding-left:40px;text-align:left;}
.company_over_img {float:right;}
.company_over_img{margin-top:50px; line-height:180%;}
.company_over_img a:link{color:#039;font-weight:bold;}

.faq_con a:link{color:#039;font-weight:bold;}

.company_tech_2010{ text-align:left; font-size:14px; color:#666; line-height:200%;}
.company_tech_2010 a{font-weight:bold; text-decoration:underline;}
.company_tech_2010 a:link{font-weight:bold; text-decoration:underline;}
.date_history{font-size:11px;  color:#06C;}

.dis_pri{ color:#F30; font-size:12px; text-decoration:line-through;}
.pri_table1 strong{font-size:14px; }

.history_bottom_p{padding:10px 0px 10px 0px;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;}

/*
.function_ul{margin-left:-40px;_margin-left:0px;}
.function_ul li{position:relative; float:left; margin-right:30px;margin-left:0px;}
.function_ul li .function_name{position:absolute; top:80px; right:-40px;display:block;width:150px; }
*/

.top_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#286bc2;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.top_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.top_btn:active {
	position:relative;
	top:1px;
}


.mobile_title{background:url(../images/suball/mobile_title_j_1.jpg) no-repeat;width:738px; height:238px;text-indent:-99999999px;position:relative; margin:0 20px;}
.mobile_title .btn1{display:inline-block; width:208px;height:48px;background:url(../images/suball/mobile_title_btn2_2.jpg) no-repeat;position:absolute;top:140px; left:8px;cursor:pointer; margin-top:15px;}



.mobile_title2{background:url(../images/suball/mobile_title_j_2.jpg) no-repeat;width:738px;height:238px;text-indent:-99999999px;position:relative;}
.mobile_title2 .btn2{display:inline-block; width:208px;height:48px;background:url(../images/suball/mobile_title_btn2_2.jpg) no-repeat;position:absolute;top:160px; left:20px;cursor:pointer;}

.video_title{background:url(../images/suball/video_title02.jpg) no-repeat;width:738px;height:238px;text-indent:-99999999px;position:relative;}
.video_title .btn1{display:inline-block; width:208px;height:48px;background:url(../images/suball/video_title_btn.jpg) no-repeat;position:absolute;top:140px; left:13px;cursor:pointer; margin:20px 0 0 10px;}

.video_title02{background:url(../images/suball/video_title02.jpg) no-repeat;width:738px;height:238px;text-indent:-99999999px;position:relative;}
.video_title02 .btn2{display:inline-block; width:208px;height:48px;background:url(../images/suball/mobile_title_btn2.jpg) no-repeat;position:absolute;top:160px; left:13px;cursor:pointer;}


.mobile_ul{margin:0px; padding:10px 10px 0px 10px;border-top:2px solid #333;overflow:hidden;text-align:left;}
.mobile_ul li{margin:0px; padding:30px 0px 20px 0px;overflow:hidden;border-top:1px solid #ccc; }
.mobile_ul li h2{margin:0px; padding:0px 0px 0px 0px; float:left; width:190px;color:#63c61a;}

.mobile_ul li.l1 h2{background:url(../images/suball/ti_n_01.png) no-repeat;height:88px;text-indent:-99999999px;}
.mobile_ul li.l2 h2{background:url(../images/suball/ti_n_02.png) no-repeat;height:28px;text-indent:-99999999px;}
.mobile_ul li.l3 h2{background:url(../images/suball/ti_n_03.png) no-repeat;height:28px;text-indent:-99999999px;}
.mobile_ul li.l4 h2{background:url(../images/suball/ti_n_04.png) no-repeat;height:28px;text-indent:-99999999px;}
.mobile_ul li.l5 h2{background:url(../images/suball/ti_05.png) no-repeat;height:28px;text-indent:-99999999px;}

.mobile_ul li.l4{border:none;}


.mobile_ul li .context{float:left; width:510px; margin:0px; padding:0px;}

.mobile_ul li ul li{margin:0px; padding:10px 0px 10px 0px;overflow:hidden;border-top:1px solid #ccc; }
.mobile_ul li ul .l1{border-top:none; }
.mobile_ul  .l1{border-top:none; }


.mobile_ul li .context ul{margin:0px; padding:0px;}

.mobile_ul li h3{margin:0px; padding:0px 0px 0px 0px;  width:100%;color:#63c61a;font-size:14px; }

.mobile_ul .context table{width:100%; line-height:220%;font-size:12px;}
.mobile_ul .context table th{background:#fafafa;line-height:220%; border-top:1px solid #c0c1c2;border-bottom:1px solid #c0c1c2;text-indent:5px;}
.mobile_ul .context table td{line-height:220%; border-bottom:1px solid #c0c1c2;text-indent:5px;}
.mobile_ul .context table tfoot td{font-size:11px; color:#666;text-align:right;border:none;}

.mobile_ul .context div{margin:0px; padding:40px 0px ;position:relative; border-top:1px solid #e0e0e0;}
.mobile_ul .context div h3{line-height:220%; font-size:14px;}
.mobile_ul .context div ul{margin:0px; padding:0px 0px;}
.mobile_ul .context div li{border:none;margin:0px; padding:0px;line-height:220%;}
.mobile_ul .context .icon{width:170px;height:150px; position:absolute;top:0px; left:-170px; }
.mobile_ul .context .icon2{width:170px;height:150px; position:absolute;top:0px; left:-170px; }
.function0 .icon{background:url(../images/suball/mobile_icon_001.png) 0px  30px no-repeat;}
.function0 .icon2{background:url(../images/suball/video_icon_001.png) 0px  30px no-repeat;}
.function1 .icon{background:url(../images/suball/mobile_icon_002.png) 0px  30px  no-repeat;}
.function2 .icon{background:url(../images/suball/mobile_icon_003.png) 0px  30px  no-repeat;}
.function3 .icon{background:url(../images/suball/mobile_icon_004.png) 0px  30px  no-repeat;}
.function4 .icon{background:url(../images/suball/mobile_icon_005.png) 0px  30px  no-repeat;}
.function5 .icon{background:url(../images/suball/mobile_icon_006.png) 0px  30px  no-repeat;}
.function6 .icon{background:url(../images/suball/mobile_icon_007.png) 0px  30px  no-repeat;}


.mobile_ul .context div.function2{margin:0px; padding:40px 0px 100px;}
.mobile_ul .context div.function3{margin:0px; padding:40px 0px 50px;}
.mobile_ul .context div.function4{margin:0px; padding:40px 0px 100px;}
.mobile_ul .context div.function5{margin:0px; padding:40px 0px 80px;}