/* Index Styles */

html, body { margin: 0; padding: 0; height: 100%; line-height: 1.6; }
body { background: #4169e1 url('/media/img_bg/top_bg.gif') repeat-y center top fixed; }
a { text-decoration: none; outline: none; }
a:link, a:visited { color: #cff; }
a:hover { color: white; }
img { border: 0 none; }
br { line-height: 100%; }

#container { position: relative; margin: 0; padding-top: 1em; }

#block
{
	margin: 0 auto 0 auto;
	width: 240px;
	text-align: center;
	text-transform: inherit;
}

#block img { display: block; margin: 0 auto 0 auto; }
#block .KB12 { color: #8b0000; }
#block .K10 { color: teal; }

.headImg
{
	display: block;
	margin: 1em auto 0 auto !important;
	height: 40px;
}

.fukuiImg
{
	display: block;
	margin: 5px auto 5px auto !important;
	width: 200px;
	height: 50px;
}

.exPlanation
{
	color: black;
	text-align: left;
	list-style-type: disc;
}

.exPlanation span { color: black !important; }

.enterBtn
{
	display: block;
	margin: 0 auto 5px auto;
	text-align: center;
	letter-spacing: 1.5pt;
	font: bold 16px 'Times New Roman', Times;
}

.enter a:link .enterBtn { color: teal; }
.enter a:visited .enterBtn { color: black; }
.enter a:hover .enterBtn { color: red; }

#selpLink
{
	position: absolute;
	width: 345px;
	z-index: 50;
	right: 1em;
	top: 10px;
	text-align: left;
}

#selpLink li { font-weight: bold; white-space: nowrap; }

#warningArea
{
	position: absolute;
	width: 260px;
	z-index: 15;
	left: 5px;
	top: 10px;
	text-align: left;
}

.warning
{
	width: 250px;
	margin-bottom: 10px;
	letter-spacing: normal;
}

.warning p { color: white; }
.warning .red { color: red; font: bold 14px 'Times New Roman', Times; }
.warning .gold { color: #ffc010; font: bold 14px 'Times New Roman', Times; }
.warning span { letter-spacing: 1pt; font: bold 12px Arial, Helvetica, Geneva; }
#selpLink .selpmb { color: yellow; list-style-type: none; }


#noJs
{
	position: absolute;
	visibility: visible;
	width: 360px;
	left: 10px;
	top: 10px;
	z-index: 5;
	color: white;
	text-align: left;
	background-color: black;
}

#noJs h3 { color: red; margin: 10px 0 0 10px; }
#noJs p { margin: 10px 0 0 10px; }
#noJs ul { color: white; list-style-type: disc; }
.selpmb li { padding: 2px 0 2px 0; }
#dialog input { cursor: pointer; }

/* Modalbox Styles */

#MB_overlay
{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #000 !important;
}

#MB_overlay[id] { position: fixed; }

#MB_window
{
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}

#MB_window[id] { position: fixed !important; }

#MB_frame
{
	position: relative;
	height: 100%;
	background-color: #efefef;
}

#MB_header
{
	margin: 0;
	padding: 0;
}

#MB_content
{
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption
{
	margin: 0;
	padding: .5em 2em .5em .75em;
	text-align: left;
	font: bold 85% Arial, 'Lucida Grande';
	}

#MB_close
{
	display: block;
	position: absolute;
	padding: 2px 3px;
	top: 4px;
	right: 5px;
	color: gray;
	text-decoration: none;
	font: bold 13px Arial, 'Lucida Grande';
}

#MB_close:hover { background-color: transparent; }

#MB_loading
{
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url('/js/graphics/spinner.gif') 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame { padding-bottom: 7px; }

#MB_window
{
	color: #000;
	background-color: #efefef;
}

#MB_header
{
	border-bottom: 1px #ccc solid;
	background-color: #ddd;
}

#MB_content { border-top: 1px #f9f9f9 solid; }
#MB_caption, #MB_close:hover { color: black; }
#MB_close { color: #777 }

/* Alert message */
.MB_alert
{
	margin: 10px 0 10px 0;
	text-align: center;
}

.error-msg { background-color: red; color: white; }

.msg
{
	clear: both;
	color: #01a4e1;
	text-align: center;
	font: 12px/1.3  Arial, 'Lucida Grande';
}

.floatR, .floatL
{
	width: 120px;
	height: 100px;
	cursor: pointer;
}

.floatR, .floatL { float: right; }
.floatL { float: left; }

.floatR img, .floatL img
{
	display: block;
	margin: 0 auto 0 auto;
	width: 80px;
	height: 100px;
}
/* Unknown_CSS */

.K10 { font: normal 10px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K11 { font: normal 11px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K12 { font: normal 12px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K13 { font: normal 13px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K14 { font: normal 14px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K16 { font: normal 16px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }

.KB10 { font: bold 10px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB11 { font: bold 11px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB12 { font: bold 12px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB13 { font: bold 13px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB14 { font: bold 14px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB16 { font: bold 16px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }