@charset "Shift_JIS";

/*
-----------------------------------------------------
Date:		2007.12.23
Version:	v0.4
Designed by:	Hiroyuki Takisawa
-----------------------------------------------------
*/

	*{
		color:#333333;
		font-family: arial, sans-serif;
		margin:0 auto;
		padding:0;
	}

	body{
		font-size:small;
		text-align:center;
		display:block;
		clear:both;
	}

	a:link{color:#003399; text-decoration:none;}
	a:visited{color:#003399; text-decoration:none;}
	a:active{color:#0000ff; text-decoration:none;}
	a:hover{color:#0033CC; background-color:#EDEEFF; text-decoration:none;}

	img {border:none;}
	img.mt {margin-bottom:5px; claer:both;}
	input{vertical-align:middle;}

	ul.news {list-style-image: url(../img/mark.gif); margin:0 0 10px 20px;}
	ul.news li{border-bottom:1px #333333;border-bottom-style: dotted; margin:5px 0;padding-bottom:3px;}

	.notxt {display:none;}

/*
-----------------------------------------------------
 Main Frame 
-----------------------------------------------------
*/
	#container{
		width:840px;
		border:none;
		background:#FFFFFF;
		text-align:left;
	}

	#header-top{
		width:840px;
		margin:0 auto;
		margin-top:20px;
		display:block;
		clear:both;
	}

	#header{
		width:840px;
		height:40px;
		margin:20px 0;
		clear:both;
	}

	#header .title{
		width:142px;
		text-align:left;
		float:left;
	}

	#header .catch{
		width:528px;
		text-align:left;
		float:left;
	}

	#header .link{
		width:170px;
		text-align:left;
		float:left;
	}

	#nav{
		width:840px;
		height:80px;
		display:block;
		clear:both;
	}

	#main{
		width:840px;
		margin:5px 0;
		display:block;
		clear:both;
	}

	#topics{
		width:240px;
		height:100%;
		text-align:left;
		float:left;
		display:block;
	}

	#view{
		width:240px;
		height:510px;
		text-align:left;
		display:block;
		float:left;
	}

	#body-top{
		width:580px;
		text-align:left;
		float:right;
		display:block;
	}

	#body{
		width:580px;
		text-align:left;
		float:right;
		display:block;
	}

	#footer{
		width:838px;
		font-size:x-small;
		padding:5px 0 5px 0;
		margin:10px 0 20px 0;
		display:block;
		clear:both;
		border:1px #999999 solid; 
		text-align:left;
	}

/*
-----------------------------------------------------
 Top page Info
-----------------------------------------------------
*/

	#view img.side{margin-bottom:10px; clear:both;}
	#body img.catch{margin:40px 0 50px 0;}
	.select{width:580px;margin-top:30px;}

	#footnav{width:840px;clear:both;text-align:center;margin-top:20px;}
	#footnav img{vertical-align:top;margin:0 5px 0 10px;}

/*
-----------------------------------------------------
 Changemenu Info 
-----------------------------------------------------
*/

	a:link.menu1,
	a:active.menu1,
	a:visited.menu1	{background: url(../img/mainmenu1.gif);width:168px;height:80px;display:block;float:left;}
	a:hover.menu1	{background: url(../img/mainmenu1.gif) 0px -80px;}
	a:link.menu2,
	a:active.menu2,
	a:visited.menu2	{background: url(../img/mainmenu2.gif);width:168px;height:80px;display:block;float:left;}
	a:hover.menu2	{background: url(../img/mainmenu2.gif) 0px -80px;}
	a:link.menu3,
	a:active.menu3,
	a:visited.menu3	{background: url(../img/mainmenu3.gif);width:168px;height:80px;display:block;float:left;}
	a:hover.menu3	{background: url(../img/mainmenu3.gif) 0px -80px;}
	a:link.menu4,
	a:active.menu4,
	a:visited.menu4	{background: url(../img/mainmenu4.gif);width:168px;height:80px;display:block;float:left;}
	a:hover.menu4	{background: url(../img/mainmenu4.gif) 0px -80px;}
	a:link.menu5,
	a:active.menu5,
	a:visited.menu5	{background: url(../img/mainmenu5.gif);width:168px;height:80px;display:block;float:left;}
	a:hover.menu5	{background: url(../img/mainmenu5.gif) 0px -80px;}

/*
-----------------------------------------------------
 Common Style 
-----------------------------------------------------
*/

	img.ptitle{width:580px;margin-bottom:20px;}


/*
-----------------------------------------------------
 History View 
-----------------------------------------------------
*/

.historynav{width:540; height:85px;margin:20px 0 20px 40px; padding-top:5px; clear:both; border-top:1px #CCCCCC solid;}
.historynav .imgbox{width:125px;text-align:left;float:left;}
.historynav .txtbox{width:415px;text-align:left;float:right;padding-top:32px;}

table.search{
	width:580px;
	margin-bottom:10px; 
	clear:both;
/*	border:1px #999999 solid;*/
	display:block;
}
table.search th.fname{
	width:100px;
	padding:2px;
	text-align:right;
	color:#333366;
	vertical-align:middle;
	font-size:x-small;
	color:#333366;
}

table.search th.fname2{
	width:100px;
	padding:2px;
	text-align:left;
	color:#333366;
	vertical-align:middle;
	font-size:x-small;
	color:#333366;
}

table.search td{
	text-align:left;
	vertical-align:middle;
	font-size:xx-small;
	color:#333333;
}

#txtbox{
	height:18px;
	width:300px;
	font-size:xx-small;
	border:1px #666666 solid;
	border-left:3px #666666 solid;
	border-right:3px #666666 solid;
}

.sbtn{
	height:20px;
	font-size:12px;
	color:#333366;
	paddin:0 3px;
	padding-top:3px;
	background-color:#CCCCFF;
	border:1px #999999 solid;
	margin:0 2px;
	display:inline;
}

.lnbox{
	margin:0 100px;
	background-color:#FFFFFF;
	padding:3px;
	border-bottom:1px #999999 dotted;
}

table.history{width:580px;margin:20px 0 20px 0; clear:both;}
table.history td.exs{
	padding:5px 0 10px 0;
	text-align:right;
	vertical-align:top;
	font-size:12px;
	font-weight: bold; 
	color:#333366;
}
table.history td.year{
	width:60px;
	padding:5px 0 10px 0;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight: bold; 
	color:#333366;
}
table.history td.info{
	padding:5px 0;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight: bold; 
	color:#666666;
}
table.history td.month{
	width:80px;
	padding:5px 0 10px 0;
	text-align:right;
	vertical-align:top;
	font-size:12px;
}
table.history td.txt{
	width:265px;
	padding:5px 0 10px 0;
	padding-left:20px;
	vertical-align:top;
	text-align:left;
}
table.history td.image{
	width:175px;
	vertical-align:top;
	text-align:right;
}
table.history td.image img{margin:0 0 3px 3px;}
table.history td.line{
	width:580px;
	height:5px;
	background:#CCCCCC;
}

#linenav{width:580px;margin-bottom:20px;clear:both;}

#item{
	width:580px;
	text-align:center;
}
#item img.pic{border:1px #999999 solid; display:block;}
#item h3{font-size:small;font-weight: bold; display:block; margin:10px; 0 10px 0;}
#item p{width:500px; text-align:left; display:block; margin:10px 40px;}

ul.list {list-style-image: url(../img/mark.gif); margin:0 0 10px 15px;}
ul.list li{margin:5px 0 5px 0;}


#body-top img.c{display:block;}
#body-top div#msg{display:block; line-height:1.5; color:#333333; margin-bottom:20px;}
#body-top div#msg img{float:left;margin:0 5px 5px 0;}
#body-top div#msg img.e1{float:right;margin:0 0 5px 5px;}
#body-top div#msg img.mark{display:inline;float:none;vertical-align:middle;margin-top:5px;}

table.dignav{
	margin:2px;
	width:576px;
	border:none;
	border-collapse:collapse;
	display:block;
	clear:both;
}

table.dignav td{
	text-align:center;
	vertical-align:top;
	padding-bottom:5px;
	font-size:xx-small;
}

table.dignav td img{
	display:block;
	margin-bottom:3px;
}