/* http://www.kitamon.com/hrs/ */

body	{
	margin:0;
	padding:0;
	color:#333;
	font-family:Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	background:#f8f8f8 url(./images/bg.gif) repeat-y center top;
}

a:link		{ color:#36f; text-decoration:underline; }
a:visited	{ color:#03c; text-decoration:underline; }
a:active	{ color:#f90; text-decoration:none; }
a:hover		{ color:#f39; text-decoration:none; }

h1			{ height:140px; margin:0; padding:20px;
	color:#fff;font-size:40px; letter-spacing:0em; line-height:1.6;
	background:transparent url(./images/bg_hss.jpg) no-repeat center top;
 }

h3	{
	padding:0.2em;
	color:#fff;
	font-size:14px;
	text-align:left;
	text-indent:0.3em;
	border:2px solid #9cf;
	background-color:#36c;
}

h4	{
	padding:0.5em;
	text-align:left; text-indent:0.5em;
	border:1px solid #ac8;
	border-left:5px solid #9c3;
}

ul.noindent	{ margin-left:1.3em; padding-left:0; }

table.solid		{ margin:1em; font-size:0.9em; font-family:Arial; border-collapse:collapse; border:1px solid #abc; }
table.solid tr	{ font-size:1.0em; line-height:1.3; }
table.solid th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; }
table.solid td	{ padding:0.5em 0.8em; vertical-align:top; border-right:1px solid #abc; border-bottom:1px solid #abc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.solid .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }
table.solid .l	{ text-align:left;  }
table.solid .r	{ text-align:right; }

table.nline		{ font-size:0.8em; line-height:1.2; font-family:Arial; }
table.nline td	{ padding-right:0.8em; vertical-align:top; }
table.nline .e	{ white-space:nowrap; background-color:#f0f0f0; }
table.nline .d	{ white-space:nowrap; background-color:#ddd; }
table.nline .l	{ text-align:left;  }
table.nline .r	{ text-align:right; }

table.tb01		{ margin-bottom:3em; border-collapse:collapse; }
table.tb01 tr	{ font-size:0.9em; line-height:1.3; }
table.tb01 td	{ padding:0.4em 0.6em; border:1px solid #ccc; }
table.tb01 .t1	{ background-color:#eee; color:#039; font-weight:bold; letter-spacing:3px; white-space:nowrap; }
table.tb01 .t2	{ background-color:#ffc; }
table.tb01 .t3	{ background-color:#eee; color:#333; font-size:0.8em; text-align:center; white-space:nowrap; }
table.tb01 .d	{ background-color:#eee; color:#333; text-align:center; white-space:nowrap; vertical-align:top; }
table.tb01 .d1	{ color:#039; font-weight:bold; background-color:#eee; }
table.tb01 .tt	{ font-family:monospace; }
table.tb01 .r	{ text-align:right; }

table.tb01s		{ margin:0.5em 0 2em; border-collapse:collapse; }
table.tb01s tr	{ font-size:0.8em; line-height:1.2; }
table.tb01s td	{ padding:0.3em 0.6em; border:1px solid #ccc; }
table.tb01s .t	{ text-align:center; vertical-align:top; background-color:#eee; }
table.tb01s .t1	{ background-color:#eee; color:#039; font-weight:bold; letter-spacing:3px; white-space:nowrap; }
table.tb01s .t2	{ background-color:#ffc; }
table.tb01s .t3	{ background-color:#eee; color:#333; font-size:0.8em; text-align:center; white-space:nowrap; }
table.tb01s .d	{ background-color:#eee; color:#333; text-align:center; white-space:nowrap; vertical-align:top; }
table.tb01s .d1	{ color:#039; font-weight:bold; background-color:#eee; }
table.tb01s .tt	{ font-family:monospace; }
table.tb01s .r	{ text-align:right; }

table.fujo		{ border-collapse:collapse; border:1px solid #a97; }
table.fujo td	{ padding:0.3em 1em; border:1px solid #a97; font-size:0.9em; line-height:1.3; font-family:monospace; }
table.fujo td.h	{ text-align:center; background-color:#fd9; }
table.fujo td.k	{ text-align:center; background-color:#fea; }
table.fujo td.d	{ text-align:center; background-color:#ffc; }


/*--‰æ‘œŠÖ˜A-------------------------------------------------------*/
div.mask_s	{ width:50px;  height:50px;  background-color:#ccc; overflow:hidden; }
div.mask_m	{ width:100px; height:100px; background-color:#ccc; overflow:hidden; }
div.mask_l	{ width:125px; height:125px; background-color:#ccc; overflow:hidden; }

.phbox_r	{ float:right; margin:0 0 1em 1em; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; background-color:#fff; border:1px solid #ccc; }

.phbox_nr	{ float:right; margin:0 0 1em 1em; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; background-color:#fff; }

.phbox_l	{ float:left; margin:0 1em 1em 0; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; background-color:#fff; border:1px solid #ccc; }

.phbox_nl	{ float:left; margin:0 1em 1em 0; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; background-color:#fff; }


/*-----------------------------------------------------------------*/
.small	{ font-size:0.8em; }
.xsmall	{ font-size:xx-small; }
.px12	{ font-size:13px; }
.tt14	{ font-size:14px; font-family:monospace; }
.b		{ font-weight:bold; }

.blk	{ color:#000; }
.red	{ color:#c00; }
.sred	{ color:#c00; font-size:0.8em; }
.url	{ color:#080; font-size:0.8em; font-weight:normal; }
.date	{ color:#393; font-size:13px; font-weight:normal; padding-left:1em; }

.ogc	{ color:#f9c; font-weight:bold; }
.opt	{ color:#36f; font-weight:bold; }
.ttl1	{ color:#03c; font-size:1.1em; font-weight:bold; }
.ttl2	{ color:#c00; font-weight:bold; }
.ttl3	{ color:#393; font-weight:bold; }
.ttl4	{ color:#900; font-weight:bold; font-size:large; }
.ttl5	{ color:#039; font-weight:bold; font-size:x-large; }

.udot	{ color:#999; font-size:0.8em; text-align:right; border-bottom:1px dashed #ccc; }
.ndot	{ color:#bbb; font-size:0.8em; text-align:right; }

.info	{ margin:1em 0 2em; padding-left:20px; font-size:0.9em; background:url(./images/arrow15x15.gif) no-repeat left 3px; }

.gmap	{ width:425px; margin:3em 0; padding:9px; color:#666; font-size:0.9em; line-height:1.3; background-color:#fff; border:1px solid #ccc; }

.link_box		{ margin-bottom:0.8em; padding:0.4em 20px;
	color:#333; font-size:0.9em; font-weight:normal; line-height:1.3; background:#fff url(./images/y.gif) no-repeat left 10px; }
.link_box a		{ font-size:1.1em; font-weight:bold; }
.link_box span	{ color:#080; font-size:13px; font-weight:normal; }

.adderbox		{ width:568px; height:44px; margin:0.8em 0; padding:56px 0 0 20px;
	color:#333; font-size:0.8em; font-weight:normal; line-height:1.3; background:#fff url(./images/hrs588.jpg) no-repeat left top; }

.ybox	{ margin:1em 0; padding:0.5em; color:#900; font-size:0.9em; background-color:#ffd; border:1px solid #fc6; }

.align_l	{ margin-bottom:3em; text-align:left; }
.align_r	{ margin-bottom:3em; text-align:right; }
.align_c	{ margin-bottom:3em; text-align:center; }

.arrow		{ padding-left:18px; font-weight:bold; background:transparent url(./images/y.gif) no-repeat left center; }

.gyousei	{ margin:0.8em 0; padding:0 1em 0.8em; background-color:tranparent; border-bottom:1px dashed #ccc; }

/*-----------------------------------------------------------------*/
#wrapper {
	width:788px;
	margin:0 auto;
	text-align:center;
}

#header {
	padding-top:40px; text-align:left;
	background:transparent url(./images/head.gif) no-repeat center top;
}

#content {
/*	margin-top:1em;*/
	font-size:1.0em;
	line-height:1.5;
	text-align:left;
}

#pankz {
	margin:0;
	padding:16px 8px;
	color:#666;
	font-size:0.8em;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
/*	border-bottom:1px solid #ccc; */
}

#main {
	float:left;
	width:588px;
	text-align:left;
}

#sidebar {
	float:right;
	width:160px;
	margin-top:1em;
	padding:10px;
	color:#354;
	font-size:0.8em;
	line-height:1.8;
	text-align:left;
	background-color:#bd8;
}

#sidebar ul	{ margin:0 0 1em; padding:0; list-style-type:none; }
#sidebar li	{ margin-bottom:14px; text-align:left; }
#sidebar li.ttl	{ padding:6px; color:#666; font-weight:bold; background-color:#ccc;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	border-left:6px solid #999;
}
#sidebar li a	{
	display:block; width:140px; margin:0; padding:11px 20px;
	color:#03c; text-decoration:none; font-weight:bold; background:#f8f8f8 url(./images/bg_btn180.gif) no-repeat left top;
}
#sidebar li a:hover	{
	color:#fff; text-decoration:none; background-position:-180px 0px;
}


#bnr {
	clear:both;
	width:728px;
	margin:1em auto;
	color:#666; font-size:0.8em; line-height:1.8; text-align:left;
}
#bnr img	{ border:none; }
#bnr a	{ margin-right:2em;; }

#footer {
	clear:both;
	margin:2em auto 1em;
	padding:0.5em;
	color:#666; font-size:0.8em; line-height:1.8; text-align:right;
	border-top:1px solid #999;
}
#footer a	{ padding:0 0.5em; }