/*******************************
�@�����͐쎖�����T�C�g
	����CSS
*******************************/

/*======================================
�@�@��{
======================================*/

body, div, p, span, ul, li, h1, h2, h3{
	margin:0;
	padding:0;
}

html{
	height:100%;
	background : url(html_back.gif) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent;
}

body{
	height:100%;
	background : url(body_back.gif) 50% 90px / auto auto no-repeat scroll padding-box border-box transparent;
	text-align:center;
}

/* �w�i�p�n�b�N�FIE7��padding�w�� */
*:first-child +html body{
	padding-left:1px;
}

/* �w�i�p�n�b�N�FIE6�ȉ���padding�w�� */
*html body {
	padding-left:1px;
}

#wrapper{
	width:750px;
	margin:0 auto;
	height:100%;
	background : url(wrapper_back.gif) 0px 0px / auto auto repeat-x scroll padding-box border-box #ffffff;
	position:relative;
}

body > #wrapper{
	height:auto;
	min-height:100%;
}

.gyoukan{
	line-height:23px;
}

.link a{
	font-weight:bold;text-decoration:none;
}



a:link{
	color:#1e90ff;
}



a:visited{
	color:#1e90ff;


}



a:hover{
	color:#FF0099;text-decoration:underline;


}



a:active{
	color:#33CC00;
}

body{
	font-size:15px;
}
.font{
	font-family:"MS�S�V�b�N", sans-serif;
}


/*
======================================
�@�@�w�b�_
======================================*/
#header{
	width:100%;
	height:120px;
	text-align:left;
}

#header h1{
	height:86px;
	padding:4px 0 0 0;
}

#header #h_menu{
	width:100%;
}

#header #h_menu a{
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#header #h_menu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

#header #h_menu li{
	float:left;
	list-style-type:none;
}

#header #h_menu li.top a{
	width:108px;
	background : url(h_m_top.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; 
}

#header #h_menu li.sabou a{
	width:114px;
	background : url(h_m_sabou.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; 
}

#header #h_menu li.kaigan a{
	width:114px;
	background : url(h_m_kaigan.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; 
}

#header #h_menu li.river a{
	width:199px;
	background : url(h_m_river.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; 
}

#header #h_menu li.sugesawa a{
	width:109px;
	background : url(h_m_sugesawa.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; 
}

#header #h_menu li.sitemap a{
	width:106px;
	background : url(h_m_sitemap.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; 
}

#header #h_menu li a:hover{
	background-position:0 -30px;
}

/*======================================
�@�@�R���e���c
======================================*/
#content{
	width:100%;
	padding:15px 0 135px 0;
	zoom:100%;
}

#content:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#content h2{
	width:688px;
	height:53px;
	margin:0 auto 15px auto;
	padding:0 10px 0 40px;
	background : url(page_title_back.gif) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
	font-size:1.6em;
	color:#555555;
	text-align:left;
	line-height:53px;
	overflow:hidden;
}

#content #btm_btn_box{
	padding:10px;
	text-align:center;
	display:block;
}

#content #btm_btn_box img{
	margin:0 5px;
}

/*======================================
�@�@�t�b�^
======================================*/
#footer{
	width:100%;
	height:125px;
	background : url(footer_back.gif) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
}

#footer #f_menu{
	height:35px;
	padding:5px;
	font-size:0.8em;
	color:#525252;
	text-align:center;
}

#footer #f_menu a{
	color:#525252;
	text-decoration:none;
}

#footer #f_menu a:hover{
	text-decoration:underline;
}

#footer #contact{
	height:60px;
	padding:10px;
	font-size:0.8em;
	color:#FFFFFF;
	line-height:1.2em;
	text-align:center;
}

#footer #contact a{
	color:#FFFFFF;
}

#footer #contact .copyright{
	color:#80B7E0;
}