/* 施設予約システム　ログインページレイアウトＣＳＳ (070531) */

/* -----
ログイン・アウトページ
----- */

.login#container {
	background: transparent url(../img/header_bg.gif) no-repeat 0% 380px;
}

/*
■ ヘッダー
============================================================================= */
#headerLogin {
	width: 380px;
	background: transparent url(../img/logo.jpg) no-repeat 70px 20px;
	float: left;
}
	/* 回り込み解除 > --------------------------------------- */
	div#footer {clear:left;}


#headerLogin h1 {
	margin: 350px 0px 100px;
}

/* -- ログアウト --*
div#container div.logout#contents {
	position:relative;
	overflow:hidden;
	height:420px;
}

/*
▼ コンテンツ
============================================================================= */
.login#contents {
	margin-top: 20px;
	margin-left: 390px;
	padding: 0px;
	width: 380px;
}

.login#contents h2 {
	margin: 20px 0px 10px;
}
.login#contents h2 img {
	margin-top: 35px;
	margin-left: 70px;
}


.login#contents div#loginField,
.login#contents div#guestField {
	background: transparent url("../img/arrow_bg.gif") no-repeat 0% 0%;
}


.login#contents p.note {
	margin: 2px 0px 0px 90px;
	padding: 5px 10px 0px;
	font-size: 0.8em;
	border-left:1px solid #000000;
	background: transparent url(../img/waku01.gif) no-repeat 0% 0%;
}

/* ----- ログイン ----- */
div#loginField {
	height: 20em;
}
div#loginField {
}

div#loginField fieldset {
	border: none;
}

div#loginField ul {
	margin: 3px 0px 5px 90px;
}
div#loginField li {
	padding: 3px;
}

div#loginField fieldset span {
	margin-left: 0.5em;
}

div#loginField li input {
	margin-left: 0.5em;
	border: 1px solid #999999;
}

div#loginField input#btnLgin {
	margin-left: 83px;
	padding-top: 3px;
	width: 268px;
	font-weight: bold;
	border: 1px solid #000000;
	background-color: #8EDB29;
}

/* ----- ゲスト用 ----- *
div#guestField {
	margin-bottom: 20px;
}

div#guestField ul {
	padding: 0px;
}

div#guestField li {
	padding: 3px 3px 3px 15px;
	background: transparent url("../img/point03_ygr.gif") no-repeat 0% 50%;
}

/* ----- ログイン CHEN ----- */
div#loginInfo {
	left:0px;
	height: 10em;
}

div#loginInfo {}

div#loginInfo fieldset {
	border: none;
}

div#loginInfo ul {
	margin: 3px 0px 10px;
}
div#loginInfo li {
	padding: 3px;
}

ul#loginFieldul li 
{
	padding: 3px 3px 3px 15px;
	background: transparent url("../img/point03_ygr.gif") no-repeat 0% 50%;
}