/*common*/
html, select, input, textarea, button{
	font-family: Verdana, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'Takao Pゴシック', sans-serif;
	font-size: 14pt;
}
html {
	background-color:  #404040;
}
* {
   	box-sizing : border-box;
}
body {
   	line-height: 1.5em;
}
/*elements*/
a {
	color: #4679BD;
}
a:hover {
	color: #FFA500;
}
h2 {
	border-style: solid;
	border-color: #4679BD;
	border-bottom-width: 1px;
	border-left-width: 15px;
	padding: 5px  0 2px 5px ;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	border-left: solid #777777 10px;
	border-bottom: dashed #777777 1px;
	padding: 5px 0 2px 5px;
	margin-bottom: 5px;
	font-size: 1.1em;
}
h4 {
	border-left: 15px dotted #ffa500;
	padding-left: 10px;
	margin-bottom: 5px;
}
fieldset {
	border: 1px solid #777777;
	margin: 0 auto;
	margin-top: 5px;
	padding: 10px;
}
legend {
	margin-left: 20px;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.caption {
	font-size: 0.9em;
}
.group {
	float: left;
	margin-right: 20px;
}
ul.warn {
	display: block;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #FFE699;
	border: 1px solid #ED7D31;
	border-radius: 5px;
}
ul.info {
	display: block;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #BDD7EE;
	border: 1px solid #5B9BD5;
	border-radius: 5px;
}
ul.error {
	display: block;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #FFCCCC;
	border: 1px solid #FF5050;
	border-radius: 5px;
}
/*layout*/
#wrapper {
	min-width: 940px;
}
#header {
	background-color:  #f9f9f9;
}
#containts {
	background-color:  #f9f9f9;
	padding: 10px 50px;
}
#footer {
	background-color:  #404040;
	/*height: 100px;*/
	padding: 20px 50px;
	color: #fafafa;
}
/*header*/
#header #title {
	padding: 5px 50px 0 50px;
}
#header #grobalMenu {
	line-height: 1em;
	background-color:  #404040;
	padding: 0 50px;
	color: #fafafa;
	height: 45px;
}
#grobalMenu li{
	vertical-align: middle;
	display: table-cell;
	padding: 15px 20px;
	cursor: pointer;
}
#grobalMenu li:hover{
	background-color:  #777777;
}
/*containts*/
#containts #main {
	border-radius: 10px;
	border: 1px solid #777777;
	padding: 30px;
}
/*footer*/
#footer .Inquiry{
	float: right;
	text-align: right;
	padding-bottom: 20px;
}
#footer a {
	color: #FFA500;
}
/*メニューボタン*/
.systemMenu {
	text-align: center;
}
.systemMenu .menu {
	border: 2px solid #5EA4FF;
	width: 250px;
	height: 50px;
	line-height: 46px;
	margin: 20px;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px 30px;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	color: #404040;
}
.systemMenu .menu.search {
	background-image: url(../img/menu_search_blue.png);
}
.systemMenu .menu.search:hover {
	background-image: url(../img/menu_search_orange.png);
}
.systemMenu .menu.rireki {
	background-image: url(../img/menu_rireki_blue.png);
}
.systemMenu .menu.rireki:hover {
	background-image: url(../img/menu_rireki_orange.png);
}
.systemMenu .menu.shonin {
	background-image: url(../img/menu_pen_blue.png);
}
.systemMenu .menu.shonin:hover {
	background-image: url(../img/menu_pen_orange.png);
}
.systemMenu .menu.shisetsu {
	background-image: url(../img/menu_shisetsu_blue.png);
}
.systemMenu .menu.shisetsu:hover {
	background-image: url(../img/menu_shisetsu_orange.png);
}
.systemMenu .menu.admin {
	background-image: url(../img/menu_admin_blue.png);
}
.systemMenu .menu.admin:hover {
	background-image: url(../img/menu_admin_orange.png);
}
.systemMenu .menu.admin:disabled {
	cursor: auto;
	border-color: #888888;
	background-image: url(../img/menu_admin_gray.png);
}
.systemMenu .menu.personal {
	background-image: url(../img/menu_personal_blue.png);
}
.systemMenu .menu.personal:hover {
	background-image: url(../img/menu_personal_orange.png);
}
.systemMenu .menu.daemon {
	background-image: url(../img/menu_daemon_blue.png);
}
.systemMenu .menu.daemon:hover {
	background-image: url(../img/menu_daemon_orange.png);
}
.menu button {
	width: 80%;
	border: 2px solid #5EA4FF;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	color: #404040;
	margin: 10px;
	background-color: #fafafa;
	height: 50px;
	line-height: 46px;
}
.menu button:hover {
	color: #FFA500;
}
/*table*/
table {
	table-layout:fixed;
	border-collapse: collapse;
	margin: 0 auto;
}
table td, table th {
	vertical-align:middle;
}
/*検索条件テーブル*/
table.search th{
	height: 30px;
}
table.search th{
	text-align: left;
	font-size: 0.9em;
}
table.search td {
	padding-left: 20px;
}
/*詳細テーブル*/
table.detail th , table.detail td {
	border: 1px solid #333333;
}
table.detail tr {
	background-color: #fafafa;
}
table.detail th {
	background-color: #4679BD;
	color: #ffffff;
	padding: 3px;
}
table.detail td {
	padding: 5px;
}
/*一覧テーブル*/
table.list th {
	background-color: #4679BD;
	color: #ffffff;
	padding: 3px;
}
table.list td {
	padding: 5px;
}
table.list th , table.list td {
	border: 1px solid #333333;
}
table.list tr:nth-child(odd){
	background-color: #eaeaea;
}
.listButtons {
	margin-top: 10px;
	padding-right: 10px;
	text-align: right;
	font-size: 0.8em;
	margin-bottom: -1px;
}
.listButtons button {
	width: 40px;
	height: 30px;
	background-color: #404040;
	color: #fafafa;
	border:  none;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}
.listButtons button:hover {
	opacity: 0.8;
}
.listButtons button:disabled {
	background-color: #aaa;
	border-bottom: 0;
	cursor: default;
	opacity: 1.0;
}
/*施設一覧テーブル*/
table.equipmentlist th {
	background-color: #4679BD;
	color: #ffffff;
	padding: 3px;
}
table.equipmentlist td {
	padding: 5px;
	vertical-align:top;
}
table.equipmentlist th , table.equipmentlist td {
	border: 0.9px solid #333333;
}
table.equipmentlist tr:nth-child(odd){
	background-color: #eaeaea;
}
/*ボタン*/
.button {
	/*position: relative;*/
	border-radius: 4px;
	border: 0;
	padding: 7px 0;
	color: #fafafa;
	font-weight: bold;
	cursor: pointer;
}
.button.short {
	width:60px;
}
.button.middle {
	width: 130px;
}
.button.long {
	width: 200px;
}
.button.icon {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px 20px;
	padding-left: 20px;
}
.button.blue {
	background-color: #5EA4FF;
	box-shadow: 0 3px 0 0 #4679BD;
	margin-bottom: 3px;
}
.button.orange {
	background-color: #FFA500;
	box-shadow: 0 3px 0 0 #BF7004;
	margin-bottom: 3px;
}
.button.green {
	background-color: #7DB500;
	box-shadow: 0 3px 0 0 #5A8200;
	margin-bottom: 3px;
}
.button.pink {
	background-color: #ff69b4;
	box-shadow: 0 3px 0 0 #a52a2a;
	margin-bottom: 3px;
}
.button:hover {
	opacity: 0.8;
}
.button:active {
	top: 3px;
	box-shadow:none;
}

/*施設予約ページのボタン*/
.todayButton {
	margin-top: 10px;
	padding-right: 10px;
	text-align: right;
	font-size: 0.8em;
	margin-bottom: -1px;
}
.todayButton button {
	width: 60px;
	height: 25px;
	background-color: #404040;
	color: #fafafa;
	border:  none;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}
.todayButton button:hover {
	opacity: 0.8;
}
.todayButton button:disabled {
	background-color: #aaa;
	border-bottom: 0;
	cursor: default;
	opacity: 1.0;
}