﻿@charset "utf-8";

/* --- Reset --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,em,strong,th {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

img,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

/* --- 全体の背景・テキスト --- */
body {
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-serif;
	color: #000000; 								/* 全体の文字色 */
	background-color: #ffffff; /* ページの背景色 */
	line-height: 1.2;
	text-align: center;							/* IE6用センタリング */
}
	
/* --- clearfix --- */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}

/* --- 全体のリンクテキスト --- */
a:link {
	color: #0000CC;
}
a:visited {
	color: #990099;
}
a:hover {
	color: #CC0000;
}
a:active {
	color: #CC0000;
}

/* --- コンテナ --- */
#container {
	width: 760px; 								/* ページの幅 */
	margin: 0px auto; 						/* センタリング */
	background-color: #ffffff; /* メインカラムの背景色 */
	text-align: left;
}

/* --- ヘッダ --- */
#header {
	width: 760px;
	height: 175px;
}

#headerLeft {
	width: 152px;
	height: 175px;
	float: left;
}

#headerRight {
	width: 608px;
	height: 175px;
	float: left;
}

/* --- メニューボタン上段 --- */
#menuTop {
	width: 608px;
	height: 38px;
}
#menuTop ul {
	float: left;
}

#menuTop li {
	float: left;
}

#menuTop li a {
	height: 38px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
#menuTop li a:hover {
	background-position: 0px -37px;
}
a.btn01 {
	width: 85px;
	background-image: url(images/what12.gif);
}
a.btn02 {
	width: 87px;
	background-image: url(images/riyou12.gif);
}
a.btn03 {
	width: 87px;
	background-image: url(images/tenjiguide12.gif);
}
a.btn04 {
	width: 88px;
	background-image: url(images/toku_kika12.gif);
}
a.btn05 {
	width: 86px;
	background-image: url(images/kouzamoyoshi12.gif);
}
a.btn06 {
	width: 86px;
	background-image: url(images/new_hyakka12.gif);
}
a.btn07 {
	width: 89px;
	background-image: url(images/kenkyuu12.gif);
}

/* --- メニューボタン下段 --- */

#menuBottom {
	width: 608px;
	height: 29px;
}

#menuBottom ul {
	float: left;
}

#menuBottom li {
	float: left;
}

#menuBottom li a {
	height: 29px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}

#menuBottom li a:hover {
	background-position: 0px -28px;
}

a.btn08 {
	width: 85px;
	background-image: url(images/gyorui12.gif);
}
a.btn09 {
	width: 87px;
	background-image: url(images/kankoubutu12.gif);
}
a.btn10 {
	width: 87px;
	background-image: url(images/tomo12.gif);
}
a.btn11 {
	width: 88px;
	background-image: url(images/faq12.gif);
}
a.btn12 {
	width: 86px;
	background-image: url(images/link12.gif);
}
a.btn13 {
	width: 86px;
	background-image: url(images/theater12.gif);
}
a.btn14 {
	width: 89px;
	background-image: url(images/syokuin12.gif);
}

/* --- コンテンツ --- */
#content {
	width: 760px;
	line-height: 1.2em;
}

/* --- フッタ --- */
#footer {
	width: 760px;
}

address {
	font-size:85%;
	padding: 0.2em;
	background-color: #009966;
	color: #ffffff;
	text-align: center;
}

address a:link    {color: #ffffff;}
address a:visited {color: #ffffff;}
address a:hover   {color: #ffffff;}
address a:active  {color: #ffffff;}

