@charset "UTF-8";
/* ------------------------------------------------------------ */
/* リセット                                                     */
/* ------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	font-family: verdana, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, 'MS Pゴシック', 'MS PGothic';
}
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%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}





/* ------------------------------------------------------------ */
/* テキストリンク                                               */
/* ------------------------------------------------------------ */
a {
	text-decoration: none;
}
a:link {
	color: #369;
}
a:visited {
	color: #699;
}
a:hover {
	color: #6CF;
}
a:active {
	color: #F60;
}

/* 画像透過 */
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background-color: #FFF;
}


/* ------------------------------------------------------------ */
/* 基本レイアウト                                               */
/* ------------------------------------------------------------ */
#wrap {
	background-color: #FFF;
}
#container {
	position: relative;
	width: 1000px;
	height: 700px;
	margin: 0 auto;
}
#header {
	position: relative;
	clear: both;
	width: 1000px;
	height: 100px;
}
#contents {
	position: relative;
	clear: both;
	width: 1000px;
	height: 260px;
	background: url(img/bgimg.jpg) 0 0 no-repeat;
	padding: 170px 0;
}
h1 {
	display: none;
}
#headnavi {
	position: absolute;
	top:35px;
	right:0;
}
ul {
	width:584px;
	margin: 0 auto;
}
li {
	font-size:1.2em;
	line-height:2em;
	letter-spacing:0.2em;
	font-weight: bold;
	float: left;
	width:250px;
	height: 200px;
	border: 1px solid #FFF;
	margin: 0 20px;
}
li a {
	display: block;
	width:200px;
	height: 150px;
	padding: 25px;
}
li a:hover {
	background-color: #FFF;
}