@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { c ontent:'';}
img {vertical-align:top;}
a {text-decoration:none; }

body {
	color: #444444;
	line-height:1.4;
	font-size: 95%;
  	text-align: justify;
	text-justify: inter-ideograph;}

a {color:#9da98e;}
a:visited { color: #9da98e; }
a:hover { color: #587434; } 	
   
#all {
	margin: 0 auto;
	width:970px;
	background: #fff url(../images/kitami_youtien_main_back.jpg) repeat-y scroll left top;
	position:relative;}

#header {/* ヘッダ */
	position:relative;
	background-repeat:no-repeat;	
	} 

#header h1 {
	position:absolute;
	text-indent:-3000px;
	display:block;
	}
.language {
	width: 190px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 780px;
}
.language ul{
}
.language ul li {
	display: inline;
	float: left;
	width: 90px;
	padding: 0;
	margin: 0;
}
#wrapper {
	width:970px;
	background-repeat:no-repeat;
	background-attachment:scroll;	
	position:relative;
	}

#contents {
	width:580px;
	}

#contents h2 {
	font-size:110%;
	margin:0 0 0 10px;
	padding:20px 0 10px 35px;
	background-repeat:no-repeat;
	} 
	
.clear {
	clear: both;
}
	
.clearfix:after { 
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	} 
.clearfix {zoom:1;} /* for IEs */

#sub {
	position:absolute;
	background-repeat:no-repeat;
	background-attachment:scroll;
	}

#navi {
	position:absolute;
	height:50px;
	width:960px;
	padding:0 0 0 10px;
	}

#navi ul{
	behavior: url("scripts/csshover.htc");/* IE6 対策 */
	}

#navi li{
	float:left;
	width:190px;
	height:50px;
	}
	
#navi ul li a{
	display:block;
	height:50px;
	background-image:url(../images/navi_back.jpg);
	text-indent:-3000px;
	}

#navi ul li ul {
	display: none;
	position: relative;
	top:-5px;
	left:10px;
	z-index: 100;
	width:170px;
	border-bottom: 1px #ccc solid ;
	}
	
#navi ul li:hover ul {
	display: block;
	}

#navi ul li ul li {
	float:none;
	width:168px;
	height:auto;
	overflow: hidden;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
		
#navi ul li ul li a {
	background-image:url(../images/navi3b.gif);
	background-position:9px center;
	background-repeat:no-repeat;
	background-color:#ebf0e1;
	text-indent:0px;
	padding:8px 0 0 35px;
	color:#666666;
	overflow:hidden;
	height:26px;
	}
	
#navi ul li ul li a:hover {
	background-color:#f6f8f1;
	background-image:url(../images/navi3a.gif);
	background-position:9px 8px;
	background-repeat:no-repeat;
	}

#navi01 a {background-position: 0px   0;}
#navi02 a {background-position:-190px 0;}
#navi03 a {background-position:-380px 0;}
#navi04 a {background-position:-570px 0;}
#navi05 a {background-position:-760px 0;}

#navi01 a:hover {background-position: 0px -50px;}
#navi02 a:hover {background-position:-190px -50px;}
#navi03 a:hover {background-position:-380px -50px;}
#navi04 a:hover {background-position:-570px -50px;}
#navi05 a:hover {background-position:-760px -50px;}

#navi01 a.active {background-position: 0px   -100px;}
#navi02 a.active {background-position:-190px -100px;}
#navi03 a.active {background-position:-380px -100px;}
#navi04 a.active {background-position:-570px -100px;}
#navi05 a.active {background-position:-760px -100px;}

#navi01 a.active:hover {background-position: 0px -50px;}
#navi02 a.active:hover {background-position:-190px -50px;}
#navi03 a.active:hover {background-position:-380px -50px;}
#navi04 a.active:hover {background-position:-570px -50px;}
#navi05 a.active:hover {background-position:-760px -50px;}

#footer {
	font-size:80%;
	color:#6a6a6a;
	width:970px;
	padding:0 0 15px 0;
	background-image:url(../images/kitami_youtien_footer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;	
	}

#ft_contents {
	width:970px;
	position:relative;
	background-image:url(../images/footer.gif);
	background-position:5px 0;
	background-repeat:repeat-y;
	}

#footer h2{
	float:left;
	height:30px;
	width:250px;
	margin:0 0 5px 20px;
	background: url(../images/foot_title.gif) no-repeat scroll left center;
	text-indent:-3000px;
	display: inline;
	}

#footer ul{
	margin:10px 10px 0 0;
	float:right;
	display: inline;
	}

#footer ul li{
	margin:0 0 3px 0;
	float:left;
	}

#footer ul li a{
	background-image:url(../images/link2.gif);
	background-position:9px center;
	background-repeat:no-repeat;
	padding:0 0 0 30px;	
	}

#footer .hokkaido a {
	position:absolute;
	z-index:300;
	top:-85px;
	left:790px;
	width:180px;
	height:70px;
	background-image: url(../images/hokkaidou.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-3000px;
	display:block;
	}

#footer .hokkaido a:hover {
	background-position:left bottom;
	}