#attention {
	border: 1px #f00 solid;
	padding: 10px;
	margin-bottom: 30px;
}
#attention p.msg {
	font-size: 110%;
	font-weight: bold;
	margin-bottom:10px;
}
#attention ul {
	list-style-type: square;
	margin: 10px 20px;
}
#timetable_box,
#form_box,
#calendar_box {
	float:left;
	margin-right:50px;
}

/* カレンダー */
table.rsv_calendar {
	width:180px;
	margin-bottom:30px;
}
table.rsv_calendar caption{
	font-weight:bold;
	margin-bottom:5px;
}
table.rsv_calendar td,
table.rsv_calendar th {
	text-align:center;
}
table.rsv_calendar td#today {
	background-color:#eee; /* 今日の背景色 */
}
table.rsv_calendar td#current {
	background-color:#ffebae; /* クリックした日の背景色 */
}
table.rsv_calendar td input { /* カレンダー内inputボタン */
	background: none;
	border: none;
	padding: 0;
	box-shadow: none;
	color: #09c;
	text-decoration: underline;
}
table.rsv_calendar td input:hover {
	color: #8bc; /* リンクホバー色 */
	background: none;
}

/* タイムテーブル */
table#timetable{
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #eee;
}
table#timetable th {
	padding: 3px;
	background-color: #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight:bold;
	text-align:center;
}
table#timetable td {
	padding: 3px;
	border: 1px solid #eee;
}
table#timetable td input { /* タイムテーブル内inputボタン */
	width:18px;
	height:18px;
	padding:0;
	margin:3px 3px 0 0;
	line-height:0;
	text-align:center;
	vertical-align:middle;
	float:left;
}
table#timetable td.exist{ /* データが存在するセル */
	background-color:#f6f6f6; /* 背景色 */
}
table#timetable td.exist img{
	float:left;
	margin-top:3px;
}
table#timetable th#origin{ /* 見出し部分 */
	width:20px;
	/*height:20px;*/
}
table#timetable th.cts {
	width:70px; /* 中身の横幅 */
}
table#timetable tbody tr {
	/*height:50px; 中身の縦幅*/
}


/*===========
table
===========*/

table.scroll-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.scroll-table th {
  vertical-align: middle;
  padding: 3px;
	background-color: #ddd;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #000;
/*  font-size: 14px;*/
  text-align: center;
/* white-space: nowrap;*/
	width:70px; /* 中身の横幅 */
}
.scroll-table td {
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #eee;
  color: #000;
/*  font-size: 14px;*/
  text-align: center;
  white-space: nowrap;
}
.scroll-table th {
  background: #ddd;
}
.scroll-table td {
  background: #fff;
}
._sticky {
  position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-left: none;
  border-right: none;
}
._sticky:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
/*  background: #ffeb3b;*/
  z-index: -1;
}

._sticky_b {
}

/*===========
.scroll-box
===========*/

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}

/*===========
scrollbar
===========*/


/*スクロールバー全体の高さ*/

.scroll-box::-webkit-scrollbar {
  height: 4px;
}

/*スクロールバー全体の背景*/

.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}

/*スクロールバーの動く部分*/

.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/*===========
common
===========*/
section {
  float: left;
  max-width: 400px;
  margin: 0 20px 50px 0;
  background: #fff;
}


/* 登録フォーム */
input[type="text"], select{
	margin-bottom:5px;
}

/* その他 */
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs22 {font-size: 22px !important;}
.fs24 {font-size: 24px !important;}
.fs26 {font-size: 26px !important;}
.fs28 {font-size: 28px !important;}
.fs30 {font-size: 30px !important;}

.mr0  {margin-right:  0px !important;}
.mr5  {margin-right:  5px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fwl {font-weight: lighter;}