@charset "utf-8";

/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
body {
	color: #333;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: url("../img/bg.jpg") repeat-x;
	background-position: left top;
}

/* フォントサイズ */
.f10 {font-size: 77%;}
.f11 {font-size: 85%;}
.f12 {font-size: 93%;}
.f13 {font-size: 100%;}
.f14 {font-size: 107%;}
.f15 {font-size: 114%;}
.f16 {font-size: 122%;}
.f17 {font-size: 129%;}
.f18 {font-size: 136%;}
.f19 {font-size: 144%;}
.f20 {font-size: 152%;}

/* 行間 */
.lh16 {line-height: 1.6;}
.lh18 {line-height: 1.8;}

/* フォントカラー */
.fc1 {color: #993333;}

/* リンク */
a {text-decoration: none;}
a:link {color: #003f8d;}
a:visited {color: #003f8d;}
a:active {color: #003f8d;}
a:hover {color: #003f8d; text-decoration: underline;}

/* align set */
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignCenter > * {margin: 0 auto;}
.alignRight {text-align:right;}



/* space */

.m-t0 {	margin-top:0;}
.m-t05 {margin-top: 5px;}
.m-t07 {margin-top: 7px;}
.m-t1 {	margin-top:10px;}
.m-t12 {margin-top:12px;}
.m-t15 {margin-top:15px;}
.m-t2 {	margin-top:20px;}
.m-t25 {margin-top:25px;}
.m-t3 {margin-top:30px;}
.m-t35 {margin-top:35px;}
.m-t4 {margin-top:40px;}
.m-t45 {margin-top:45px;}
.m-t5 {margin-top:50px;}
.m-t55 {margin-top:55px;}

.m-b0 {	margin-bottom:0;}
.m-b05 {margin-bottom: 5px;}
.m-b07 {margin-bottom: 7px;}
.m-b1 {	margin-bottom:10px;}
.m-b12 {margin-bottom:12px;}
.m-b15 {margin-bottom:15px;}
.m-b2 {	margin-bottom:20px;}
.m-b25 {margin-bottom:25px;}
.m-b3 {margin-bottom:30px;}
.m-b35 {margin-bottom:35px;}
.m-b4 {margin-bottom:40px;}
.m-b45 {margin-bottom:45px;}
.m-b5 {margin-bottom:50px;}
.m-b55 {margin-bottom:55px;}
.m-b6 {margin-bottom:60px;}

.p-t0 {	padding-top:0;}
.p-t05 {padding-top: 5px;}
.p-t07 {padding-top: 7px;}
.p-t1 {	padding-top:10px;}
.p-t12 {padding-top:12px;}
.p-t15 {padding-top:15px;}
.p-t2 {	padding-top:20px;}
.p-t25 {padding-top:25px;}
.p-t3 {padding-top:30px;}
.p-t35 {padding-top:35px;}
.p-t4 {padding-top:40px;}

.p-b0 {	padding-bottom:0;}
.p-b05 {padding-bottom: 5px;}
.p-b07 {padding-bottom: 7px;}
.p-b1 {	padding-bottom:10px;}
.p-b12 {padding-bottom:12px;}
.p-b15 {padding-bottom:15px;}
.p-b2 {	padding-bottom:20px;}
.p-b25 {padding-bottom:25px;}

/* テキストボックス */
.box {
	width: 960px;
}
.box1 {
	width: 1000px;
	overflow: hidden;
	zoom: 1;
}
.area {
	width: 990px;
	overflow: hidden;
	zoom: 1;
}
.area1 {
	width: 300px;
	float: left;
	margin-right: 30px;
}
.area2 {
	width: 410px;
	float: left;
}
.mapField {
	width: 500px;
	height: 350px;
	float: right;
}
.boxleft {
	width: 520px;
	float: left;
}
.boxright {
	width: 400px;
	float: right;
}

/* セクション */
section.box2 {
	width: 210px;
	float: left;
	margin-right: 40px;
}
section.box3 {
	width: 570px;
	float: left;
}
section.box4 {
	width: 350px;
	float: right;
}

/* 画像の右寄せ左寄せ */
.fLeft {float:left;}
.fRight {float:right;}
img.fLeft02 {
	float:left;
	margin-right: 30px;
	margin-bottom: 15px;
}
img.fRight02 {
	float: right;
	margin-left: 30px;
}

/* 角丸ボタン */
.btn {
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #ccc;
	padding: 5px 20px;
}

.headline01 {
	width: 570px;
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
}

/*-------------------------------------------*/
/*	レイアウト
/*-------------------------------------------*/
#container {
	margin: 0 auto;
	width: 980px;
	padding: 0 10px 70px 10px;
	text-align: left;
}

/* ヘッダー */
header {
	width: 960px;
	height: 565px;
	margin-bottom: 30px;
}
header h1 {
	font-size: 12px;
	text-align: right
}
#headarea {
	width: 960px;
	height: 50px;
	margin: 45px 0 25px 0;
}
#headareaLeft {
	width: 410px;
	height: 50px;
	float: left;
}
#headareaRight {
	width: 350px;
	height: 50px;
	float: right;
}
#headtopImg {
	width: 960px;
	height: 360px;
	margin-bottom: 35px;
}


/* メインナビゲーション */
nav {
	margin: 0 auto;
	width: 960px;
	height: 50px;
}
nav ul {
	width: 960px;
}
nav ul li {
	float: left;
	width: 160px;
	height: 50px;
}
nav ul li a {
	display: block;
	width: 160px;
	height: 50px;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
nav ul li span.active {
	display: block;
	width: 160px;
	height: 50px;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
nav ul li a:focus {
	outline: none;
}

.navhome a { background-position: 0 0; } /* 表示画像の位置を指定 */
.navabout a { background-position: -160px 0; }
.naveidai a { background-position: -320px 0; }
.navkigan a { background-position: -480px 0; }
.navevent a { background-position: -640px 0; }
.navaccess a { background-position: -800px 0; }

.navhome a:hover { background-position: 0 -50px; } /* 表示画像の位置を指定 */
.navabout:hover a:hover { background-position: -160px -50px; }
.naveidai:hover a:hover { background-position: -320px -50px; }
.navkigan:hover a:hover { background-position: -480px -50px; }
.navevent:hover a:hover { background-position: -640px -50px; }
.navaccess:hover a:hover { background-position: -800px -50px; }

.navhome span.active { background-position: 0 -100px; } /* 表示画像の位置を指定 */
.navabout span.active { background-position: -160px -100px; }
.naveidai span.active { background-position: -320px -100px; }
.navkigan span.active { background-position: -480px -100px; }
.navevent span.active { background-position: -640px -100px; }
.navaccess span.active { background-position: -800px -100px; }

/* コンテンツ */
article {
	width: 960px;
}

/* お知らせ */
dl.info {
	width: 570px;
}
dl.info dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 11px 0 10px 0;
	width: 100px;
	border-bottom: 1px dotted #ccc;
}
dl.info dd {
	margin: 0;
	padding: 11px 0 10px 20px;
	border-bottom: 1px dotted #ccc;
}

dl.map {
	width: 410px;
}

dl.map dt {
	clear: left;
	float: left;
	margin: 0;
	width: 60px;
	padding: 5px 0;
}

dl.map dd {
	margin: 0;
	padding: 5px 0 5px 30px;
}

/*-------------------------------------------*/
/*	下層ページ
/*-------------------------------------------*/
table.noukotu {
	width: 960px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-spacing: 0px;
}
table.noukotu thead tr {
	background: #fff;
}
table.noukotu colgroup#title {
	background: #fff;
}
table.noukotu colgroup#family {
	background: #feffce;
}
table.noukotu colgroup#haw {
	background: #e7ffd9;
}
table.noukotu colgroup#person {
	background: #daf9fd;
}
table.noukotu tr th,table.noukotu tr td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 15px 7px;
	font-size: 14px;
	text-align: center;
}

ul.kigan {
	width: 960px;
}
ul.kigan li {
	margin-right: 15px;
	display: inline;
}

/* フッター */
footer {
	width: 100%;
	min-width: 980px;
	background-color: #491717;
}
#footwrap {
	margin: 0 auto;
	width: 980px;
	height: 250px;
	padding: 0 10px;
	color: #fff;
}
.footleft {
	float: left;
	width: 350px;
	margin-top: 40px;
}
.footright {
	float: right;
	width: 610px;
	margin-top: 40px;
	text-align: right;
}
/* フッターリンク */
footer a {text-decoration: underline;padding:0 3px;}
footer a:link {color: #fff;}
footer a:visited {color: #fff;}
footer a:active {color: #fff;}
footer a:hover {color: #fff; text-decoration: none;}