﻿
/* CSS Document */
/*@import url("//imgs.click108.com.tw/css_2013/reset_2.css");*/
@import url("reset_2.css");

body { position: relative; }

/* input global settings 220825 byJune*/
input[type="text"]:read-only { background: rgba(204,204,204,31%)!important; border: 3px solid transparent!important; }
.inputError { margin: -2px 0px 2px -2px; border: 3px solid #a80000 !important; border-radius: 3px; }
span.spanError { position: relative; }
span.spanError:before {
	content: attr(data-error);
    position: absolute;
    display: block;
    color: #ffc200;
    top: 12px;
    left: 280px;
    background: rgba(22,22,22,66%);
    border: 1px solid #171717;
    font-size: 13px;
    width: 120px;
    text-align: center;
    line-height: 1.5em;
	border-radius: 3px;
	text-indent: 0;
}
.inputSuccess { border: 3px solid #00f413 !important; }

.JAPAN_BG{
	margin:0 auto;
	min-width:1300px;
	height:60px;
	background-image:url(../image/japan_bg.jpg);
}
.JAPAN_BG2{
	margin:0 auto;
	width: 1300px;
/*    max-width: 75%;*/
	height:60px;
	background-image:url(../image/japan_bg2.png);
	background-repeat: no-repeat;
}
.HEADER{
	margin:0 auto;
/* 	width:1021px; */
    padding: 0 60px;
	height:60px;}
	
/*20160215靽格*/	
.J_LEFT{
	background-image:none!important;
	float:left;
	width:618px!important;
	height:60px;
}	
.J_LEFT a{
	background-image:url(../image/suburb_japan_logo_new.png);
	display:block;
	width:618px;
	height:60px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left center;
}	

/*20160215靽格撠?/	
.J_RIGHT{
	float:right;
    text-align: right;
	width:350px;
	height:22px;
	font:13px/22px "?啁敦??", Helvetica, Arial;
	color:#444;}

a.LINK_HOME{
	font:13px/22px "?啁敦??", Helvetica, Arial;
	color:#6a50b6;
	text-decoration:none;
	background-image:url(/images/header/icon_home.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;}
a:hover.LINK_HOME{
	color:#523a9a;}
a.LINK_J{
	font:13px/22px "?啁敦??", Helvetica, Arial;
	color:#444;
	text-decoration:none;}
a:hover.LINK_J{
	color:#523a9a;}
	
a.LINK_J02{
	font:15px/22px "?啁敦??", Helvetica, Arial;
	color:#444;
	text-decoration:none;}
a:hover.LINK_J02{
	color:#523a9a;}


.BLANK{
	height:10px;}
.BLANK_2{
	height:5px;}
.LINE{
	height:15px;
	width:770px;
	margin:0 auto;
	background-image:url(/images/header/line.png);}
	
/*銵典偏*/	
.FOOT{
	margin:0 auto;
	min-width:1300px;
	/* height:60px; */
	background-color:#efefef;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	text-align:center;
	padding-top:10px;
	font:15px/22px "?啁敦??", Helvetica, Arial;
	color:#444;
	}
	
.FOOT .T01 {
	font:13px/30px "?啁敦??", Helvetica, Arial;
	color:#666;
	text-align: center;
	margin-top: 0;
}