@charset "utf-8";

body{
	margin:0;
}
h1{
	background-color:#F91;
	color:#FFF;
	text-align:center;
	margin:0;
	padding:20px 0 0;
	font-weight:normal;
	font-size:160%;
}
#admin_link a{
	color:#FFF;
}
#admin_link{
	position:absolute;
	top:45px;
	left:10px;
}
#login{
	width:450px;
	margin:50px auto;
	text-align:center;
}
#login form{
	background-color:#EEE;
	padding:10px;
	text-align:left;
}
#login form label{
	display:inline-block;
	width:80px;
	text-align:right;
	margin-right:10px;
}
#login input[type="submit"]{
	background-color:#F91;
	border-radius:10px;
	border:none;
	padding:2px 10px;
	color:#FFF;
	cursor:pointer;
}
#logout{
	text-align:right;
	background-color:#F91;
	margin:0 0 20px;
	padding:0 10px 10px;
}
#logout input{
	background-color:#FFF;
	border-radius:10px;
	border:none;
	padding:2px 10px;
	color:#F91;
	cursor:pointer;
}
#nowTime{
	text-align:right;
	margin:0;
}
#contents{
	margin:10px;
}
h2:before{
	content:"■";
	color:#999;
}
h2{
	background-color:#EEE;
	border-bottom:2px solid #CCC;
	font-size:100%;
	padding:5px;
	margin-top:30px;
}
#notice{
	border:1px solid #CCC;
	border-radius:3px;
}
#notice p{
	margin:5px 10px;
	font-size:85%;
}
#notice h3{
	margin:0;
	background-color:#EEE;
	padding:10px;
}
#notice h4{
	margin:5px 10px;
}
#notice>ul, #notice>ol{
	margin:5px 0;
	font-size:85%;
}
.room{
	display: inline-block;
	margin: 5px;
	padding: 5px;
	border:2px solid #9CF;
	cursor:pointer;
}
#calendar{
	overflow-x:auto;
}
#calendar table{
	min-width:680px;
	border-spacing:8px;
}
#calendar .ym td{
	font-size:90%;
	background-color:#EEE;
	padding:5px;
}
#calendar .weekday td{
	text-align:center;
	vertical-align:top;
	font-size:80%;
	line-height:100%;
}
#calendar .weekday td p{
	font-size:80%;
	margin:5px 0 0;
}
#calendar .date td{
	width:30px;
	height:30px;
	text-align:center;
	border:2px solid #9CF;
}
#calendar .date .openday{
	cursor:pointer;
}
#calendar .date .closeday{
	background-color:#DDD;
	border-color:#DDD;
	color:#999;
}
#timetable{
	overflow-x:auto;
}
#timetable table{
	/*border-spacing:1px;*/
	border-collapse:collapse;
	min-width:1200px;
	margin-bottom:10px;
}
#timetable .timeh td{
	font-size:75%;
	background-color:#EEE;
	border:2px solid #FFF;
	padding:3px;
}
#timetable .timem td{
	border:none;
	font-size:50%;
	text-align:center;
}
/*#timetable .timeblock{
	display:none;
}*/
#timetable .timeblock td{
	width:4px;
	height:25px;
	/*cursor:pointer;*/
	border:1px solid #9CF;
}
#timetable .nowtime td{
	font-size:50%;
	padding:0;
	color:#E67;
}
#selectTimeNavi #dispTime{
	margin:5px;
	font-size:90%;
}
#selectTimeNavi table{
	font-size:90%;
	line-height:10px;
}
#selectTimeNavi th{
	border:1px solid #9CF;
	width:10px;
	height:10px;
}
#dispReserveTime{
	border:3px solid #EBB;
	padding:10px;
	border-radius:5px;
	display:inline-block;
}
#inputForm h3{
	clear:both;
	float:left;
	width:120px;
	margin:0;
	font-size:100%;
	font-weight:normal;
}
#inputForm h3 span{
	font-size:80%;
	display:block;
	color:#888;
}
#inputStart{
	visibility:hidden;
}
#submitReserve, #cancelReserve, #changeReserve{
	width:200px;
	height:40px;
	background-color:#49E;
	border:none;
	border-radius:3px;
	cursor:pointer;
	color:#FFF;
	font-size:120%;
}
#cancelReserve{
	background-color:#D45;
}
#submitReserve:hover, #changeReserve:hover{
	background-color:#6BF;
}
#cancelReserve:hover{
	background-color:#F89;
}
#submitReserve:disabled, #cancelReserve:disabled, #changeReserve:disabled{
	background-color:#CDE;
	cursor:default;
}
#blackForm{
	margin-top:40px;
	display:none;
}
#foot{
	background-color:#F91;
	color:#FFF;
	text-align:center;
	margin:0;
	padding:5px 0;
	font-size:80%;
}
.aggregate{
	border-collapse:collapse;
	font-size:90%;
}
.aggregate thead th{
	background-color:#F91;
	color:#FFF;
}
.aggregate tbody th{
	background-color:#EEE;
	font-weight:normal;
	text-align:left;
}
.aggregate td, .aggregate th{
	border:1px solid #CCC;
	padding:3px 5px;
}
.aggregate ul{
	margin:0;
	padding-left:20px;
}
.aggregate .daily{
	display:none;
}

@media screen and (max-width:480px){
	#wrapper{
		/*overflow:hidden;*/
		width:100%;
	}
	textarea{
		width:100%;
	}
}