@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}


/* ---------------------------------------------------------------------
 body
--------------------------------------------------------------------- */
html{
  min-height: 100%;
  position: relative;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
　color: #656565;
  font-size:16px;
  padding-bottom: 380px; /* footerのsizeと対応 */

}

a {
  color: #ffae00;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* PC用表示の要素 */
.pc_display{
	display:none;
}

/* mobile用表示の要素
.mobile_display{
	display:none;
}
*/


/* ---------------------------------------------------------------------
 ボタン
--------------------------------------------------------------------- */

/* ----------------------------------- 青ボタン */
.button_blue{
	margin: 5px 30px;
}

.button_blue a {
	//width:100%;
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #00afec;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-decoration:none;
	padding :20px;

  border-radius: 5px;/* CSS3草案 */
  -webkit-border-radius: 5px;/* Safari,Google Chrome用 */
  -moz-border-radius: 5px;/* Firefox用 */

}
/* マウスオーバーカラー */
.button_blue a:hover {
	background: #77CEED;
}

/* ボタン装飾 */
.RadiusBlue a:before { /*白い丸 */
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%; /* CSS3草案 */
    -webkit-border-radius: 50%; /* Safari,Google Chrome用 */
    -moz-border-radius: 50%; /* Firefox用 */
	background: #fff;
}
.RadiusBlue a:after { /*「after要素」で三角 */
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent; /*top right bottom を透明化 */
	border-left: 5px solid #00afec;
}


/* ----------------------------------- オレンジボタン */
.button_orange{
	margin: 5px 30px;
}

.button_orange a {
	//width:100%;
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #ffae00;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-decoration:none;
	padding :20px;

  border-radius: 5px;/* CSS3草案 */
  -webkit-border-radius: 5px;/* Safari,Google Chrome用 */
  -moz-border-radius: 5px;/* Firefox用 */

}
/* マウスオーバーカラー */
.button_orange a:hover {
	background: #ffbe32;
}

/* ボタン装飾 */
.RadiusOrange a:before { /*白い丸 */
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%; /* CSS3草案 */
    -webkit-border-radius: 50%; /* Safari,Google Chrome用 */
    -moz-border-radius: 50%; /* Firefox用 */
	background: #fff;
}
.RadiusOrange a:after { /*「after要素」で三角 */
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent; /*top right bottom を透明化 */
	border-left: 5px solid #ffae00;
}


/* ---------------------------------------------------------------------
 見出し設定
--------------------------------------------------------------------- */

h1{
  font-size:22px ;
  font-weight: bold;
  color: #00afec;
  padding: 10px 0px;
}

h1.kanryo{
  color: #ffae00;
}

h2 {
  padding-top: 35px;
  font-size: 20px;
  color: #656565;
}

/* ---------------------------------------------------------------------
 login ヘッダ
--------------------------------------------------------------------- */
/* Global Header */
.headerinner_login_mobile a{
    display: table;
    height:60px;
    width: 100%;

    color: #FFFFFF;
    font-size: 20px;
    text-decoration: none;
}

.headerinner_login_mobile_text{
    background-color: #00a0e9;
    display:table-cell;
    text-align: center;
    vertical-align: middle;
}

.headerinner_TISLINKtable{
    margin-top: 10px;
    width: 100%;
}

.headerinner_TISLINKtable td{
    text-align: center;
}

/* ---------------------------------------------------------------------
 footer
--------------------------------------------------------------------- */

#footer{
  bottom: 0px;
  height: 230px;
  width: 100%;
  position: absolute;
  font-size: 14px;
  text-align: left;
  background-color: #00a0e9;
  color: #FFFFFF;
}

#footer .footerinner {
  margin: 0 auto;
  padding: 20px;
}


/* ---------------------------------------------------------------------
 login footer tokyoISlogo
--------------------------------------------------------------------- */

.footer_mobile{
  text-align: center;
}

.footer_TISLINKtable{
  position: absolute;
  bottom:240px;
  width: 100%;

}

.footer_TISLINKtable a{
  margin: 10px;
}


/* ---------------------------------------------------------------------
 login ページ
--------------------------------------------------------------------- */

#login{
  text-align: left;
  padding: 10px 20px;
  margin: 20px 0px 50px 0px;
  background-color: #F5F5F5;
  color: #656565;
  line-height: 1.5;
  border-top: #ababab 1px solid;
  border-bottom: #ababab 1px solid;
}

#login h1{
      text-align: center;
}

#login .sectionHeader p.kakomi
{
  color: #00afec;
  border: solid 1px #00afec;
  display: inline-block;
  padding: 4px 7px;
}

#login .errorBlock {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  background: #fff5f5;
  font-size: 16px;
  line-height: 1.5;
  color: red;
  border: 1px solid red;
}

#login .sectionForm table{
  margin: auto;
}

#login .sectionForm table td{
  width: 100%;
  display: block;
  text-align: center;
}

#login .sectionForm table th{
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

#login .sectionForm table td p{
  text-align: left;
  margin-left: 20px;
}

#login .sectionForm table ｐ{
  text-align: left;
}

#login .sectionForm table td ul li {
  display: inline-block;
  vertical-align: middle;
}

/* 姓名入力欄 */
#login .sectionForm table td .name {
margin-bottom: 5px;
width: 35%;
height: 30px;
ime-mode: active;
}

/* 氏名入力欄 */
#login .sectionForm table td .shimei {
  margin-bottom: 5px;
  width: 300px;
  height: 30px;
  ime-mode: active;
}

/* メールアドレス入力欄 */
#login .sectionForm table td .mail {
margin-bottom: 5px;
width: 300px;
height: 30px;
  ime-mode: disabled;
}

/* パスワード入力欄 */
#login .sectionForm table td .password {
margin-bottom: 5px;
width: 300px;
height: 30px;
  ime-mode: disabled;
}

/* 電話番号入力欄 */
#login .sectionForm table td .tel {
  margin-bottom: 5pFx;
  width: 300px;
  height: 30px;
  ime-mode: disabled;
}

/* はじめて利用される方はこちらボタン */
.container_login .button_orange{
  margin-top: 20px;
  font-weight: bold;
}

.container_login .button_orange a{
  font-size: 18px;
  line-height: 22px;
}

/* ログインボタン */
#login .button_blue{
  margin-top: 20px;
}

#mainContent .explain{
  padding-top: 20px;
  margin-bottom: 10px;
}

/* ---------------------------------------------------------------------
 トップへ戻るアイコン
--------------------------------------------------------------------- */
/*トップへ戻るボタン*/
.topBtnMobile {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:10px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(173,204,0,0.7); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
  z-index: 8999;
}
.topBtnMobile:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtnMobile:hover {
  opacity:1.0;
}
/* ---------------------------------------------------------------------
 ハンバーガーメニュー
--------------------------------------------------------------------- */

#menuHeader{
	position: relative;

}

#openMenu{
	position:absolute;
	top: -60px;
	right: 0;
  display: block;
  width: 60px;
  height: 52px;
  padding-top: 8px;
  background-color: #ADCC00;
  color: white;
  text-align: center;


  border-left: solid 1px #fff;
}

#openMenu span {
  display: inline-block;
  height: 4px;
  width: 24px;
  background-color:#fff;
  margin: 2px 6px;
  border-radius: 2px;
}

#layerMenu{
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	font-size: 12px;
	z-index:9999;
}

#menuBGC{
  display: none;
  background-color: #fff;
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.7;
  z-index:9998;

}

.closeMenu {
  background-color: #00AFEC;
  color: #fff;
}


#layerMenu ul{
	border-top: solid 1px #00AFEC;
}

#layerMenu ul li{
	background: #daf2f9;
	list-style: none;
	border-bottom: solid 1px #00AFEC;
}

#layerMenu ul li a{
	position: relative;
  font-size: 22px;
	padding-top: 15px;
  padding-bottom: 10px;
	text-decoration: none;
	color: #00AFEC;
	display: block;
  text-align: center;
  line-height: 18px;


}
#layerMenu ul li span{
  font-size: 14px;

}

#layerMenu ul li .closeMenu{
  padding-bottom: 18px;
  text-align: right;
}

#layerMenu ul li .closeMenu span {
  color: #fff;
  padding-right: 20px;
  font-size: 40px;
}

#layerMenu ul li .closeTxt{
  padding-bottom: 18px;
  background-color: #00AFEC;
}

#layerMenu ul li .closeTxt span{
  color: #fff;
  font-size: 15px;
}


/* ---------------------------------------------------------------------
 ログイン後ヘッダ
--------------------------------------------------------------------- */

.mobileSeitoInfo{
  width : 100%;
  text-align: center;
  padding:10px 20px;
  line-height: 16px;
  color: #656565;
}

/* ---------------------------------------------------------------------
 ログイン後トップ
--------------------------------------------------------------------- */

.sectionReport{
  padding-top: 10px;

}

.sectionReport .button_blue{
  font-size: 16px;
}

.sectionReport .button_blue a{
  padding: 15px;
  font-size: 16px;
}

.sectionReport .button_blue span{
  font-size: 14px;
}

/* ---------------------------------------------------------------------
 ログイン中ページ共通
--------------------------------------------------------------------- */

/* ページタイトルと検索欄・セレクタ */
#mobilePageHeader {
  text-align: center;
  margin-bottom: 20px;
  background-color: #F5F5F5;
  color: #656565;
  line-height: 1.5;
  border-top: #ababab 1px solid;
  border-bottom: #ababab 1px solid;

}


/* ---------------------------------------------------------------------
 ご請求内容確認、領収書確認
--------------------------------------------------------------------- */

/* ご請求内容確認：Billing Confirmation */
#billing {
  padding-bottom: 40px;
  /* プルダウンメニュー　カスタマイズ設定 */
  /* カテゴリ */
}

#billingMobile{
  margin: 0px 20px;
  color: #656565;
}

#billing ul {
  padding-bottom: 20px;
}
#billing .select01 .easy-select-box {
  position: relative;
  display: inline-block;
  background: white;
  border: 1px solid #656565;
  text-align: left;
  font-size: 17px;
  color: #656565;
  z-index: 800;
  width: 270px !important;
}
#billing .select01 .easy-select-box:hover .esb-displayer {
  text-decoration: none;
}
#billing .select01 .easy-select-box .esb-displayer {
  background: url(../images/btn_select_arrow.png) no-repeat 245px 7px;
  color: #656565;
  cursor: default;
  height: 33px;
  line-height: 33px;
  padding: 0 13px;
  text-indent: 5px;
  width: 244px;
  cursor: pointer;
}
#billing .select01 .easy-select-box .esb-dropdown {
  background: white;
  border: 1px solid #656565;
  display: none;
  max-height: 410px;
  overflow: auto;
  position: absolute;
  margin-left: -1px;
  z-index: 999;
  width: 270px !important;
}
#billing .select01 .easy-select-box .esb-item {
  padding: 8px 13px;
  text-indent: 5px;
  background: white;
  color: #656565;
  cursor: pointer;
}
#billing .select01 .easy-select-box .esb-item:hover {
  background: #656565;
  color: white;
  text-decoration: none;
}
#billing .select01 .easy-select-box.disabled .esb-displayer,
#billing .select01 .easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px;
}

/* 請求書 */

#billing dl {
  margin-top: 35px;
  padding-bottom: 30px;
}
#billing dl dt {
  font-size: 20px;
  color: #656565;
}
#billing dl dd {
  padding-top: 30px;
  font-size: 17px;
  color: #656565;
  line-height: 1.5;
}

.sectionBill{
  display: block;
	text-align:center;
	background: #00afec;
	color: #fff;
  height: 60px;
  padding: 10px 0px;

  border-radius: 5px;/* CSS3草案 */
  -webkit-border-radius: 5px;/* Safari,Google Chrome用 */
  -moz-border-radius: 5px;/* Firefox用 */
}

.sectionBill ul{
  text-decoration:none;
  font-size: 20px;
}

#billingMobileInfo {
  margin: 20px 0px;
  padding: 10px;
  border: 1px solid #00afec;
  color: #656565;
}
#billing .sectionInfo span {
  color: #ffae00;
}

#billing .sectionData {
}
#billing .sectionData table {
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #48bee0;
}

#billing .sectionData table td,
#billing .sectionData table th{
  display: block;
}

#billing .sectionData table th {
  background: #00afec;
  border-right: 1px solid #48bee0;
  border-bottom: #48bee0;
  text-align: center;
  font-size: 15px;
  color: white;
}
#billing .sectionData .head01{
  padding-top: 5px;
}
#billing .sectionData .head02{
  padding-bottom: 5px;
}

#billing .sectionData table th.head01 {
  border-right: 1px solid #48bee0;
}
#billing .sectionData table th.head02 {
}
#billing .sectionData table td {
  padding: 5px 20px;
  border-right: 1px solid #48bee0;
  border-bottom: 1px solid #48bee0;
  font-size: 15px;
}

#billing .sectionData table td.body02 {
  text-align: right;
}
#billing .sectionData table td.body03 {
  background: #d3f5ff;
}
#billing .sectionData table td.body04 {
  background: #d3f5ff;
  text-align: right;
}

#billing .button_orange{
  margin: 20px 27px;
}

#billing .button_orange a{
  padding: 40px 0px;
  font-size: 20px;
}

#billing .explainCVPE{
  color: #656565;
}

/* 領収書 */

#mobilePageHeader .ryoshushoFont{
  text-align: left;
  padding-left: 20px;
}

#billing .ryoshushoFont,
#billing .spacingTopBottom{
  padding-left: 20px;
}

#billing .spacingTopBottom{
  line-height: 10px;
}

#billing .nothingAlert{
  padding-bottom: 20px;
}

#billing .nothingAlert .button_blue{
  padding-top: 30px;
}


/* ---------------------------------------------------------------------
 ご登録内容確認
--------------------------------------------------------------------- */

#registration #mobilePageHeader{
  padding-bottom: 30px;
}

#registration .sectionData{
  padding: 0px 20px;
  color: #656565;
}

#registration .sectionData .pw{
  font-size: 17px;
  color: #ffae00;
  padding-top: 10px;
}

#registration h2{
  padding-left: 20px;
  padding-bottom: 10px;
}

/* 登録内容：生徒名、ポイント */

#seitoData .sectionData table {
  width: 100%;
  border-collapse: collapse;
}

#seitoData .sectionData table td{
  display: block;
  border: 1px solid #00afec;
}

#seitoData .sectionData table th{
  display: block;
  background: #00afec;
  text-align: left;
  color: #fff;

}

#seitoData .sectionData table .head04,
#seitoData .sectionData table .head07,
#seitoData .sectionData table .head08
{
  padding-left: 10px;

}

#seitoData .sectionData table .body04{
  padding: 10px 0px 10px 10px;
}

#seitoData .body04 span{
  font-size: 24px;
}

/* 登録内容：メールアドレス */

#mobile_mailData .sectionData table{
  width: 100%;
  border-collapse: collapse;
}

#mobile_mailData .sectionData table td{
  display: table-cell;
  border: 1px solid #00afec;
  text-align: center;
}

#mobile_mailData .sectionData table th{
  display: table-cell;
  border: 1px solid #00afec;
  text-align: left;
}

#mobile_mailData .sectionData .head01{
  padding-left: 10px;
  background: #00afec;
  color: #fff;
}

#mobile_mailData .sectionData .head02{
  padding: 3px 0px 3px 10px;
  background: #d3f5ff;
  text-align: left;
}

#mobile_mailData .sectionData .head03{
  background: #F5F5F5;
  font-size: 12px;
}

#mobile_mailData .sectionData .body02{
  padding: 15px 0px 15px 10px;
  text-align: left;
}

/* 登録内容：電話番号 */

#mobile_tellephoneData .sectionData table{
  width: 100%;
  border-collapse: collapse;
}

#mobile_tellephoneData .sectionData table td{
  display: table-cell;
  border: 1px solid #00afec;
  text-align: left;
}

#mobile_tellephoneData .sectionData table th{
  display: table-cell;
  border: 1px solid #00afec;
  text-align: left;
}

#mobile_tellephoneData .sectionData .head01{
  padding-left: 10px;
  background: #00afec;
  color: #fff;
}

#mobile_tellephoneData .sectionData .head02{
  padding: 3px 0px 0px 10px;
  background: #d3f5ff;
}

#mobile_tellephoneData .sectionData .head03{
  background: #F5F5F5;
}

#mobile_tellephoneData .sectionData .body02{
  padding: 10px 0px 10px 10px;
}

/* ---------------------------------------------------------------------
 お預かり・お弁当確認
--------------------------------------------------------------------- */

/* 日毎データがなければ出席簿を出さない */
.thereNoHigotoData{
  display: none;
}

/* ----------------------------------- Selecter CSS start > */
#daycare ul {
  letter-spacing: -.40em;
  padding-bottom: 10px;
}
#daycare ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  letter-spacing: normal;
}
#daycare ul li.select01 {
  margin-right: 20px;
}
#daycare .select01 .easy-select-box {
  position: relative;
  display: inline-block;
  background: white;
  border: 1px solid #656565;
  text-align: left;
  font-size: 17px;
  color: #656565;
  z-index: 800;
}
#daycare .select01 .easy-select-box:hover .esb-displayer {
  text-decoration: none;
}
#daycare .select01 .easy-select-box .esb-displayer {
  background: url(../images/btn_select_arrow.png) no-repeat 165px 7px;
  color: #656565;
  cursor: default;
  height: 33px;
  line-height: 33px;
  padding: 0 13px;
  text-indent: 5px;
  width: 164px;
  cursor: pointer;
}
#daycare .select01 .easy-select-box .esb-dropdown {
  background: white;
  border: 1px solid #656565;
  display: none;
  max-height: 410px;
  overflow: auto;
  position: absolute;
  margin-left: -1px;
  z-index: 999;
  width: 190px !important;
}
#daycare .select01 .easy-select-box .esb-item {
  padding: 8px 13px;
  text-indent: 5px;
  background: white;
  color: #656565;
  cursor: pointer;
}
#daycare .select01 .easy-select-box .esb-item:hover {
  background: #656565;
  color: white;
  text-decoration: none;
}
#daycare .select01 .easy-select-box.disabled .esb-displayer,
#daycare .select01 .easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px;
}
#daycare .select02 .easy-select-box {
  position: relative;
  display: inline-block;
  background: white;
  border: 1px solid #656565;
  text-align: left;
  font-size: 17px;
  color: #656565;
  z-index: 800;
}
#daycare .select02 .easy-select-box:hover .esb-displayer {
  text-decoration: none;
}
#daycare .select02 .easy-select-box .esb-displayer {
  background: url(../images/btn_select_arrow.png) no-repeat 165px 7px;
  color: #656565;
  cursor: default;
  height: 33px;
  line-height: 33px;
  padding: 0 13px;
  text-indent: 5px;
  width: 164px;
  cursor: pointer;
}
#daycare .select02 .easy-select-box .esb-dropdown {
  background: white;
  border: 1px solid #656565;
  display: none;
  max-height: 410px;
  overflow: auto;
  position: absolute;
  margin-left: -1px;
  z-index: 999;
  width: 190px !important;
}
#daycare .select02 .easy-select-box .esb-item {
  padding: 8px 13px;
  text-indent: 5px;
  background: white;
  color: #656565;
  cursor: pointer;
}
#daycare .select02 .easy-select-box .esb-item:hover {
  background: #656565;
  color: white;
  text-decoration: none;
}
#daycare .select02 .easy-select-box.disabled .esb-displayer,
#daycare .select02 .easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px;
}

/* ----------------------------------- Selecter CSS end > */

#daycare{
  padding-bottom: 50px;
}

#daycareMobile{
  padding: 0px 20px;
}

#daycareMobile .hiddenArea{
  display: none;
}

#daycare .mobilePageHeader{
  padding-bottom: 20px;
}

#daycare .mobilePageHeader p{
  padding: 0px 20px;
  text-align: left;
}

/* jsp上でcntrlCSS_classMeiHD に動的に設定される */
#daycare .shussekiboDetail_Odd{
  text-align: left;
  padding: 10px;
  background-color: #00afec;
  color: #fff;
}

/* jsp上でcntrlCSS_classMeiHD に動的に設定される */
#daycare .shussekiboDetail_Even{
  text-align: left;
  padding: 10px;
  background-color: #d3f5ff;
  color: #00afec;
}

/* jsp上でcntrlCSS_classBtn に動的に設定される */
#daycare .shussekiboDetailBtn_Odd{
  padding: 10px;
  background-color: #00afec;
  color: #fff;
  text-align: right;
  border-top: 1px solid #fff;
}

/* jsp上でcntrlCSS_classBtn に動的に設定される */
#daycare .shussekiboDetailBtn_Even{
  padding: 10px;
  background-color: #d3f5ff;
  color: #00afec;
  text-align: right;
  border-top: 1px solid #00afec;
}

/* クラス名ヘッダ、詳細アイコンのtoggle用CSS */
#daycare .shussekiboDetailBtn .icon_shosaiPlus{
  display: inline;
}

#daycare .shussekiboDetailBtn .icon_shosaiMinus{
  display: none;
}

#daycare .shussekiboDetailBtn .active{
    display: inline;
}

#daycare .shussekiboDetailBtn .disActive{
    display: none;
}


/* 実績表 */
#daycareMobile table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;

}

#daycareMobile tbody td,
#daycareMobile tbody th{
  border: 1px solid #48bee0;
  border-collapse: collapse;
  vertical-align: middle;
  text-align: center;

}

#daycareMobile tbody th.hiduke{
  height: 50px;
  background: #ffae00;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

#daycareMobile tbody tr.textRight th{
  text-align: right;
  padding-right: 10px;
}

#daycareMobile tbody tr.lightBlue th,
#daycareMobile tbody tr.kaishiJikan th,
#daycareMobile tbody tr.kaishiJikan td,
#daycareMobile tbody tr.shuryoJikan th,
#daycareMobile tbody tr.shuryoJikan td{
    height: 40px;
    background: #d3f5ff;
}


#daycareMobile tbody tr.tokoJikna td,
#daycareMobile tbody tr.gekoJikan td{
  border-right: 0px;
}
#daycareMobile tbody tr.tokoJikna th,
#daycareMobile tbody tr.gekoJikan th{
  border-left: 0px;
}

#daycareMobile tbody tr.lightYellow th,
#daycareMobile tbody tr.lightYellow td,
#daycareMobile tbody tr.yoruAzukari th,
#daycareMobile tbody tr.yoruAzukari td,
#daycareMobile tbody tr.asaAzukari th,
#daycareMobile tbody tr.asaAzukari td{
  height: 40px;
  background: #fff9b1;
  vertical-align: middle;
}

#daycareMobile tbody tr.bento th{
  text-align: right;
  padding-right: 10px;
}

#daycareMobile .sectionConfirmation{
  color: #656565;
  background-color: whitesmoke;
  padding: 20px;
  border: 1px solid silver;
}

/* 実績表小計 */
#classShokei table th,
#classShokei table td{
  padding: 3px 0px;
    color: #656565;
}

#classShokei table th{
  width: 60%;
  text-align: right;
  padding-right: 10px;
    border-right: 0px;
}

#classShokei table td{
  text-align: right;
  padding-right: 10px;
  border-left: 0px;
}


/* 調整金リスト */
#choseikinList{
  padding-top: 20px;
  color: #656565;
}


#choseikinList thead th{
  padding: 5px 0px;
  background-color: silver;
  border: 1px solid silver;
  color: #fff;
}

#choseikinList tbody th,
#choseikinList tbody td{
  border-collapse: collapse;
  border: 1px solid silver;
}

#choseikinList tbody th.head01{
    text-align: left;
    padding-left: 10px;
}

#choseikinList tbody td.body01{
    text-align: right;
    padding-right: 10px;
}

/* 当月合計 */
#mobileChoseiGoukei{
    padding-top:20px;
    color: #656565;
}

#mobileChoseiGoukei tbody th{
  padding: 5px 0px;
  background-color: #00afec;
  border: 1px solid #00afec;
  color: #fff;
}

#mobileChoseiGoukei tbody td{
  font-size: 18px;
  padding: 10px 0px;
  background-color: #fff9b1;

}