@charset "UTF-8";

/**
 * #ot-main-box
 */
#ot-main {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  background-image: url(../images/common/ot-main-bg.png);
  background-repeat: repeat-y;
}

#ot-main-box {
  float: left;
  width: 540px;
  padding: 20px 20px 50px 20px;
  margin: 0;
  background-color: #ffffff;
}

#ot-main-box h2.marineblue {
  color: #fff;
  font-size: 110%;
  padding: 6px;
  margin: 0;
  background-image: url(../images/common/bg-marineblue.png);
  background-repeat: repeat-y;
}

#ot-main-box h2.pink {
  color: #fff;
  font-size: 110%;
  padding: 6px;
  margin: 0;
  background-image: url(../images/common/bg-pink.png);
  background-repeat: repeat-y;
}

#ot-main-box h2.green {
  color: #fff;
  font-size: 110%;
  padding: 6px;
  margin: 0;
  background-image: url(../images/common/bg-green.png);
  background-repeat: repeat-y;
}

#header p.name {
  padding: 5px 0;
  margin: 0;
}

#pankuzu,.B_crumbBox {
  background-color: #fff;
  width: 760px;
  font-size: 85%;
  padding: 5px 10px;
  margin: 0;
}

#course-box-01-02,.course-box-01-02 {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  background-image: url(../images/common/line-stripe-eee-540.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.course-box {
  font-size: 79%;
  width: 260px;
  padding: 0;
  margin: 0;;
}

#course-box-01,.course-box-01 {
  float: left;
}

#course-box-02,.course-box-02 {
  float: right;
  padding: 0 0 20px 0;
}

#course-box-03 {
  float: left;
}

#course-box-04 {
  float: right;
  padding: 0 0 20px 0;
}

.course-box .boxinner-left {
  float: left;
  width: 125px;
  padding: 0 5px 0 0;
  margin: 0;
}

.course-box .boxinner-right {
  float: right;
  width: 130px;
  padding: 0;
  margin: 0;
}

.course-box img {
  vertical-align: middle;
  margin: 0;
  padding: 0 2px;
}

.course-box ul {
  padding: 10px 0 0 0;
  margin: 0;
  list-style-type: none;
}

.course-box li {
  background-position: 2px 5px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 12px;
}

.course-box li.left,.course-box li.right {
  width: 118px;
}

.course-box .yellow li,.course-box li.yellow {
  background-image: url(../images/common/yellow-arrow.png);
}

.course-box .lightblue li,.course-box li.lightblue {
  background-image: url(../images/common/lightblue-arrow.png);
}

.course-box .lightgreen li,.course-box li.lightgreen {
  background-image: url(../images/common/lightgreen-arrow.png);
}

.course-box .pink li,.course-box li.pink {
  background-image: url(../images/common/pink-arrow.png);
}

.course-box p {
  clear: both;
  margin: 0;
  padding: 0 0 0 12px;
  background-position: 0 3px;
  background-repeat: no-repeat;
}

.course-box .yellow p,.course-box p.yellow {
  background-image: url(../images/common/yellow-next-circle-arrow.png);
}

.course-box .lightblue p,.course-box p.lightblue {
  background-image: url(../images/common/lightblue-next-circle-arrow.png);
}

.course-box .lightgreen p,.course-box p.lightgreen {
  background-image: url(../images/common/lightgreen-next-circle-arrow.png);
}

.course-box .pink p,.course-box p.pink {
  background-image: url(../images/common/pink-next-circle-arrow.png);
}

/**
 * #ot-right-menu
 */
#ot-right-menu {
  background-color: #f7f7f7;
  float: right;
  width: 200px;
  padding: 0 0 50px 0;
  margin: 0;
}

#ot-topics-list-box {
  padding: 5px 0 0 0;
  margin: 0 0 10px 0;
}

#ot-topics-list-box dd {
  padding: 0 0 8px 0;
  margin: 0;
}

#ot-topics-list-box dt img {
  vertical-align: middle;
  padding: 0 4px;
  margin: 0;
}

/**
 * #course-right-menu
 */
#course-right-menu {
  font-size: 85%;
}

#course-right-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#course-right-menu li {
  padding: 0;
  margin: 0;
  width: 200px;
}

#course-right-menu ul ul {
  display: none;
}

#course-right-menu .active ul {
  display: block !important;
}

#course-right-menu li li {
  padding: 0;
  margin: 0;
}

#course-right-menu a {
  padding: 5px 10px 5px 22px;
  margin: 0;
  display: block;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
}

#course-right-menu .marineblue a,#course-right-menu a.marineblue {
  background-image: url(../images/common/marineblue-arrow-bg.png);
}

#course-right-menu .yellow a,#course-right-menu a.yellow {
  background-image: url(../images/common/yellow-arrow-bg.png);
}

#course-right-menu .lightblue a,#course-right-menu a.lightblue {
  background-image: url(../images/common/lightblue-arrow-bg.png);
}

#course-right-menu .lightgreen a,#course-right-menu a.lightgreen {
  background-image: url(../images/common/lightgreen-arrow-bg.png);
}

#course-right-menu .pink a,#course-right-menu a.pink {
  background-image: url(../images/common/pink-arrow-bg.png);
}

#course-right-menu .green a,#course-right-menu a.green {
  background-image: url(../images/common/green-arrow-bg.png);
}

#course-right-menu .darkpink a,#course-right-menu a.darkpink {
  background-image: url(../images/common/red-arrow-bg.png);
}

#course-right-menu li li a {
  padding: 5px 10px 5px 28px;
}

#course-right-menu li.marineblue li a,#course-right-menu li li a.marineblue {
  background-image: url(../images/common/marineblue-arrow-bg-2.png);
}

#course-right-menu li.yellow li a,#course-right-menu li li a.yellow {
  background-image: url(../images/common/yellow-arrow-bg-2.png);
}

#course-right-menu li.lightblue li a,#course-right-menu li li a.lightblue {
  background-image: url(../images/common/lightblue-arrow-bg-2.png);
}

#course-right-menu li.lightgreen li a,#course-right-menu li li a.lightgreen {
  background-image: url(../images/common/lightgreen-arrow-bg-2.png);
}

#course-right-menu li.pink li a,#course-right-menu li li a.pink {
  background-image: url(../images/common/pink-arrow-bg-2.png);
}

#course-right-menu li.green li a,#course-right-menu li li a.green {
  background-image: url(../images/common/green-arrow-bg-2.png);
}

#course-right-menu li.darkpink li a,#course-right-menu li li a.darkpink {
  background-image: url(../images/common/red-arrow-bg-2.png);
}

#course-right-menu a:hover,#course-right-menu .current a {
  background-color: #ffffff;
  background-position: -200px 0;
}


/**
 * #about-right-menu
 */
#about-right-menu {
  font-size: 85%;
}

#about-right-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

#about-right-menu li {
  padding: 0;
  margin: 0;
  width: 200px;
}

#about-right-menu ul ul {
  display: none;
}

#about-right-menu .active ul {
  display: block !important;
}

#about-right-menu li li {
  padding: 0;
  margin: 0;
}

#about-right-menu a {
  padding: 5px 10px 5px 22px;
  margin: 0;
  display: block;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
}

#about-right-menu .green a,#about-right-menu a.green {
  background-image: url(../images/common/green-arrow-bg.png);
}

#about-right-menu li li a {
  padding: 5px 10px 5px 28px;
}

#about-right-menu li.green li a,#about-right-menu li li a.green {
  background-image: url(../images/common/green-arrow-bg-2.png);
}

#about-right-menu a:hover,#about-right-menu .current a {
  background-color: #ffffff;
  background-position: -200px 0;
}


/**
 * #topics-right-menu
 */
#topics-right-menu {
  font-size: 85%;
}

#topics-right-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

#topics-right-menu li {
  padding: 0;
  margin: 0
}

#topics-right-menu a {
  padding: 0;
  margin: 0;
  display: block;
}

#topics-right-menu a {
  padding: 5px 10px 5px 22px;
  margin: 0;
  background-image: url(../images/common/green-arrow-bg.png);
  background-color: #f7f7f7;
  background-repeat: no-repeat;
}

#topics-right-menu a:hover {
  background-color: #ffffff;
  background-position: -200px 0;
}




/**
 * #life-right-menu
 */
#life-right-menu {
  font-size: 85%;
}

#life-right-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

#life-right-menu li {
  padding: 0;
  margin: 0;
  width: 200px;
}

#life-right-menu ul ul {
  display: none;
}

#life-right-menu .active ul {
  display: block !important;
}

#life-right-menu li li {
  padding: 0;
  margin: 0;
}

#life-right-menu a {
  padding: 5px 10px 5px 22px;
  margin: 0;
  display: block;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
}

#life-right-menu .green a,#life-right-menu a.green {
  background-image: url(../images/common/green-arrow-bg.png);
}

#life-right-menu li li a {
  padding: 5px 10px 5px 28px;
}

#life-right-menu li.green li a,#life-right-menu li li a.green {
  background-image: url(../images/common/green-arrow-bg-2.png);
}

#life-right-menu a:hover,#life-right-menu .current a {
  background-color: #ffffff;
  background-position: -200px 0;
}


#quick-2 {
  padding: 20px 0 0;
  margin: 15px 10px 0;
  background-image: url(../images/common/line-stripe-eee-02.png);
  background-repeat: repeat-x;
  background-position: left top;
}

#quick-2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#quick-2 li {
  padding: 0;
  margin: 2px 0;
}

#quick-2 li {
  padding: 0;
  margin: 2px 0;
}

#quick-2 a {
  display: block;
  width: 180px;
  height: 24px;
  text-indent: -1000px;
  overflow: hidden;
}

#quick-2 a.course-01 {
  background-image: url(../images/right/bt-course-01.png);
}

#quick-2 a.course-02 {
  background-image: url(../images/right/bt-course-02.png);
}

#quick-2 a.course-03 {
  background-image: url(../images/right/bt-course-03.png);
}

#quick-2 a.course-04 {
  background-image: url(../images/right/bt-course-04.png);
}

#quick-2 a:hover {
  background-position: 0 -24px;
}

#quick-3 {
  padding: 20px 0 0;
  margin: 0 10px;
  background-repeat: repeat-x;
  background-position: left top;
}

#quick-3 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#quick-3 li {
  padding: 0;
  margin: 2px 0;
}

#quick-3 li {
  padding: 0;
  margin: 2px 0;
}

#quick-3 a {
  display: block;
  width: 180px;
  height: 24px;
  text-indent: -1000px;
  overflow: hidden;
}

#quick-3 a.course-01 {
  background-image: url(../images/right/bt-course-01.png);
}

#quick-3 a.course-02 {
  background-image: url(../images/right/bt-course-02.png);
}

#quick-3 a.course-03 {
  background-image: url(../images/right/bt-course-03.png);
}

#quick-3 a.course-04 {
  background-image: url(../images/right/bt-course-04.png);
}

#quick-3 a:hover {
  background-position: 0 -24px;
}

#quick-4 {
  padding: 0px 0px 0px 0px;
  margin: 10px 10px 10px 10px;
}

#quick-4 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/**
 * #ot-main-box-2
 */
#ot-main-box-2 {
  float: left;
  width: 540px;
  padding: 20px 20px 50px 20px;
  margin: 0;
  background-color: #ffffff;
}

#ot-main-box-2 h2 {
  padding: 0 0 6px 0;
  margin: 0;
  background-image: url(../images/common/line-dash-aaa.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#ot-main-box-2 h2.green {
  color: #fff;
  font-size: 110%;
  padding: 6px;
  margin: 0;
  background-image: url(../images/common/bg-green.png);
  background-repeat: repeat-y;
}

#ot-main-box-2 h3 {
  padding: 6px 6px 4px 6px;
  margin: 0;
  background-repeat: repeat-y;
  font-size: 110%;
}

#ot-main-box-2 h3.t-green {
  color: #66bb66;
  padding: 10px 0;
  margin: 0;
  font-size: 100%;
}

#ot-main-box-2 h3.yellow {
  color: #fff;
  background-color: #ff9900;
  background-image: url(../images/common/bg-yellow.png);
}

#ot-main-box-2 h3.green {
  color: #fff;
  background-color: #66bb66;
  background-image: url(../images/common/bg-green.png);
}

#ot-main-box-2 h3.lightblue {
  color: #fff;
  background-color: #66aaee;
  background-image: url(../images/common/bg-lightblue.png);
}

#ot-main-box-2 h3.lightgreen {
  color: #fff;
  background-color: #66aaee;
  background-image: url(../images/common/bg-lightgreen.png);
}

#ot-main-box-2 h3.marineblue {
  color: #fff;
  background-color: #66aaee;
  background-image: url(../images/common/bg-marineblue.png);
}

#ot-main-box-2 h3.pink {
  color: #fff;
  background-color: #66aaee;
  background-image: url(../images/common/bg-pink.png);
}

.catch-yellow {
  padding: 10px 0 0 0;
  margin: 0;
  color: #ff9900;
  font-size: 120%;
}

.catch-green {
  padding: 10px 0 0 0;
  margin: 0;
  color: #55aa33;
  font-size: 120%;
}

.catch-lightblue {
  padding: 10px 0 0 0;
  margin: 0;
  color: #66aaee;
  font-size: 120%;
}

.catch-lightgreen {
  padding: 10px 0 0 0;
  margin: 0;
  color: #88bb44;
  font-size: 120%;
}

.catch-marineblue {
  padding: 10px 0 0 0;
  margin: 0;
  color: #66ccee;
  font-size: 120%;
}

.catch-pink {
  padding: 10px 0 0 0;
  margin: 0;
  color: #eeaabb;
  font-size: 120%;
}

#ot-main-box-2 h3 img {
  padding: 0 6px 0 0;
  margin: 0;
  vertical-align: middle;
}

.honbun-left-420 {
  float: left;
  width: 420px;
  padding: 10px 20px 0 0;
  margin: 0;
}

.honbun-right-100 {
  float: right;
  width: 100px;
  padding: 10px 0 0 0;
  margin: 0;
}

.honbun-right-100 p.p-neme {
  width: 100px;
  padding: 8px 0 0 0;
  margin: 0;
  text-align: center;
  font-size: 79%;
}

.honbun {
  padding: 15px 0 0 0;
}

.honbun-right-228 {
  float: right;
  width: 228px;
  margin: 0 0 0 20px;
}

.honbun-right-228 img {
  width: 228px;
  padding: 2px 0;
  margin: 0;
}

.honbun-right-160 {
  float: right;
  width: 160px;
  margin: 0 0 0 20px;
}

.honbun-right-160 img {
  width: 160px;
  padding: 2px 0;
  margin: 0;
}

.list-course {
  padding: 0;
  margin: 0;
}

.list-course ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.list-course li {
  float: left;
  font-size: 85%;
  background-position: 0 5px;
  background-repeat: no-repeat;
  margin: 0 0 0 0;
  padding: 0 10px 0 8px;
}

.list-course li.yellow,.list-course .yellow li {
  background-image: url(../images/common/yellow-arrow.png);
}

.list-course li.marineblue,.list-course .marineblue li {
  background-image: url(../images/common/marineblue-arrow.png);
}

.list-course li.green,.list-course .green li {
  background-image: url(../images/common/green-arrow.png);
}

.list-course li.lightblue,.list-course .lightblue li {
  background-image: url(../images/common/lightblue-arrow.png);
}

.list-course li.lightgreen,.list-course .lightgreen li {
  background-image: url(../images/common/lightgreen-arrow.png);
}

.list-course li.pink,.list-course .pink li {
  background-image: url(../images/common/pink-arrow.png);
}

.list-course li.marineblue,.list-course .marineblue li {
  background-image: url(../images/common/marineblue-arrow.png);
}

#catch {
  padding: 30px 0 20px 0;
  margin: 0;
}

.linkbg {
  padding: 7px;
  margin: 0;
  background-color: #f7f7f7;
}

.linkbg img {
  float: left;
  vertical-align: middle;
  margin: 0;
  padding: 2px 15px 0 0;
}

.linkbg ul {
  float: left;
  font-size: 85%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.linkbg li {
  margin: 0;
  padding: 0 10px 0 12px;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

.linkbg p {
  font-size: 85%;
  margin: 0;
  padding: 0 10px 0 12px;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

.linkbg li.yellow,.linkbg .yellow li,.linkbg .yellow p {
  background-image: url(../images/common/yellow-next-circle-arrow-2.png);
}

.linkbg li.marineblue,.linkbg .marineblue li,.linkbg .marineblue p {
  background-image: url(../images/common/marineblue-next-circle-arrow-2.png);
}

.linkbg li.green,.linkbg .green li,.linkbg .green p {
  background-image: url(../images/common/green-next-circle-arrow-2.png);
}

.linkbg li.lightblue,.linkbg .lightblue li,.linkbg .lightblue p {
  background-image: url(../images/common/lightblue-next-circle-arrow-2.png);
}

.linkbg li.lightgreen,.linkbg .lightgreen li,.linkbg .lightgreen p {
  background-image: url(../images/common/lightgreen-next-circle-arrow-2.png);
}

.linkbg li.pink,.linkbg .pink li,.linkbg .pink p {
  background-image: url(../images/common/pink-next-circle-arrow-2.png);
}

.linkbg li.darkpink,.linkbg .darkpink li,.linkbg .darkpink p {
  background-image: url(../images/common/red-next-circle-arrow-2.png);
}

.stripe-box {
  padding: 0 0 30px 0;
  margin: 0 0 20px 0;
  background-image: url(../images/common/line-stripe-eee.png);
  background-repeat: repeat-x;
  background-position: bottom;
  overflow:hidden;
}

.stripe-box-2 {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  background-image: url(../images/common/line-stripe-eee.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#topic-t-menu {
  padding: 0;
  margin: 10px 0;
  font-size: 82%;
}

#topic-t-menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#topic-t-menu li {
  float: left;
  padding: 0;
  margin: 0;
  border-right: 1px solid #55aa33;
  line-height: 1;
}

#topic-t-menu a {
  color: #55aa33;
  display: block;
  padding: 2px 6px 2px 6px;
  margin: 0;
}

#topic-t-menu .active a,
#topic-t-menu a:hover {
  background-color: #ffffcc;
}

/**
 * topic-honbun
 */
#topic-honbun {
  padding: 15px 0 0 0;
  margin: 0;
}

#topic-honbun p {
  padding: 0 0 1em 0;
  margin: 0;
}

#topic-honbun p.just {
  padding: 0;
  margin: 0;
}

.topic-honbun-list ul,#topic-honbun ul {
  padding: 5px 0;
  margin: 0;
  list-style-type: none;
}

.topic-honbun-list li,#topic-honbun li {
  padding: 0 0 10px 16px;
  margin: 0;
  background-image: url(../images/common/green-circle.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

.topic-honbun-box,blockquote {
  padding: 10px;
  margin: 0em 0em 1em 0em;
  background-color: #f7f7f7;
  font-size: 85%;
}

/**
 * arrow
 */
.d-line {
  clear: both;
  padding: 10px 0 10px 0;
  margin: 10px 0 0 0;
  background-image: url(../images/common/line-dash-aaa.png);
  background-repeat: repeat-x;
  background-position: top;
}

.back {
  line-height: 0.5;
  text-align: right;
  position: relative;
  top: -18px;
  font-size: 85%;
}

.back a {
  color: #666666 !important;
  padding-left: 10px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-image: url(../images/common/gray-back-circle-arrow.png);
}

.back-2,ot-main-box-2 .back {
  line-height: 0.5;
  text-align: right;
  position: relative;
  top: -21px;
  font-size: 85%;
}

.back-2 a,ot-main-box-2 .back {
  color: #666666 !important;
  padding-left: 10px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-image: url(../images/common/gray-back-circle-arrow.png);
}

.marineblue-go {
  text-align: right;
  position: relative;
  top: -17px;
  font-size: 85%;
}

.marineblue-go a {
  color: #666666 !important;
  padding-left: 10px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-image: url(../images/common/marineblue-next-circle-arrow.png);
}




.gaiyou-green-go {
  text-align: right;
  position: relative;
  top: -17px;
  font-size: 85%;
}

.gaiyou-green-go a {
  color: #666666 !important;
  padding-left: 10px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-image: url(../images/common/green-next-circle-arrow.png);
}





.green-go-left {
  font-size: 85%;
  float: left;
}

.green-go-left a {
  color: #666666 !important;
  background-image: url(../images/common/green-back-circle-arrow.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding: 0 0 0 12px;
  margin: 0;
}

.green-go-right {
  font-size: 85%;
  float: right;
}

.green-go-right a {
  color: #666666 !important;
  background-image: url(../images/common/green-next-circle-arrow.png);
  background-repeat: no-repeat;
  background-position: right 3px;
  padding: 0 12px 0 0;
  margin: 0;
}

/**
 * table
 */
.honbun table {
  margin-left: 1px;
  width: 99%;
}

.honbun td,.honbun th {
  padding: 5px;
  border: 1px solid #ccc;
}

.honbun .head th {
  font-weight: bold;
}

.honbun th {
  text-align: center;
}

.honbun .head th {
  background-color: #FFCC55;
}

.honbun th {
  background-color: #FFEE99;
}

.honbun.yellow .head th {
  background-color: #FFCC55;
}

.honbun.yellow th {
  background-color: #FFEE99;
}

.honbun.green .head th {
  background-color: #FFCC55;
}

.honbun.green th {
  background-color: #FFEE99;
}

.honbun.lightblue .head th {
  background-color: #88bbee;
}

.honbun.lightblue th {
  background-color: #ddeefa;
}

.honbun.lightgreen .head th {
  background-color: #aad677;
}

.honbun.lightgreen th {
  background-color: #eef7dd;
}

.honbun.marineblue .head th {
  background-color: #FFCC55;
}

.honbun.marineblue th {
  background-color: #FFEE99;
}

.honbun.pink .head th {
  background-color: #ffbbcc;
}

.honbun.pink th {
  background-color: #ffdddd;
}

.examination table {
	width: 530px;
	border: 1px solid #cccccc;
	margin: 10px 2px;
}

.honbun.green .examination th {
	background-color: #99cc67;
	color: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
}

.honbun.green .examination td {
	border: 1px solid #cccccc;
	text-align: center;
}

.honbun.green .examination-left td {
	border: 1px solid #cccccc;
	text-align: center;
}


/**
 * 子どもカリキュラム
 */
#id-03-4-1-curriculum-01 {
  margin-top: 10px;
  float: left;
}

#id-03-4-1-curriculum-02 {
  margin-top: 10px;
  float: right;
}

#id-03-4-1-curriculum-03,#id-03-4-1-curriculum-04,#id-03-4-1-curriculum-05,#id-03-4-1-curriculum-06,#id-03-4-1-curriculum-07 {
  background-color: #ffffdd;
  padding: 10px;
  font-size: 85%;
}

#id-03-4-1-curriculum-06,#id-03-4-1-curriculum-07 {
  background-color: #ffffdd;
  padding: 10px;
  font-size: 85%;
}

#id-03-4-1-curriculum-04 {
  width: 290px;
  float: left;
}

#id-03-4-1-curriculum-05 {
  width: 200px;
  float: right;
}

#id-03-4-1-curriculum-06 {
  float: left;
  width: 245px;
  background-color: #ddeeee;
}

#id-03-4-1-curriculum-07 {
  float: right;
  width: 245px;
  background-color: #ddeedd;
}

#id-03-4-1-curriculum-03 p,#id-03-4-1-curriculum-04 p,#id-03-4-1-curriculum-05 p,#id-03-4-1-curriculum-06 p,#id-03-4-1-curriculum-07 p {
  display: block;
  margin-bottom: 10px;
}

#id-03-4-1-curriculum-03 span,#id-03-4-1-curriculum-04 span,#id-03-4-1-curriculum-05 span {
  color: #eeaabb;
}

#id-03-4-1-curriculum-06 span,#id-03-4-1-curriculum-07 span {
  color: #66aabb;
}

#id-03-4-1-curriculum-03 ul,#id-03-4-1-curriculum-04 ul,#id-03-4-1-curriculum-05 ul,#id-03-4-1-curriculum-06 ul,#id-03-4-1-curriculum-07 ul {
  float: left;
  list-style: none;
  margin-right: 10px;
}

#id-03-4-1-curriculum-06 li,#id-03-4-1-curriculum-07 li {
  float: left;
  list-style: none;
  margin-right: 10px;
}

.c03-4-1-box {
  width: 140px;
  margin-left: 10px;
}

/**
 *
 */
#id-03-5-time-table-1 {
  width: 360px;
  float: left;
  margin: 15px 0;
}

#id-03-5-time-table-1 th {
  font-size: 85%; background-color : #fc5;
  text-align: center;
  background-color: #fc5;
}

#id-03-5-time-table-1 td {
  font-size: 85%;
  background-color: #fe9;
  text-align: center;
}

#id-03-5-time-table-2 {
  width: 160px;
  float: right;
  margin: 15px 0;
}

#id-03-5-time-table-2 th {
  font-size: 85%;
  background-color: #b7b;
  text-align: center;
}

#id-03-5-time-table-2 td {
  font-size: 85%;
  background-color: #ede;
  text-align: center;
}

.circle li {
  background-position: 0 2px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 10px 16px;
}

.marineblue .circle li {
  background-image: url(../images/common/marineblue-circle.png);
}

.exam-square {
	color: #99cc65;
}

.exam-round {
	color: #56a933;
}

.exam-links {
	width: 530px;
	margin-top: 10px;
	background-color: #f7f7f7;
}

.exam-links li {
	padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(../images/common/green-next-circle-arrow.png) no-repeat 10px 10px;
}

.career_schedule {
}

.career_schedule h4 {
    margin-top: 10px;
}

.career_schedule table {
    width: 99%;
    font-size: 85.7%;
}

.career_schedule th {
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
    text-align: center;
}

.career_schedule td {
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
}

.career_schedule td.th {
    text-align: center;
    vertical-align: middle;
    width: 5em;
}

.career_schedule .pink {
}

.career_schedule .pink th {
    color: #fff;
    background-color: #ff9999;
}

.career_schedule .pink td.th {
    background-color: #ffeeee;
}

.career_schedule .pink span {
    color: #ff9999;
}

.career_schedule .lightblue {
}

.career_schedule .lightblue th {
    color: #fff;
    background-color: #88ccff;
}

.career_schedule .lightblue td.th {
    background-color: #eef7ff;
}

.career_schedule .lightblue span {
    color: #88ccff;
}

.career_schedule .orange {
}

.career_schedule .orange th {
    color: #fff;
    background-color: #ffbb66;
}

.career_schedule .orange td.th {
    background-color: #ffffdd;
}

.career_schedule .orange span {
    color: #ffbb66;
}