@charset "UTF-8";

body{
	/*background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#000000;*/
}

/*時間帯による変更*/
.logo_area,
.logo_area_aji{
	position:relative;;
}

.logo_area p,
.logo_area_aji p{
	display:none;
	width:122px;
	height:51px;
	position:absolute;
	top:0;
	left:0;
}

/*朝 0-7*/
body.mode0,
body.mode1,
body.mode2,
	background-color: #e9f0ff;
}
body.mode0 #wrapper{
	background-image: none;
}
body.mode0 .logo_area{
	background-image: none;
}
body.mode0 .ani0{
	display:block;
}

	/* ログインボタン */
body.mode0 .login_btn,
body.mode1 .login_btn,
body.mode2 .login_btn {
	text-align: right;
}
body.mode0 .login_btn input[type="button"],
body.mode1 .login_btn input[type="button"],
body.mode2 .login_btn input[type="button"] {
	background-color: transparent;
	background-image: url('../img/login/btn_login_01.png');
	width: 250px;
	height: 60px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	margin: 10px 0px 80px 0px;
	border: none;
}
body.mode0 .login_btn input[type="button"]:hover,
body.mode1 .login_btn input[type="button"]:hover,
body.mode2 .login_btn input[type="button"]:hover {
	background-position: 0px -60px;
}
	/* フォントカラー */
body.mode0 #header,
body.mode0 .kaisetsu,
body.mode0 .login_ja,
body.mode0 .login_en,
body.mode0 .pass_ja,
body.mode0 .pass_en,
body.mode0 .loss_btn a,
body.mode0 ,#footer,

body.mode1 #header,
body.mode1 .kaisetsu,
body.mode1 .login_ja,
body.mode1 .login_en,
body.mode1 .pass_ja,
body.mode1 .pass_en,
body.mode1 .loss_btn a,
body.mode1 ,#footer,

body.mode2 #header,
body.mode2 .kaisetsu,
body.mode2 .login_ja,
body.mode2 .login_en,
body.mode2 .pass_ja,
body.mode2 .pass_en,
body.mode2 .loss_btn a,
body.mode2 ,#footer {
	color:#52acc5;
}
body.mode0 .loss_btn a:hover,
body.mode1 .loss_btn a:hover,
body.mode2 .loss_btn a:hover {
	color:#72cce5;
}



/* ※画面全体※ */
#wrapper {
	/*width: 100%;
	max-width:1280px;
	margin:0 auto;*/
	background-repeat:no-repeat;

	/*height: 100%;*/
}


/* ※ヘッダー※ */
#header {
	display:none;
	/*
	background: none;
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 0 120px 10px;
	*/
}

.logo_area_aji {
	margin: 0px 0px 20px 0px;
}


/* ※入力部分※ */
.login_area {
	width: 375px;
	margin: 0 auto 0;
	padding-top:120px;
}

/* BTOLロゴ */
.logo_area {
	width: 122px;
	height: 51px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*text-indent: 100%;*/
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px;
}

/*-- // #2461 2017.6.21 筒井 start --*/
/*-- // クラス名を「logo_area_aoyama」に変更 --*/
.logo_area_aoyama {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*text-indent: 100%;*/
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px;
}
.logo_area_aoyama p {
/*-- // #2461 2017.6.30 筒井 start --*/
/*-- // marginの数値を修正 --*/
	margin-left: 8px;
/*-- // #2461 2017.6.30 筒井 end --*/
}
/*-- // #2461 2017.6.21 筒井 end --*/

/* ID・PW ラベル */
.login_box_id,.login_box_pass {
	width: 375px;
	margin: 0px auto 10px auto;
}
.login_ja,.pass_ja {
	display: inline-block;
	width: 120px;
	text-align: left;
	text-indent: 10px;
	font-size: 16px;
}

/* ID・PW 入力 */
.login_box_id input ,
.login_box_pass input {
	width: 250px;
	padding: 10px;
	background: #E1F1F9;
	border: 1px solid #ADD2E4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ログインボタン */
.login_btn {
	text-align: right;
}

/* ID、パスワードを… */
.loss_btn {
	text-align: center;
	margin-bottom: 20px;
	text-indent: 39px;
}
.loss_btn a {
	display: inline-block;
}
.loss_btn a:hover {
}

/* BTOL/ﾋﾞｰﾄﾙは法人会員専用サイトです */
.kaisetsu {
	text-align: right;
	font-size: 14px;
	margin-bottom: 60px;
}
.poweredbybtol {
	position: absolute;
	right: 20px;
	bottom: 80px;
}

/* ※フッター※ */
#footer {
	float: none;
	background: none;
	text-align: center;
	padding-bottom: 10px;
}
#footer > small {
	text-indent: 3em;
}