@charset "UTF-8";
@import url(/css/reset.css);
@import url(/css/basic.css);
@import url(/css/system.css);
@import url(/css/boxover.css);

html, body, #container {
	height:100%;
}

/* --- 全体の背景・テキスト --- */
body {
	margin:0;
	padding:0;
	background:#F0EEE1 url(/img/background.jpg) repeat-y center top;
	color:#333;
	font-size:10pt;
	min-width:800px;
	overflow-y:scroll;
}

/* IE6以下：画像1pxずれ防止 */
* html body {
	margin-left:1px;
}

/* --- 全体のリンクテキスト --- */
a:link	{ color:#0066CC; text-decoration:none; }
a:visited	{ color:#0066CC; text-decoration:none; }
a:hover	{ color:#003366; text-decoration:underline; }
a:active	{ color:#0066CC; text-decoration:none; }

/* --- コンテナ --- */
div#container, #footer {
	width:800px;
	margin:0 auto;
}
#container {
	background:#FFF url(/img/sidebar.gif) repeat-y left;
}
body#loginTop #container {
	background:none;
}

/* --- ヘッダ --- */
#header {
	height:90px;
	background:#F0EEE1 url(/img/head.gif) no-repeat left top;
}

/* --- ナビゲーション --- */
div#navi {
	float:left;
	padding:20px 15px;
	width:170px; /* 200－(左15＋右15) */
}
div#navi ul, div#navi li {
	padding:0px;
	margin:0px;
	list-style:none;
}
div#navi li a {
	color:#FFF;
	text-decoration:none;
	padding:8px 14px;
	margin:0px;
	margin-bottom:9px;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:0.1em;
	display:block;
	position:relative;
	background:#FFF url(/img/menu_btn.png) no-repeat 0px 0px;
}
div#navi li a:hover {
	background-position:-169px 0px;
}
div#navi div.adminMenu li a {
	background:#FFF url(/img/menu_btn_admin.png) no-repeat 0px 0px;
}
div#navi div.adminMenu li a:hover {
	background-position:-169px 0px;
}

/* --- メインカラム --- */
#content {
	float:left;
	padding:20px;
	width:560px; /* 600－(左20＋右20) */
	line-height:1.3;
}
body#loginTop #content {
	clear:both;
	padding:0px;
	margin:0px;
	width:100%;
}

/* --- フッタ --- */
#footer {
	clear:both;
	background-color:#444334;
	color:#F0EEE1;
}
#footer a:link	{ color:#A3B71C; text-decoration:none; }
#footer a:visited	{ color:#A3B71C; text-decoration:none; }
#footer a:hover	{ color:#F0EEE1; text-decoration:none; }
#footer a:active	{ color:#A3B71C; text-decoration:none; }

/* --- フッタ固定化 --- */
div#container {
	position:relative;
	min-height:100%;
}
* html div#container {
	height:100%;
}
body > #container {
	height:auto;
	min-height:100%;
}
div#content {
	padding-bottom:30px;
}
div#footer{
	position:relative;
	margin-top:-30px;
	height:30px;
	line-height:30px;
	text-align:center;
}