/*********
 * 独自認証用スタイルシート
 *********/
 
* {
	margin:		1px;
	padding:	0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande",Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
:focus {
    outline: none;
}

body{
	text-aligh:centar;
	background-color: #ffffff;
}

#wrapper{
	width:100%;
	text-align:left;
} 

#wrapper2 {
	width:   300px;
	height:  300px;
    text-align: center;
    margin:	auto;
}

#wrapper3 {
	width:   600px;
	height:  300px;
    top:	100px;
    left:	50%;
    text-align: center;
}
#wrapper4{
	width:600px;
	margin:0 auto;
	text-align:center;
}

#wrapper5 {
	margin-right: auto;
	margin-left: auto;
	width:   300px;
    top:	100px;
    left:	50%;
    text-align: center;
}

#wrapper6 {
/*	width:   500px; */
	height:  190px;
    top:	100px;
    text-align: center;
}

#wrapper7{
	width:300px;
	margin:0 auto;
	text-align:left;
} 

#box {
	border: 1px solid #000;
    background-color: #dae7f2;
	
}

#box2 {
	border: 1px solid #000;
    background-color: #dae7f2;
	height:  130px;
}

#box3 {
/*	border: 1px solid #000;
    background-color: #f6ac19;
	height:  60px;
*/
}

#login {
	font-size: 120%;
	padding: 10px 0px 10px 0px;
}

.label {
	margin: 10px 0px 0px 30px;
	text-align: left;
	font-size: 80%;
}

.ruleLabel {
	margin: 10px 0px 0px 10px;
	text-align: left;
	font-size: 80%;
	color: #333333;
}

.ipaddress {
	text-align: center;
	font-size: 80%;
	color: #333333;
	margin: 10px 0px 30px 10px;
}

#box input {
	width: 230px;
}
#resetbox input {
	width: 230px;
}
#result {
	margin-top : 38px;
}

#result2 {
	margin-top : 38px;
	font-size: 150%;
}

/** サービス提供情報表示 */
#serviceInfo {
	display: none;
}

.iframe {
	width: 1px;
	height: 1px;
	border: none;
	overflow: hidden;
	display: none;
}

#serviceInfojp{
	display: none;
}

#serviceInfoen{
	display: none;
}
/* -- **/

/** 不正な値の警告 */
.inputValueFailer {
	background-color: #f5b2ac !important;
}

#resetbox {
	border: 1px solid #000;
    background-color: #B7D3E5;
	
}

.resetbutton input {
	padding: 2px 10px;
	cursor: pointer;
	border-width: 1px;
	background-color: #dae7f2;
}

.trial_login_notice{
	background-color: #D6EAFF;
	border: 0px;
	text-align: left;
	font-size: 80%;
	line-height: 1.2em;
	padding: 5px 10px;
	margin: 10px auto 20px auto;
	display: none;
}

.trial_login_notice .bottom_space {
	padding-bottom: 10px;
}

.trial_login_notice .ul {
	text-decoration: underline;
}

.trial_login_notice ol {
	margin-left: 30px;
}


/** Flat login screen */
#wrapper_center {
	width:   450px;
    text-align: center;
    margin:	auto;
    margin-bottom: 30px;
}

#box_login {
	background-color: #f2f2f2;
    text-align: center;
}
.box_login {
	width:   450px;
    color: #333333;
    padding-bottom: 15px;
    border-radius:  1.5%;
}

#box_login .title {
	font-size: 100%;
	padding: 15px 0px;
	font-weight: bold;
}

#box_login_body {
	width:   390px;
	text-align: center;
	margin: auto;
}

#box_login_body .login_body {
	background-color: #fff;
	padding: 15px 5px;
	text-align: center;
}
#box_login_body .label {
	text-align: left;
	margin: 0px;
	padding: 5px;
	font-size: 80%;
}
#box_login_body .input{
	text-align: left;
	width: 345px;
	margin: 0px;
	padding: 10px;
	font-size: 90%;
	border: solid 1px #aaa;
}

#box_login_fb {
	background-color: #004ea2;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
}
#box_login_ad {
	background-color: #F6AC19;
	padding: 10px;
	text-align: center;
	color: #333333;
	font-weight: normal;
	font-size: 100%;
	cursor: pointer;
}
.label_ad {
	text-align: left;
	margin: 0px;
	padding: 1px;
	font-size: 75%;
	color: #E83820;
}

#fb_loggin {
	width: 370px;
	cursor: pointer;
	border: solid 2px #004ea2;
	background-color: #ffffff;
	color: #004ea2;
	font-weight: bold;
	margin-top: 15px;
	padding: 8px;
	font-size: 85%;
	text-align: center;
}

.box_serviceinfo {
	text-align: left;
	margin: 0px;
}
.box_serviceinfo .title {
	background-color: #f2f2f2;
	color: #333333;
	padding: 5px;
	font-weight: bold;
	font-size: 90%;
	margin: 0px;
	text-align: center;
}
.box_serviceinfo .body {
	background-color: #f2f2f2;
	color: #333333;
	padding: 5px;
	font-size: 80%;
	margin: 0px;
}

.box_serviceinfo ul, .box_serviceinfo ol {
  padding: 0;
  position: relative;
}

.box_serviceinfo ul li,.box_serviceinfo ol li {
  color: #333333;
  background: #ffffff;
  border-left: 2px solid #ccc;
  margin-bottom: 3px;
  line-height: 1.5;
  padding: 5px;
  list-style-type: none!important;
  position: relative;
  font-size: 1em;
}

#service_announce_list font {
	font-size: 0.9em;
	color: #555555;
}

.bottom_info_left {
	font-size: 80%;
	padding: 1px 0px 0px 5px;
	text-align: left;
}

.bottom_info_center {
	font-size: 80%;
	padding: 1px;
}

.separator{
	font-size: 80%;
	color: #888;
	margin: 20px;
}