/* 共通CSS */
body {
	width: 85%;
	min-width: 640px;
	margin: 0 auto;
	line-height: 120%;
}

.clearfix {
	width:100%;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

label {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.nes {
	font-weight: bold;
	color: red;
}

/* ヘッダー部 */
header {
	width: 100%;
	height: 100px;
	text-align: center;
	background: linear-gradient(rgb(0,176,80), rgb(254,254,254));	/* IE11用 */
	background: -moz-linear-gradient(top, rgb(0,176,80), rgb(254,254,254));	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,176,80)), to(rgb(254,254,254)));	/* Safari,Google Chrome用 */
}
header h1 {
	font-size: 180%;
	line-height: 100px;
	color: rgb(84,130,53);
	text-shadow:
		-1px -1px 0px rgb(232,214,118),
		1px -1px 0px rgb(232,214,118),
		1px 1px 0px rgb(232,214,118),
		-1px 1px 0px rgb(232,214,118),
		1px 2px 3px rgba(0, 0, 0, 0.6);
}

/* グローバルナビ部 */
nav {
	border-top: double 3px rgb(0,176,80);
	border-bottom: double 3px rgb(0,176,80);
	background-color: rgb(254,254,254);
}
nav ul {
	padding: 2px 0;
	margin: 0 auto;
	list-style-type: none;
	float: left;
	position: relative;
	left: 50%;
}
nav ul li {
	float: left;
	position: relative;
	right: 50%;
}
nav ul a {
	width: auto;
	display: block;
	padding: 8px 16px;
	color: white;
	background: rgb(0,176,80);
	border-left: 20px solid rgb(254,254,254);
	border-right: 20px solid rgb(254,254,254);
	text-decoration: none;
	transition: .2s linear; 
	-webkit-transition: .2s linear; 
	-moz-transition: .2s linear; 
	-o-transition: .2s linear; 
	-ms-transition: .2s linear; 
}
nav ul a:hover {
	background: #0066a0;
}
nav ul .ro a {
	background: #0066a0;
}

/* パンクズリスト部 */
#breadbrumb {
	margin: 5px 0;
	font-size: 80%;
}

/* コンテンツエリア部 */
#main, #main_noside {
	width: 100%;
	clear: both;
}
#sidebar {
	width: 18%;
	margin-bottom: 30px;
	padding: 5px;
	font-size: 90%;
	float: left;
	border: solid 1px #804020;
	background-color: #ffc080;
}
#contents {
	width: 79%;
	margin-bottom: 30px;
	float: right;
}
#main_noside #contents {		/* サイドバー無し */
	width: 95%;
	margin: 0 auto 30px auto;
	float: none;
}

/* 見出し */
#contents h2 {
	margin-bottom: 25px;
	padding: 15px;
	font-size: 120%;
	font-weight: bold;
	border: 2px solid rgb(0,176,80);
	background: linear-gradient(rgb(0,182,82), rgb(0,246,111));	/* IE11用 */
	background: -moz-linear-gradient(top, rgb(0,182,82), rgb(0,246,111));	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,182,82)), to(rgb(0,246,111)));	/* Safari,Google Chrome用 */
	color: #000040;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}
#contents h3 {
	margin: 8px 0 2px 0;
	padding: 7px 10px;
	background: linear-gradient(to right, #804020, white);	/* IE11用 */
	background: -moz-linear-gradient(left, #804020, white);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, right bottom, from(#804020), to(white));	/* Safari,Google Chrome用 */
	color: white;
	font-size: 100%;
	font-weight: bold;
}

/* ログインフォーム */
#loginForm input {
	margin: 1px 0 1px auto;
	width: 95%;
}
#sidebar button {
	width: auto;
	display: block;
	padding: 4px 10px;
	margin-left: auto;
	color: white;
	background: linear-gradient(#3366dd, #224488);	/* IE11用 */
	background: -moz-linear-gradient(top, #3366dd, #224488 50%, #3366dd);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#3366dd), color-stop(0.5, #224488), to(#3366dd));	/* Safari,Google Chrome用 */
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
}
#sidebar button:hover {
	opacity: 0.8;
}

/* 入力エラー */
.errDisp {
	margin-top: 2px;
	border: solid 1px red;
	padding: 2px;
	color: red;
	background-color: yellow;
}

/* 画像アップロードサムネイル */
img.thumb {
	/* max-width: 100%; */
	max-width: 360px;
	/* width: 100%; */
}

/* ライトボックス用 */
#imagelightbox {
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
	touch-action: none;
}

/* googleMap用 */
#gmap {
	position: relative;
	width: 80%;
	min-width: 500px;
	height: 400px;
	margin: 0 auto;
}

/* フッター部 */
footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: linear-gradient(rgb(254,254,254), rgb(0,176,80));	/* IE11用 */
	background: -moz-linear-gradient(top, rgb(254,254,254), rgb(0,176,80));	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(254,254,254)), to(rgb(0,176,80)));	/* Safari,Google Chrome用 */
}
#endnav {
	padding-top: 5px;
	font-size: 90%;
}
#copyright {
	margin-top: 45px;
	font-size: 70%;
	line-height: 120%;
}