@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
}
table{
	border-collapse: collapse;
	border-spacing: 0px;
}
body, table {
	font-size: 14px;
	line-height: 1.5;
}
td, th{
	padding: 2px 5px;
}

h1 {
	margin-bottom:8px;
	color:#0C70F9;
	font-size:16px;
	font-weight:bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0C70F9;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
}

h2 {
	margin-bottom:8px;
	color:#333;
	font-size:15px;
	font-weight:bold;
	border-bottom:3px double #535D57;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

h3 {
	margin-left: 12px;
	font-size: 14px;
	color: #333;
}

#header {
	margin: 0px;
	background-color: #2B4DA7;
	color: #FFF;
	text-align: right;
	height: 16px;
	background-image: url(../img/header-s.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 9px;
	padding: 24px 5px 0px 0px;
	-moz-box-shadow: 0px 1px 2px #333;
	-webkit-box-shadow: 0px 1px 2px #333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

footer {
	display: block;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	padding: 6px 4px;
	background-color: #333;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

nav {
	display: block;
}
nav ul{
	list-style-type: none;
	padding: 0px;
}
#mainmenu ul{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#mainmenu a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 20px;
	font-size: 16px;
}
#mainmenu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.clear {
  clear: both;
  height: 0;
  visibility: hidden;
}

.passive {
	color: #A2A2A2;
}
strong {
	font-weight: bold;
	color: #FF0000;
}

.tr2 td {
	background-color: #FBF5EC;
}

#sel_dispmode {
	background-color: #EBEBEB;
	text-align: center;
	border: 1px solid #999;
	font-size: 12px;
	padding: 2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin: 6px;
}
#content {
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 8px;
}
.navi {
	font-size: 16px;
	text-align: center;
	margin: 4px;
	font-weight: bold;
	background-color: #F0F0F0;
	padding: 3px;
	color: #000000;
	border: 1px solid #999999;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.navi a {
	padding-right: 3px;
	padding-left: 3px;
}
.formtable {
	width: 100%;
	border: 2px solid #666;
	margin-top: 8px;
	margin-bottom: 8px;
}
.formtable th, .formtable td{
}
.formtable th{
	border: 1px solid #FFF;
	background-color: #BEEAB9;
	text-align: right;
	white-space: nowrap;
	font-size: 12px;
}
.formtable td{}
.texbox {
	width: 95%;
}
.explain {
	background-color: #FFF;
	border-width: 1px 8px;
	border-style: solid;
	border-color: #CA4B00;
	margin: 8px 4%;
	padding: 5px 6px;
}
.explain p {
	margin: 5px 0px;
}
.errormess {
	color: #FF0000;
	background-position: left center;
	background-image: url(../img/attention.gif);
	background-repeat: no-repeat;
	padding-left: 32px;
}
.adminmenu {
	cursor:pointer;
	font-weight: bold;
	background-color: #FAE7A7;
	border: 1px solid #FF6600;
	padding: 4px;
	margin: 6px;
	border-radius:6px;
	color: #BB4200;
	overflow: hidden;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.adminmenu ul {
	margin: 0px;
	padding: 0px;
}

.adminmenu li {
	float: left;
	width: 120px;
	margin:1px;
}

.adminmenu a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 10px 0px;
	background-color: #FFFFFF;
	border: 1px solid #E88635;
	text-align: center;
	vertical-align: middle;
	border-radius:5px;
	background: #fff8ea;
	background: -moz-linear-gradient(top,  #fff8ea 0%, #f9eacc 50%, #ffddb5 51%, #f2c79f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8ea), color-stop(50%,#f9eacc), color-stop(51%,#ffddb5), color-stop(100%,#f2c79f));
	background: -webkit-linear-gradient(top,  #fff8ea 0%,#f9eacc 50%,#ffddb5 51%,#f2c79f 100%);
	background: -o-linear-gradient(top,  #fff8ea 0%,#f9eacc 50%,#ffddb5 51%,#f2c79f 100%);
	background: -ms-linear-gradient(top,  #fff8ea 0%,#f9eacc 50%,#ffddb5 51%,#f2c79f 100%);
	background: linear-gradient(top,  #fff8ea 0%,#f9eacc 50%,#ffddb5 51%,#f2c79f 100%);
}

.button1, .button2, .formbutton {
	font-size: 16px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	-moz-box-shadow:1px 1px 2px #666;
	-webkit-box-shadow:1px 1px 2px #666;
	border:2px solid #895132;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #D6D6D6 50%, #C6C6C6 51%, #C9CDDD 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#D6D6D6), color-stop(51%,#C6C6C6), color-stop(100%,#C9CDDD));
	font-weight: bold;
}
.button2{
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	font-weight: normal;
}
.button3{
	width:50px;
	border:1px solid #3F628D;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#9BB8DB;
	background:-webkit-gradient(linear, left top, left bottom, from(#6E97CB), color-stop(0.45, #4672A8), color-stop(0.52, #265287), color-stop(0.72, #366093), to(#6E93C1));
	background:-moz-linear-gradient(top, #6E97CB 0%, #4672A8 45%, #265287 52%, #366093 72%, #6E93C1 100%);
	-moz-box-shadow:1px 1px 2px #666;
	-webkit-box-shadow:1px 1px 2px #666;
}
.button3 a{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	text-align:center;
	text-shadow:0 -1px 0 #254266;
	text-decoration: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border: 1px solid #ACC8E1;
	padding: 4px;
	line-height: 1;
}
.button_nr {
	width:90px;
	margin-left: auto;
	background: #E57D22;
	background: -moz-linear-gradient(top, #E57D22 0%, #D62828 50%, #B21111 51%, #701515 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E57D22), color-stop(50%,#D62828), color-stop(51%,#B21111), color-stop(100%,#701515));
	border:1px solid #912424;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-moz-box-shadow:1px 1px 2px #666;
	-webkit-box-shadow:1px 1px 2px #666;
}
.button_nr a{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	text-align:center;
	text-shadow:0 -1px 0 #254266;
	text-decoration: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border: 1px solid #FBE7CE;
	line-height: 1;
	padding: 4px;
}

p {
	margin-right: 1em;
	margin-left: 1em;
}
 {
	width: 30px;
}
.b_close {
	float: right;
	margin-right: 6px;
	width: 30px;
}
.b_close a{
	font-size: 16px;
	line-height: 1;
	padding-top: 2px;
	padding-bottom: 2px;
}

.table_hb{
	border: 2px solid #999999;
}
.table_hb th, .table_hb td{
	border-color: #999999 #EEEEEE;
	border-width: 1px;
	border-style: solid;
}
.table_hb th {
	background-color: #FDE3B3;
	font-weight: bold;
	color: #8F4818;
}
fieldset {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#emojibox {
	position: absolute;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border: 2px solid #999;
	-moz-box-shadow:1px 1px 2px #666;
	-webkit-box-shadow:1px 1px 2px #666;
	background-color: #FFF;
}
#emojibox dl{
	border-style: none;
}
#emojibox dt{
	border-style: none;
	text-align: center;
	background-color: #C8E3FF;
}
#emojibox dd{
	background-color: transparent;
	margin: 0px;
	padding: 4px;
	border-style: none;
	font-size: 16px;
	text-align: center;
}
#emojibox .button3 {
	float: right;
	margin-right: 8px;
	width: 30px;
}
#emojibox .button3 a{
	font-size: 16px;
	line-height: 1;
	padding-top: 2px;
	padding-bottom: 2px;
}




/* ページリンク */
#pglinks {
	position: relative;
}
#link_prev, #link_next {
	position: absolute;
	top: 5px;
	font-size: 8px;
	color: #5F8ABE;
	text-decoration: none;
	display: block;
}
#link_prev {
	left: 3px;
}

#link_next {
	right: 3px;
}
#link_prev::before, #link_next::before {
	content:"";
	display:inline-block;
	border-style: solid;
	width: 0;
	height: 0;
	display: block;
}
#link_prev::before {
	border-width: 18px 14px 18px 0px;
	border-color: transparent #5F8ABE transparent transparent;
}
#link_next::before {
	border-width: 18px 0px 18px 14px;
	border-color: transparent transparent transparent #5F8ABE;
}

/* スライドメニュー */
#menuopen {
	background-image: url(../img/ico_menu.gif);
	background-repeat: no-repeat;
	background-size: auto 22px;
	background-position: 2px 5px;
	height: 30px;
	width: 36px;
	margin-right: 4px;
	position: absolute;
	left: 3px;
	top: 5px;
	border: 1px inset #999;
	border-radius:4px;
	background-color: #FCF1D1;
}

#openmenu {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 300px; 
	background-color: #FFF;
	border: 2px solid #999;
	border-radius: 4px;
	padding: 5px 2px 5px 10px;
	position: absolute;
	top: 3px;
	left: 0px;
	-moz-box-shadow: 2px 2px 4px #000 ;
	-webkit-box-shadow: 2px 2px 4px #000 ;
}

#openmenu ul{
	margin: 0px;
	padding: 0px;
}
#openmenu ul a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	display: block;
	background-image: url(../img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 15px;
}
#openmenu li {
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	display:inline-block;
	width: 136px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#openmenu ul a{
	padding-top: 6px;
	padding-bottom: 6px;
	
}
#openmenu fieldset {
	border-radius: 0px;
	padding: 0px;
	margin: 6px 0px 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-color: #FFB0B0;
	border-style: solid;
}
#openmenu legend {
	font-weight: bold;
	color: #E08989;
}
#openmenu fieldset a{
	background-image: url(../img/arrow_red.gif);
	color: #A33030;
}
#openmenu_close {
	background: #EEEECC;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	display: block;
	padding: 2px;
	text-align: center;
	font-size: 18px;
	border: 1px solid #999;
	border-radius:4px;
	width: 3em;
	margin-left:auto;
}