@charset "UTF-8";
@import url('_base.css');

/* All Space Design
******************************/
body{
	background:#f9f9f9;
	background:url(../_img/back.png) top right;
}

.allArea{
	width:998px;
	border:solid 1px #999;
	border-top:none;
	margin:0px auto 0px auto;
	background:#fff;
}

/* Header Area
******************************/
.headArea{
	width:998px;
	background:url(../_img/site_alert.jpg) top right no-repeat;
}

.headArea .siteHead{
	padding:0px 5px;
}

.headArea .siteHead li{
	list-style:none;
	float:left;
}

.headArea .siteHead h1{
	background:url(../_img/site_logo.jpg?202404221800) top left no-repeat;
	text-indent:-9999px;
	width:378px;	height:40px;
}

.headArea .siteMenuArea{
	padding:5px;
	height:20px;
	clear:both;
	background:#000099;
}

.headArea .siteMenuArea li{
	list-style:none;
	float:left;
}

.headArea .siteMenuArea a{
	color:#fff;
	text-decoration:none;
}

.headArea .siteMenuArea a:hover{
	color:#00A1E9;
	text-decoration:none;
}

/* Body Area
******************************/
.bodyArea{
	clear:both;
}

.bodyArea .frameArea{
	width:958px;
	float:left;
	padding-top:20px;
}

.bodyArea .frameSpace{
	width:20px;	height:540px;
	float:left;
/*	background:#ccc;*/
}

.pageArea{
	padding:15px;
}

.pageArea h2{
	font-size:14px;
	border-bottom:solid 1px #666;
	border-left:solid 10px #666;
	padding:5px;
}

/* Return Top
******************************/
.top{
	width:988px;
	clear:both;
	text-align:right;
}

/* Footer Area
******************************/
.footArea{
	width:988px;
	background-color:#000099;
	padding:5px;
	color:#FFFFFF;
}

.footArea .footLogo{
	clear:both;
	width:100%;
	text-align:right;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.footArea .footLogo a{
	color:#FFFFFF;
	text-decoration:none;
}

.footArea .footLogo a:hover{
	text-decoration:underline;
	color:#ff9900;
}

.footArea{
	margin-top:15px;
}

/* Pankuzu
******************************/
.pankuzu{
	width:100%;
	color:#666666;
	padding:20px 0px;
	clear:both;
}

.pankuzu a{
	text-decoration:none;
	color:#666666;
}

.pankuzu a:hover{
	text-decoration:underline;
	color:#00A1E9;
}

/* Other Setting
******************************/
.list th{
	background:#e9e9e9;
	border:solid 1px #ccc;
	font-weight:normal;
	padding:5px;
}

.list td{
	border:solid 1px #ccc;
	padding:5px;
}

.list_none th,
.list_none td{
	border:none;
	padding:0px;
	line-height:20px;
}

.clear{
	clear:both;
}

.err{
	color:#ff0000;
}

.allow{
	background:url(../_img/icon01.jpg) left center no-repeat;
	padding-left:15px;
}

input[type=text]{
	padding:2px;
}

.hissu{
	margin-left:5px;
	padding:2px;
	background:#f00;
	color:#fff;
	font-size:10px;
	font-weight:normal;
}

.nini{
	padding:2px;
	margin-left:5px;
	background:#666;
	font-size:10px;
	font-weight:normal;
	color:#fff;
}

/* Float Setting
******************************/
.headArea,
.bodyArea,
.bodyArea .pageTitleArea,
.bodyArea .tag,
.bodyArea .top,
.footArea
{
	display:inline-block;
}

.headArea:after,
.bodyArea:after,
.bodyArea .pageTitleArea:after,
.bodyArea .tag:after,
.bodyArea .top:after,
.footArea:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

/* print_setting
******************************/
@media print{
	.headArea,
	.bodyArea .frameSpace,
	.pankuzu,
	.footArea{
		display:none;
	}
	.allArea{
		background:none;
		width:100%;
	}
	.bodyArea{
		background:#fff;
		width:100%;
		padding:0px;
	}
	
	#back{
		background:none;
	}
}