@charset "utf-8";


/* html5に対応していないブラウザ用 */ 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}/* ******************************* */



/* GENERAL */
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff;
}

img{
	border: 0;
}

#container {
	height: 100%;
}

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

#content {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 150px;
}


/*-------------------------------------------*/	
/* header */
footer{
	position: relative;
	width: 100%;
	height: 150px;
	margin: -150px 0 0;
	padding: 0;
	background: #fff;
	z-index: 2;
}

/* 
f_nav */

footer #f_nav{
	width: 100%;
	overflow: hidden;
}



	/* 
	f_right */
	footer #f_nav #f_right{
		float: right;
		width: 77px;
		height: 30px;
		margin: 0 10px 0 0;
		padding: 0;
	}
			
	footer #f_nav #f_right img{
		margin-right: 5px;
	}
				}
	/* 
	nav */
	nav {
		padding: 0;
		margin: 0;
		float: left;
		width: 850px;
		height: 110px;
	}
		nav h1 {
			float:left;
			width: 190px;
			height: 110px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			line-height: 0;
			font-size: 1px;
		}
			nav h1 a{
				display: block;
				width: 190px;
				height: 110px;
				text-decoration: none;
				text-indent: -9999px;
				background: url(../images/logo.gif) left top no-repeat;
			}
			
			nav h1 a:hover{
				background-position: left -110px;
			}
			
			
		nav h2{
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			line-height: 0;
			font-size: 1px;
		}
		
	nav ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	nav li{
		float:left;
		display: block;
		width:110px;
		margin:0;
		padding:0;
	}
	
	nav li a{
		display:block;
		padding:0;
		width: 110px;
		height:110px;
		color:#FFF;
		text-decoration:none;
		background-position: leeft top;
		background-repeat: repeat;
	}
	nav li a:hover,
	nav li a:focus,
      nav li a:active{
      	background-position:-150px 0;
      }
	
	
	.page_nav1 {background:url(../images/page_nav1_bg.gif);}
	.page_nav2 {background:url(../images/page_nav2_bg.gif);}
	.page_nav3 {background:url(../images/page_nav3_bg.gif);}
	.page_nav4 {background:url(../images/page_nav4_bg.gif);}
	.page_nav5 {background:url(../images/page_nav5_bg.gif);}
	.page_nav6 {background:url(../images/page_nav6_bg.gif);}
	.page_nav7 {background:url(../images/page_nav7_bg.gif);}
	
	#a a {background-image:url(../images/bg2.jpg) repeat 0 125px;}


/* 
f_info */

	
	footer #f_info{
		clear: both;
		width: 100%;
		overflow: hidden;
	}
	

		
	footer .news{
		float: left;
		display: block;
		width: 300px;
		font-size: 12px;
		color: #333;
		line-height: 20px;
		margin-left: 10px;
	}
		




footer .copy_FBbt{
	float: right;
	width: 580px;
	overflow: hidden;
}

		
	footer .copyright{
		float: left;
		width: 350px;
		font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-style: normal;
		font-variant: normal;
		font-size: 12px;
		color: #333;
		text-align: right;
		margin-right: 10px;
	}
	
	footer .fb-like{
		float: right;
		width: 200px;
	}