@charset "UTF-8";
/* CSS Document */
body{
	background-color:#FFF;
	background-image:url(img/body_bg.gif);
	
}

/* container　＃＃＃＃＃＃＃＃＃＃ */
#area{
	width:800px;
	margin:0 auto;
	background-image:url(img/base/top_photo.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFF;
	border-color:#999;
	border-style:solid;
	border-width:1px;
}

/* header　＃＃＃＃＃＃＃＃＃＃ */
#header{
	width:800px;
}
#header h1{
	font-size:1em;
	color:#666;
	padding:0.2em 1em;
}

/* topmenu　＃＃＃＃＃＃＃＃＃＃ */
#topmenu{
	width:800px;
	height:28px;
	text-align:center;
	background-image:url(img/base/topmenu_bg.gif);
}
#topmenu img{
	float:left;
}
#topmenu h2{
	margin:0;
	font-size:1.4em;
	float:left;
}
#topmenu h2 a{
	text-decoration:none;
	display:block;
	width:128px;
	text-align:center;
	background-image:url(img/base/topmenu_btn.gif);
	height:26px;
	line-height:26px;
	background-position:left top;
	margin:1px;
}
#topmenu h2 a:link{
	color:#00F;
}
#topmenu h2 a:visited{
	color:#006;
}
#topmenu h2 a:hover{
	background-image:url(img/base/topmenu_btn.gif);
	background-position:left center;
}
#topmenu h2 a:active{
	background-image:url(img/base/topmenu_btn.gif);
	background-position:left bottom;
}


/* 上部メニューのディレクトリにいるかどうか
#topmenu h2.now a:link{
	background-image:url(img/base/topmenu_btn_now.gif);
	background-position:left top;
}
#topmenu h2.now a:visited{
	background-image:url(img/base/topmenu_btn_now.gif);
	background-position:left top;
}
#topmenu h2.now a:hover{
	background-image:url(img/base/topmenu_btn_now.gif);
	background-position:left center;
}
#topmenu h2.now a:active{
	background-image:url(img/base/topmenu_btn_now.gif);
	background-position:left bottom;
}
	 */

/* contents　＃＃＃＃＃＃＃＃＃＃ */
#contents{
	clear:both;
	width:780px;
	margin:0 auto;
}

/* main　＃＃＃＃＃＃＃＃＃＃ */
#main{
	float:left;
	width:600px;
}



/* side　＃＃＃＃＃＃＃＃＃＃ */
#side{
	float:right;
	width:165px;
	margin:1em 0;	
}


/* sidemenu　＃＃＃＃＃＃＃＃＃＃ */
#sidemenu ul li{
	list-style-type:none;
	margin:2px 0 0 5px;
	
}

#sidemenu ul li img{
	border:none;
	vertical-align:bottom;
}
#sidemenu hr{
	margin:1em 0;
}

/* footer　＃＃＃＃＃＃＃＃＃＃ */
#footer{
	clear:both;
	width:800px;
	background-color:#004EA7;
	background-image:url(img/footer_bg.gif);
	background-repeat:y;
}

#footer address{
	font-size:1.2em;
	font-style:normal;
	color:#FFF;
	margin:1em;
}

#copyright{
	font-size:1.2em;
	color:#FFF;
	text-align:center;
}

/* footermenu　＃＃＃＃＃＃＃＃＃＃ */
#footermenu{
	width:800px;
	margin:0 auto;
	padding:1em 0;
	text-align:center;
	background-color:#C0BDA2;
}



/* サブメニュー　＃＃＃＃＃＃＃＃＃＃ */
#submenu {

	border:1px solid #36C;
	padding:2px;
	margin:0 0 1em 0;
	
}

#submenu li{
	font-size:1.2em;
	float:left;
}

#submenu li a{
	display:block;
	padding:2px 0;
	margin:1px;
	text-decoration:none;
	border-top:1px solid #69c;/*上線の幅（細）とカラー（薄）*/
	border-right:2px solid #369;/*右線の幅（太）とカラー（濃）*/
	border-bottom:2px solid #369;/*下線の幅（太）とカラー（濃）*/
	border-left:1px solid #69c;/*左線の幅（細）とカラー（薄）*/
	text-align:center;
	width:143px;
	background:#FFC;/*ボタン背景色*/
	color: #00F;
}
#submenu li a:hover{
	display:block;
	text-decoration:none;
	border-top:2px solid #369;/*上線の幅（太）とカラー（濃）*/
	border-right:1px solid #69c;/*右線の幅（細）とカラー（薄）*/
	border-bottom:1px solid #69c;/*下線の幅（細）とカラー（薄）*/
	border-left:2px solid #369;/*左線の幅（太）とカラー（濃）*/
	text-align:center;
	font-weight: normal;
	background: #fff;/*マウスオーバー時の背景色*/
	color: #369;
}