@charset "utf-8";

/*
  File Name   : content.css
  Author      : Kensuke Takahashi
  Description : コンテンツエリア関係 他
*/


/* Heading
----------------------------------------------------------- */
h1 {
  margin-bottom: 1em;
}

div#main h2 {
  margin-bottom: 1em;
}

h2.type1 {
  padding: 4px 0 4px 20px;
  border: 1px solid #e8e8e8;
  border-top: 4px solid #ff8c00;
  color: #ff8c00;
  font-size: 120%;
  background: url(../img/common/h2_bg_01.png) no-repeat 0 50%;
}

h2.type2 {
  padding: 4px 0 4px 20px;
  border: 1px solid #e8e8e8;
  border-top: 4px solid #6ca626;
  color: #6ca626;
  font-size: 120%;
  background: url(../img/common/h2_bg_02.png) no-repeat 0 50%;
}

div.eventBox1 h3 ,
div.eventBox2 h3 ,
div.eventBox3 h3 {
  height: 46px;
  margin: 0 0 5px;
  padding: 15px 0 0 95px;
  font-size: 130%;
}

h3.type1 {
  background: url(../img/event/icon_01.png) no-repeat 0 0;
}

h3.type2 {
  background: url(../img/event/icon_02.png) no-repeat 0 0;
}

h3.type3 {
  background: url(../img/event/icon_03.png) no-repeat 0 0;
}

h3.type4 {
  clear: both;
  margin-bottom: 1em;
  padding: 1px 0 3px 15px;
  color: #fff;
  font-size: 120%;
  background: #81c62d url(../img/event/bg_01.png) no-repeat left bottom;
}

h3.type5 {
  min-height: 34px;
  height: auto !important;
  height: 34px;
  margin-bottom: 10px;
  padding: 3px 0 3px 55px;
  color: #666;
  font-size: 120%;
  background: url(../img/event/icon_04.png) no-repeat left bottom;
}

h3.type6 {
  min-height: 34px;
  height: auto !important;
  height: 34px;
  margin-bottom: 10px;
  padding: 3px 0 3px 55px;
  color: #666;
  font-size: 120%;
  background: url(../img/event/icon_05.png) no-repeat left bottom;
}

h3.type7 {
  height: 34px;
  margin-bottom: 10px;
  padding: 3px 0 0 55px;
  color: #666;
  font-size: 120%;
  background: url(../img/event/icon_06.png) no-repeat 0 0;
}

h3#month {
  height: 30px;
  margin-bottom: 1em;
  padding: 28px 0 0 100px;
  color: #fff;
  font-size: 120%;
  background: url(../img/event/calendar/bg.png) no-repeat left bottom;
}

h3.teach {
  clear: both;
  margin-bottom: 1em;
  padding: 1px 0 3px 15px;
  color: #fff;
  font-size: 120%;
  background: #ff8c00 url(../img/event/others/bg_01.png) no-repeat left bottom;
}

h4.type1 {
  margin-bottom: 10px;
  font-size:120%;
}

h4.procedure1 {
  margin-bottom: 1em;
  padding: 5px 5px 5px 40px;
  border: 1px solid #ccc;
  background: url(../img/info/img_01.png) no-repeat 0 50%;
}

h4.procedure2 {
  margin-bottom: 1em;
  padding: 5px 5px 5px 40px;
  border: 1px solid #ccc;
  background: url(../img/info/img_02.png) no-repeat 0 50%;
}

h4.procedure3 {
  margin-bottom: 1em;
  padding: 5px 5px 5px 40px;
  border: 1px solid #ccc;
  background: url(../img/info/img_03.png) no-repeat 0 50%;
}

h4.ysv1 {
  margin-bottom: 1em;
  padding: 5px 5px 5px 40px;
  border: 1px solid #ccc;
  background: url(../img/event/others/img_02.png) no-repeat 0 50%;
}

h4.ysv2 {
  margin-bottom: 1em;
  padding: 5px 5px 5px 40px;
  border: 1px solid #ccc;
  background: url(../img/event/others/img_03.png) no-repeat 0 50%;
}

h4.ysv3 {
  margin-bottom: 1em;
  padding: 5px 5px 5px 40px;
  border: 1px solid #ccc;
  background: url(../img/event/others/img_04.png) no-repeat 0 50%;
}


/* Box, Paragraph
----------------------------------------------------------- */
p#topicPath {
  padding: 0 10px;
}

p.pageTop {
  clear: both;
  text-align: right;
}

.align1 {
  text-align: center;
}

.align2 {
  text-align: right;
}

.attention1 {
  color: #c00;
}

.cmsImage {
  float: right;
  margin: 0 0 1em 15px;
}

.cmsImage img {
  padding: 1px;
  border: 1px solid #ccc;
}

.cmsImage .caption1 {
  display: block;
  margin: 0 0 5px;
  text-align: center;
}

div.eventBox3 .cmsImage .caption1 {
  display: block;
  width: 200px;
  margin: 0 auto;
}

.cmsImage .caption2 {
  display: block;
  margin: 5px 0 0;
  text-align: center;
}

div.eventBox2 .cmsImage {
  float: left;
  margin: 0 15px 1em 0;
}

div.eventBox3 .cmsImage {
  float: none;
  text-align: center;
  margin: 0 auto 1em;
}

p.date {
  color: #6ca626;
  text-align: right;
}

div.box1 {
  margin-bottom: 1em;
  padding: 10px 10px 1px;
  border: 1px solid #ccc;
}

* html div.box1 {
  height: 1%;
}

div.box2 {
  float: left;
  width: 350px;
}

div.indexBox {
  position: relative;
  margin-bottom: 1em;
}

p.btnList {
  position: absolute;
  top: 25px;
  right: 10px;
  line-height: 1;
  margin: 0;
}

div.indexEvent {
  float: left;
  width: 285px;
  margin-bottom: 1em;
  padding-left: 15px;
}

div.indexEvent p {
  margin: 0;
}

div.eventList {
  position: relative;
  left: 0;
  width: 640px;
  margin-bottom: 1em;
}

div.eventList div {
  float: left;
  width: 300px;
  margin-right: 20px;
  background: url(../img/event/index/bg.png) no-repeat left bottom;
}

div.eventList div p {
  margin: 0;
  padding: 8px 0;
}

div.blogBox {
  margin-bottom: 1em;
  padding: 15px 15px 5px;
  border: 1px solid #e8e8e8;
}

.reserved {
  font-size: 130%;
}

div.arrow {
  padding-left: 40px;
  background: url(../img/info/img_04.png) no-repeat 0 50%;
}

#calendarWrap {
  position: relative;
  left: 0;
  width: 640px;
  overflow: hidden;
}

* html #calendarWrap {
  height: 1%;
}

.calendarBox {
  float: left;
  width: 300px;
  margin: 0 20px 20px 0;
}

div#eventSchedule {
  margin-bottom: 1em;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

div#eventSchedule2 {
  margin-bottom: 1em;
}


/* List
----------------------------------------------------------- */
ul.type1,
ul.type2,
ol.type1 {
  margin-bottom: 1em;
}

ul.type1 li {
  list-style: disc;
  margin-left: 1.5em;
}

ul.type2 li {
  list-style: square;
  margin-left: 1.5em;
}

ol.type1 li {
  list-style: decimal;
  margin-left: 2.5em;
}

ul#paging {
  clear: both;
  text-align: center;
}

ul#paging li {
  display: inline;
}

ul#paging li.current2 {
  display: none;
}

dl#indexClosed,
ul#indexInfo {
  margin-left: 15px;
}

dl#indexClosed dt {
  color: #0fa9ca;
  font-weight: bold;
  font-size: 110%;
}

dl#indexClosed dd {
  margin: -1.5em 0 7px;
  padding: 0 0 7px 7.5em;
  background: url(../img/common/line.png) repeat-x left bottom;
}

/*
dl#indexInfo dt {
  position: relative;
  z-index: 0;
  color: #ff8c00;
  font-weight: bold;
  font-size: 110%;
}

dl#indexInfo dd {
  position: relative;
  z-index: 10;
  margin: -1.5em 0 7px;
  padding: 0 0 7px 12em;
  background: url(../img/common/line.png) repeat-x left bottom;
}
*/

ul#indexInfo li {
  margin-bottom: 7px;
  padding: 0 5px 7px;
  background: url(../img/common/line.png) repeat-x left bottom;
}

div.indexEvent dl {
  float: right;
  width: 180px;
}

div.indexEvent dl dt {
  padding-left: 12px;
  font-weight: bold;
  background: url(../img/index/icon.png) no-repeat 0 50%;
}

div.indexEvent dl dd.indexEventCat {
  font-weight: bold;
}

div.eventList div ul {
  float: left;
  width: 146px;
  margin-right: 7px;
  padding: 8px 0 8px 15px;
}

div.eventList div ul li {
  padding-left: 10px;
  background: url(../img/event/index/icon.png) no-repeat 0 6px;
}

ul#eventListCal {
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

ul#eventListCal li {
  float: left;
  margin: 0 20px 20px 0;
}

ul#eventListCal li.lastChild {
  margin: 0 0 20px 0;
}

dl#aboutIcon {
  margin: 0 80px 1em;
  border: 1px solid #ebebeb;
}

dl#aboutIcon dt {
  padding: 5px 10px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  background-color: #999;
}

dl#aboutIcon dd#aboutIcon1 {
  padding: 10px 10px 0 80px;
  background: url(../img/event/calendar/icon_03.png) no-repeat 10px 10px;
}

dl#aboutIcon dd#aboutIcon2 {
  padding: 10px 10px 0 175px;
  background: url(../img/event/calendar/icon_04.png) no-repeat 10px 10px;
}

dl#aboutIcon dd#aboutIcon3 {
  padding: 10px 10px 0 175px;
  background: url(../img/event/calendar/icon_08.png) no-repeat 10px 10px;
}

dl#aboutIcon dd#aboutIcon4 {
  padding: 10px;
}

dl#eventTerm,
dl#eventSchedule {
  margin-bottom: 1em;
  padding: 15px 15px 10px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

* html dl#eventTerm,
* html dl#eventSchedule {
  height: 1%;
}

dl#eventTerm dt,
dl#eventSchedule dt {
  padding-left: 10px;
  font-weight: bold;
  background: url(../img/event/calendar/icon_02.png) no-repeat 0 50%;
}

dl#eventTerm dd {
  margin: -1.5em 0 5px 24em;
}

dl#eventTerm2 {
  margin-bottom: 1em;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.eventIcon {
  margin-bottom: 15px !important;
  background: none !important;
}

dl#eventSchedule dd {
  margin: -1.5em 0 5px 13em;
}

ul#calendarNavi li#prev,
ul#calendarNavi2 li#prev2 {
  float: left;
  margin-bottom: 1em;
}

ul#calendarNavi li#next,
ul#calendarNavi2 li#next2 {
  float: right;
  margin-bottom: 1em;
}

dl#aboutFloor dd {
  margin: -1.5em 0 1em 5em;
}

dl#aboutFloor dd.lastChild {
  margin-bottom: 0;
}

dl#contactImportant {
  margin-bottom: 1em;
}

dl#contactImportant dt {
  color: #c00;
}

dl#contactImportant dd {
  margin: -1.5em 0 0 3em;
}

dl#privacyPolicy dt {
  font-weight: bold;
}

dl#privacyPolicy dd {
  margin-bottom: 1em;
}

dl.teach dt,
dl.teach dd {
  margin-bottom: 1em;
}

dt.teach1 {
  line-height: 30px;
  padding-left: 40px;
  font-weight: bold;
  font-size: 120%;
  background: url(../img/event/others/img_06.png) no-repeat 0 50%;
}

dt.teach2 {
  line-height: 30px;
  padding-left: 40px;
  font-weight: bold;
  font-size: 120%;
  background: url(../img/event/others/img_07.png) no-repeat 0 50%;
}

dt.teach3 {
  line-height: 30px;
  padding-left: 40px;
  font-weight: bold;
  font-size: 120%;
  background: url(../img/event/others/img_08.png) no-repeat 0 50%;
}

#starrySkyNav {
  overflow: hidden;
  margin-bottom: 20px;
}

#starrySkyNav li {
  float: left;
  margin-right: 20px;
  padding-left: 10px;
  background: url(/img/common/side_icon_01_on.png) no-repeat 0 50%;
}

#floorMap {
  margin-bottom: 1em;
  padding: 6px 0 6px 6px;
  border: 1px solid #ccc;
}

#floorMap dt {
  padding: 1px 0;
  cursor: pointer;
}

#floorMap dd {
}


/* Table
----------------------------------------------------------- */
table.type1 {
  width: 100%;
  margin-bottom: 5px;
}

table.type1 th {
  padding: 5px;
  border: 1px solid #ccc;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background-color: #333;
}

table.type1 td {
  padding: 5px 10px;
  border: 1px solid #ccc;
}

table.type2 {
  width: 100%;
  margin-bottom: 1em;
}

table.type2 th {
  padding: 5px 10px;
  border: 1px solid #fff;
  font-weight: normal;
  background-color: #ccc;
}

table.type2 td {
  padding: 5px 10px;
  border: 1px solid #ccc;
}

table#calendar {
  width: 100%;
  margin-bottom: 1em;
}

table#calendar th {
  width: 3em;
  padding: 5px;
  border: 1px solid #e8e8e8;
  text-align: center;
  background-color: #f0f6e9;
}

table#calendar td {
  line-height: 2;
  padding: 5px;
  border: 1px solid #e8e8e8;
}

table#calendar td img {
  vertical-align: middle;
}

table#calendar .sun {
  color: #f00;
}

table#calendar .sat {
  color: #00f;
}

table#calendar .week {
  width: 3em;
  font-weight: bold;
  text-align: center;
}

table#eventDetail {
  width: 100%;
  margin-bottom: 1em;
  border: 1px solid #eee;
}

table#eventDetail th {
  width: 15%;
  padding: 5px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  background: #6ca626 url(../img/event/calendar/line.gif) repeat-x left bottom;
}

table#eventDetail td {
  padding: 5px 10px;
  background: #f7f7f7 url(../img/event/calendar/line.gif) repeat-x left bottom;
}

table#eventDetail tr.firstChild td {
  color: #6ca626;
  font-weight: bold;
  font-size: 120%;
}

table#eventDetail tr.lastChild th,
table#eventDetail tr.lastChild td {
  background-image: none;
}

table.type3 {
  margin-bottom: 2em;
}

table.type3 th {
  width: 80px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background-color: #81c62d;
}

table.type3 td {
  padding: 5px 10px;
  border: 1px solid #ccc;
}

body#english table {
  width: 100%;
  line-height: 1.5;
  margin-bottom: 1em;
}

body#english table th {
  vertical-align: top;
  padding: 10px 0;
  text-align: right;
}

body#english table td {
  vertical-align: top;
  padding: 10px 0 10px 20px;
}

body#english table td table th {
  width: 150px;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #eee;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background-color: #0fa9ca;
}

body#english table td table td {
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #ccc;
}

.calendarBox table {
  width: 100%;
}

.calendarBox caption {
  color: #81c62d;
  font-weight: bold;
  font-size: 125%;
  text-align: left;
}

.calendarBox th {
  padding: 3px 3px 5px;
  border: 1px solid #81c62d;
  color: #fff;
  text-align: center;
  background: #81c62d url(../img/holiday/table_bg.png) repeat-x left bottom;
}

.calendarBox td {
  padding: 3px;
  border: 1px solid #81c62d;
  text-align: center;
}

.calendarBox th.firstChild,
.calendarBox td.firstChild {
  color: #fe0000;
}

.calendarBox th.lastChild,
.calendarBox td.lastChild {
  color: #0000fe;
}

.calendarBox td.holiday {
  background-color: #e1e1e1;
}

/*addNobukiyo_2011/11/15_start*/
.calendarBox td.planetarium_holiday {
  background-color: #f90;
}
/*addNobukiyo_2011/11/15_end*/

.calendarBox td.cal1 {
  background-color: #f90;
}

.calendarBox td.cal2 {
  background-color: #66ccff;
}

.calendarBox td.cal3 {
  background-color: #ff6666;
}

.calendarBox td.cal4 {
  background-color: #CC66FF;
}

.calendarBox td.cal5 {
  background-color: #ff9900;
}

#eventSchedule2 table {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

#eventSchedule2 th {
  padding: 5px 15px 5px 30px;
  border: 1px solid #ccc;
  white-space: nowrap;
  background: url(../img/event/calendar/icon_02.png) no-repeat 15px 11px;
}

#eventSchedule2 td {
  width: 100%;
  vertical-align: middle;
  padding: 5px 15px;
  border: 1px solid #ccc;
}


/* Link
----------------------------------------------------------- */
p#topicPath a {
  color: #333;
  text-decoration: none;
}

p#topicPath a:hover {
  text-decoration: underline;
}

ul#paging li a {
  padding: 4px 7px;
  border: 1px solid #ff8c00;
  color: #fff;
  text-decoration: none;
  background-color: #ff8c00;
}

ul#paging li a:hover {
  text-decoration: underline;
}

ul#paging li.current1 a {
  border: 1px solid #ddd;
  color: #333;
  background-color: #f5f5f5;
}

table.type1 th a {
  color: #fff;
  font-weight: bold;
}

div.indexEvent dl dt a {
  color: #018701;
}

div.indexEvent dl dd.indexEventCat a {
  color: #333;
}

div.eventBox1 a,
div.eventBox2 a,
div.eventBox3 a {
  color: #6ca626;
}

table#calendar td a {
  padding-left: 20px;
  background: url(/img/common/side_icon_01_on.png) no-repeat 5px 5px;
}


/* Clearfix
----------------------------------------------------------- */
div.eventList:after,
div.eventBox1:after,
div.eventBox2:after,
div.eventBox3:after,
ul#calendarNavi:after,
ul#calendarNavi2:after,
div.blogBox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.eventList,
div.eventBox1,
div.eventBox2,
div.eventBox3,
ul#calendarNavi,
ul#calendarNavi2,
div.blogBox {
  display: inline-block;
  word-break:break-all;
}

/* Hides from IE-mac \*/
* html div.eventList,
* html div.eventBox1,
* html div.eventBox2,
* html div.eventBox3,
* html ul#calendarNavi,
* html ul#calendarNavi2,
* html div.blogBox {
  height: 1%;
}

div.eventList,
div.eventBox1,
div.eventBox2,
div.eventBox3,
ul#calendarNavi,
ul#calendarNavi2,
div.blogBox {
  display: block;
}
/* End hide from IE-mac */


/* 2016.03 カレンダー
----------------------------------------------------------- */
.cal-tab {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ccc;
}

.cal-tab li {
  float: left;
  margin: 0 10px 0 0;
}

.cal-tab li a {
  display: block;
  padding: 3px 20px;
  color: inherit;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

.cal-tab li a.current {
  color: #fff;
  background: #FF8C00;
}

.cal-tab li a:hover {
  text-decoration: underline;
}

.cal-tab-contents {
  margin: 0 0 20px;
}

.cal-program-list dt {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
}

.cal-program-list dd {
  overflow: hidden;
  margin: 0 0 20px;
}

.cal-program-list ul {
  position: relative;
  left: 0;
  width: 640px;
}

.cal-program-list ul a {
  color: inherit;
}

.cal-program-list li {
  float: left;
  width: 280px;
  margin: 0 20px 10px 0;
  padding: 10px 10px 0;
}

.cal-day {
  width: 616px;
  border-top: 1px solid #fff;
  background: #eee;
}

.cal-day h4 {
  padding: 5px 10px;
  color: #fff;
  background: #666;
}

.cal-day ul {
  display: table;
  overflow: hidden;
}

.cal-day li {
  display: table-cell;
  width: 88px;
  font-size: 12px;
}

.cal-day li.cal-program-close {
  display: block;
  width: 616px;
}

.cal-day .cal-program-close2 {
  background: #f90;
}

.cal-day .cal-program-close strong {
  display: block;
  padding: 25px 10px;
}

.cal-day .cal-program-close2 strong {
  display: block;
  padding: 16px 10px;
}

.cal-day li a,
.cal-day li span {
  display: block;
  padding: 10px;
  color: inherit;
  text-decoration: none;
}

.cal-day li a:hover {
  text-decoration: underline;
}

.cal-day li strong {
  display: block;
}

.cal-day li sub {
  vertical-align: middle;
}

.cal-program-01 {
  background: #FF9999;
}

.cal-program-02 {
  background: #FFB399;
}

.cal-program-03 {
  background: #99CCFF;
}

.cal-program-04 {
  background: #FFE599;
}

.cal-program-05 {
  background: #FFFF99;
}

.cal-program-06 {
  background: #E5FF99;
}

.cal-program-07 {
  background: #B3FF99;
}

.cal-program-08 {
  background: #73DCFF;
}

.cal-program-09 {
  background: #CC99FF;
}

.cal-program-10 {
  background: #FFB0FF;
}

#cal-tab2,
#cal-tab3,
#cal-tab4,
#cal-tab5,
#cal-tab6,
#cal-tab7,
#cal-tab8 {
  display: none;
}