@charset "UTF-8";

/* =====================================================
    reset
===================================================== */


.align1{text-align:left;}
.align2{text-align:center;}
.align3{text-align:right;}
.under{text-decoration:underline;}
.titlecaption{border-style:groove;}
.listtype none{list-style-type:none;}
.line high{line-height:1.7;}
.clearboth{clear:both;}
/* =====================================================
    common
===================================================== */

body{
	margin:0;
	padding-top:10px;
	text-align:center;
	font-size:16px;
	color:#696969;
	line-height:1.3;
	}

#wrapper{
	width:750px;
	margin:0 auto;
	text-align:left;
	}

a img{border:none;}

.picture image{caption-side:bottom;}

.align1{text-align:left;}
.align2{text-align:center;}
.align3{text-align:right;}
.under{text-decoration:underline;}
.titlecaption{border-style:groove;}


/* =====================================================
    header
===================================================== */
#header{
	text-align:right;
	}

/* =====================================================
    container
===================================================== */
#container{
	background-color:#F6F6F6;
	margin:0;
	overflow:hidden;}



ul.menubox {
	margin:0;
	padding:0;
	line-height:1;
	background-image:url("./image/trback5.jpg");
	background-position:bottom left;
	list-style-type:none;
	}

ul.menubox li{
	margin:0;
	padding:0;
	float:left;
	width:187px;
	text-align:center;
	font-size:100%;
	background-image:url("./image/trback4.jpg");}

ul.menubox li a{
	font-color:#696969;
	border-right:1px solid #fff;
	padding:9px 20px;
	display:block;
	position:relative;
	}

ul.menubox li a:link{
	color:#696969;
	font-weight:bold;
	text-decoration:none;}

ul.menubox li a:visited{
	color:#696969;
	font-weight:bold;
	text-decoration:none;}


ul.menubox li a:hover{
	border-color:#333;
	background-image:url("./image/bc_blue.jpg");
	color:white;
	text-decoration:none;
	}

table.pic{
	table-layout:auto;
	position:center;
	border:0;
	border-collaspe:collaspe;
	margin-top:1%;
	margin-left:1%;
	padding-top:1%;
	}

table.pic td{
	width:355px;
	text-align:center;
	font-size:90%;
	}	

table.pic td a{
	display:block;
	border:4px solid #F5F5F5;
	}

table.pic td a:link{
	text-decoration:none;
	color:#696969;}


table.pic td a:hover{
	border:4px solid gray;
	color:#696969;
	text-decoration:none;}

table.pic td a:visited{
	text-decoration:none;
	color:#696969;}

table.pic th{
	text-align:left;
	vertical-align:bottom;
	font-size:130%;
	height:30px;
	color:#ffffff;
	background-color:#0033cc;
	font-color:#000000;
	padding-left:2%;
	}

table.toppage{
	margin:auto;
	width:650px;
	line-height:1.7;
	text-align: justify;
	text-justify: inter-ideograph;
	}

.pastnews{
	text-align:right;
	font-size:85%;
	margin-right:2%;
	}

.top{
	margin:0 auto;
	padding:2%;
	background-color:#B0C4DE;
	width:600px;
	line-height:1.5;
	text-align: justify;
	text-justify: inter-ideograph;
	}

	
/* =====================================================
    main
===================================================== */

#main{margin:0 auto;
	line-height:1.7;}

.topicpath{
	margin-left:2%;
	font-size:85%;
	}

.topicpath_last{
	text-align:right;
	margin-right:2%;
	font-size:85%;
	}

.news{
	width:690px;
	margin:0 auto;
	}
	

ul.newslist{
	list-style-type:square;
	}



	
	



/* =====================================================
    footer
===================================================== */
#footer{	
	width:750px;
	text-align:center;
	}

/* =====================================================
    link
===================================================== */
a:link{
	color:#696969;
	}

a:visited{
	text-decoration:1px thin;
	color:#696969;
	}

a:hover{
	text-decoration:underline;
	color:#ff0066;
	}

a:active{
	text-decoration:underline;
	color:#ff0066;
	}

div.logo{padding-bottom:10px;}
div.logo_left{text-align:left;
               float:left;}
div.logo_right{text-align:right;}