* {
	margin: 0;
	padding: 0;
}
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

ul {
	list-style-type: none;
}
p {
	margin: 0.5em 0;
}

input[type=button],
input[type=submit]{
    background-color : #e6e6e6;
    padding : 2px;
    border : 1px solid #c3c3c3;
    cursor: pointer;
}
input[type=button]:hover,
input[type=submit]:hover {
    background-color : #d5d5d5;
}

input[type=button]:disabled,
input[type=submit]:disabled{
    opacity : .5;
    cursor: inherit;
}
input[type=button]:disabled:hover,
input[type=submit]:disabled:hover {
    opacity : .5;
    background-color : #e6e6e6;
}

a {
	color: #349acb;
}
a:visited {
	color: #7f51a5;
}
a:active {
	color: #ffb400;
}
a:hover {
	text-decoration: none;
}

header nav a {
    color: rgb(4 120 87 / var(--tw-text-opacity));
    text-decoration: none;
}
header nav a:visited {
	color: rgb(4 120 87 / var(--tw-text-opacity));
}
header nav a:active {
	color: rgb(4 120 87 / var(--tw-text-opacity));
}


/* layout
----------------------------------------------*/

#container {
	width: 100%;
	background-color: transparent;
	margin: 0 auto;
}
#container-user {
	width: 800px;
	background-color: #ffffff;
	margin: 0 auto;
}
#footer {
	text-align: center;
	font-size: 0.8em;
	margin: 30px 0 20px;
}


.out #container {
	width: 940px;
	background-color: transparent;
	margin: 0 auto;
}
.out #header {
	margin-bottom: 20px;
}
.out #footer {
	font-size: 0.8em;
	margin: 30px 0 20px;
	border-top: 4px solid #ffb400;
	padding-top: 10px;
}
#maincol {
	width: 670px;
	float: right;
}
#subcol {
	width: 255px;
	float: left;
}


/* login/logout
----------------------------------------------*/

#container.mini {
	width: 400px;
	margin: 150px auto;
}
#container.mini #main {
	background-color: #fff;
	border: 1px solid #ccc;
}
#container.mini .content-title {
	padding: 0 0 5px;
	text-align: center;
}
#container.mini .content-body {
	text-align: center;
}
table.login {
	margin: 0 auto;
}
table.login td {
	padding: 2px 5px;
	text-align: left;
}

.social-button {
	background-color: #ccc;
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 5px 12px;
	border-radius: 4px;
	font-size: 15px;
	height: 32px;
}
.social-button:not(:last-child) {
	margin-bottom: 16px;
}
.social-button .icon {
	line-height: 0;
	width: 48px;
	text-align: center;
}
.social-button .label {
	flex: 1;
	text-align: center;
}
.social-button img {
	height: 32px;
}
.social-button.line {
	background-color: #00c300;
	color: #fff;
}
.social-button.line img {
	height: 33px;
}
.social-button.google {
	background-color: #fff;
	color: #444;
	border: 1px solid #ccc;
}

.social-button.google img {
	height: 24px;
}

.social-button.yahoo {
	background-color: #ff0033;
	color: #fff;
}
.social-button.yahoo img {
	height: 18px;
}
.social-button.facebook {
	background-color: #1877f2;
	color: #fff;
}

.social-button.facebook img {
	height: 24px;
}

/* search member (child window)
----------------------------------------------*/

body.child {
	margin: 10px;
}
.child #main {
	border: 1px solid #ccc;
}
.child .content-title {
}



/* header 
----------------------------------------------*/

#header {
	position: relative;
	background: transparent url("../img/body_bg.gif") repeat-x;
}
#branding {
	padding: 20px 0;
	width: 244px;
	float: left;
	margin-left: 20px;
}

#log {
	margin: 15px 20px 5px;
	width: 450px;
	float: right;
	border: 1px solid #ccc;
	padding: 5px 15px;
	background: #fff;
	font-size: 0.8em;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}
#today {
	margin-bottom: 5px;
	padding-left: 23px;
	background: transparent url("../img/time.gif") left 60% no-repeat;
}
#today span {
	font-size: 1.3em;
}
#user-name {
	padding-left: 23px;
	background: transparent url("../img/user.gif") left center no-repeat;
}
#user-logout {
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 0.8em;
}

#navigation {
	clear: both;
	list-style-type: none;
	background: #319bd7 url("../img/menu_bg.gif");
	border: none;
	padding: 0 20px;
}
#navigation li {
	display: block;
	float: left;
	border-right: 1px solid #45b4ef;
}
#navigation li a {
	display: block;
	padding: 5px 10px;
	color: #d7efef;
	text-decoration: none;
}
#navigation li.present a {
	color: #319bd7;
	text-decoration: none;
	font-weight: bold;
	background: #fff;
	border-top: 1px solid #319bd7;
}
#navigation li a:hover {
	color: #fff;
}
#navigation li.present a:hover {
	color: #319bd7;
}


/* main 
----------------------------------------------*/

#main {
	padding: 10px 20px;
	position: relative;
	background-color: #fff;
}
#topicpath {
	margin: 5px 27px 15px 0;
	font-size: 0.8em;
	text-align: right;
	float: right;
}
#topicpath a {
	font-size: 0.8em;
}
.content-title {
	margin: 10px 0 15px;
	padding: 0;
	font-size: 1.5em;
	border-bottom: 2px solid #2795d0;
	color: #2795d0;
}
.content-body {
	margin: 0 0 30px;
}

.column-left {
	width: 60%;
	float: left;
}
.column-right {
	width: 40%;
	float: right;
}

.column-left2 {
	width: 40%;
	float: left;
}
.column-right2 {
	width: 60%;
	float: right;
}

.operation-menu li {
	width: 150px;
	margin: 0 10px 10px 0;
	text-align: center;
	height: 80px;
	float: left;
	background: #f5f5f5;
}
.operation-menu li a {
	display: block;
	width: 150px;
	height: 80px;
	background: url("../img/topmenu_button.png");
	text-indent: -9999px;
/*	line-height: 80px;*/
}
.operation-menu li#member-new a
	{background-position: 0 0;}
.operation-menu li#schedule-search a
	{background-position: -150px 0;}
.operation-menu li#print a
	{background-position: -300px 0;}
.operation-menu li#schedule-create a
	{background-position: -450px 0;}
.operation-menu li#new-application a
	{background-position: 0 -80px;}
.operation-menu li#lottery-info a
	{background-position: -150px -80px;}
.operation-menu li#report a
	{background-position: -300px -80px;}

.operation-menu li#member-new a:hover
	{background-position: 0 -160px;}
.operation-menu li#schedule-search a:hover
	{background-position: -150px -160px;}
.operation-menu li#print a:hover
	{background-position: -300px -160px;}
.operation-menu li#schedule-create a:hover
	{background-position: -450px -160px;}
.operation-menu li#new-application a:hover
	{background-position: 0 -240px;}
.operation-menu li#lottery-info a:hover
	{background-position: -150px -240px;}
.operation-menu li#report a:hover
	{background-position: -300px -240px;}

.section-box {
	width: 250px;
	margin: 0 10px 10px 0;
	float: left;
	background: #f5f5f5;
	
}
.section-box .section-title {
	margin-top: 10px;
}
.section-box ul {
	margin: 0 15px 15px;
}
table.search {
	margin: 0 0 20px;
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
}
table.search th,
table.search td {
	padding: 5px 10px;
}
table.search td {
	border: 1px solid #e8f5f7;
}
table.search th {
	width: 130px;
	background: #e8f5f7;
	border: 1px solid #e8f5f7;
}
.column-left2 table.search th {
	width: 100px;
}
form .combo {
	border: none;
	border-left: 3px solid #ccc;
}

.selector {
	padding: 0;
	border: 0 none;
	vertical-align: top;
}
.selector p {
	margin: 2px 4px;
	font-weight: bold;
}
#aSelect {
	
}
table.search .arrow {
	width: 15px;
	padding: 0;
	border: 0 none;
	text-align: center;
	font-size: 1.5em;
}
#chkbox-roomcat div {
	margin: 0 0 5px;
}
#chkbox-roomcat p {
	font-size: 0.9em;
	font-weight: bold;
}
#chkbox-wday {
	padding-right: 15px;
}

table tr td.last-row {
	border: none;
	background: transparent;
}

.schedule-header {
	background: #f5f5f5;
	border: 1px solid #ccc;
	color: #666;
	margin: 20px 0 10px;
	padding: 3px 5px;
}
.schedule-body {
	border: 1px solid #ccc;
	border-top: 0 none;
	padding: 5px 8px 10px; 
}
.timetable {
	border-collapse: collapse;
	font-size: 15px;
	width: 100%;
}
.section-body.today {
	margin: 0 15px 30px;
}
.timetable th.label1 {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 4px 0 0;
}
.timetable th.label1 h4 {
	width: 160px !important;
}
.timetable th {
	text-align: left;
}
.timetable td {
	border: none;
	font-size: 0.9em;
}
.timetable td.label2 {
	border: none;
	border-bottom: 1px solid #ccc;
	width: 160px !important;
	padding: 2px 0;
}
.timetable th>img, .timebar img {
	display: inline-block;
}
.timebar {
	padding: 0 !important;
	background: transparent !important;
}
.timebar.border {
	padding-bottom: 8px !important;
	border-bottom: 1px dotted #ccc !important;
}
.timebar-head td {
	border: none !important;
}
.daySchedule td div {
	margin: 1px;
	border: 1px solid #aaa;
	height: 20px;
}
.timebar .daySchedule td div {
	border: 1px solid #ccc;
}
.disabled div	 {	border-color: #f5f5f5 !important; }
.over div		 {	border-color: #988 !important; cursor: pointer; }
.range div		 {	background: #fceaed; }
.unavailable div {	background: #ccc; }
.reserved div	 {	background: #93d5f7;}
.lottery1 div	 {	background: #f5f90c;}
.lottery2 div	 {	background: #f9e60c;}
.lottery3 div	 {	background: #fccb0c;}
.lottery4 div	 {	background: #f9a20c;}
.lottery5 div	 {	background: #f9770c;}
.selected div	 {	background: pink;}

[data-orgcolor="unavailable"] div {
	background: #ccc; 
}

div.example {
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 1px solid #ccc;
	_display: inline;
	_zoom: 1;
}
div.example div {
	height: 16px;
}


table.definition {
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 1.2em;
}
table.definition th,
table.definition td {
	padding: 5px 0;
}
table.definition th {
	width: 160px;
	color: #8AA49E;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #8aa49e;
}
table.definition td {
}
.notice {
	width: 80%;
	margin: 0 auto 15px;
	padding: 10px 15px;
	background-color: #fffff5;
	border: 1px solid #F5DE72;
}
.information {
	width: 80%;
	margin: 0 auto 15px;
	padding: 10px 15px;
	background-color: #f2faff;
	border: 1px solid #6ac8f7;
}

table.data {
	margin: 0 2%;
	border-collapse: collapse;
	width: 96%;
}
table.data th,
table.data td {
	padding: 5px 10px;
	font-size: 0.9em;
}
table.data th {
	border-bottom: 1px solid #ccc;
	background: #eee url("../img/data_th_bg.gif") top repeat-x;
}
table.data thead th {
	background: #fcfcfc;
	text-align: left;
	}
table.data td {
	border-bottom: 1px dotted #ccc;
	background: #fff;
}
table.inner {
	border-collapse: collapse;
	width: 100%;
}
table.inner th {
	border: none;
	border-bottom: 1px dotted #f5f5f5;
	padding: 2px 0;
	background: transparent;
	width: 120px;
	font-size: 0.8em;
	text-align: left;
}
table.inner td {
	border: none;
	padding: 2px 0;
}
table.data.reservation {
	margin: 0;
	width: 100%
}

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

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

.instructions {
    color: green;
	font-size: 0.8em;
}


input.text {
	width: 12em;
}
input.text-short {
	width: 4em;
}
input.url {
	width: 20em;
}
input.date {
	width: 6em;
}
input.time {
	width: 5em;
}
input.readonly {
	background: #f5f5f5;
}
input.heading,
select.heading {
	font-size: 1em;
}
input.login {
	font-size: 1.3em;
	width: 8em;
}
input.digit {
	width: 2em;
}
input.placeholder {
	color: #999;
}
.submit {
	width: 120px;
}

.stat-icon {
	display: inline-block;
	width: 16px; height: 16px;
	vertical-align: middle;
	background-image: url("../img/stats.gif");
}
.result .stat-icon, .timetable .result .stat-icon {
	width: 16px; height: 16px;
	background-image: url("../img/stats.gif");
}
.timetable .stat-icon {
	width: 16px; height: 16px;
	background-image: url("../img/stats_yoyaku.gif");
}
.stat-label {
	padding-left: 2px;
	font-weight: bold;
	vertical-align: middle;
}
.stat-approved .stat-icon		 { background-position: 0 0; }
.stat-approved .stat-label		 { color: #5fbf00; }
.stat-canceled .stat-icon		 { background-position: -16px 0; }
.stat-canceled .stat-label		 { color: #fc4227; }
.stat-undetermined .stat-icon	 { background-position: -32px 0; }
.stat-undetermined .stat-label	 { color: #f7c600; }

.stat-available .stat-icon		 { background-position: 0 -16px; }
.stat-available .stat-label		 { color: #5fbf00; }
.stat-unavailable .stat-icon	 { background-position: -32px -16px; }
.stat-unavailable .stat-label	 { color: #f7c600; }
.stat-suspended .stat-icon		 { background-position: -16px -16px; }
.stat-suspended .stat-label		 { color: #fc4227; }
.stat-closed .stat-icon			 { background-position: -48px -16px; }
.stat-closed .stat-label		 { color: #999; }

.stat-lot-ready .stat-icon { background-position: 0 0; }
.stat-lot-active .stat-icon { background-position: 0 -16px; }
.stat-lot-undone .stat-icon { background-position: 0 -32px; }
.stat-rsv-ready .stat-icon, .stat-rsv-done .stat-icon { background-position: -16px 0; }
.stat-rsv-active .stat-icon { background-position: -16px -16px; }
.stat-rsv-unavailable .stat-icon { background-position: -16px -32px; }

a.icon-link {
	display: inline-block;
	width: 24px; height: 24px;
	margin: 0 3px;
	vertical-align: middle;
	background-image: url("../img/link_icons.gif");
}
a.icon-link span { display: none; }
a.icon-link.data-view { background-position: 0 0; }
a.icon-link.data-view:hover { background-position: 0 -24px; }
a.icon-link.application-new { background-position: -24px 0; }
a.icon-link.application-new:hover { background-position: -24px -24px; }

.link-calendar {
	display: inline-block;
	width: 16px; height: 16px;
	text-indent: -9999px;
	background-image: url("../img/icon_schedule.gif")
	
}
.number-people {
	font-size: 1.2em;
}
.fac-name {
	font-weight: bold;
}
.section-title {
	margin: 10px 0;
	padding: 0 5px;
	border-left: 10px solid #ccc;
}
.section-body {
	margin: 0 0 25px;
}
.column-left .section-body {
	margin-right: 30px;
}
.column-left2 .section-body {
	margin-right: 15px;
}

table.result {
	margin: 10px 0;
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9em;
}
.timetable table.result {
	font-size: 1em;
}
table.result th,
table.result td {
	padding: 5px 7px;
}
table.result th {
	background: #adb8b0 url("../img/result_th_bg.gif") repeat-x;
	color: #fff;
	border: 1px solid #999;
	color: #fff;
}
.timetable table.result th {
	background: #fff none;
	color: #999;
	border: 1px solid #f5f5f5;
	border-bottom: 1px solid #ccc;
}
table.result td {
	border: 1px solid #ccc;
	border-top: 0 none;
	border-color: #ccc #f1f1f1;
	border-bottom-style: dotted;
	background: #fff;
}

tr.odd td {
	background: #f8fafc;
}
.heads {
	width: 160px;
}
.kana {
	font-size: 0.6em;
	color: #999;
	border-bottom: 0 none !important;
}
.separator {
	border-right-width: 3px !important;
	border-right-style: double !important;
}
.nav-below {
	text-align: center;
	margin: 30px 3%;
}

.name {
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-size: 1.5em;
	font-weight: bold;
	color: #637477;
	border-bottom: 1px dotted #ccc;
}
.sub-title {
	font-size: 0.8em;
	color: #999;
}
#identity {
	padding: 5px 5px 5px 8px;
	border: 1px solid #e8f5f7;
	background: #e8f5f7 url("../img/identity_bg.png") repeat-x;
}
.sections {
	border: 1px solid #e8f5f7;
	padding: 10px 15px 10px;
}
ul.menu li {
	margin-right: 8px;
	float: left;
}

ul.menu li a,
ul.menu li input {
	font-size: 12px;
	font-family: inherit;
}

table.meta {
	background: #fff;
	border: 1px solid #fff;
	float: right;
	width: 320px;
	font-size: 0.8em;
}
table.meta th {
	text-align: right;
}
table.meta th,
table.meta td {
	padding: 2px 10px;
}


table.report {
	border-collapse: collapse;
	width:100%;
}
table.report td {
	border: 1px solid #ccc;
}
table.report td.null {
	border: 0 none;
}

.simple-form {
	background: #e8f5f7;
	padding: 8px 10px;
	font-size: 0.9em;
	margin-bottom: 15px;
}


/*======================================
  OUT
========================================*/

body.out {
	color: #333333;
	font-size: 100%;
	line-height: 1.5;
}
#header {
}
#logo-area {
	height: 89px;
}
.out #branding {
	padding: 15px 0;
	margin: 0;
	width: 394px;
	float: left;
}

#function {
	width: 546px;
	padding: 15px 0;
	margin-left: 394px;
	text-align: right;
}
#letter-size {
	margin-bottom: 10px;
}
#letter-size img {
	margin-left: 5px;
}
#letter-size img#ls-label {
	margin-right: 10px;
}
#login {
	font-size: 0.875em;
}
#login li {
	display: inline-block;
	/*display: inline;*/
	margin-right: 10px;
}
#login li#login-user {
	font-weight: bold;
}
.icon-ra {
	padding-left: 20px;
	background: url("../img/list_header.gif") center left no-repeat;
}

.out #navigation {
	height: 56px;
	margin-top: 12px;
	padding: 0;
	padding-left: 0;
	clear: both;
	background: transparent none;
}
#front.out  #navigation {
	height: 90px;
}
#simple #navigation {
	display: none;
}
.out #navigation li {
	display: block;
	width: 226px;
	height: 56px;
	margin-right: 12px;
	float: left;
	border: 0 none;
}
.out #navigation li#howto{
	margin-right:0;
}
#front.out #navigation li {
	height: 90px;
}
.out #navigation li a {
	display: block;
	width: 226px;
	height: 56px;
	padding: 0;
	text-indent: -9999px;
	font-weight: bold;
	background: url("../img/menu.jpg");
}
#front.out #navigation li a {
	height: 90px;
}

.out #navigation li#reservation a
	{ background-position: 0 -180px; }
.out #navigation li#history a
	{ background-position: -226px -180px; }
.out #navigation li#information a
	{ background-position: -452px -180px; }
.out #navigation li#register a
	{ background-position: -678px -180px; }
.out #navigation li#howto a
	{ background-position: -904px -180px; }

.out #navigation li#reservation a.present
	{ background-position: 0 -236px; }
.out #navigation li#history a.present
	{ background-position: -226px -236px; }
.out #navigation li#information a.present
	{ background-position: -452px -236px; }
.out #navigation li#register a.present
	{ background-position: -678px -236px; }
.out #navigation li#howto a.present
	{ background-position: -904px -236px; }

.out #navigation li#reservation a:hover
	{ background-position: 0 -292px; }
.out #navigation li#history a:hover
	{ background-position: -226px -292px; }
.out #navigation li#information a:hover
	{ background-position: -452px -292px; }
.out #navigation li#register a:hover
	{ background-position: -678px -292px; }
.out #navigation li#howto a:hover
	{ background-position: -904px -292px; }

#front #navigation li#reservation a
	{ background-position: 0 0; }
#front #navigation li#history a
	{ background-position: -226px 0; }
#front #navigation li#information a
	{ background-position: -452px 0; }
#front #navigation li#register a
	{ background-position: -678px 0; }
#front #navigation li#howto a
	{ background-position: -904px 0; }

#front #navigation li#reservation a:hover
	{ background-position: 0 -90px; }
#front #navigation li#history a:hover
	{ background-position: -174px -90px; }
#front #navigation li#information a:hover
	{ background-position: -348px -90px; }
#front #navigation li#register a:hover
	{ background-position: -522px -90px; }
#front #navigation li#howto a:hover
	{ background-position: -696px -90px; }

#navigation li.present a {
	color: #319bd7;
	text-decoration: none;
	font-weight: bold;
	background: #fff;
	border-top: 1px solid #319bd7;
}
#navigation li a:hover {
	color: #fff;
}

.account-menu {
	font-size: 14px;
	text-align: center;
	margin-bottom: 16px;
}


/* footer
----------------------------------------------*/

.out #footer {
	text-align: left;
}
#copyright {
	width: 420px;
	float: right;
	text-align: right;
}
address {
	font-style: normal;
}


/* login
----------------------------------------------*/

.centering-box {
	margin: 0 auto;
}
#login-form {
	width: 400px;
}


/* main
----------------------------------------------*/

.out #main {
	padding: 10px 0;
	position: relative;
	background-color: #fff;
}

form p {
	margin: 0;
}

form .label {
	font-weight: bold;
}
form .col1 {
	width: 120px;
}
#top-search {
	border: 1px solid #ddd2b6;
}

#top-search .section-header {
	background: #fff url("../img/top_search_title.jpg") no-repeat;
	position: relative;
	margin-bottom: 15px;
}
#top-search .section-title {
	margin: 0;
	padding: 0;
	border: 0;
	height: 55px;
	visibility: hidden;
}
#top-search .description {
	margin: 0 170px 0 100px;
	font-size: 0.8em;
}
#top-search #simple-form-button {
	position: absolute;
	top: 20px;
	right: 9px;
}
#top-search fieldset {
	margin: 0 9px 15px;
	border: 0 none;
}
#top-search .field-content {
	padding: 10px 10px 0;
}
#top-search .field-content-sub {
	margin: 10px 0 0;
}
#top-search .field-content-sub td,
#top-search .field-content-sub th {
	padding: 2px;
}
#top-search .field-content-sub th {
	text-align: left;
}

.out table.search th,
.out table.search td {
	border: 1px solid #f2ebda;
}
.out table.search th {
	color: #84775a;
	background: url("../img/out_search_th.png") top left repeat-x;
}
.out table.search .arrow,
.out table.search td.last-row {
	border: 0 none;
}

.field-content#submit {
	text-align: center;
}
.field-content#submit * {
	vertical-align: middle;
}

.module {
	border: 1px solid #e0e6e2;
	margin-bottom: 13px;
}
.module .module-title {
	padding: 2px;
	margin-bottom: 10px;
}
.module .module-subtitle {
	text-align: center;
	margin-bottom: 10px;
}
.module .module-body {
	padding: 0 12px 10px;
}
.module .entry {
	margin: 0 0 8px;
}
.module .entry-date {
	font-size: 0.8em;
}
.module .entry-title {
	font-size: 0.8em;
	font-weight: bold;
}
.module p {
	margin: 0;
}
.module .module-body #info-status {
	padding: 20px 0;
	text-align: center;
}
.module .module-body #info-status p {
	margin: 10px 0;
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
}
#special-info {
	font-size: 0.9em;
	padding-top: 10px;
}
#special-info p.alert {
	color: #d60407;
}

.content-header {
/*	background: #faf7e4;*/
	border-bottom: 2px solid #ffb400;
	/*background: url("../img/content_title.png") no-repeat left bottom;*/
	height: 32px;
	margin-bottom: 15px;
}

.out .content-title {
	margin: 0;
	border: 0 none;
	color: #84775A;
	height: 32px;
	line-height: 32px;
	font-size: 1.2em;
	padding-left: 0;
	background: url("../")
}

#simple .content-header {
	background: url("../img/simple_title.png") no-repeat;
	height: 60px;
	margin-bottom: 0;
}
#simple .content-header .content-title {
	text-indent: -9999px;
}
.out .section-title {
	font-size: 1.2em;
	padding: 4px 12px;
	border: 1px solid #dbc085;
	background: url("../img/out_search_th.png") top left repeat-x;
	color: #84775A;
	margin-top: 0;
	margin-bottom: 10px;
}
.out .section-usedate {
	font-size: 1.2em;
	padding: 4px 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.out table.data th {
	border-bottom: 1px solid #ffb400;
	background: #fffffd none;
}
#simple-form {
	padding: 12px 12px 18px;
	border: 1px solid #e7f7d9;
}
.flowchart{
	height: 45px;
	width: 916px;
	margin: 0 auto 15px;
	background: url("../img/simple_flow.png");
	text-indent: -9999px;
}
.flowchart#step1
	{background-position: 0 0}
.flowchart#step2
	{background-position: 0 -45px}
.flowchart#step3
	{background-position: 0 -90px}
.flowchart#step4
	{background-position: 0 -135px}
.flowchart#step5
	{background-position: 0 -180px}

#simple-form .description {
	border-bottom: 1px dotted #c5eda6;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#simple-form .field-content {
	text-align: center;
}
#simple-form .field-content table {
	margin: 0 auto;
}
#simple-form .selector select {
	font-size: 1.2em;
}
#simple-form #bSelect {
	width: 360px;
}
#simple-form #cSelect {
	width: 240px;
}

#calendar table {
	border-spacing: 5px;
	border: 1px solid #ecf2e6;
	background: #fafcf7;
}
#calendar table td {
	font-size: 1.3em;
	padding: 2px 8px;
}
#calendar table td center {
	border-bottom: 1px solid #ccc;
}
#calendar table tr.date td {
	border: 1px solid #ccc;
	background: #fff;
}

#step-navi {
	margin-top: 20px;
}
#step-navi input {
	background: url("../img/step_navi.png") no-repeat;
	display: inline-block;
	*display: block;
	width: 136px;
	height: 44px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
#step-navi input#next
	{background-position: 0 0}
#step-navi input#prev
	{background-position: 0 -44px}
#step-navi input#confirm
	{background-position: -136px 0}
#step-navi input#apply
	{background-position: -136px -44px}

/* facility-list
----------------------------------------------*/
h2#cktitle {
	font-size: 1.2em;
	padding: 4px 12px;
	border: 1px solid #dbc085;
	background: url("../img/out_search_th.png") top left repeat-x;
	color: #84775A;
	margin-bottom: 10px;
}
.image-list li {
	padding: 10px 0;
	border-bottom: 1px solid #e7f7d9;
}
.image-list .entry-image {
	width: 120px;
	height: 90px;
	float: left;
	margin: 0 20px 0 0;
}
.image-list .entry-title {
	font-size: 1.2em;
}
.image-list .entry-text {
}
ul#chiiki-switch li {
	padding: 5px 8px;
	border-top: 1px solid #f5f5f5;
}
ul#chiiki-switch li.current {
	background: #fcfcf2;
}
ul#chiiki-switch li.current a {
	color: #7f7f64;
	font-weight: bold;
	text-decoration: none;
}

/* user-guide
----------------------------------------------*/
.user-guide p {
	margin: 0.8em 0;
	text-indent: 1em;
}
.user-guide ol {
	margin: 0.8em 0;
	margin-left: 1.8em;
}
.user-guide ol li {
	margin: 0.8em 0;
}
.user-guide p.notice {
	width: auto;
}
.user-guide .section-body {
	margin: 0 0 2.5em;
}
#menu-list li {
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5;
}
#menu-list li ul {
	margin-left: 35px;
	list-style: square;
}
#menu-list li li {
	padding: 0;
	margin: 0.5em 0;
	border: 0 none;
}

/* member
----------------------------------------------*/
div#member {
	width: 600px;
}
p.description {
	margin: 10px 0;
}
ul.button-list {
	text-align: center
}
ul.button-list li {
	display: inline-block;
	_display: inline;
	margin-right: 20px;
}

/* my list
----------------------------------------------*/
.card {
	border-radius: 4px;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	padding: 16px;
	margin-bottom: 16px;
}
.card.status-2 {
	background-color: #e8f8e8;
	border-color: #cde9cd;
}
.card .card-header {
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 12px;
}
.card .card-title {
	font-size: 24px;
}
.card .card-header-sub {
	font-size: 14px;
	display: grid;
	grid-template-columns: 80px 1fr;
}
.card .card-header-sub dt {
	font-weight: bold;
}
dl.detail {
	display: grid;
	grid-template-columns: 100px 1fr 100px 1fr;
}
dl.detail dt {
	color: #999;
}
.card table.data {
	width: 100%;
	margin: 16px 0;
}

/*******************************************/

table.daySchedule{
/*	border:1px solid gray;    */
	border:1px solid white;    
	border-collapse:collapse;
	background:#fff;
}
table.daySchedule tr{
/*	border:1px solid #333;     */
	border:1px solid white;    
}

table.daySchedule tr th{
/*	border:1px solid #333;     */
	border:1px solid white;
	padding:0px;
	text-align:center;
	background:#CCCCCC;
}

table.daySchedule tr td{
/*	border:1px solid #333;     */
	border:1px solid white !important;
	padding:0px;
	box-sizing: content-box;
}

table.searchTable td{
    background-color: gray;
    color: black;
    padding: 0;
    margin: 0;
}

.info {
    color: green;
}

.listTable {
    border:black solid 1px;
/*    width: 600px;*/
}

table.listTable tbody{
    overflow: auto;
    overflow-x:hidden;
    height:  300px;
}
.listTable th,.listTable td{
    background-color: lightblue;
    color: black;
    border:black solid 1px;
    padding: 0;
    margin: 0;
    text-align: center;
}
.listTable td{
    background-color: white;
}

.editTable th,.editTable td{
        padding: 0;
    margin: 0;
    border:gray solid 1px;

}
table.editTable{
        padding: 0;
    margin: 0;
    border:gray solid 1px;

}

table.calendarTable,table.calendarTable td,table.calendarTable th{
    border:gray solid 1px;
}

table.basic{
	border:1px solid #333;
	border-collapse:collapse;
	background:#fff;
}
#table.basic tr{
	border:1px solid #333;
}

table.basic tr th{
	border:1px solid #333;
	padding:2px 5px;
	text-align:center;
	background:#CCCCCC;
}

table.basic tr td{
	border:1px solid #333;
	padding:2px 5px;
}

/* 簡易予約のカレンダー関係
----------------------------------------------*/
#calendar table {
	border-spacing: 5px;
	border: 1px solid #ecf2e6;
	background: #fafcf7;
}
#calendar table td {
	font-size: 1.3em;
}
#calendar table td center {
	border-bottom: 1px solid #ccc;
}
#calendar table tr.date td {
	border: 1px solid #ccc;
	background: #fff;
}
#calendar table tr.date td {
    width: 75px;
    height: 75px;
    position: relative;
}
#calendar table tr.date td.today {
	border: 3px solid #f33;
}
#calendar table tr.date td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px 8px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
}
#calendar table tr.date td span {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 0.8rem;
}
#calendar table tr.date td.isReservation,
.calendarNote .isReservation { /* 予約系の基本色 */
    background-color: #cfc;
}
#calendar table tr.date td.isLottery,
.calendarNote .isLottery {
    background-color: #f9e60c;
}
#calendar table tr.date td:before {
    content: '';
    font-size: 2.5rem;
}
#calendar table tr.date td.data-none:before {
    content: '－';
	font-size: 2.5rem;
}
#calendar table tr.date td.reserved:before {
    content: '△';
	font-size: 2.5rem;
    font-weight: bold;
}
#calendar table tr.date td.reservation_null:before {
    content: '○';
	font-size: 2.5rem;
}
#calendar table tr.date td.reservation_max:before {
    content: '×';
	font-size: 2.5rem;
}
#calendar table tr.date td.isNotTarget,
.calendarNote .isNotTarget { /* 予約出来る空きの無い予約セルか期間過ぎのセルの色を変える */
    background-color: #ccc;
}
#calendar table tr.date td.holiday:before {
    content: '休';
	font-size: 1.7rem;
}
#calendar table tr.date td.lottery:before,
#calendar table tr.date td.lottery_null:before {
    content: '優';
	font-size: 1.7rem;
}
.calendarNote dl dt {
    font-weight: bold;
}
.calendarNote dl dd {
    padding-left: 10px;
    margin-bottom: 12px;
}
.calendarNote span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
}
#simple {
	padding: 12px 12px 18px;
	border: 1px solid #e7f7d9;
}
#simple .description {
border-bottom: 1px dotted #c5eda6;
padding-bottom: 10px;
margin-bottom: 15px;
}
#simple .field-content {
	text-align: center;
}
#simple .field-content table {
	margin: 0 auto;
}
#simple .selector select {
	font-size: 1.2em;
}
#facilityFrame {
    width: 550px;
    height: 420px;
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #ccc;
}
#imageFrame {
    width: 500px;
    height: 300px;
    max-width: 100%;
    max-height: 100%;
    /* border: 1px solid #ccc; */
    margin-top: 5px;
    /* margin-left: auto;
    margin-right: auto; */
    display: flex;
    text-align: left;
    align-items: center;
    /* justify-content: center; */
}
#imageFrame img {
    width: 500px;
    max-width: 100%;
    max-height: 100%;
}
#facilityInfoFrame {
    width: 580px;
    height: 100px;
    max-width: 100%;
    max-height: 100%;
    /* border: 1px solid #ccc; */
    margin-top: 10px;
    text-align: left;
    /* text-indent: 70px; */
    /* justify-content: center; */
}

/*******************************************/

/* Overwrite jQueryUI style
==============================================================*/
.ui-widget { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, "MS PGothic", "ＭＳ　Ｐゴシック"; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, "MS PGothic", "ＭＳ　Ｐゴシック"; font-size: 1em; }

.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .1em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .1em 1em .1em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .1em 2.1em .1em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .1em 1em; }