@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}
body {
	line-height: 18px;
	color: #000;
	background: url(../img/background01.jpg) no-repeat center top;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: small;
	font-size: 12px;
	font: x-small;
	text-align: center;
}
a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: underline;
}
img {
	border-style: none;
	vertical-align: bottom;
}

/*-----------------------------------------
	clearfix
-----------------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*-----------------------------------------
	top
-----------------------------------------*/
#top {
	width: 100%;
	height: 1030px;
	background: no-repeat center top;
}
#top h1 {
	margin: 0 auto;
	width: 900px;
	height: 212px;
	background: url(../img/top_title.png) no-repeat center top;
	text-indent: -9999px;
}
#top-slider {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
	text-align: left;
}
.coda-slider-wrapper {
	width: 900px;
	height: 280px;
	overflow: hidden;
	text-align: center;
}
.coda-slider-wrapper .title {
	display: none;
}
.coda-slider {
	position: relative;
	float: left;
	width: 900px;
	height: 280px;
	overflow: hidden;
	background: #ffffff;
}
.coda-slider .panel {
	display: block;
	float: left;
	width: 900px;
	height: 280px;
}
.coda-slider .panel-wrapper {
	float: left;
	width: 900px;
	height: 280px;
}
ul.thumbnail {
	width: 100%;
	height: 110px;
	list-style-type: none;
	background-color: #000;
}
ul.thumbnail li {
	float: left;
}
ul.thumbnail a {
	margin: 10px 0 10px 10px;
	float: left;
	width: 168px;
	height: 90px;
	text-indent: -9999px;
}
.coda-nav {
	display: none;
}
a.panel1 {
	background-image: url(../img/topimage01-thumb.gif);
}
a.panel2 {
	background-image: url(../img/topimage02-thumb.gif);
}
a.panel3 {
	background-image: url(../img/topimage03-thumb.gif);
}
a.panel4 {
	background-image: url(../img/topimage04-thumb.gif);
}
a.panel5 {
	background-image: url(../img/topimage05-thumb.gif);
}
a.white:hover img{
	background: #ffffff;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*-----------------------------------------
	top-contents
-----------------------------------------*/
#top-contents {
	margin: 0 auto;
	position: relative;
	width: 900px;
	height: 428px;
	text-align: left;
}
#top-yataipedia {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 336px;
	height: 243px;
	background: url(../img/top_yataipedia_bg.png) no-repeat center top;
}
#top-yataipedia ul {
	padding: 53px 0 0 87px;
	list-style: none;
}
#top-yataipedia ul li {
	list-style: none;
}
#top-yataipedia-btn {
	padding: 0 0 0 37px;
}
#top-twitter {
	position: absolute;
	top: 39px;
	right: 0px;
	width: 530px;
}
#top-footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 900px;
	line-height: 24px;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
#top-footer a:link, #top-footer a:visited, #top-footer a:hover, #top-footer a:active {
	color: #fff;
	text-decoration: underline;
}