body {
background-color:#f8f8f8;
margin:0;
padding:0;
font-family: Helvetica , "游ゴシック", sans-serif;
}
#outer-wide {
background-color:#fff;
margin:0 auto;
width:1500px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#content-wide {
float:right;
width:1200px;
}
#outer {
background-color:#fff;
margin:0 auto;
width:1200px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#content {
float:right;
width:900px;
}
#outer-popup {
background-color:#fff;
margin:0 auto;
width:550px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#content-popup {
padding-left:10px;
float:right;
width:550px;
}
.inner-popup {
margin:0 20px 0 20px;
padding:0;
}
#header {
height:80px;
}
.header-inner {
padding:15px 0 0 20px;
font-size:12px;
}
.header-inner p{
font-size:12px;
}
h1 {
font-weight:bold;
color:#357109;
font-size:16px;
margin:0;
padding:7px 0 0 0;
}
h1 a{
font-weight:bold;
color:#357109;
text-decoration:none;
}
h1 a:hover{
text-decoration:underline;
}
h2 {
font-size:16px;
margin:0;
padding:7px 0 7px 7px;
background-color:#D6E7EE;
}
h2 a{
font-weight:bold;
text-decoration: none;
color:#265699;
}
p {
margin:1em 0;
font-size:15px;
line-height:150%;
}
img {
border:0;
}
a{
color:#094a94;
}

.inner {
margin:0 20px 0 0;
padding:0;
}
#left {
color:#676767;
font-size:13px;
width:300px;
float:left;
}
.left-title {
margin:0 15px 0 20px;
padding:7px 20px;
font-weight:bold;
background-color:#E3E3E3;
color:#333;
border-top: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
}
.link {
margin:0 15px 7px 20px;
padding:7px 8px 7px 13px;
line-height:170%;
border: 1px solid #c7c7c7;
}
.link a{
color:#094a94;
text-decoration:none;
}
.link a:hover{
text-decoration:underline;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:disc;
}
#footer {
text-align:center;
color:#666;
font-size:12px;
height:70px;
padding-top:10px;
clear:both;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}

.center{
	text-align:center;
}
/*テーブル（全般）設定
---------------------------------------------------------------------------*/
table {
	table-layout:fixed;
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
	margin-bottom: 0px;
	margin-right: 0px;
}
table th {
	border: solid 1px #ccc;
	text-align: center;
	padding:10px;
	background: #f0f0f0;
}
table tr, table td {
	border: solid 1px #ccc;
	padding:5px 5px;
	line-height: 100%;
	text-align:center;
}
table tfoot td{
	text-align:right;
	background:#ffdd88;
  	border-top: double;
}
tr:nth-of-type(even){
  background: #f0f0f0;
}
tbody tr:first-child{
	 /* border-top: double; */
}
.no_padding{
	padding:0;
}
.no_double{
	border-top: 1px solid #ccc;
}
/*セレクトボックス設定
----------------------------------------------------- */
.select_std{
	border: 1px solid #888;
	font-size: 15px;
}
/*スパン設定
----------------------------------------------------- */
.span_long{
	display: inline-block;
	width: 250px;
}
.span_std{
	display: inline-block;
	width: 200px;
}
.span_middle{
	display: inline-block;
	width: 150px;
}
.span_short{
	display: inline-block;
	width: 100px;
}
.text-right{
	text-align: right;
}
/*input設定
----------------------------------------------------- */
.input_std{
	font-size:14px;
	height:25px;
	width:150px;
}
.input_short{
	font-size:14px;
	height:25px;
	width:50px;
}
.input_syoukei{
	font-size:14px;
	height:25px;
	width:100px;
}
.input_yuubin{
	font-size:14px;
	height:25px;
	width:80px;
}
.input_long{
	font-size:14px;
	height:25px;
	width:300px;
}
.input_longest{
	font-size:14px;
	height:25px;
	width:500px;
}
/*送信ボタン設定
----------------------------------------------------- */
 .btn-border {
   display: inline-block;
   background-color:#E3E3E3;
   max-width: 180px;
   text-align: right;
   border: 2px solid #D3D3D3;
   font-size: 100%;
   color: #222;
   text-decoration: none;
   padding: 5px 10px;
   border-radius: 4px;
   transition: .4s;
   margin-left: 20px;
 }

 .btn-border-margin{
 	margin: 10px 0 10px 0;
 }
 .btn-border-margin-center{
 	margin: 0 10px 0 10px;
 }
 .btn-border:hover {
   background-color: #fff;
   border-color: #D3D3D3;
   color: #222;
 }
 .btn-border:disabled {
  color: #aaa;
  background: #eee;
}
 .right{
   text-align: right;
   width: 500px;
 }
/* スクール情報
-------------------------------------------------- */
.school_jouhou_span{
	display: inline-block;
	width: 200px;
}
/* 周期設定
-------------------------------------------------- */
.border_div{
	padding: 5px;
	border: 1px solid #000;
}
/* 周期スケジュール設定
-------------------------------------------------- */
.button_touroku{
	display: inline-block;
	margin:0;
	text-align:right;
}
.syuki_schedule_table{
	margin-top:0;
}
.sun{
	color: #ff0000;
}
.sat{
	color: #0000ff;
}
/* コース設定情報
-------------------------------------------------- */
.left{
	text-align:left;
}
/* 時間割
-------------------------------------------------- */
#outer_jikanwari {
background-color:#fff;
margin:0 auto;
width:2800px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#content_jikanwari {
float:right;
width:2500px;
}
.font-s{
	font-size: 13px;
}
.valign-top{
	vertical-align: top;
}
.background_grey{
	background: #eee;
}
.background_white{
	background: #fff;
}
/* レッスン情報
-------------------------------------------------- */
.lesson_jigen_td{
	height: 30px;
	width: 40px;
	vertical-align: middle;
	background: #eee;
}
.lesson_jigen_td_selected{
	height: 30px;
	width: 40px;
	vertical-align: middle;
	background: #00ff00;
}
.lesson_td{
	vertical-align:middle;
	padding: 0;
	line-height: 1.2em;
}
.lesson_td a{
	font-weight: 300;
}
.syusseki a{
	font-weight: 700;
}
.mudan_kesseki a{
	font-weight: 700;
	color: #ff0000;
}
.syukudai_h2{
	margin:10px 0 10px 0;
}
.syukudai_h3{
	font-size:15px;
}
.lesson_p{
	margin: 0;
	padding: 5px;
}
.minyukin {
	margin: 4px;
	border: dashed 2px #ff0000;
}
.midoku_bikou_juyou1_bd1_kaikin1 {
  box-shadow:
  	0 0 0 2px #0000ff inset,
    0 0 0 4px #00ff00 inset,
    0 0 0 6px #FDBAF9 inset;
}
.midoku_bikou_juyou1_bd1_kaikin0 {
  box-shadow:
  	0 0 0 2px #0000ff inset,
    0 0 0 4px #00ff00 inset;
}
.midoku_bikou_juyou1_bd0_kaikin1 {
  box-shadow:
  	0 0 0 2px #0000ff inset,
    0 0 0 4px #FDBAF9 inset;
}
.midoku_bikou_juyou0_bd1_kaikin1 {
  box-shadow:
  	0 0 0 2px #00ff00 inset,
    0 0 0 4px #FDBAF9 inset;
}
.midoku_bikou_juyou1_bd0_kaikin0 {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #0000ff;
}
.midoku_bikou_juyou0_bd1_kaikin0 {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #00ff00;
}
.midoku_bikou_juyou0_bd0_kaikin1 {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #FDBAF9;
}


/* ツールチップ */
.tooltips {
  position:relative;
}

.hukidashi {
  position: absolute;
  top: 2.0em;
  left: -1.0em;
  z-index: 9999;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  background: #c72439;
  border-radius: 0.5em;
  width: 150px;
}
.hukidashi:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #c72439;
}

/* 振替予約
-------------------------------------------------- */
.hurikae_p{
	margin:0;
}
/* 追加予約
-------------------------------------------------- */
.tsuika_p{
	margin:0;
}
/* 各種届
-------------------------------------------------- */
.todoke_p{
	margin:0 0 10px 0;
}
/* 金融機関検索
-------------------------------------------------- */
.ginko-btn{
	width: 100px;
	text-align:center;
}
.btn-50{
   display: inline-block;
   background-color:#E3E3E3;
   width: 30px;
   height: 30px;
   text-align: center;
   vertical-align: middle;
   border: 2px solid #D3D3D3;
   font-size: 100%;
   color: #222;
   text-decoration: none;
   padding: 9px 5px 2px 5px;
   border-radius: 4px;
   transition: .4s;
   margin-right: 1px;
   margin-bottom: 1px;
}
.kanaList{
	margin-top: 10px;
}
.square{
	border: 1px solid #000000;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}
/* 引き落としテーブル
-------------------------------------------------- */
.td-left{
	text-align:left;
}
.td-right{
	text-align:right;
}
.td-center{
	padding:0 auto;
}
.span-center{
	display:inline-block;
	width:100px;
	text-align:center;
}
.span-koron{
	display:inline-block;
	width:20px;
	text-align:center;
}
.span-right{
	display:inline-block;
	width:50px;
	text-align:right;
}
/* レジ
-------------------------------------------------- */
.span-regi-title{
	display:inline-block;
	width:100px;
	text-align:right;
}
.regi_title{
	vertical-align:middle;
}
.syo_bunrui{
	vertical-align:middle;
	height: 25px;
}
/* レジ　商品設定
-------------------------------------------------- */
.toggle {
    display: none;
}
.show {
    display: table-row;
}

/* コート管理
-------------------------------------------------- */
.th_court{
	width:60px;
}
.td_court{
	text-align:left;
	vertical-align:top;
	width: 60px;
	height:53px;
	position: relative;
}
.td_court_name{
	position: absolute;
	top: 50%;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.court_jouhou_square{
	height:48px;
	border:solid 1px #000000;
	text-align:center;
	position:absolute;
	z-index: 1;
	vertical-align:middle;
}
.court_jouhou_span{
	position:absolute;
	top: 50%;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 75%;
}
.lesson_color{
	background-color: #e6e6fa;
}
.event_color{
	background-color: #7fffd4;
}
.rental_color{
	background-color: #ffe6ea;
}

/* 休校日 テスト期間用
-------------------------------------------------- */
.calendar_p{
	width: 100px;
	padding: 3px;
	padding-left: 10px;
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 5px;
	text-align: left;
	color: white;
	overflow: visible;
	white-space: nowrap
}
.calendar_kikan_start_p{
	width: 109px;
	padding: 3px;
	padding-left: 10px;
	margin-left: 2px;
	margin-right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: left;
	color: white;
	overflow: visible;
	white-space: nowrap;
	z-index:3;
}
.calendar_kikan_p{
	width: 114px;
	margin-left:0;
	margin-right:0;
	padding: 3px;
	padding-left: 12px;
	text-align: left;
	color: white;
	left: -6px;
	overflow: visible;
	white-space: nowrap;
	z-index:2;
}
.calendar_kikan_p_mon{
	width: 114px;
	margin-left:0;
	margin-right:0;
	padding: 3px;
	padding-left: 12px;
	text-align: left;
	color: white;
	left: -6px;
	overflow: visible;
	white-space: nowrap;
	z-index:3;
}
.calendar_kikan_end_p{
	width: 110px;
	padding: 3px;
	padding-left: 10px;
	margin-left: 0;
	margin-right: 2px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	left: -6px;
	overflow: visible;
	white-space: nowrap;
	z-index:1;
}