@charset "UTF-8";

/* =========================================================
   Pieces
========================================================= */

/* common banner
----------------------------------------------- */
#commonBanner h1 {
  float: left;
}
#commonBanner h1 a {
  display: block;
}
#commonBanner .menu {
  float: right;
  margin-top: 15px;
}
#commonBanner .menu li,
#cse-search-box, #cse-search-box input {
  display: inline-block;
  /display: inline;
  zoom: 1;
  white-space: nowrap;
  vertical-align: middle;
}
#commonBanner .menu li {
  margin-left: 5px;
}
#search-box {
  width: 150px;
  height: 20px;
  min-height: 20px;
  margin-right: 3px;
  padding: 2px 2px 3px;
  border: 1px solid #ccc;
}
#cse-search-box {
  min-width: 260px;
}
#cse-search-box .submit {
  width: 100px;
  height: 26px;
  border: 0;
  background: url("/ccell/img/seibu/bt-search.gif") no-repeat left top;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#commonBanner .lowerMenu {
  margin-top: 10px;
  text-align: right;
}
#commonBanner .lowerMenu li {
  padding-left: 12px;
  background: url("/ccell/img/seibu/ic-menulist.gif") no-repeat left 0.4em;
}

/* global navi
----------------------------------------------- */
#globalNavi {
  width: 100%;
  background: #bcd849;
  background: -moz-linear-gradient(top,  #bcd849 0%, #88bd22 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd849), color-stop(100%,#88bd22));
  background: -webkit-linear-gradient(top,  #bcd849 0%,#88bd22 100%);
  background: -o-linear-gradient(top,  #bcd849 0%,#88bd22 100%);
  background: -ms-linear-gradient(top,  #bcd849 0%,#88bd22 100%);
  background: linear-gradient(to bottom,  #bcd849 0%,#88bd22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd849', endColorstr='#88bd22',GradientType=0 );
  zoom: 1;
}
#page-cr-seibu-index #globalNavi {
  margin-bottom: 20px;
}
#globalNavi ul {
  width: 960px;
  margin: 0 auto;
}
#globalNavi li {
  float: left;
  width: 20%;
}
#globalNavi li a {
  display: block;
  min-height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ecf391;
  color: #000;
  font-size: 115%;
  text-align: center;
  text-decoration: none;
}
#globalNavi li:first-child a {
  border-left: 1px solid #ecf391;
}
#page-cr-seibu-index #globalNavi li.home a,
.dir-cr-seibu-about #globalNavi li.about a,
.dir-cr-seibu-facility #globalNavi li.facility a,
.dir-cr-seibu-guide #globalNavi li.guide a,
.dir-cr-seibu-project #globalNavi li.lecture a,
#globalNavi li.current a,
#globalNavi li a:hover {
  filter: none;
  background: #dbe921;
}
#globalNavi li a span {
  display: block;
}
#page-cr-seibu-index #globalNavi li.home a span,
.dir-cr-seibu-about #globalNavi li.about a span,
.dir-cr-seibu-facility #globalNavi li.facility a span,
.dir-cr-seibu-guide #globalNavi li.guide a span,
.dir-cr-seibu-project #globalNavi li.lecture a span,
#globalNavi li.current a span,
#globalNavi li a:hover span {
  background: url("/ccell/img/seibu/navi-current.gif") no-repeat center bottom;
}

/* page title
----------------------------------------------- */
#pageTitle .pieceContainer {
  padding: 4px 18px;
  border: 1px solid #d7d3c1;
  border-top: 3px solid #8abe19;
  border-bottom: 0;
  background-color: #fff;
}
#pageTitle h1 {
  color: #7ca006;
  font-size: 150%;
}


/* pageTop
--------------- */
#pageTop {
  clear: both;
  margin: 10px 0 0;
  text-align: right;
}

/* common footer
----------------------------------------------- */
#footer {
  background-color: #8abe19;
}
#footerContainer {
  width: 960px;
  margin: 0 auto;
}
#footerBody {
  padding: 14px 10px;
  text-align: center;
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  width: 960px;
  margin: 0 auto;
}
#breadCrumbs .pieceContainer {
  padding: 18px 0;
}

/* top photo
----------------------------------------------- */
#keyvisual {
  width: 960px;
  margin: 0 auto 15px;
}

/* attention
----------------------------------------------- */
#attention {
  margin-bottom: 20px;
}
#attention .pieceContainer {
  padding: 18px;
  border: 6px solid #edad0b;
  background-color: #fff;
  font-size: 115%;
  font-weight: 700;
  text-align: center;
}

/* docs
----------------------------------------------- */
#recentDocs .pieceContainer {
  position: relative;
  padding: 10px 18px;
  border: 1px solid #d7d3c1;
  border-top: 3px solid #8abe19;
  background-color: #fff;
}
#recentDocs h2 {
  color: #7ca006;
  font-size: 150%;
}
#recentDocs ul {
  padding: 8px 0 10px;
}
#recentDocs li {
  padding-left: 12px;
  background: url("/ccell/img/seibu/ic-list.gif") no-repeat left 0.55em;
}
#recentDocs .feed {
  position: absolute;
  right: 18px;
  top: 1em;
}

/* related link
----------------------------------------------- */
#relatedLink .pieceContainer {
  border: 1px solid #d7d3c1;
  background-color: #fff;
  text-align: center;
}
#relatedLink h2 {
  line-height: 50px;
  font-weight: 500;
}
#relatedLink li {
  margin-bottom: 10px;
}

/* side menu
----------------------------------------------- */
#sideMenu {
  margin-bottom: 20px;
}
#sideMenu .pieceContainer {
  border: 1px solid #d7d3c1;
  border-bottom: 0;
}
#sideMenu li {
  border-bottom: 1px solid #d7d3c1;
}
#sideMenu li a {
  display: block;
  padding: 13px;
  border-left: 5px solid transparent;
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
#page-cr-seibu-about-index #sideMenu li:first-child a,
#page-cr-seibu-facility-index #sideMenu li:first-child a,
#page-cr-seibu-guide-index #sideMenu li:first-child a,
#page-cr-seibu-lecture-index #sideMenu li:first-child a,
#sideMenu li.current a,
#sideMenu li a:hover {
  border-left: 5px solid #dbe921;
  background: #fff url("../../../../../../img/seibu/ic-sidemenu.png") no-repeat left center;
}

/* calendar
----------------------------------------------- */
#calendar {
  margin-bottom: 20px;
}
#calendar .pieceContainer {
  width: 176px;
  margin: 0 auto;
  background-color: #fff;
}
#menu #calendar .pieceHeader,
#links #calendar .pieceHeader {
  height: 8px;
  margin: 0;
  padding: 0;
  background-image:url("/ccell/img/seibu/bg-ring.gif");
  background-position: left top;
  background-repeat: no-repeat;
  border: none;
  font-size: 0;
  text-indent: 100%;
  line-height: 1;
}
#calendar .pieceBody {
  width: 100%;
  margin: 0;
  padding: 0;
  background-image:url("/ccell/img/seibu/bg-calendar-repeat.gif");
  background-position: left top;
  background-repeat: repeat-y;
}
#calendar .calendar {
  float: left;
  width: 162px;
  padding: 5px 0 0 6px;
  font-size: 12px;
  font-weight: bold;
}
#calendar .links {
  clear: both;
  padding: 5px 0 10px;
  background-image: url("/ccell/img/seibu/bg-calendar-bottom.gif");
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 13px;
  text-align: center;
}
#calendar .calendar .wdays .wday {
  display: block;
  float: left;
  width: 18px;
  padding: 2px;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  text-align: center;
}
#calendar .calendar .days .day {
  display: block;
  float: left;
  width: 18px;
  padding: 2px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  text-align: center;
}
#calendar .calendar .wdays .sun,
#calendar .calendar .days .sun {
  border-left: solid 1px #ccc;
}
#calendar .calendar .days .sat {
  color: #3366ff;
}
#calendar .calendar .days .sun,
#calendar .calendar .days .holiday {
  color: #ee0000;
}
.january {
  background-image: url("/ccell/img/seibu/bg-january.gif");
}
.february {
  background-image: url("/ccell/img/seibu/bg-february.gif");
}
.march {
  background-image: url("/ccell/img/seibu/bg-march.gif");
}
.april {
  background-image: url("/ccell/img/seibu/bg-april.gif");
}
.may {
  background-image: url("/ccell/img/seibu/bg-may.gif");
}
.june {
  background-image: url("/ccell/img/seibu/bg-june.gif");
}
.july {
  background-image: url("/ccell/img/seibu/bg-july.gif");
}
.august {
  background-image: url("/ccell/img/seibu/bg-august.gif");
}
.september {
  background-image: url("/ccell/img/seibu/bg-september.gif");
}
.october {
  background-image: url("/ccell/img/seibu/bg-october.gif");
}
.november {
  background-image: url("/ccell/img/seibu/bg-november.gif");
}
.december {
  background-image: url("/ccell/img/seibu/bg-december.gif");
}
.january, .february, .march, .april, .may, .june, .july, .august, .september, .october, .november,.december {
  height: 25px;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.calendar .prevMonth, .calendar .nextMonth {
  text-indent: 200px;
  white-space: nowrap;
  overflow: hidden;
}
.links a.prevMonth {
  padding-left: 13px;
  background-image: url("/ccell/img/seibu/ic-prevmonth.gif");
  background-position: 4% center;
  background-repeat: no-repeat;
}
.links a.nextMonth {
  padding-right:13px;
  background-image: url("/ccell/img/seibu/ic-nextmonth.gif");
  background-position: 96% center;
  background-repeat: no-repeat;
}
/* machishigoto
--------------- */
.midashi-machi1 {
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 0 30px;
    padding: 0 0 20px 0;
    width: 800px
}
.machishigoto {
    font-size: 110%;
    margin: 0;
    padding: 0;
}
.m-margin {
    display: inline-block;
    margin: 10px 0 20px;
}
.machishigoto1 {
    border-bottom: 1px dashed #CCCCCC;
    color: #555555;
    float: left;
    width: 800px;
    margin: 0px 0px 0px 35px;
    padding: 0px 0px 20px;
}
.machishigoto2 {
    border-bottom: 1px dashed #CCCCCC;
    color: #555555;
    float: left;
    width: 800px;
    margin: 15px 0px 0px 35px;
    padding: 0px 0px 20px;
}
.machi-time1 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 210px;
}
.machi-time2 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 100px;
}
.machi-time3 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
.machi-time4 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 370px;
}
.machi-time5 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 365px;
}
.machi-time6 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 30px;
}
.machi-time7 {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 0px 560px;
}
/* lab
--------------- */
.lab {
  margin: 0;
  padding: 0;
  width: 924px;
}
.la-margin {
  display: inline-block;
  margin: 0 0 20px;
}
.lab1 {
  border-left: 1px dashed #CCCCCC;
  float: left;
  width: 250px;
  margin:  0px 0px 0px 30px;
  padding: 0 20px;
}
.lab2 {
  border-left: 1px dashed #CCCCCC;
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px 20px 20px;
}
.lab3 {
  border-left: 1px dashed #CCCCCC;
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0 20px;
}
.la-title {
  color: #000000;
  font-size: 125%;
  font-weight: bold;
}
.la-nichiji {
  font-size: 90%;
}
/* gasshuku
--------------- */
.gasshuku {
  margin: 0;
  padding: 0;
  width: 924px;
}
.g-margin {
  display: inline-block;
  margin: 0 0 20px;
}
.ga1 {
  border-left: 1px dashed #CCCCCC;
  float: left;
  width: 220px;
  margin: 0;
  padding: 0 20px 0 10px;
}
.ga2 {
  border-left: 1px dashed #CCCCCC;
  float: left;
  width: 190px;
  margin: 0;
  padding: 0 20px 0 10px;
}
.ga3 {
border-left: 1px dashed #CCCCCC;
  float: left;
  width: 190px;
  margin: 0;
  padding: 0 20px 0 10px;
}
.ga4 {
border-left: 1px dashed #CCCCCC;
  float: left;
  width: 190px;
  margin: 0;
  padding: 0 20px 0 10px;
}
.ga-title1 {
  color: #000000;
  font-size: 90%;
  font-weight: bold;
}
.ga-title2 {
  color: #000000;
  font-size: 125%;
  font-weight: bold;
}
.ga-nichiji {
  font-size: 90%;
}
/* machi-shigoto toha
--------------- */
.toha  {
  margin: 0 0 5px 0;
  padding: 0 0 0 8px;
  border-left: 5px solid #CECEBF;
  font-size: 90%; 
  border-bottom-style: none;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-style: none;
  border-top-style: none;
  display: block;
  font-style: normal;
  height: 105px;
}
