@charset "utf-8";


/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_ */

/*============================================================
 body
=============================================================*/
body {
	width: 100%;
	background-color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #333;
}
/*============================================================
 ヘッダー
=============================================================*/





	
	header h1
	{
		text-align: left;
		padding: 15px 5px 7px 5px;
		width: 280px;
		float: left;
	}
	header h1 img {
		width: 100%;
	}	



	header {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
#viewer {
margin: 0 auto;
width: 960px;
height: 400px;
text-align: left;
overflow: hidden;
position: relative;
}
#viewer img {
top: 0;
left: 0;
position: absolute;
}

/*============================================================
 グローバルナビ
=============================================================*/
#menu {
		margin-top:10px;
		width: 960px;
		text-align: center;
		margin-left: auto;
	  margin-right: auto;
	}
#menu ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin: 0;
	padding: 0;
	list-style:none;
	}
#menu ul li {
	display: inline;
	float: left;
	width: 160px;
	background-color:#333;
	text-align:center;
	margin-bottom:30px;/*naviとnews、informationの間隔*/
	}

#menu li a {
	padding-top:16px;
	padding-bottom:16px;
	display:block;
	color:#FFF;
}
#menu ul li a:hover {
	background-color: #FFF;
	color: #000;
}


	
		
		

/*============================================================
 フッター
=============================================================*/

footer {
	border-top: 10px solid #666;
	text-align: center;
	clear:both;/*bothで良かったか確認*/
	}
footer div {
	margin-top:20px;
}

footer div p {
	font-size: 0.7em;
	line-height: 2.0em;
}
footer div small {
	font-size: 0.6em;
}