@charset "UTF-8";
/***** ▼全頁共通項目▼ ******/
body {	margin: 0px;	color: #424242;	text-align: left;	}
body, input, select, textarea	{	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
h1	{ text-indent : 1em;	color: #4e6ca3;	font-weight: normal;	border-bottom: 1px solid #b0bed9;}
h2	{	text-indent : 1em;	color: #4e6ca3;	font-weight: normal;	border-bottom: 1px solid #b0bed9;}
h2 span {	color: #dc143c;	padding: 5px; font-size: 20px;	font-weight: bold;}
h3	{	text-indent : 1em;}
h4	{	text-indent : 1em;}
p	{ text-indent : 1em;}
/* loginpanel */
#loginpanel {	text-align: center;  margin: 200px auto 0;  line-height: 3em;  width: 500px;  padding: 20px;  background-color: #ececec;  border-radius: 30px;}
#loginerror	{	text-align: center;	color: #cc3300;}
/* header */
header {	margin: 0px;	overflow: auto;	background-color:#ececec;}
header a    { color:#393939; text-decoration: none;}
header a:visited { color: #393939;}
header a:hover   { color: #ff1493;}
header a:active  { color: #32cd32;}

#headerL {	float: left;}
#headerL a {	display: block;	margin: 10px;}
#headerL img {	height: 40px;}
#headerM {	float: right;}
#headerM a {	display: inline-block;	margin: 15px 10px 2px;}
#headerR {	float: right;}
#headerR a {	display: inline-block;	margin: 15px 10px 2px;}
#headerR img {	max-height: 40px;}

/* ページトップに戻るボタン */
.pagetop {	position: fixed;	bottom: 30px;	right: 55px;	border-radius: 0.5em;	z-index: 1;
	opacity: 0;	-webkit-transform: scale(1.5);	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);	-o-transform: scale(1.5);	transform: scale(1.5);
	-webkit-transition: all .5s;	-moz-transition: all .5s;	-o-transition: all .5s;	transition: all .5s;}
.pagetop a {	display: block;	width: 50px;	height: 50px;	background-color: #333;	text-align: center;
	color: #fff;	font-size: 24px;	text-decoration: none;	line-height: 50px;	border-radius: 0.5em;}
.pagetop.show {	opacity: 1;	-webkit-transform: scale(1);
	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}

/* contents */
#contents {	clear: both;	padding-bottom: 100px;}
.contentsW {	clear: both;	margin: 10px;}
/***** ▼全頁共通id▼ ******/
#breadNavi {	margin: 0;	padding: 0;	text-align: left;	overflow: auto;	background-color: #f3f2f3;	border-top: 2px solid #e9e8ea;}
#breadNavi li {	background: url(img/ic_bn.png) no-repeat 0 50%;	display: block;	float: left;	margin-right: 6px;	padding-left: 15px;	font-size: smaller;	line-height: 1.5em;}
#breadNavi li:first-child {	background-image: none;}
#breadNavi a {	color: #424242;	text-decoration: none;}
#breadNavi a:hover {	text-shadow: 1px 1px 1px #d4d4d4;}
#error{	color: #cc3300;	font-size: 14px;	font-weight: bold;	line-height: 1.6em;	margin-left: 20px;}
#sys_msg { position: absolute;	top: 0;	left: 0;	padding: 4px 0;	width: 100%;	cursor:	pointer;	z-index: 100;
	background: #d1e6fc;	text-align: center;	font-size: 12px;	border-bottom: 1px solid #e8e8e8;}
/***** ▼全頁共通class▼ ******/
.button	{	height: 30px;	padding: 0 10px;}
.closeBTN	{ cursor:	pointer;}
.a_bana	{	display: inline-block;	padding: 4px 10px;	border: 1px solid #b6ecb6;	background-color: #e6f8e6;}
.likeA { text-decoration: underline;	color:#0044cc;	cursor: pointer; }
.flList { margin: 0; padding: 0; list-style: none;	clear: both; }
.flList li { float: left; margin: 0 10px 0 0; padding: 0; }
.c { text-align: center;}
.sel0 { color: #949494;}
.sep20, .sep30, .sep60, .sep40, .sep50, .sep70, .sep80	{	float: left;	margin-bottom: 10px;}
.sep20	{	width: 20%;}
.sep30	{	width: 30%;}
.sep40	{	width: 40%;}
.sep50	{	width: 50%;}
.sep60	{	width: 60%;}
.sep70	{	width: 70%;}
.sep80	{	width: 80%;}
.sep100	{	clear: both;	margin-left: 10px;}
.submitP	{	text-align: center;}
.latlng {	border: 1px solid #e7e7e7;	background-color: #e7e7e7;	width: 60px;	}
.stayR	{	position: fixed;	right: 0;}
.notes {	font-size: small;	color: #5fa081;}
.graybg {	font-size: small;	background-color: #aaaaaa;}

/* 数値入力フォームに使用 */
.input_n4	{	width: 50px;	text-align: right;}/* 4桁以内の数字 */
.input_zipcode {	width: 70px;}/* 郵便番号 */
.input_ymd {	width: 90px;}/* 年月日スラッシュ入り */
.input_tel {	width: 110px;}/* 電話番号 */
.input_vSS {	width: 60px;}/* 担当名など短い用 */
.input_vS {	width: 90px;}/* 項目名などちょっと短い用 */
.input_vM {	width: 130px;}/* 標準用 */
.input_vL {	width: 220px;}/* 名称などちょっと長い用 */
.input_vLL {	width: 270px;}/* 20文字くらいのなどまだちょっと長い用 */
.input_vXL {	width: 400px;}/* 住所などけっこう長い用 */
.input_vXXL {	width: 600px;}/* 特約などかなり長い用 */
/***** ▼各種テーブル目印色分け▼ ******/
.co10 { background-color: #f2f2f2; }
.co11 { background-color: #ffffff; }
.co12 { background-color: #ffe7e7; }
.co13 { background-color: #ffeea7; }
.co14 { background-color: #ffffb3; }
.co15 { background-color: #ccffcc; }
.co16 { background-color: #ccffff; }
.co17 { background-color: #cfdfff; }
.co18 { background-color: #f0c9ff; }
.co19 { background-color: #e3e2c0; }
.co20 { background-color: #d9d9d9; }
.co21 { background-color: #ffffff; }
.co22 { background-color: #efbfbf; }
.co23 { background-color: #f3d791; }
.co24 { background-color: #f1ec7f; }
.co25 { background-color: #a1eda5; }
.co26 { background-color: #b0edee; }
.co27 { background-color: #c2d0ec; }
.co28 { background-color: #e2b8ee; }
.co29 { background-color: #d0cf9d; }
/***** ▼テーブル標準▼ ******/
.edi {	line-height:2.0em;	margin: 10px auto;	border-top:1px solid #bec5c9;	border-left:1px solid #bec5c9;	box-shadow: 0 2px 2px rgba(0,0,0,0.4);}
.edi th, .edi td {	border-right:1px solid #bec5c9;	border-bottom:1px solid #bec5c9;	padding: 4px;}
.edi th {	background-color:#f3f3f3;	text-align: center;}
.edi td {	text-align:left;	line-height: 1.8em;}
/***** ▼個別クラス▼ ******/
.kanryou {	position: relative;	display: block;}/* メニューで使用 */
.finmark {	    position: absolute;	left: 160px;	top: 25px;}/* メニューで使用 */
.wphpic {	width: 200px;}/* 写真判別用写真サイズ */
.wphC	{	color: #949494;}
.wphC label	{	white-space: nowrap;　padding: 0 5px 0 0;	margin: 0 2px;}
.wphC input[type="checkbox"]	{	visibility:hidden;	position: absolute;}
.wphC input[type="radio"]	{	visibility:hidden;	position: absolute;}
.wphchecked	{	color: #ffffff;	background-color: #555555;}

.jisseki {	width: 95%;	height: 300px;	position: relative;	font-size: x-small;	text-align: right;	border-radius: 10px;	overflow: hidden;	}
.jisseki1 {	height: 20px;	left: 0;	top: 0;	background-color:#ff0000;	position: absolute;	color: #ffffff;}
.jisseki2 {	height: 20px;	left: 0;	top: 20px;	background-color:#ffa500;	position: absolute;	color: #ffffff;}
.jisseki3 {	height: 70px;	left: 0;	top: 0;	background-color:#ff0000;	opacity: 0.5;	position: absolute;	color: #ffffff;}
.jisseki4 {	height: 70px;	left: 0;	top: 70px;	background-color:#ffa500;	opacity: 0.5;	position: absolute;	color: #ffffff;}
.jisseki5 {	height: 280px;	left: 0;	top: 0;	background-color:#ff0000;	opacity: 0.3;	position: absolute;	color: #ffffff;}
.jisseki6 {	height: 300px;	left: 0;	top: 0px;	background-color:#ffe4b3;	position: absolute;	bottom: 0;}
.jisseki span {	display: block;	position: absolute;	bottom: 0;	right: 2px;}
/***** ▼タウンマップ用▼ ******/
#townmapDIV	{	width: 450px; float: left;	margin: 0 10px;	border: 1px solid #999999;	padding: 2px;}
#townmap	{	width: 450px; height:400px;}
#towninfoDIV	{	width: 524px;	float: left;	margin: 0;}
#townmapol	{	width: 500px; text-align: left;}
.app_to, .app_toT	{	padding: 0 5px;	background-color: #e3ffb0;	border: 1px solid #588800;	cursor: pointer;	font-size: 11px;}
#libtownDIV	{	clear: both;	font-size: 12px;	color: #ffffff;	background-color: #004212;	padding: 10px;	border: 2px solid #deb887;}
#libtownDIV select, #libtownDIV input	{	color: #ffffff;	background-color: #004212;}

#onlyTRF, #onlySCH, #onlyLIF, #onlySPR, #onlyHSP, #onlyPRK, #onlyOTH, #townsALL	{	display: inline-block;line-height: 2em;	width: 3.5em;	margin: 2px;	padding: 0;	border: 1px solid #999999;	cursor: pointer;	text-align: center;}
#townmapRap	{	width: 100%;	height: 400px;	overflow: auto;}
#townmapPan	{	width: 3500px;}
.townmapol	{	width: 460px;	margin: 0;	padding: 20px;	float: left;}