/************************************
// style of calendar.php
area-body {
 area-left {
  // 1.machiya-name
  // 2.link for introduction (text & img)
  // 3.machiya-list()
  // 4.link for scroll-calendar
 }

 center {
  only-space
 }

 area-right {
  // 1.calendar-usage
  // 2.price-table
  // 3.calendar
  // 4.Page top  
 }
}
*************************************/


/* common */
a {
 text-decoration: none; /* rm underline */
 font-weight: bold;
 color: #4570C0;
}
img { border: 0px; } /* rm frame */
table, tr, td { border: 0px solid #FFFFFF; } /* default border off */

tbody {
 margin: 0px;
 padding: 0px;
}

/************************************
 area-all
************************************/
/* area */
table.all {
 border-collapse: collapse;
 border-style: none;
 border: 0px solid #FFFFFF;
 width: 730px;
 margin-top: 0px;
 padding-top: 0px;
}

td.left-margin {
 width: 20px;
}

/************************************
 area-left
************************************/
/* area */
td.page-left {
 font-size: small;
 width: 160px; /* = machiya-img width */
 vertical-align: top;
 margin-left: 20px;
}

#area-left {
 width: 160px;
 margin-left:5px;
}

/* link paragraph style */
p.arrow_sel {
 color: #4570C0;
 font-size:9pt;
 font-weight: bold;
 margin: 6px 0px 7px 0px;
}

div.machiya-link-list {
 color: #4570C0;
 font-weight: bold;
 font-size: 9pt;
}

/* introduction */
div.introduction { border-top: 1px solid #bababa; }

/* machiya-name */
p.machiya-name {
 font-size: 18px;
 font-weight: bold;
 margin-top:10px;
 margin-bottom:10px;
}

/* link for introduction (text & img) */

/* machiya-list */
div.machiya-list {
 border-top: 1px solid #bababa;
 border-right: 1px solid #bababa;
}

p.machiya-list-title {
 font-size: small;
 font-weight: bold;
 margin-top:10px;
 margin-bottom:10px;
}

/* link for scroll-calendar */
div.scroll-link-frame {
 border-top: 1px solid #bababa;
 border-right: 1px solid #bababa;
 margin-top:20px;
}

div.scroll-link {
 font-size: 9pt;
 font-weight: bold;
 color: #4570C0;
 margin-top: 5px;
 padding: 0px;
}

/************************************
 area-right
************************************/
td.center-space {
  width: 20px;
}

/************************************
 area-right
************************************/
/* area */
td.page-right {
 font-size: small;
 horizontal-align: left;
}

/* calendar-usage */
p.usage-title {
 font-size: 16px;
 font-weight: bold;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-top: 0px;
}

p.usage-txt {
 font-size: 15px;
 padding-right:15px;
}

td.right-upper {
 margin-top: 0px;
 padding-top: 0px; 
}

/* price-table */
#price-table p.title {
 font-size: 16px;
 font-weight: bold;
 margin-bottom:10px;
}
div#price-table table.table {
 border-collapse: collapse;
 border-style: none;
 border: 0px solid #FFFFFF;
 text-align: center;
}
div#price-table td { padding: 0px; font-size:13px; }
div#price-table td.head-left-upper {
 border: 0px solid #FFFFFF;
}
div#price-table td.head-plan {
 width: 50px;
 border: 1px solid #bababa;
 background-color: #4b4b41;
 style: bold;
 color: #FFFFFF;
 margin 0;
 height: 22px;
 font-size:12px;
}
div#price-table td.head-person {
 border: 1px solid #bababa;
 width: 80px;
 background-color: #4b4b41;
 style: bold;
 color: #FFFFFF;
}
div#price-table td.head-term-name {
 border: 1px solid #bababa;
 background-color: #4b4b41;
 style: bold;
 color: #FFFFFF;
 padding-left: 5px;
 padding-right: 5px;
 text-align: left;
}

div#price-table td.head-days {
 border: 1px solid #bababa;
 padding-left: 5px;
 padding-right: 5px;
 text-align: left;
 height: 22px;
}

div#price-table td.plan {
 border-style: none;
 border-top: 1px solid #bababa;
 border-bottom: 1px solid #bababa;
}

div#price-table td.odd {
 border-style: none;
 border-top: 1px solid #bababa;
}

div#price-table td.even {
 border-style: none;
 border-bottom: 1px solid #bababa;
}

/* calendar */
table#calendar tr td {}
table#calendar tr td p.title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

table#calendar tr td div.title-date {
 font-size: 16px;
 float: left;
 font-weight: bold;
 padding-top:5px;
 height: 1.5em;
}

table#calendar tr td div.monthly-navigator {
 font-size: 16px;
 float: right;
 padding-top:5px;
 height: 1.5em;
}

table#calendar tr td table.table {
 clear: both; /* clear date float */
 font-size: 16px;
 font-weight: bold;
 border-collapse: collapse;
 border: 1px solid #bababa;
}

table#calendar tr td tbody tr td.wday {
 width: 70px;
 background-color: #4b4b41;
 color: #ffffff;
 text-align: center;
 margin: 0px;
 padding: 0px;
}

table#calendar tr td tbody tr td tbody tr td.mday {
 border-style: none;
 text-align: center;
}

table#calendar tr td table tbody tr td {
 text-align: center;
 border: 1px solid #bababa;
}

/* Page top */
div#ExpAvailLabel table {
 padding: 10px;
 border: 1px solid #000000;
 border-collapse: collapse;
}

div#ExpAvailLabel table td {
 border: 1px solid #000000;
 padding: 10px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 11pt;
}

div#ExpAvailLabel p {
 margin-top: 10px;
 font-size: 11pt;
}

div.pagetop-link {
 font-size: small;
 text-align: right;
 /* font-weight: bold; */
}

a.pagetop-link {
 color: #000000;
}