@charset "utf-8";

/* -----------------------------
	不要な要素を非表示にする
 ----------------------------- */

.hide {
	display: none;
}

img {
	border: 0;
}

/* -----------------------------
	ブロックをレイアウトする
   -----------------------------
wrapper
  |-container
  |   |-contents
  |       |-main
  |           |-login
  |       |-slide_img		◆◆◆
  |       |-caution
  |
  |-footer
 ----------------------------- */
/* ◆◆◆　START 背景変更
body {
	padding: 10px 0px;			/ *上下：10px、左右：0px* /
	background: #FFFFFF;		/ *背景色：白* /
}

#wrapper {
	width: 950px;
	margin: 0 auto;				/ *中央寄せ*　/
	background: #FFFFFF;
}
*/

body {
	padding: 0px 0px;			/*上下：10px、左右：0px*/
	background: #F0FFFF;		/*背景色*/
	background-image:url(../img/back_img.jpg);
	background-repeat: repeat-x;
	/*overflow-y: hidden;*/
}

#wrapper {
	width: 950px;
	height: 700px;				/*	600px→7000px	*/
	margin: 0 auto;				/*中央寄せ*/
	padding-top: 30px;			/*70px*/
}
/* ◆◆◆ END　背景変更*/
#wrapper #container {
	height: 100%;
	min-height: 100%;
	position: relative;
}

#wrapper #container #contents {
	/*overflow: hidden;
	width: 100%;
	padding-bottom: 20px;			/*footer分の余白*/
}

#wrapper #container #contents #main {
	width: 500px;
	margin: 0 auto;				/*中央寄せ*/
	margin-top: 50px;
	border: solid 2px #ECECEC;
	border-left: solid 3px #D9D9D9;
	border-bottom: solid 3px #D9D9D9;
}

/* ◆◆◆　START slider追加*/
#wrapper #container #contents #slide_img {
	width: 700px;				/*700px→400px*/
	height: 180px;				/*300px→200px→180px*/
	margin: 0 auto;				/*中央寄せ*/
	margin-top: 10px;			/*50px→10px*/
	text-align: center;
}
/* ◆◆◆ END　slider追加*/

#wrapper #container #contents #caution {
	width: 800px;
	margin: 0 auto;				/*中央寄せ*/
	margin-top: 10px;
	border: solid 1px #B0C4DE;
	background: #E6E6FA;
}

#wrapper #container #contents #caution p {
	overflow: auto;
	height: 100%;
}

#wrapper #footer {
	/*position: absolute;
	top:550px;*/
	bottom: 0;
	height: 20px;
	color:#808080;
	right: 0;
}

/* --- cleafix --- */
.clearfix:after {
	display: block;
	clear: both;
	content: ""; 
}
.clearfix {
	*zoom: 1;
}
/* --- cleafix ここまで --- */

/* -----------------------------
	メインコンテンツブロックを
	デザインする
 ----------------------------- */
/* ---------- 
	共通設定
 ---------- */
/* ◆◆◆　START ログインパーツ移動のため変更*/
/*
#wrapper #container #contents #main {
	background: #F5F5F5;
	padding: 5px;
	border: solid 5px #FFFACD;
}
*/
#wrapper #container #contents #main {
	background: #F5F5F5;
	padding: 5px;
	margin-top:1000px;	/*onload時に0pxに変更*/
	border: solid 5px #ffffff;
}
/* ◆◆◆　END 変更*/

#wrapper #container #contents #main p {
	margin: 1em;
	line-height: 1.5;
}

#wrapper #container #contents #main img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#wrapper #container #contents #main h1 {
	text-align:center;
/*◆◆◆追加START*/
	font-weight:bold;
	font-size:24px;
/*◆◆◆END*/
	/*	text-decoration:underline;	*/
}

#wrapper #container #contents #main h2 {
	text-align:center;
/*◆◆◆追加START*/
	font-weight:bold;
	font-size:18px;
/*◆◆◆END*/
}

/* ◆◆◆　START slider追加*/
img.slide_img  {
	border:solid 1px #DCDCDC;
}
/* ◆◆◆　END*/
/* -----------------------------
	各要素を
	デザインする
 ----------------------------- */
/* -------------------- 
	テーブル(ログイン)
 -------------------- */
table.login {
/*◆◆◆変更START*/
/*	width: 500px;*/
	margin-left: 120px;
/*◆◆◆END*/
	border: 0px;

}

table.login th {
	text-align: right;
	font-weight: normal;
	padding: 5px 3px 5px 3px;
/*◆◆◆追加START*/
	font-weight:bold;
	font-size:12px;
/*◆◆◆END*/
}

table.login td {
	padding: 2px 5px 2px 5px;
}

/*◆◆◆削除START*/
/*
table.login td.login_td {
    padding: 8px;
    border: 0px;
}
*/
/*◆◆◆削除START*/

/* -------------------- 
	ボタン(ログイン)
 -------------------- */
/* ◆◆◆　START 画像に変更*/
/*
input.btnLogin {
	font-size: 120%;
	color: #000000;
	font-weight: bold;
    text-align: center;
}

input.btnLogin:hover {
}
*/

input.btnLogin {
	display:inline-block;
	background:url(../img/login.png);
	width: 98px;
	height: 47px;
	border: 0px solid;
	cursor: pointer;
}

input.btnLogin:hover {
	background-position:left bottom;
}
/* ◆◆◆　END 画像に変更*/