@charset "UTF-8";

/* styles.css */

/*------------- ブラウザの設定リセット -------------*/
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
table,
caption,
thead,
th,
td,
form,
img,
a,
span,
p {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1;
}
/*------------- end -------------*/

/*------------- ヘッダ -------------*/
h1 {
	font-size: 1px;
	text-indent: -9999px;
}

h2 {
	margin: 10px auto 30px auto;
	padding: 5px 5px 5px 5px;
	font-size: 25px;
	background-color: #304a79;
	color: #e3c77a;
	font-weight: bold;
	text-align: center;
}

h3 {
	margin: 10px auto 30px auto;
	font-size: 20px;
	color: blue;
	font-weight: bold;
	text-align: center;
}

h4 {
	margin: 10px auto 30px auto;
	font-size: 18px;
	color: #00500c;
	font-weight: bold;
	text-align: center;
}
/*------------- end -------------*/

p {
	margin: 10px auto 0px auto;
	text-align: center;
	font-weight: bold;
}

p span {
	font-weight: bold;
}

a {
	font-weight: bold;
	text-decoration: none;
}

a span {
	font-weight: bold;
}

a:hover,
a:hover span,
a:active,
a:active span {
	color: #c49b28;
}

img {
	border-style: none;
}
/*
img[alt]:before {
    content: " "attr(alt);
}

img:after {
	display: block;
	content: "(" counter(caption) ". " attr(alt);
	counter-increment: caption;
}
*/

/*------------- 表 -------------*/
table {
	margin: 10px auto 30px auto;
	border-collapse: collapse;
	border:3px solid navy;
	background-color: #bbc8e6;
	text-align: center;
	font-weight: normal;
}

table caption {
	color: navy;
	font-size: 17px;
	font-weight: bold;
}

thead th {
	background-color: #304a79;
	color: white;
}

th {
	padding: 8px 20px;
	border:3px solid navy;
	font-size: 16px;
	font-weight: bold;
	color: navy;
}

.odd-line th {
	background-color: white;
}

td {
	border:3px solid navy;
	padding: 8px 18px;
}

.odd-line td {
	background-color: white;
}
/*------------- end -------------*/

/*------------- 配置用表 -------------*/
.layout {
	border-style: none;
	text-align: center;
}

.layout th {
	border-style: none;
}

.layout td {
	border-style: none;
	background-color: transparent;
}
/*------------- end -------------*/


/*------------- floatをclearするブロック -------------*/
.float-clear-block {
	min-height: 0; /* WinIE7対策 */
	display: inline-table; /* MacIE対策 他ブラウザ用に下記で再設定 */
}

/* IE以外のブラウザ対策 */
.float-clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html .float-clear-block {height: 0;} /* WinIE6以下のIE対策 */
.float-clear-block {display: block;} /* MacIE以外のブラウザ用に再設定 */
/* */
/*------------- end -------------*/


/*------------- ナビゲーションバー -------------*/
.navi-bar {
	list-style: none;

	min-height: 0; /* WinIE7対策 */
	display: inline-table; /* MacIE対策 他ブラウザ用に下記で再設定 */
}

/* IE以外のブラウザ対策 */
.navi-bar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html .navi-bar {height: 0;} /* WinIE6以下のIE対策 */
.navi-bar {display: block;} /* MacIE以外のブラウザ用に再設定 */
/* */

.navi-bar li {
	float: left;
}

.navi-bar li a {
	text-align: center;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

.navi-bar li:hover a,
.navi-bar li a:hover,
.navi-bar li a:active {
	color: #c49b28;
}
/*------------- end -------------*/


/*------------- 見出し付画像 -------------*/
.image-block {
	float: left;
	text-align: center;
}

.image-block h3 {
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
}
/*------------- end -------------*/


/*------------- 画像等の説明文 -------------*/
.image-caption-block {
	float: left;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
/*------------- end -------------*/


/*------------- お知らせ等の表示ブロック -------------*/
.info {
	margin: 10px auto 30px auto;
	padding: 10px 30px 10px 30px;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	border: 3px solid #02048b;
}
/*------------- end -------------*/

/*------------- 注意書き等の表示ブロック -------------*/
.attention {
	margin: 20px auto 30px auto;
	padding: 5px 30px 10px 30px;
	background-color: #ece3a4;
	text-align: center;
	font-weight: bold;
	color: navy;
	border: 3px solid red;
}

.attention .caption {
	padding: 0px 0px 10px 0px;
	color: red;
	font-size: 17px;
	font-weight: bold;
}
/*------------- end -------------*/

/*------------- ページレイアウト用ブロック -------------*/
body {
	font-size: 15px;
	line-height: 1.1;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", serif;
	padding: 15px 0 15px 0;
	background: blue url(../images/common/back.jpg) repeat;
	text-align: center; /* 全体を中心に配置するのに必要 IE5バグ対策 */
}

body div{
	margin: 0 auto; /* 全体を中心に配置するのに必要 */
}
#container {
	width: 800px; /* ページ内のコンテンツ全体の幅を設定 */
	text-align: left;
/* 
	background-color: #f5f5f5;
	border: 1px solid black;
*/
}

#header {
	width: 800px;
	height: 180px;
	text-align: left;
}

#left-side {
	margin: 15px 0 30px 0;
	width: 235px;
	float: left;
}

#center {
	margin: 15px 0 30px 0;
	width: 560px;
	float: right;
}

#footer {
	margin: 0;
	width: 100%;
	clear: both;
	background-color: #304a79;
	border-top: 5px solid #c49b28;
}
/*------------- end -------------*/


/*------------- 個別要素 -------------*/
#top-title {
	width: 100%;
	height: 150px;
	background: blue url(../images/common/top-title.jpg) no-repeat;
}

#head-navi {
	width: 100%;
	height: 30px;
	background: #ffcc66 url(../images/common/head-navi-bg.gif) no-repeat;
}

#head-navi li {
	margin-left: 2px;
}

#head-navi li a {
	width: 131px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #284170;
	text-decoration: none;
}

#head-navi li:hover a,
#head-navi li a:hover,
#head-navi li a:active {
	background: #cc9933 url(../images/common/head-navi-bg-hover.gif) repeat-x;
	color: white;
}

#left-side h2 {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	width: 205px;
	height: 30px;
	font-size: 17px;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
	background: yellow url(../images/common/site-navi-header-bg.gif) repeat-x;
	color: black;
}

#search {
	width: 235px;
	padding: 0 0 10px 0;
}

#search form {
	margin: 10px 0 15px 5px;
	padding-left: 3.5px;
	font-weight: normal;
}

#site-navi {
	width: 235px;
}

#site-navi ul {
	list-style: none;
	padding: 0 0 70px 0;
}

#site-navi ul li {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	width: 178.5px;
}

#site-navi ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #284170;
	background: url(../images/common/site-navi-index.gif) no-repeat 0px 3.5px;
}

#site-navi ul li:hover a,
#site-navi ul li a:hover,
#site-navi ul li a:active {
	color: #c49b28;
	background: url(../images/common/site-navi-index-hover.gif) no-repeat 0px 3.5px;
}

#banner-navi {
	width: 235px;
}

#banner-navi ul {
	list-style: none;
}

#banner-navi ul li {
	margin: 0 0 15px 0;
}

#main {
	width: 100%;
}

#foot-navi {
	margin: 5px 0 0 10.5px;
	width: 100%;
	height: 25px;
}

#foot-navi li {
	margin: 0 10.5px;
}

#foot-navi li a {
	height: 25px;
	line-height: 25px;
	font-weight: bold;
}

#copyright {
	margin: 5px auto 0 auto;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-weight: normal;
}
/*------------- end -------------*/