@charset "UTF-8";
/* -------
 Common CSS
	ガイド：値を4つ指定した場合、記述した順に[上][右][下][左]のスタイルになります。

	font-size
	通常　　：14px
	見出し　：16px
	入力欄　：16px
	小見出し：12px
	注釈など：10px


--------------*/
body {
	margin:0;
	background-color:#185a9d;
/*
	background: #43cea2;
	background: -webkit-linear-gradient(to top left, #94b0dc , #185a9d);
	background: linear-gradient(to top left, #94b0dc , #185a9d);
*/
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}

/* --------------------------------------------------------- */
/* 全体を囲んでいます */
/* --------------------------------------------------------- */
#wrapper {
	background-color:#FFFFFF;
	color:#000000;
	text-align: left;
	width: 800px;
	margin: 0 auto;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
#wrapper-sp {
	background-color:#FFFFFF;
	color:#000000;
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
/*	margin: 5px auto; */
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}

/* -------------- */

em {
	font-style:normal;
}

select,
textarea,
input[type="text"],
input[type="radio"],
input[type="email"] {
	font-size:14px;
}

input[type="submit"] {
/*	width:100px; */
	padding:2px 20px 2px 20px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));
	border:1px #F27300 solid;
	color:#FFFFFF;
	font-size:14px;
	-webkit-appearance:none;
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 2px 2px #CCC;
	text-shadow:1px 2px 3px #C45C00;
}

.fsize10 { font-size:10px; }

.google-maps {
	position: relative;
/* 縦横比 */
/*	padding-bottom: 75%; */
/* 高さ固定 250px */
	padding-bottom: 300px;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* --------------------------------------------------------------------------------------------------------------------
	テーブル
----------------------------------------------------------------------------------------------------------------------- */
table.border {
	border: 1px solid #BFBFBF;
	border-collapse: collapse;
	empty-cells: show;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
 }
table.border caption{
/*	background-color: #DFE3E8; */
	white-space: nowrap;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-weight:bold;
	font-size: 14px;
}
table.border th{
	border: 1px solid #AFAFAF;
	background-color: #DFE3E8;
	vertical-align: middle;
	white-space: nowrap;
	text-align:left;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size: 14px;
	font-weight:bold;
}
table.border td{
	border: 1px solid #BFBFBF;
/*	white-space: nowrap; */
	height: 0;
	vertical-align: top;
	overflow: visible;
	text-align:left;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size: 14px;
}

table.noborder {
	border: 0;
	border-collapse: collapse;
	empty-cells: show;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
}
table.noborder caption{
	white-space: nowrap;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size: 14px;
	font-weight:bold;
}
table.noborder th{
	border: 0;
	background-color: #DFE3E8;
	color: #000000;
	vertical-align: middle;
	white-space: nowrap;
	text-align:left;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size: 14px;
	font-weight:bold;
}
table.noborder td{
	border: 0;
	background-color: #FFFFFF;
	height: 0;
	vertical-align: top;
	overflow: visible;
	text-align:left;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size: 14px;
}

/* --------------------------------------------------------------------------------------------------------------------
	ヘッダー
----------------------------------------------------------------------------------------------------------------------- */
.top0:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.top0 {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
}
.top0 h1 {
	display:block;
	padding:4px 0 0 0;
	font-size:18px;
	font-weight:bold;
}
.top0 h2 {
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
	padding:2px 0 0 0;
}
.top0 h3 {
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
}

.top1:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.top1 {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#D0F0D0;
	background-color:#FFFFFF;
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.4);
	box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.top1 h1 {
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	padding:3px 0 3px 0;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
}
.top1 h2 {
	display:inline-block;
	font-size:16px;
}
.top1 h3 {
	display:block;
	font-size:16px;
	padding:3px 0 3px 0;
}
/* --------------------------------------------------------- */
/* ナビゲーションメニュー(ヘッダーの下のメインメニュー)      */
/* --------------------------------------------------------- */
.navi a {
	font-size:12px;
	padding-left:0.5em;
	padding-right:2.5em;
	color:#0000FF;
	border-left:3px solid #0000FF;
	text-decoration:none;
}

.navi a:hover {
/*	border-color:#114600; */
	color:#FF6600;
	border-left:3px solid #FF6600;
	text-decoration:underline;
}

ul#header_navi {
	clear:both;
	overflow:hidden;
	margin:0 auto;
}

* html ul#header_navi {
	height:1%;
}
ul#header_navi li {
	float:left;
	list-style-type: none;
}

ul#header_navi a {
/*	width:144px; */
	width:7em;
	font-size:12px;
	display:block;
/*	display:inline; */
	padding:5px 0 5px 3px;
	color:#FFFFFF;
	border-left:3px solid #FFFFFF;
	text-decoration:none;
}

ul#header_navi li:last-child a {
/*	width:144px; */
	width:8em;
}

ul#header_navi li.active a,ul#header_navi a:hover {
/*	border-color:#114600; */
	color:#FFFFFF;
	border-left:3px solid #00FF00;
	text-decoration:underline;
}
/* ----------------------------
	タイトル用（トップページ以外）
------------------------------- */
.header2:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.header2 {
/*	background:-webkit-gradient(linear, left top, left bottom, from(#D6EFD1),to(#D6EFD1)); */
/*	background:linear-gradient(#D6EFD1, #D6EFD1); */
	background-size:100% 100%;
	height:36px;
	border-top:1px solid #00FF00;
	border-bottom:1px solid #00FF00;
}
.header2 h1 {
	display:block;
	float:left;
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	color:#0000FF;
}
.header2 a {
	display:block;
	float:right;
	background-color:#E0E0E0;

	border-radius:4px;
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.4);
	box-shadow:2px 2px 3px rgba(0,0,0,0.4);

	height:20px;
	line-height:20px;
	width:60px;

	margin-top:8px;
	margin-right:10px;

	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#000000;
}
/* --------------------------------------------------------------------------------------------------------------------
	フッター
----------------------------------------------------------------------------------------------------------------------- */
.footer2 h1 {
	display:block;
	overflow:hidden;
	color:#000000;
	background-color:#BFBFBF;
/*	width:800px; */
	height:16px;
	line-height:16px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
/* --------------------------------------------------------------------------------------------------------------------
	コンテンツ部全体
----------------------------------------------------------------------------------------------------------------------- */
div#contents {
	margin:10px 5% 10px 5%;
}
/* ====================================================  etc. ===== */
hr {
	border:none;
	color:#D6EFD1;
	background-color:#D6EFD1;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}	
ul li,
ol li {
	margin-left:1.5em;
	font-size:14px;
}