@charset "utf-8";

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　共通項目　　　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

body {
	background			:#ffffff;
	color						:#333333;
	font-family 		:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic ProN-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック", Helvetica,sans-serif;
	font-size				:14px;
	line-height			:1.6;
	text-align			:left;
}
#base {
	height					:100%;
  min-height  	  :100%;
	margin					:0;
	width						:100%;
}

/* リンク文字色 */
a {
  color           :#333333;
}

/* ａタグへの共通指定 */
a,
aside a img,
.slideBtn img,
td,
input,
textarea {
    transition    :all 0.2s linear 0s;
    -o-transition  :all 0.2s linear 0s;
    -ms-transition  :all 0.2s linear 0s;
    -moz-transition  :all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
}
a:hover,
#btnH2:hover,
.slideBtn img:hover {
	opacity			    :0.7;
}
#content {
	margin			    :40px auto 0;
	padding			    :20px 0;
	width			      :900px;
}
#main {
	margin			    :0 auto;
	width			      :840px;
}

h2 {
	border-bottom	  :2px solid #5a7f00;
	clear			      :both;
	color			      :#5a7f00;
	font-size		    :20px;
	margin			    :0 0 20px;
	padding			    :0 0 3px 15px;
	width			      :885px;
}
.reservationTable h2 {
  float           :left;
	width			      :685px;
}

h3 {
	background		  :#5a7f00;
	color			      :#ffffff;
	font-size		    :18px;
	height			    :40px;
	line-height		  :40px;
	text-align		  :center;
}



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　ナビ　　　　　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

header {
  margin          :0 auto;
  padding         :16px 10px 8px;
  width           :880px;
}

header h1 {
  height          :50px;
  width           :310px;
}
nav {
	background		  :url(../images/bg_nav.png) left top repeat-x;
	height			    :47px;
	padding			    :4px 0;
}
nav ul {
	border-left		  :1px solid #c7cacf;
	margin			    :0 auto;
	width			      :899px;
}
nav li {
	float			      :left;
	height			    :47px;
	overflow		    :hidden;
	background		  :url(../images/bg_navmenu.png) left top repeat-x;
	border-right	  :1px solid #c7cacf;
	border-left		  :1px solid #e9edf3;
	font-size		    :14px;
	font-weight		  :bold;
	line-height		  :1.2;
	width			      :auto;
}
nav li:first-child {
	width           :52px;
}
nav li#logout,
nav li#kanri {
  width           :auto;
}

nav li a {
	display         :block;
	padding         :16px 10px 8px 26px;
	height          :24px;
	background      :url(../images/icon_nav.gif) 8px 17px no-repeat;
	text-decoration :none;
	color           :#333333;
}
nav li#logout a,
nav li#kanri a {
  background      :none;
  height          :40px;
  padding         :6px 5px;
}

nav ul li a:hover {
	background      :url(../images/bg_menu_on.png) left bottom repeat-x;
	height          :23px;
}

ul.menu li span {
  font-size       :9px;
  font-weight     :normal;
}

nav ul.submenu {
  border          :#c7cacf;
  height          :47px;
  margin          :0;
  padding         :0;
  width           :auto;
}
nav ul.submenu li {
  border          :#c7cacf;
  display         :block;
  font-size       :12px;
  font-weight     :normal;
  height          :31px;
  text-align      :center;
  width           :100%;
}
nav ul.submenu li a {
  border          :#c7cacf;
  background      :none;
  /*background-color : red;*/
  height          :28px;
  line-height     :28px;
  padding         :0;
}
nav ul.submenu li a:hover {
	background      :url(../images/bg_menu_on.png) left bottom no-repeat;
	height          :28px;
  margin          :0;
  padding         :0;
}
nav ul.menu > li:hover {
  height          :auto;
}  



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　フォーム関係　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

input,
textarea,
select,
option,
button {
  font-family     :"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic ProN-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック", Helvetica,sans-serif;
}
input[type=text],
input[type=password],
select,
option,
textarea {
	/*border-color	:#808080;*/
  box-shadow      :0 1px 2px #dddddd inset;
  padding         :1px 3px;
}
textarea {
  box-shadow      :1px 1px 1px #888888 inset;
}
input[type=text],
input[type=password] {
	width			      :294px;
}
input#student_address1,
input#school_address1,
input#student_email,
input#school_email,
#tab1C textarea {
  width           :500px;
}
input[type=radio] {
	margin			    :0 3px 0 1px;
	position		    :relative;
	top				      :2px;
}
label.radio {
	margin			    :0 20px 0 0;
}
#ictMenu select {
	width			      :560px;
}

/* 生徒用メモ欄 */
#hisCenter textarea {
  height          :82px;
  line-height     :1.4;
  width           :450px;
}
/* 履歴欄 */
.innerTable textarea {
  width           :98%;
}




/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　テーブル関連　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

table {
	margin			    :0 auto 0 135px;
	width			      :540px;
}

/* 予約受付表・スクロール外枠 */
#scrollX {
	height			    :auto;
	overflow		    :scroll;
	overflow-x		  :scroll;
	overflow-y		  :hidden;
	width			      :900px;
}
th {
	background		  :#5a7f00;
	border			    :1px solid #ffffff;
	color			      :#ffffff;
	font-size		    :16px;
	height			    :20px;
	padding			    :10px 15px;
	width			      :108px;
}
td {
	border			    :1px solid #5a7f00;
	height			    :20px;
	padding			    :10px;
	width			      :378px;
}
td.none {
	border			    :none;
}
td.btn {
	padding			    :20px 0 10px;
	text-align		  :right;
}

/* 予約受付表 */
.reservationTable table {
	margin			    :15px 0 0;
	width			      :898px;

}
.reservationTable td {
	font-size		    :13px;
	padding			    :7px 10px 5px;
	text-align		  :center;
	width			      :102px;
}

.reservationTable th {
	padding			    :7px 10px 5px;
	text-align		  :center;
}
.reservationTable th p {
	font-size		    :60%;
	font-weight		  :normal;
}


table.subject_list {
  margin          :20px auto 0;
  width           :900px;
}
.studentList table.subject_list {
  margin-top      :0;
}

.subject_list th {
  background      :#dae6a8;
  border          :1px solid #5a7f00;
  color           :#5a7f00;
  font-size       :13px;
  font-weight     :normal;
  padding         :10px 5px;
  text-align      :center;
  width           :80px;
}
.subject_list th#title {
  background      :#5a7f00;
  color           :#ffffff;
  font-size       :16px;
  font-weight     :bold;
  padding         :7px 5px;
}
.subject_list th:not(#title) {
  padding         :5px 0;
}



.studentTable th.grey_th,
#firstschool_table th.grey_th {
  font-size       :14px;
  font-weight     :normal;
}

.subject_list td {
  padding         :5px 8px;
  /*width           :84px;*/
}
.studentList .subject_list th#title {
  font-size       :15px;
  font-weight     :normal;
  padding         :3px 0;
}
.studentList .subject_list td {
  font-size       :12px;
  padding         :5px 3px;
}






.subject_list td.sub_id {
  background      :#C3FA8C;
  padding         :5px 3px;
  text-align      :right;
  width           :40px;
}
/* ｔｄ「会員名」 */
.subject_list td.sub_name {
  width           :110px;
}
/* ｔｄ「チケット」・「月謝」 */
.subject_list td.sub_type {
  width           :60px;
}
/* ｔｈ「受講期限」 */
.subject_list th.sub_limit {
  width           :70px;
}
/* ｔｄ「現在予約している数」 */
.subject_list td.sub_now {
  text-align      :right;
  width           :20px;
}
/* ｔｄ「予約可能な回数」 */
.subject_list td.sub_possible {
  text-align      :right;
  width           :49px;
}

/* ｔｄ「編集」ボタンエリア */
.subject_list td.sub_btn {
  padding         :5px 2px;
  text-align      :center;
}


#tab1C table th {
  font-size       :14px;
  font-weight     :normal;
  padding         :5px;
  width           :150px;
}
#tab1C table td {
  padding         :5px 5px 5px 10px;
  width           :735px;
}
#tab1C table td.radio_area {
  padding         :10px 5px 9px 10px;
}
#tab1C table td.radio_area label {
  margin-right    :20px;
}
#tab1C table td p {
  margin-left     :0;
}

#tab2C table th,
#tab3C table th {
  font-size       :14px;
  font-weight     :normal;
  width           :150px;
}
#tab2C table td {
  padding         :7px 14px 7px 15px;
  width           :220px;
}
#tab2C table td select {
  padding         :0 11px;
}
/* 個人別予約一覧タブ */
#tab3C h2 {
  margin          :30px 0 15px;
}
#tab3C h2 span {
  display:inline-block;
  float:right;
  font-size:14px;
  font-weight:normal;
  line-height:41px;
}



#status {
	border-right	  :1px solid #5a7f00;
	bottom			    :0;
	position		    :absolute;
	right			      :0;
}

.statusEach {
	border			    :1px solid #5a7f00;
	border-right	  :none;
	float			      :left;
	height			    :110px;
	padding			    :0;
	text-align		  :center;
	width			      :110px;
}

.st_title {
	background		  :#5a7f00;
	color			      :#ffffff;
	margin			    :0 auto 5px;
}

.statusEach:first-child .st_title {
	border-right	  :1px solid #ffffff;
}

.st_rate span {
	font-size		    :150%;
	font-weight		  :bold;
}

/* 予約受付表（タイトル部分） */
.reservationTable th.title,
.reservationTable td.title {
	height			    :50px;
	padding			    :0 0 5px;
	vertical-align	:top;
}

.reservationTable td.title {
	background		  :#f0f0f0;
}

td.title .relative {
  position		    :relative;
}

td.title div.pcName {
	background		  :#5a7f00;
	color			      :#ffffff;
	position		    :absolute;
	top				      :0;
	left			      :0;
	width			      :100%;
}

td.title ul {
	margin-top		  :25px;
}

td.title li {
	font-size		    :10px;
	line-height		  :1.2;
	padding			    :0 0 0 3px;
	text-align		  :left;
}

td.title li.os {
	color			      :#5a7f00;
	font-size		    :11px;
	padding-bottom	:2px;
	text-decoration	:underline;
}

/* 予約受付表（詳細へのリンクｂｌｏｃｋ） */
.reservationTable td a {
	display			    :block;
	text-decoration	:none;
}

.reservationTable td span {
	border				  :#888888;
	border-radius	  :3px;
	display				  :block;
	font-size			  :10px;
	margin				  :3px auto 0;
	width					  :81px;
}
.reservationTable td span.ticket	     { background:#acd164;}
.reservationTable td span.monthly      { background:#94c7ff;}
.reservationTable td span.experience   { background:#ffc700;}
.reservationTable td span.not_booking  { background:#d3d3d3;}

/* 予約受付表・ｔｄへのｈｏｖｅｒ設定 */
.reservationTable td:hover {
	background		  :#f4fdde;
}
.reservationTable td.title:hover {
	background		  :#f0f0f0;
}

/* 予約受付表・休憩時間帯域 */
th.rest {
	height			    :auto;
	padding			    :0 15px;
}

td.rest {
	background		  :#e4fda8;
	height			    :5px;
	padding			    :0;
}

td.rest:hover {
	background		  :#e4fda8;
}

.reservationTable td select {
	width			      :100%;
}






td.slideBtn {
  padding-left    :15px;
  padding-right   :15px;
}
.slideBtn img {
  cursor          :pointer;
  display         :block;
  margin          :0 auto;
}


/* 履歴テーブルのあるｔｄ */
td.innerTableTd {
  padding         :0 !important;
}

/* 履歴テーブル */
.history table {
  margin          :0;
  width           :100%;
}
.history table th {
  padding         :7px 15px;
}

/* 履歴毎のテーブル */
.history .innerTable table {
  margin-bottom   :20px;
  margin-left     :5%;
  width           :95%;
}
.history .innerTableTd th {
  background      :#dae6a8;
  border          :1px solid #5a7f00;
  border-right    :none;
  color           :#333333;
  font-size       :14px;
  font-weight     :normal;
  padding         :2px 15px;
}
.history .innerTableTd td {
  border-right    :none;
  border-top      :none;
}
.history .innerTable td:not(.zero) {
  padding         :3px 14px 3px 15px;
}


.softTitle > td {
  background      :#f8fced;
  padding         :5px 15px;
}


.reseaveList td:not(.zero) {
  padding         :5px 5px;
}
.reseaveList table th {
  padding         :7px 3px;
}
.reseaveList th select {
  font-size       :13px;
  width           :100%;
}

.reseaveList td span {
  font-size       :12px;
}


#studentCalender {
  font-size       :13px;
  padding         :0 0 30px;
  width           :100%;
}

/* 予約一覧テーブル */
#studentCalender th {
  padding         :3px 15px;
}
.blockBooking #studentCalender th {
  text-align      :center;
}

#studentCalender td {
  padding         :3px;
}
.blockBooking #studentCalender td {
  padding         :10px 7px;
}

#studentCalender td.calMonth {
  border          :none;
  color           :#5a7f00;
  font-size       :16px;
  font-weight     :bold;
  text-align      :center;
}
.blockBooking #studentCalender td.calMonth {
  font-size       :26px;
}

#studentCalender td.defo {
  background      :#f8fced;
}
#studentCalender td p {
  font-size       :16px;
  font-weight     :bold;
  height          :22px;
  line-height     :22px;
  margin          :0;
  padding         :0 3px;
  text-align      :right;
  vertical-align  :top;
}
.blockBooking #studentCalender td p {
  float           :right;
  font-size       :22px;
  margin-bottom   :7px;
}

#studentCalender td div {
  height          :36px;
  line-height     :1.4;
  text-align      :right;
}
.blockBooking #studentCalender td div {
  clear           :both;
  font-size       :16px;
  height          :20px;
}













/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　その他　　　　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

#ictMenu {
	margin			    :0 auto 20px 30px;
}

.menuBlock {
	border			    :1px solid #5a7f00;
	float			      :left;
	height			    :390px;
	margin			    :0 15px 0 0;
	width			      :270px;
}
.menuBlock ul {
	padding			    :29px;
}
.menuBlock li {
	font-size		    :16px;
	margin			    :0 0 15px;
}
.menuBlock li.select {
	margin-bottom	  :5px;
}
.menuBlock li a,
.menuBlock li a:visited {
	color			      :#5a7f00;
}

/* 予約受付表上部（カレンダー部分 */
#calender {
	display			    :inline-block;
	margin			    :0 0 0 15px;
	width			      :185px;
}

/* 予約受付表・カレンダーの左側 */
#nemuLeft {
	display			    :inline-block;
	height			    :170px;
	position		    :relative;
	width			      :700px;
}
#time {
	bottom			    :0;
	font-size		    :18px;
	left			      :15px;
	position		    :absolute;
}

/* カレンダー表示ｂｌｏｃｋ */
#result {
  z-index         :999;
}

.reservationTable #result table {
  margin          :0;
  width           :100%;
}

th#month {
  font-size       :11px;
  font-weight     :normal;
  padding         :5px 2px;
}
th#month button {
  font-size       :11px;
  padding         :0 5px;
  width           :auto;
}


label.checkboxBlock {
  display         :block;
  float           :left;
  margin          :0 0 5px 0;
  width           :174px;
}
#course_list label.checkboxBlock {
  width           :348px;
}

ul.viewlist {
  margin          :20px 0;
}
ul.viewlist li {
  border-bottom   :1px solid #888888;
  font-size       :13px;
}
ul.viewlist li#listTitle {
  background      :#DAE6A8;
  border          :1px solid #5A7F00;
  font-size       :14px;
  padding         :5px 15px;
  margin-top      :5px;
}
ul.viewlist li span {
  display         :inline-block;
  margin          :0 10px 0 0;
  padding         :5px 15px 0 24px;
  width           :100px;
}



.menuLink {
  clear           :both;
  height          :25px;
  margin          :10px 0 0 auto;
}

.menuLink a {
  float           :right;
  text-align      :right;
}

.notice {
    color         :red;
}



/* 切り替えタブ */
#tabs,
.tabs {
  border-bottom   :3px solid #5a7f00;
  height          :38px;
  margin          :30px 0 10px;
  padding-right   :2px;
  width           :100%;
}









/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　履歴　　　　　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

.history {
  height          :auto;
  margin          :0 auto 30px;
  width           :870px;
}
.history.memo {
  height          :90px;
}








#hisLeft {
  background      :#f8fced;
  border          :1px solid #5a7f00;
  float           :left;
  height          :68px;
  padding         :10px 5px;
  width           :230px;
}
#hisLeft label {
  display         :block;
  float           :left;
  margin          :0 10px;
}
#hisLeft > div {
  clear           :both;
  margin          :0 auto;
  padding         :10px 0 0;
  width           :220px;
}
#hisLeft > div select {
  width           :31%;
}

#hisCenter {
  float           :left;
  height          :90px;
  padding         :0 15px;
  width           :458px;
}

#hisRight {
  float           :right;
  height          :30px;
  line-height     :70px;
  padding         :30px 0;
  width           :140px;
}


/* キャンセルボタンｚｏｎｅ */
.search_content td div {
  margin          :0 auto;
  width           :300px;
}
.search_content td div a {
  text-decoration :none;
  width           :140px;
}
.search_content td div img {
  display         :block;
  float           :left;
  margin          :0 5px;
}








table#calenderLeft,
table#calenderRight {
  width           :441px;
}

table#calenderLeft {
  float           :left;
}

table#calenderRight {
  float           :right;
}


#pagenate {
  clear           :both;
  height          :20px;
  padding         :20px 0;
}

#pnLeft {
  float           :left;
}
#pnRight {
  float           :right;
}











.blockBooking table {
  margin          :0 auto;
  width           :100%;
}
.blockBooking table#list {
  margin          :10px 0;
}

.blockBooking th {
  height          :20px;
  line-height     :20px;
}
.blockBooking td {
  height          :20px;
  line-height     :20px;
}

.blockBooking td input {
  margin          :0 10px 0 0;
  vertical-align  :middle;
}


#nitiji {
  padding         :20px 140px 20px 140px;
}
#nitiji select {
  margin          :0 10px 0 0;
}
#nitiji input[type=image] {
  float           :right;
  margin          :0 0 0 10px;
}



#studentCalender td span {
  background      :rgba(255,255,255,0.6);
  border          :1px solid #ff0000;
  border-radius   :3px;
  color           :#ff0000;
  float           :left;
  font-weight     :bold;
  margin          :0;
  text-align      :center;
  width           :70px;
}




table.studentTable {
  margin          :0 auto;
  width           :100%;
}











/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
/* 　50音検索部分　　　　　　　　　　　　　　 */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

/* ”50音で検索” */
p#gojuon {
  cursor          :pointer;
  display         :inline;
  padding         :0;
  text-decoration :underline;
}


.search_content{
  width: 540px;
  margin: 7px auto;
  margin-top: 5px;
}
.search_left{
  float:left; width:60%;
}
.search_right{
  float:left; width:40%; text-align:right;
}
.search_kana{
  float:left; width:98%;
  padding:5px;
  border:1px solid #AAAAAA;
  margin:0;
}
.kana_col{
  width:40px;
  float:left;
  margin:10px 6px;
  text-align:center;
  font-size:18px; !important
  font-weight:bold;
}
.jap_chars{
  width:40px;
  float:left;
  border:1px solid #AAAAAA;
  margin:1px;
}
.jap_chars:hover{
  color:#fff;
  cursor:pointer;
  background:#ccc;
}





.closeArea:nth-of-type(1) {
  height          :235px;
}
.closeArea:nth-of-type(2) {
  height          :50px;
}



h2#btnH2 {
  background      :#5a7f00;
  border          :none;
  border-radius   :6px;
  clear           :both;
  color           :#ffffff;
  cursor          :pointer;
  font-size       :16px;
  font-weight     :normal;
  margin          :7px auto 0;
  padding         :5px 0;
  text-align      :center;
  width           :540px;
}

#detailSearch {
  clear           :both;
  margin          :20px auto 0;
}
#detailSearch li {
  height          :32px;
  line-height     :32px;
}
#detailSearch li span {
  display         :inline-block;
  width           :100px;
}
#detailSearch li label {
  margin-right    :10px;
}
#searchBtn input {
  display         :block;
  margin          :15px auto 23px;
}





/* テーブル調整用 */
td.zero {
  border          :none;
  height          :1px !important;
  margin          :0;
  padding         :0 !important;
}
td.tbl_63px { width:63px !important }
td.tbl_14_28{ width:14.28% !important }
td.tbl_1_7{ width:14.28% !important }
td.tbl_02 { width:2%  !important }
td.tbl_04 { width:4%  !important }
td.tbl_06 { width:6%  !important }
td.tbl_08 { width:8%  !important }
td.tbl_10 { width:10% !important }
td.tbl_12 { width:12% !important }
td.tbl_14 { width:14% !important }
td.tbl_15 { width:14.6% !important }
td.tbl_16 { width:16% !important }
td.tbl_18 { width:18% !important }
td.tbl_19 { width:19.4% !important }
td.tbl_20 { width:20% !important }
td.tbl_22 { width:22% !important }
td.tbl_24 { width:24% !important }
td.tbl_26 { width:26% !important }
td.tbl_28 { width:28% !important }
td.tbl_30 { width:30% !important }
td.tbl_32 { width:32% !important }
td.tbl_34 { width:34% !important }
td.tbl_36 { width:36% !important }
td.tbl_38 { width:38% !important }
td.tbl_40 { width:40% !important }
td.tbl_44 { width:44% !important }
td.tbl_46 { width:46% !important }
td.tbl_62 { width:62% !important }
td.tbl_66 { width:66% !important }
td.tbl_right { text-align:right !important }
td.studentName { padding:5px 0 5px 3px !important }
td.memo { font-size:12px; padding:5px 2px !important }