@charset "utf-8";

/* reset */
ul, li, ol, li { list-style:none;}
a:link    {text-decoration:none; color:#6F6F6F; border: none;}
a:visited {text-decoration:none; color:#6F6F6F; border: none;}
a:active  {text-decoration:none; color:#6F6F6F; border: none;}
a:hover   {text-decoration:none; color:#fa7c37; border: none;}
img{ border: none;}
BODY,TD, TR, input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:tahoma; font-size:12px;line-height:18px;color:#272727;letter-spacing:-1;font-weight:normal;margin:0px;padding:0px;}

body{font-family: "MS PGothic","Osaka",Arial,sans-serif;
    font-size: 75%;
    line-height: 1.22;
    
    word-break: break-all;
    word-wrap: break-word;
}

/* common */
.hc {
    font-size: 0;
    height: 0;
    left: -10000px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

/* layout */
#wrap{margin:0;padding:0;}
	#header{}
	#container{width:1000px;margin:0 auto;padding-left:100px;}
		.maingraphic{width:940px;height:330px;position:relative;}
		.content1{width:940px;height:105px;margin-bottom:20px;}
			.try_box{float:left;width:658px;height:80px;padding:25px 0 0 25px;border:1px solid #ccc;}
			.login_box{float:right;width:228px;height:105px;border:}
		.content2{width:940px;height:195px;margin-bottom:35px;}
			.feature{float:left;width:685px;}
			.android_banner{float:right;width:230px;}
		.content3{width:940px;height:120px;}
			.notice_area{width:685px;float:left;border-top:1px solid #e5e5e5;}
				.faq{float:left;width:460px;}
				.notice{float:right;}
			.notice_banner{display:block; float:right;width:230px;height:120px;cursor:pointer;}
	#footer{}

/* container */
/* maingraphic */
.maingraphic{margin-bottom:20px;padding:0;}
.ban_list{padding:0;}
.ban_list li{position:absolute;top:0;left:0;display:none;}
.ban_list li.on{display:block;}
.ban_dot{padding:0;position:absolute;z-index:4;top:270px;*top:282px;left:440px;*left:400px;}
.ban_dot li{float:left;margin-right:10px;}
.ban_dot li a{display:block;width:14px;height:14px;background:url(../images/jp/main/number_normal.png) 0 0 no-repeat;}
.ban_dot li a:hover{background-image:url(../images/jp/main/number_hover.png);}
.ban_dot li.on a{background-image:url(../images/jp/main/number_on.png);}
.side_btns{padding:0;}
.side_btns li a{position:absolute;z-index:4;display:block;width:14px;height:14px; top:282px;}
.side_btns li a.left_btn{left:420px;background-image:url(../images/jp/main/number_arrow_left.png);}
.side_btns li a.right_btn{left:508px;background-image:url(../images/jp/main/number_arrow_right.png);}
.side_btns li a.left_btn:hover{background-image:url(../images/jp/main/number_arrow_left_hover.png);}
.side_btns li a.right_btn:hover{background-image:url(../images/jp/main/number_arrow_right_hover.png);}

/* try_box */
.try_box{position:relative;}
.try_box p{margin:0;}
.try_box ul{margin:0;}
.try_box ul li{margin:0;}
.try_box .try_msg{float:left;font-weight:bold;}
.try_box .try_btn_list{position:absolute;right:0px;top:25px;}
.try_box .try_btn_list li{float:left;margin-right:15px;}
.try_btn1 {
    width:120px; 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;
   
}
.try_btn1: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;
}
.try_btn1:active  {
    position:relative;
    top:1px;
}
.try_btn2  {
    width:100px; 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;

}
.try_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;
}
.try_btn2:active {
    position:relative;
    top:1px;
}
.try_box .try_tel{position:absolute;left:30px;top:60px;padding:0;font-size:24px; color:#fc8f57; font-weight:bold; font-family; font-family: "MS PGothic","Osaka",Arial,sans-serif;}
.try_box .try_tel img{margin-right:10px;}

/* login_box */
.login_box{padding:0;border:1px solid #ccc;}
.login_box fieldset{padding:0;margin:0;border:none;}
.login_box .ac2{margin-top:15px;}

.login_btn{
    background: url(../images/jp/main/main_login_btn2.png) no-repeat scroll 0 0 #F1F1F1;
    border: none;
    color: #666666;
    cursor: pointer;
    display: block;
    height: 78px;
    overflow: visible;
    width: 195px;
	text-indent:-999999px;
	margin:0 auto;
}

/* content2 */
/* feature */
.feature .feature_list{margin:0;padding:0;}
.feature .feature_list li span{display:block; width:208px; height:194px;}
.feature .feature_list .feature1{float:left;}
.feature .feature_list .feature2{float:left;margin-left:30px;}
.feature .feature_list .feature3{float:right;}
.feature .feature_list .feature1 span{background-image:url(../images/jp/main/feature1.jpg);}
.feature .feature_list .feature2 span{background-image:url(../images/jp/main/feature2.jpg);}
.feature .feature_list .feature3 span{background-image:url(../images/jp/main/feature3.jpg);}
.feature .feature_list li span:hover{background-position:0 -196px;}

/* android_banner */
.android_banner p{margin:0;}

/* content3 */
/* faq */
.faq{position:relative;}
.faq h3{margin:0;margin:10px 0;background:url(../images/jp/main/main_title01.jpg) no-repeat;font-size:12px;text-indent:57px;}
.faq .main_faq{padding:0;margin:0;}
.faq .main_faq li{float:left;width:90px;font-size:11px;text-align:center;background:url(../images/img_main_all/faq_line.jpg) right 0 no-repeat;}
.faq .main_faq li.last_li{background:none;}
.faq .main_faq span.img{margin-left:12px;}
.faq .main_faq span.li1{display:block;width:70px; height:58px; background:url(../images/img_main_all/main_faq01.jpg) no-repeat;}
.faq .main_faq span.li2{display:block; width:70px; height:58px; background:url(../images/img_main_all/main_faq02.jpg) no-repeat;}
.faq .main_faq span.li3{display:block; width:70px; height:58px; background:url(../images/img_main_all/main_faq03.jpg) no-repeat;}
.faq .main_faq span.li4{display:block; width:70px; height:58px; background:url(../images/img_main_all/main_faq04.jpg) no-repeat;}
.faq .main_faq span.li5{display:block; width:70px; height:58px; background:url(../images/img_main_all/main_faq05.jpg) no-repeat;}
.faq .main_more{text-indent:-99999px; position:absolute; display:block;width:30px; height:13px; top:15px; right:20px; background:url(../images/img_main_all/main_more.jpg) center center no-repeat;}

/* noitce */
.notice{position:relative;}
.notice h3{margin:0;margin:10px 0;background:url(../images/jp/main/main_title02.jpg) no-repeat;font-size:12px;text-indent:80px;}
.notice_list{padding:0;margin:0; font-size:11px;}
.notice_list li{width:220px;height:20px; font-size:11px;}
.notice_list li .span1{width:100px;overflow:hidden;float:left;}
.notice_list li .span2{width:110px;float:right;}
.notice .notice_more{text-indent:-99999px; position:absolute; display:block;width:30px; height:13px; top:15px; right:5px; background:url(../images/img_main_all/main_more.jpg) center center no-repeat;}

/* notice_banner */
.notice_banner{border-top:1px solid #e5e5e5;cursor:pointer;}
.notice_banne a{ display:bolck; height:120px;width:230px; }

/* footer */
#bottom{text-align:left; background:url(../images/jp/bottom/bg.jpg) ; width:930px; height:126px; margin:0px auto; 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 .img{ background:url(../images/jp/bottom/icon.jpg) no-repeat; width:160px; height:42px; position:absolute; top:0px; right:15px; display:block;}