/* LAYOUT CSS */

/* global
----------------------------------------------- */
img			{ border:0; }
p			{ margin:0;padding:0;text-indent:1em; }
form		{ margin:0 0 4px 0;padding:0; }

.clear		{ clear:both; }
.format		{ margin:0 0 0 2em;padding:0; }
.center		{ text-align:center; }
.mid		{ vertical-align:middle; }
.btm		{ vertical-align:bottom; }
.small		{ padding:0 0 1em 0;font-size:88%;line-height:1.2em; }
.large		{ padding:0 0 1em 0;font-size:118%;line-height:1.5em; }

.idtnum		{ padding:0 0 0 3em;text-indent:0em; }
.idtq		{ padding:0 0 0 2.3em;text-indent:-2.3em;line-height:1.5em;color:#ff3366; }
.idta		{ padding:0 0 1em 2.3em;text-indent:-2.3em;line-height:1.5em; }
.idta ol	{ padding:0;margin:0; }
.idta li	{ text-indent:-0.5em; }
.date		{ margin:0 0 0.5em 0;text-align:right; }
.name		{ margin:0.1em 0 0 0;font-size:125%;font-weight:bold; }
.new		{ padding:0 4px 0 4px;color:#ff6699;font-weight:bold; }


/* color
--------------------------------------------------- */
.aka		{ color:#ff3366; }
.ao			{ color:#3366ff; }
.mizu		{ color:#33cccc; }
.midori 	{ color:#399966; }
.kimidori 	{ color:#99cc00; }
.ki			{ color:#ff9900; }
.murasaki	{ color:#800080; }


/* body, wrapper, header
----------------------------------------------- */
@media print {
	body {
		margin:0;
		padding:0;
		text-align:center;
		min-width:750px;
		font-family:helvetica,arial,verdana,sans-serif;
		background:#ffffff;
	}
}
@media screen {
	body {
		margin:0;
		padding:0;
		text-align:center;
		min-width:750px;
		font-family:helvetica,arial,verdana,sans-serif;
		background:#ffffff;
		background-image:url("../img/back_ds.jpg");
		background-repeat:repeat-y;
		background-position:center top;
	}
}
#wrapper {
	margin:0 auto;
	width:750px;
	text-align:left;
}
#header a {
	display:block;
	height:54px;
}


/* nav
----------------------------------------------- */
#nav-wrapper {
	background-image:url("../img/menu.gif");
	background-repeat:repeat-x;
}
#nav {
	position:relative;
	line-height:34px;
	font-size:12px;
}
ul#nav, ul#nav li	{ margin:0;padding:0; }
html>body ul#nav	{ position:relative;height:40x; }
* html ul#nav		{ position:relative;height:38px; }
ul#nav li			{
	display:inline;
	list-style-type:none;
}
ul#nav li a:link, ul#nav li a:visited {
	float:left;
	padding:2px 12px 0 12px;
	color:#000000;
	border-top:1px solid #0066aa;
	border-right:1px solid #0066aa;
	border-bottom:1px solid #0066aa;
	text-decoration:none;
	background-color:#99bbff;
}
ul#nav li a:hover {
	color:#000000;
	background-color:#ffffff;
}
body#a1 ul#nav li#a1 a,
body#b1 ul#nav li#b1 a,
body#b2 ul#nav li#b1 a,
body#b3 ul#nav li#b1 a,
body#b4 ul#nav li#b1 a,
body#b5 ul#nav li#b1 a,
body#b6 ul#nav li#b1 a,

body#c1 ul#nav li#c1 a,
body#c2 ul#nav li#c1 a,
body#c3 ul#nav li#c1 a,
body#c4 ul#nav li#c1 a,
body#c5 ul#nav li#c1 a,
body#c6 ul#nav li#c1 a,

body#d1 ul#nav li#d1 a,
body#d2 ul#nav li#d1 a,
body#d3 ul#nav li#d1 a,
body#d4 ul#nav li#d1 a,
body#d5 ul#nav li#d1 a,
body#d6 ul#nav li#d1 a,

body#e1 ul#nav li#e1 a,
body#e2 ul#nav li#e1 a,
body#e3 ul#nav li#e1 a,
body#e4 ul#nav li#e1 a,
body#e5 ul#nav li#e1 a,
body#e6 ul#nav li#e1 a,

body#f1 ul#nav li#f1 a,
body#f2 ul#nav li#f1 a,
body#f3 ul#nav li#f1 a,
body#f4 ul#nav li#f1 a,
body#f5 ul#nav li#f1 a,
body#f6 ul#nav li#f1 a,

body#g1 ul#nav li#g1 a,
body#h1 ul#nav li#h1 a,
body#nav li {
	color:#000000;
	background-color:#ffccbb;
}


/* subnav
----------------------------------------------- */
#subnav {
	position:relative;
	line-height:20px;
	font-size:12px;
}
ul#subnav, ul#subnav li	{ margin:0;padding:0; }
html>body ul#subnav		{ position:relative;height:26px; }
* html ul#subnav		{ position:relative;height:24px; }
ul#subnav li			{ display:inline;list-style-type:none; }
ul#subnav li a:link, ul#subnav li a:visited {
	float:left;
	padding:10px 6px 10px 28px;
	color:#000000;
	text-decoration:none;
	line-height:1em;
	vertical-align:middle;
	background:url("../img/bt_out.gif") no-repeat 0% 50%;
}
ul#subnav li a:hover    { color:#000000; }

body#a1 ul#subnav li#a1 a,
body#b1 ul#subnav li#b1 a,
body#b2 ul#subnav li#b2 a,
body#b3 ul#subnav li#b3 a,
body#b4 ul#subnav li#b4 a,
body#b5 ul#subnav li#b5 a,
body#b6 ul#subnav li#b6 a,

body#c1 ul#subnav li#c1 a,
body#c2 ul#subnav li#c2 a,
body#c3 ul#subnav li#c3 a,
body#c4 ul#subnav li#c4 a,
body#c5 ul#subnav li#c5 a,
body#c6 ul#subnav li#c6 a,

body#d1 ul#subnav li#d1 a,
body#d2 ul#subnav li#d2 a,
body#d3 ul#subnav li#d3 a,
body#d4 ul#subnav li#d4 a,
body#d5 ul#subnav li#d5 a,
body#d6 ul#subnav li#d6 a,

body#e1 ul#subnav li#e1 a,
body#e2 ul#subnav li#e2 a,
body#e3 ul#subnav li#e3 a,
body#e4 ul#subnav li#e4 a,
body#e5 ul#subnav li#e5 a,
body#e6 ul#subnav li#e6 a,

body#f1 ul#subnav li#f1 a,
body#f2 ul#subnav li#f2 a,
body#f3 ul#subnav li#f3 a,
body#f4 ul#subnav li#f4 a,
body#f5 ul#subnav li#f5 a,
body#f6 ul#subnav li#f6 a,

body#subnav li {
	line-height:1em;
	vertical-align:middle;
	background:url("../img/bt_over.gif") no-repeat 0% 50%;
}


/* content
----------------------------------------------- */
#content-wrapper {
	margin:0 0 4em 0;
	width:100%;
	float:left;
	font-size:94%;
	color:#000000;
	line-height:1.5em;
}
#content {
	padding:0 34px 0 34px;
}

* html #content			{ border:0; }
#content a:link			{ color:#333399;text-decoration:none;border-bottom:1px solid #333399; }
#content a:visited		{ color:#333399;text-decoration:none;border-bottom:1px solid #333399; }
#content a:hover		{ color:#f39;text-decoration:none;border-bottom:1px solid #f39; }
#content a:link.hidden_line		{ color:#cccccc;text-decoration:none;border-bottom:0;font-size:100%; }
#content a:visited.hidden_line	{ color:#cccccc;text-decoration:none;border-bottom:0;font-size:100%; }
#content a:hover.hidden_line	{ color:#cccccc;text-decoration:none;border-bottom:0;font-size:100%; }
#content img			{ margin:1.5em 0 1.5em 0; }
#content img.right		{ float:right;margin:0 0 0.5em 0.5em; }
#content img.left		{ float:left;margin:0 1em 0.5em 0; }
#content img.none		{ margin:0;padding:0; }
#content img.btm1		{ margin:0 0 1px 0;padding:0 }
#content ol,ul			{ margin:0 0 1em 2em;padding:0; }
#content ol ul			{ margin:0 0 1em 1em;padding:0;list-style-type:disc; }
#content ol ol			{ margin:0 0 1em 1em;padding:0;list-style-type:lower-alpha; }
#content table			{ margin:1em 0 1em 0;font-size:88%;line-height:1.5em; }
#content table.boder	{ background-color:#cccccc;border:solid 2px #cccccc; }
#content table ol,ul	{ list-style-type:inside;margin:0 0 0 2em; }

h1,h2,h3,h4				{ font-family:int1erstate,helvetica,arial,verdana,sans-serif; }


/* layout
----------------------------------------------- */
.jk_back	{ background-image:url("../img/jk_back.jpg");background-repeat:no-repeat;background-position:right top; }
.sc_back	{ background-image:url("../img/sc_back.jpg");background-repeat:no-repeat;background-position:right top; }

.halfbox	{ float:left;width:341px;margin:0; }
.halfbox ul	{ margin:0 0 0 2em; }

.box		{ padding:12px;margin:18px 0 0 0;font-size:88%;line-height:1.5em;border:1px solid #dddddd;background:#ffffff; }
.box180		{ float:left;width:180px;margin:0; }
.box339		{ float:right;width:351px;padding:0 0 0 12px;margin:0; }
.box500		{ float:left;width:500px;margin:0; }


/* list styles
----------------------------------------------- */
.border		{ padding:0;margin:0;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #cccccc; }
dl			{ padding:0;margin:0;font-size:88%; }
dl.w3 dt	{ float:left;width:3em;margin:0 1em 0 0;text-align:right; }
dd.w3 dd	{ margin-left:3em; }
dl.w8 dt	{ float:left;width:8em; }
dd.w8 dd	{ margin-left:8em; }


/* box styles
----------------------------------------------- */
h1 {
	padding:0 0 4px 0;
	margin:44px 0 0.5em 0;
	color:#000000;
	font-size:135%;
	border-bottom:1px solid #aaaaaa;
}
h2 {
	padding:0 0 6px 0;
	margin:1em 0 1em 0;
	font-weight:bold;
	font-size:108%;
	border-bottom:1px dashed #999999;
}
h3 {
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:108%;
}
.posted {
	padding:0 0 6px 0;
	margin:0 0 1em 0;
	border-bottom:1px dashed #999999;
}


/* footer
----------------------------------------------- */
#footer {
	margin:0;
	padding:6px 0 6px 0;
	text-align:center;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #aaaaaa;
	background-position:bottom;
}
