@charset "UTF-8";

#contents_inner{
  padding-bottom:0;
}

#contents_inner #main {
  float: left;
  width: 602px;
}

#main {
  padding-bottom:20px;
}

/* お知らせ */
#main .info{
  margin-top:10px;
}

/* 絞込 */
#main .search{
  padding:40px 0 40px 0;
}

#main .search select{
  margin:0 30px 0 6px;
  border:none;
  background-color:#414141;
  color:#ffffff;
}

#main .search input{
  vertical-align:middle;
  margin:0 5px;
}

#main .search div{
  padding-top:24px;
}

/* 一覧ページ送 */
#main .pagenation{
  font-size:27px;
  font-weight:bold;
  color:#ffffff;
}

#main .pagenation img{
  vertical-align:1px;
}

#main .pagenation img.back{
  margin-right:10px;
}

#main .pagenation img.next{
  margin-left:10px;
}

#main .pagenation a,
#main .pagenation a:link,
#main .pagenation a:visited,
#main .pagenation a:active{
  color:#ffffff;
  text-decoration:none;
}

#main .pagenation a:hover{
  color:#f3f620;
  text-decoration:none;
}

/* カレンダー切り替え表示用class */
.ui-tabs-panel {
  background:#FF0000;
  border-top:0px solid #97A5B0;
  padding:2px 0px;
}

/* カレンダー */
#contents_inner #calendar {
  float: right;
  width: 287px;
  border-top:1px solid #646464;
  border-left:1px solid #646464;
  border-bottom:1px solid #646464;
  position: relative;
}

#contents_inner #calendar h3{
  border-right:1px solid #646464;
}

/* カレンダーtab */
#calendar ul{
  width:286px;
  height:23px;
  border-right:1px solid #646464;
}

#calendar #tab01 {
  position: absolute;
  top: 46px;
  left: -1px;
  z-index : 3;
  border-left : 1px solid #646464;
  border-bottom : 1px solid #646464;
}

#calendar #tab02 {
  position: absolute;
  top: 46px;
  left: -1px;
  z-index : 2;
  border-left : 1px solid #646464;
  border-bottom : 1px solid #646464;
}

#calendar #tab03 {
  position: absolute;
  top: 46px;
  left: -1px;
  z-index : 1;
  border-left : 1px solid #646464;
  border-bottom : 1px solid #646464;
}

#calendar #tab04 {
  position: absolute;
  top: 46px;
  left: -1px;
  z-index : 0;
  border-left : 1px solid #646464;
  border-bottom : 1px solid #646464;
}

#calendar #tab01 ul{
  background-image:url(../reserve/images/cal_tab01.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#calendar #tab02 ul{
  background-image:url(../reserve/images/cal_tab02.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#calendar #tab03 ul{
  background-image:url(../reserve/images/cal_tab03.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#calendar #tab04 ul{
  background-image:url(../reserve/images/cal_tab04.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#calendar li{
  float:left;
  width:63px;
  padding-right:11px;
}

#calendar li img{
  vertical-align:top;
}

/* タブ右端用class */
#calendar li.fin{
  padding-right:0;
}

/* カレンダー表示 */
#calendar table{
  width:100%;
  background-color:#000000;
  border-collapse: separate;
  font-family:verdana;
  font-size:12px;
}

/* 曜日 */
#calendar th{
  width:40px;
  padding:4px 0;
  border-right:1px solid #333333;
  text-align:center;
  vertical-align:middle;
  color:#d9d9d9;
}

/* 日付 */
#calendar td{
  width:40px;
  height:32px;
  border-top:1px solid #333333;
  border-right:1px solid #333333;
  text-align:center;
  vertical-align:middle;
  color:#9a9a9a;
}

/* 平日 */
#calendar td a,
#calendar td a:link,
#calendar td a:visited,
#calendar td a:active{
  color:#ffffff;
  display:block;
  width:100%;
  height:32px;
  line-height:32px;
}

#calendar td a:hover{
  color:#ff3300;
}

/* 土曜日 */
#calendar th.sat,
#calendar td.sat{
  color:#24c8c9;
  border-right:1px solid #646464;
}

#calendar td.sat a,
#calendar td.sat a:link,
#calendar td.sat a:visited,
#calendar td.sat a:active{
  color:#24c8c9;
}

#calendar td.sat a:hover{
  color:#ff3300;
}

/* 日曜日 */
#calendar th.sun,
#calendar td.sun{
  color:#7f0e4c;
}

#calendar td.sun a,
#calendar td.sun a:link,
#calendar td.sun a:visited,
#calendar td.sun a:active{
  color:#7f0e4c;
}

#calendar td.sun a:hover{
  color:#ff3300;
}

/* 当日表示 */
#calendar td.today{
  background-color:#dd5757;
}

/* 予約一覧表示 */
#week_list{
  width:910px;
  margin:0 auto;
}

/* アイコン説明 */
#week_list ul{
  width:910px;
}

#week_list li{
  float:left;
  padding-right:20px;
}

#week_list li img{
  vertical-align:-3px;
  margin-right:3px;
}

/* 予約一覧 */
#week_list table{
  width:909px;
  margin:6px 0;
  border-top:1px solid #3c3c3c;
  border-left:1px solid #3c3c3c;
}

#week_list th{
  border-right:1px solid #3c3c3c;
  border-bottom:1px solid #3c3c3c;
  text-align:center;
  vertical-align:middle;
  padding:6px;
  color:#ebeb00;
}

#week_list td{
  border-right:1px solid #3c3c3c;
  border-bottom:1px solid #3c3c3c;
  text-align:center;
  vertical-align:middle;
  padding:6px;
}

#week_list td img{
  vertical-align:top;
}

#week_list td strong{
  font-weight:bold;
}

#week_list td.date{
  font-size:15px;
  font-weight:bold;
}

#week_list td.herf{
  color:#00e7cd;
  background-color:#002d32;
}

#week_list td.bg_black{
  background-color:#000000;
}

#week_list span{
  display:inline-block;
  width:1em;
  height:12px;
}

#week_list a{
  text-decoration:none;
}

/* アイコン用class */

/* 予約可能 */
#week_list span.m_order,
#week_list span.m_order a{
  color:#c8c8c8;
}

/* 大会・イベント */
#week_list span.m_event,
#week_list span.m_event a{
  color:#0bf000;
}

/* 個人フットサル */
#week_list span.m_single,
#week_list span.m_single a{
  color:#1ed6e1;
}

/* スクール大人 */
#week_list span.m_adult,
#week_list span.m_adult a{
  color:#f1f61e;
}

/* スクールレディース */
#week_list span.m_ladies,
#week_list span.m_ladies a{
  color:#ff43cc;
}

/* スクールJr */
#week_list span.m_junior,
#week_list span.m_junior a{
  color:#ff0000;
}

/* マッチメイク */
#week_list span.m_match,
#week_list span.m_match a{
  color:#b900ff;
}

/* 送信ボタン */
#week_list .submit{
  text-align:center;
  padding-top:30px;
}

#week_list .submit input{
  margin:0 14px;
}

/* ToolTip */
.tooltip{
  width: auto;
}

.tooltip span.top{
  padding: 18px 0 40px 20px;
  background-image: url(../reserve/images/tooptip_back.png);
  background-position: left top;
  background-repeat: no-repeat;
}

.tooltip b.bottom{
  padding: 18px 20px 40px 0;
  background-image: url(../reserve/images/tooptip_back.png);
  background-position: right top;
  background-repeat: no-repeat;
  color:#000;
}

* html .tooltip span.top{
  background-image: url(../reserve/images/tooptip_back.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

* html .tooltip b.bottom{
  background-image: url(../reserve/images/tooptip_back.gif);
  background-position: right top;
  background-repeat: no-repeat;
}