/* 不知火寮用スタイルシート */

@charset "UTF-8";

/* 初期化 */

@font-face {
	font-family: toufuu;
	src:
		url('../fonts/DF-TouFuuReiSho-W5003.eot?') format(' embedded-opentype'),
		url('../fonts/DF-TouFuuReiSho-W5003.woff') format('woff'),
		url('../fonts/DF-TouFuuReiSho-W5003.ttf') format('truetype');
	font-weight:
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: sans-serif;
	vertical-align: baseline;
	overflow: hidden;
}

/* 共通仕様 */
/*
.low_shadowed {
	-webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.4));
}
*/
header, footer {
	width: 100%;
	height: 1.3em;
	padding: 0.3em 0;
	color: white;
	font-size: 1em;
	font-weight: bold;
	text-align:center;
	background: #354D43;
}

header {
	position: relative;
	top: 0;
}

footer {
	position: absolute;
	bottom: 0;
}

header a, footer a {
	color: lightgoldenrodyellow;
	font-weight: bold;
	text-decoration: none;
}

header a:visited, footer a:visited {
	color: lightgoldenrodyellow;
	font-weight: bold;
	text-decoration: none;
}

header a:hover, footer a:hover {
	color: gold;
	text-decoration: underline;
}

footer a.prev1 {
	background: url('../images/slider/prevWhite1.png') no-repeat left;
	background-size: 1em 1em;
	padding-left: 1em;
}

footer a.next1 {
	background: url('../images/slider/nextWhite1.png') no-repeat right;
	background-size: 1em 1em;
	padding-right: 1em;
}

h1 {
	font-family: toufuu;
	font-size: 5em;
	color: #354D43;
	margin: 0.3em auto 0 auto;
	text-align: center;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
}

h2 {
	font-family: toufuu;
	font-size: 3em;
	color: black;
	text-align: center;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
}

h3 {
	font-size: 2em;
	color: #500000;
	margin: 0.1em auto;
	text-align: center;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
}

h4 {
	font-size: 1.2em;
	color: #500000;
	margin: 0.1em auto;
	text-align: center;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
}

h3 button {
	position:relative;
	top: -0.2em;
	font-size: 0.5em;
	font-weight: bold;
	padding: 0;
	margin: 0 0.2em;
	-webkit-appearance:none;
	-webkit-filter: none;
	filter: none;
}

th {
	font-size: 1.5em;
	color: darkgreen;
	padding: 0 0.5em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

td {
	font-size: 1.3em;
	font-weight: bold;
	color: black;
	padding: 0 0.5em;
	white-space: nowrap;
}

td a {
	white-space: nowrap;
	font-size: 1.1em;
	color: navy;
	padding: 0 0.5em;
	font-weight: bold;
	text-decoration: none;
}

td a:visited {
	color: navy;
	font-weight: bold;
	text-decoration: none;
}

td a:hover {
	text-decoration: underline;
}

.blog_view td {
	white-space: normal;
}

.bodyFrame {
	position: relative;
	overflow: hidden;
}

/* トップ左スライド */

.default_slide {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../images/topdf.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.left_slide {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../images/topl.png);
	background-repeat: no-repeat;
	background-size: cover;
}

/* トップ中スライド */

.center_slide {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../images/topm.png);
	background-repeat: no-repeat;
	background-size: cover;
}

/* トップ右スライド */

.right_slide {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../images/topr.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.bodyBoxNoscroll {
	position: relative;
	top: 0;
}

.bodyBoxScroll {
	position: relative;
	top: 0;
	overflow: auto;
}

.blog_view {
	margin: 0 2em;
}

.address_view {
	margin: 0 2em;
}

/* 細線テーブル定義 */

.thin_table {
	border: 1px solid gray;
	border-collapse: collapse;
}

.thin_table td {
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-family: sans-serif;
	font-weight: bold;
}

.thin_table td a {
	font-family: sans-serif;
	font-size: 1em;
}

.thin_table td.portrait {
	text-align: center;
	vertical-align: middle;
}

.portrait img {
	border: none;
	width: auto;
	height: 3.5em;
	padding: 0.1em;
}

.thin_table th {
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}

.thin_table .top_line {
	border-bottom: thin dotted gray;
}

.thin_table .mid_line {
	border-bottom: thin dotted gray;
}

.thin_table .bot_line {
}

.thin_table .no_line {
	border-collapse: collapse;
	border: none;
	border-left: 0;
	border-bottom: none;
	border-right: none;
}

header span {
	padding: 0 0.5em;
}

header span.head_left {
	position: absolute;
	left: 0.5em;
}

header span.head_right {
	position: absolute;
	right: 0.5em;
}

/* 表示/非表示 初期設定 */
.login_passwd {
	display: block;
}
.login_regist {
	display: none;
}

.login_forgot {
	display: none;
}

table.login {
	margin: 0 auto;
	padding: 0;
}

table.login td {
	width: 20em;
	padding: 2px;
	margin: 2px;
	border-collapse: collapse;
	white-space: nowrap;
}

table.login td input {
	position: relative;
	top: -2px;
}

table.login td.box {
	border-top: 2px solid gray;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	border-left: 2px solid gray;
}

table.login td.top {
	border-top: 2px solid gray;
	border-right: 2px solid gray;
	border-left: 2px solid gray;
}

table.login td.middle {
	border-right: 2px solid gray;
	border-left: 2px solid gray;
}

table.login td.bottom {
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	border-left: 2px solid gray;
}

.horz_box {
	float: left;
	overflow: auto;
}

div.collapse_log {
	padding: 0.5em 0;
}

div.collapse_log p {
	font-family: sans-serif;
	font-weight: bold;
}

.collapse_log div {
	margin-left: 1em;
}

button.collapse_open {
	position: relative;
	top: -0.4em;
	width: 1em;
	height: 1em;
	border: 0;
	margin-right: 0.2em;
	padding: 0;
	background: transparent;
	background-image: url(../images/collapse_open.png);
	background-repeat: no-repeat;
	background-size: cover;
}

button.collapse_close {
	position: relative;
	top: -0.4em;
	width: 1em;
	height: 1em;
	border: 0;
	margin-right: 0.2em;
	padding: 0;
	background: transparent;
	background-image: url(../images/collapse_close.png);
	background-repeat: no-repeat;
	background-size: cover;
}

/* 実行レポート */

.info_msg {
	font-weight: bold;
	background-color: #CCFFCC;
	margin: 2px 20px;
	padding: 2px;
	border: 1px inset;
	text-align: left;
}

.warn_msg {
	font-weight: bold;
	color: navy;
	background-color: #FFFFCC;
	margin: 2px 20px;
	padding: 2px;
	border: 1px inset;
	text-align: left;
	animation: warn-blink 2s infinite;
	-webkit-animation: warn-blink 2s infinite;
}

.error_msg {
	font-weight: bold;
	color: navy;
	background-color: #FFFFCC;
	margin: 2px 20px;
	padding: 2px;
	border: 1px inset;
	text-align: left;
	animation: error-blink 2s infinite;
	-webkit-animation: error-blink 2s infinite;
}

.fatal_msg {
	font-weight: bold;
	color: maroon;
	background-color: #FED0E0;
	margin: 2px 20px;
	padding: 2px;
	border: 1px inset;
	text-align: left;
	animation: fatal-blink 2s infinite;
	-webkit-animation: fatal-blink 2s infinite;
}

@-webkit-keyframes warn-blink {
  0% { color: navy; }
  25% { color: #FFFFCC; }
  75% { color: navy; }
}
@keyframes warn-blink {
  0% { color: navy; }
  25% { color: #FFFFCC; }
  75% { color: navy; }
}

@-webkit-keyframes error-blink {
  0% { color: navy; }
  25% { color: #FFFFCC; }
  75% { color: navy; }
}
@keyframes error-blink {
  0% { color: navy; }
  25% { color: #FFFFCC; }
  75% { color: navy; }
}

@-webkit-keyframes fatal-blink {
  0% { color: maroon; }
  25% { color: #FED0E0; }
  75% { color: maroon; }
}
@keyframes fatal-blink {
  0% { color: maroon; }
  25% { color: #FED0E0; }
  75% { color: maroon; }
}

/* ブログ投稿フォーム */

#photoContainer {
	padding: 0 3em;
}

img.blog_photo {
	border none;
	margin: 0 0.5em;
	width: 6em;
	height: auto;
}

/* 写真投稿フォーム */
.sel_photo p {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.sel_photo select, .sel_photo input {
	font-size: 0.9em;
}

/* ヘルプボックス */

#help_frame {
	position: absolute;
	width: 400px;
	height: 300px;
	z-index: 256;
	background-color: #fffbf7;
	margin:20px;
	padding:5px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	box-shadow:3px 3px 1px #cdaf87; -moz-box-shadow:3px 3px 1px #cdaf87; -webkit-box-shadow:3px 3px 1px #cdaf87;
}

#help_drag {
	text-align: center;
	background-color: #354D43;
	color: white;
	cursor: move;
}

#help_resize {
  position:   absolute;
  right:      2px;
  bottom:     2px;
  width:      16px;
  height:     16px;
  text-align: center;
  cursor: se-resize;
}

#help_placeholder {
	width: 200px;
	height: 100px;
	margin: 1em 0px;
	display: none;
}

#help_contents {
	overflow: auto;
	position: absolute;
	top: 30px;
	left: 10px;
	bottom: 10px;
	right: 10px;
}

#help_close {
	border: solid 1px white;
	float: right;
	cursor: default;
}

#help_box {
	float: right;
	font-size: 14px;
	border: #006600 solid 2px;
	padding: 8px;
	background-color: #EEFFEE;
}

#help_box img {
	padding: 4px;
}

#wid_button {
	float: right;
	font-size: 12px;
	font-weight: 900;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ヘルプコンテンツ */

.h_ex0 {
	margin: 0;
	padding-left: 18px;
	font-weight: bold;
	font-size: 12pt;
	color: #030;
	background: url(/commonimg/button00l.png) no-repeat 0 0;
}

.h_pr0 {
	text-indent: 1em;
	margin-left: 4px;
}

.h_ex1 {
	font-weight: bold;
	color: #660000;
	margin: 12px 0 0 12px;
	padding-left: 20px;
	background: url(/commonimg/button01l.png) no-repeat left center;
}

.h_pr1 {
	color: #000000;
	margin-left: 20px;
	text-indent: 1em;
}

.h_ex2 {
	font-weight: bold;
	color: navy;
	margin-left: 24px;
	padding-left: 18px;
	background: url(/commonimg/button01m.png) no-repeat 0 3px;
}

.h_pr2 {
	color: #000000;
	margin-left: 36px;
	text-indent: 1em;
}

.h_ex3 {
	font-weight: bold;
	color: #330000;
	margin: 4px 0px 0px 20px;
	padding-left: 10px;
	background: url(/commonimg/button01s.png) no-repeat 0 3px;
}

.h_pr3 {
	color: #003300;
	margin: 0px 0px 0px 40px;
	text-indent: 1em;
}

.h_nt1 {
	font-size: 12px;
	font-weight: 900;
	color: #FF0000;
	margin: 8px 0px 0px 12px;
	text-indent: -1em;
}

.h_red {
	color: #FF0000;
}

.h_button {
	border:0px;
	font-size: 12px;
	font-weight: 900;
	color: #FF0000;
	margin: 8px 0px 0px 12px;
	background-color: transparent;
	cursor: pointer;
}

.h_button_e1 {
	border:0px;
	font-size: 16px;
	font-weight: 900;
	color: #303000;
	margin: 8px 0 0 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.h_button_d1 {
	border:0px;
	font-size: 16px;
	font-weight: 900;
	color: #303000;
	margin: 8px 0 0 0;
	padding: 0;
	background-color: transparent;
}

.h_button_e2 {
	border:0px;
	font-size: 14px;
	font-weight: 900;
	color: #303000;
	margin: 4px 0 0 8px;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.h_button_d2 {
	border:0px;
	font-size: 14px;
	font-weight: 900;
	color: #303000;
	margin: 4px 0 0 8px;
	padding: 0;
	background-color: transparent;
}

.h_button_e3 {
	border:0px;
	font-size: 12px;
	font-weight: 900;
	color: #303000;
	margin: 0 0 0 16px;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.h_button_d3 {
	border:0px;
	font-size: 12px;
	font-weight: 900;
	color: #303000;
	margin: 0 0 0 16px;
	padding: 0;
	background-color: transparent;
}

.td_button {
	border-collapse: collapse;
	border: solid 1px dimgray;
	padding: 1px;
}

.td_normal {
	padding: 0 4px;
	cursor: default;
	vertical-align: top;
	white-space: nowrap;
}

.td_select {
	padding: 0 4px;
	color: white;
	background-color: blue;
	font-weight: bold;
	cursor: default;
	vertical-align: top;
	white-space: nowrap;
}

#help_frame .parts {
	border: 0;
	margin: 0 4px;
	vertical-align: middle;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.6); /*横方向　下方向　ぼかし　広がり　色 */
}

.help_button {
	position: absolute;
	z-index: 10;
	left: 10em;
}

/* ポリシーボックス */

#policy_frame {
	position: absolute;
	width: 400px;
	height: 300px;
	z-index: 254;
	background-color: #fffbf7;
	margin: 20px;
	padding:5px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	box-shadow:3px 3px 1px #cdaf87; -moz-box-shadow:3px 3px 1px #cdaf87; -webkit-box-shadow:3px 3px 1px #cdaf87;
}

#policy_drag {
	text-align: center;
	background-color: #354D43;
	color: white;
	font-weight: bold;
	cursor: move;
}

#policy_resize {
  position:   absolute;
  right:      2px;
  bottom:     2px;
  width:      16px;
  height:     16px;
  text-align: center;
  cursor: se-resize;
}

#policy_placeholder {
	width: 200px;
	height: 100px;
	margin: 1em 0px;
	display: none;
}

#policy_contents {
	overflow: auto;
	position: absolute;
	top: 30px;
	left: 10px;
	bottom: 10px;
	right: 10px;
}

#policy_close {
	border: solid 1px white;
	float: right;
	cursor: default;
}

#policy_box {
	float: right;
	font-size: 14px;
	border: #006600 solid 2px;
	padding: 8px;
	background-color: #EEFFEE;
}

#policy_box img {
	padding: 4px;
}

#wid_button {
	float: right;
	font-size: 12px;
	font-weight: 900;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ポリシーコンテンツ */

.h_ex0 {
	margin: 0;
	padding-left: 18px;
	font-weight: bold;
	font-size: 12pt;
	color: #030;
	background: url(/commonimg/button00l.png) no-repeat 0 0;
}

.h_pr0 {
	text-indent: 1em;
	margin-left: 4px;
}

.h_ex1 {
	font-weight: bold;
	color: #660000;
	margin: 12px 0 0 12px;
	padding-left: 20px;
	background: url(/commonimg/button01l.png) no-repeat left center;
}

.h_pr1 {
	color: #000000;
	margin-left: 20px;
	text-indent: 1em;
}

.h_ex2 {
	font-weight: bold;
	color: navy;
	margin-left: 24px;
	padding-left: 18px;
	background: url(/commonimg/button01m.png) no-repeat 0 3px;
}

.h_pr2 {
	color: #000000;
	margin-left: 36px;
	text-indent: 1em;
}

.h_ex3 {
	font-weight: bold;
	color: #330000;
	margin: 4px 0px 0px 20px;
	padding-left: 10px;
	background: url(/commonimg/button01s.png) no-repeat 0 3px;
}

.h_pr3 {
	color: #003300;
	margin: 0px 0px 0px 40px;
	text-indent: 1em;
}

.h_nt1 {
	font-size: 12px;
	font-weight: 900;
	color: #FF0000;
	margin: 8px 0px 0px 12px;
	text-indent: -1em;
}

.h_red {
	color: #FF0000;
}

.h_button {
	border:0px;
	font-size: 12px;
	font-weight: 900;
	color: #FF0000;
	margin: 8px 0px 0px 12px;
	background-color: transparent;
	cursor: pointer;
}

.h_button_e1 {
	border:0px;
	font-size: 16px;
	font-weight: 900;
	color: #303000;
	margin: 8px 0 0 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.h_button_d1 {
	border:0px;
	font-size: 16px;
	font-weight: 900;
	color: #303000;
	margin: 8px 0 0 0;
	padding: 0;
	background-color: transparent;
}

.h_button_e2 {
	border:0px;
	font-size: 14px;
	font-weight: 900;
	color: #303000;
	margin: 4px 0 0 8px;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.h_button_d2 {
	border:0px;
	font-size: 14px;
	font-weight: 900;
	color: #303000;
	margin: 4px 0 0 8px;
	padding: 0;
	background-color: transparent;
}

.h_button_e3 {
	border:0px;
	font-size: 12px;
	font-weight: 900;
	color: #303000;
	margin: 0 0 0 16px;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.h_button_d3 {
	border:0px;
	font-size: 12px;
	font-weight: 900;
	color: #303000;
	margin: 0 0 0 16px;
	padding: 0;
	background-color: transparent;
}

.td_button {
	border-collapse: collapse;
	border: solid 1px dimgray;
	padding: 1px;
}

.td_normal {
	padding: 0 4px;
	cursor: default;
	vertical-align: top;
	white-space: nowrap;
}

.td_select {
	padding: 0 4px;
	color: white;
	background-color: blue;
	font-weight: bold;
	cursor: default;
	vertical-align: top;
	white-space: nowrap;
}

#policy_frame .parts {
	border: 0;
	margin: 0 4px;
	vertical-align: middle;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.6); /*横方向　下方向　ぼかし　広がり　色 */
}

.policy_button {
	position: absolute;
	z-index: 10;
	right: 10em;
}