@charset "utf-8";

/*ログインTOP
**************************************/
.form_box {
	width:100%;
}
.form_left {
	float:left;
	width:75%;
}
.form_right {
	float:right;
	width:25%;
}
/* フォームスタイル */

#loginform {
	margin-top:15px;
	margin-bottom: 10px;
}
#loginform .form_id {
	width:100%;
}
#loginform .form_pass {
	width:100%;
	margin-top:1%;
}
#loginform .btn_login {
	width:100%;
}
#loginform .autologin {
	font-size:90%;
	margin:0.6em 0;
}
#loginform .sslloginlink {
	font-size:90%;
	margin:0.6em 0;
}
#loginform .login_btn_repass {
	width:58.2%;
	margin:10px 0 0 0;
	display:block;
}
#loginform .login_btn_repass img {
	width:100%;
	display:block;
}

.input_value{
	width:90%;
	font-size:1.2em;
	height: 2.0em;
	padding-left:0.3em;
	border-radius: 10px;
}

/*ログインボタン*/
input[type="submit"], button, a.command {
	border: 2px solid #996633;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 6px;
	background: -moz-linear-gradient(top, #ffaa00);
	background: -webkit-gradient(linear, left top, left bottom,
	 from(#ffca65),to(#ff6400) );
    font-size: 90%;	
	padding:2.4em 0;
}

#account_reg_btn {
    border: 1px solid hsl(0, 0%, 40%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: -moz-linear-gradient(top,
     white,
     hsl(0, 0%, 56%)
     );
    background: -webkit-gradient(linear, left top, left bottom,
     from(white),
     to(hsl(0, 0%, 56%))
     );
    padding:0.8em;
}

.login_btn_position {
	float:right;
	width:25%;
}

/*注釈*/
div#loginform p.subtxt {
	font-size: 0.7em;
	color: #777777;
	padding: 0.5em;
	margin: 0.5em 0;
	background-color: white;
	border: #dadada solid 1px;
    border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

/*CONNECT IDで遊べるアプリに隣接する注釈*/
.ConAppList + .subtxt {
	color: #fff;
}

/*クッキー保存のお願いとiPhoneリジェクト*/
#please_cookie, .iPhone_reject {
    width:auto;
    text-align:center;
    font-size: 0.7em;
    color: #FFD080; 
    margin:1em 2%;
    padding: 0.5em 0 0.5em 1em;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius:0.6em;
    -webkit-border-radius:0.6em;
    -moz-border-radius:0.6em;
}

#login > #please_cookie {
	margin-top:0px;
}

/*iPhone表示の際の余白*/
.iPhone_reject + #please_cookie  {
    margin-bottom:1em;
}

/*新規登録ボタン*/
#loginform hr {
	border-top: 1px solid #acacac;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	margin: 0 0 0.5em;
}

#loginform p.registtxt {
	text-align: center;
	font-size: 0.8em;
	color: red;
	margin: 0;
	padding: 0;
	width:100%;
}

#loginform .registbtn{
	text-align: center;
	margin: 0.4em 0 0.8em;
}

#loginform .registbtn input {
	width: 70%;
	padding: 1em;
}

/*アプリリスト*/
table.ConAppList {
	width: 100%;
	text-align: center;
	border-width: 0;
	background:url('../../img/Common/base_bg_jannavi.png') repeat-y; 
	background-size:100%;
}

table.ConAppList td {
	padding: 0.5em 0;
	width: 20%;
	vertical-align: bottom;
}

table.ConAppList td.space_middle {
	padding: 0.5em 0;
	width: 1%;
	vertical-align: bottom;
}

table.ConAppList td.space_side {
	padding: 0.5em 0;
	width: 2%;
	vertical-align: bottom;
}

table.ConAppList td a {
	line-height: normal;
}

/*エラーメッセージ*/
.errormsg {
    font-size: 0.9em;
    color: #fff;
    background-color: #f00;
    margin: 0 0 0.5em;
    padding: 0.5em 0 0.5em 1em;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}

/*アカウント登録
**************************************/
/*下地*/
div[class="base_form entry"], div[class="base_form confirm"] {
    border-width: 0;
    background:#dfe1de url("../../img/AccountRegist/registentrybg.png") top center no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    margin: 1% 2% 1% 2%;
    padding: 0%;
}

/*内側半透明下地*/
#LoginTop_account_register_div form {
    border-radius: 0.6em;
    background-color: rgba(255,255,255,0.6);
    padding: 0.8em 0.8em 1.2em 0.6em;
}

#LoginTop_account_register_div .h2_box {
    display: -webkit-box;
	margin: 0em 0px 0.2em;
}

#LoginTop_account_register_div div.h2_box:first-child {
    margin-top: 0em;
}

#LoginTop_account_register_div .h2_box span.subtext{
    margin-left: 0.5em;
}

#LoginTop_account_register_div h2.register_title{
    font-size:1.0em;
    margin:0.1em;
}

/* テキストスタイル*/
#LoginTop_account_register_div .subtext{
    font-size:100%;
    line-height:100%;
    font-size:80%;
    color:#505050;
}

/*入力フォームの下にある場合*/
#LoginTop_account_register_div .subtext.bottom{
    margin:0.3em 0 0.5em 0;
}

/*パスワードを表示する*/
#LoginTop_account_register_div .autologin{
    font-size: 90%;
	margin: 0.3em 0;
}

#LoginTop_account_register_div .support_title {
	text-align: center;
	margin: 2em 0px 0.5em;
}

.support {
    font-size:80%;
    line-height:140%;
    color:#505050;
}

.jserrmsg {
  font-weight:bold;
  color:#ff0000;
}