.body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #E4EFE6}
#all {  width:771px; height:100%; border: #000000 solid; border-width: 0px 1px 0px 0px; background-color: #CDE8D2}

/* 左部分 */
.subtitle { margin: 0px}
.selection { margin: 10px 0px 0px 0px; width: 135px}
.selection_backmini { background-color: #FFFFFF; padding: 5px; border: #5EA36B solid; border-width: 0px 1px 1px; margin-right: 5px; margin-left: 5px}
#selectionul {  list-style-type: none; margin: 0px; padding: 0px}
#selectionul li {  font-size: 10px; color: #FF0000; margin: 0px; padding: 0px; }
#selectionul a {  font-size: 10px; line-height: 14px; color: #000000; text-decoration: none}
#selectionul a:hover {  font-size: 10px; line-height: 14px; color: #33CC66; text-decoration: underline}
.selection_arrow {  margin: 0px 5px 0px 0px} 
.select {  font-size: 10px}

/* 環境学習コンテンツ目次ページ */
.index_back {  margin: 14px} 
.index_title {  margin: 0px 0px 0px 0px} 
.index_arrow {  margin: 0px 3px 0px 0px; vertical-align: middle} 
.index_arrow2 {  margin: 0px 3px 0px 10px; vertical-align: middle}
.indexul {  list-style-type: none; margin: 0px; padding: 0px}
.indexul li {  font-size: 10px; color: #000000; margin: 0px; padding: 0px; }
.index {  font-size: 10px; line-height: 18px; color: #000000; list-style-type: none; margin: 0px; padding: 10px; background-color: #FFFFFF; border: #5EA36B solid; border-width: 1px}
.index a {  font-size: 10px; line-height: 18px; color: #000000; text-decoration: none}
.index a:hover {  font-size: 10px; line-height: 18px; color: #33CC66; text-decoration: underline}

/* 環境学習コンテンツ・ナビゲーション部分 */
.navigation{ color: #498052; background-color: #FFFFFF; font-size: 10px; text-align:center; margin: 15px; padding: 2px; border: #3C6843 solid; border-width: 1px; position:absolute; width:270px; z-index:1; left: 459px; top: 443px}
.navigation_on {  font-size: 10px; line-height: 14px; color: #FF0000}
.navigation_off {  font-size: 10px; line-height: 14px; color: #CCCCCC}
.navigation a {  font-size: 10px; line-height: 14px; color: #000000; text-decoration: none}
.navigation a:hover {  font-size: 10px; line-height: 14px; color: #33CC66; text-decoration:underline}  
.navigation_arrow1 {  margin: 0px 3px 0px 0px; vertical-align: middle}
.navigation_arrow2 {  margin: 0px 3px 0px 10px; vertical-align: middle}
.navigation_arrow3 {  margin: 0px 3px 0px 10px; vertical-align: middle}

/* 環境学習コンテンツ部分 */
.main { margin: 10px 0px 0px 15px; width:600px}
.daytime {  font-size: 10px}
.map { margin: 10px 0px 0px 10px}
.contents { margin: 3px 0px 0px 0px}
.study_back { background-color: #FFFFFF; border: #5EA36B solid; border-width: 1px; margin: 0px 0px 11px 12px; width:610px; height:490px }
.study_back_aim { background-image: url(../images/study/back_aim.gif); margin-top:10px; padding-top:10px }
.study_back_aim2 { padding:10px }
.study_backpop { background-color: #FFFFFF; border: #5EA36B solid; border-width: 1px; margin: 15px 15px 0px 15px; width:500px; background-position: center}
.study_backpop2 { background-color: #FFFFFF; border: #5EA36B solid; border-width: 1px; margin: 15px 15px 0px 15px; width:580px; background-position: center}
.main_subtitle {  font-size: 12px; color: #FFFFFF; background-color: #5EA36B; margin: 1px 1px 1px 1px; padding: 3px}
.study_images { margin: 15px; }
.study_images2 { margin: 15px 0px 15px 15px; }
.maintext {  font-size: 12px; line-height: 18px; padding: 0px 15px 15px 15px}
.maintext p {  font-size: 12px; line-height: 18px; margin: 10px 0px 0px 0px}
.maintext2 {  font-size: 12px; line-height: 18px; margin: 0px 0px 5px 0px }
.maintext_midashi {  font-size: 14px; line-height: 18px; font-weight:bold; margin: 5px; color: #307056}
.maintext_fukidashi {  font-size: 10px; line-height: 16px; padding: 5px; background-color: #FFFFFF; border: #FF0000 solid; border-width: 1px 1px 1px 1px; position:absolute; width:250px; height:100px; z-index:2; left: 290px; top: 50px; visibility: hidden}
.maintext_fukidashi2 {  font-size: 10px; line-height: 16px; padding: 5px; background-color: #FFFFFF; border: #FF0000 solid; border-width: 1px 1px 1px 1px; position:absolute; z-index:3; width:230px; height:110px; left: 410px; top: 85px; visibility: hidden}
.study_images_right { float:right; margin: 0px 0px 0px 10px }
.maintext_left {  font-size: 12px; line-height: 18px; float:left}
.maintextsub {  font-size: 9px}
.maintext_s {  font-size: 10px; line-height: 14px; padding: 0px 10px 10px 10px}
.maintext_s2 {  font-size: 10px; line-height: 14px}
.maintext_bold {  font-size: 12px; font-weight:bold}
.maintext_bbold {  font-size: 12px; font-weight:bold; color: #0000FF}
.maintext_rbold {  font-size: 12px; font-weight:bold; color: #FF0000}
.maintext_gbold {  font-size: 12px; font-weight:bold; color: #5EA36B}
blockquote{  font-size: 10px; line-height: 14px; padding: 3px; border: #CCCCCC solid; border-width: 1px}
.close_image {  margin: 0px 3px 0px 0px; vertical-align: middle}
.close {  font-size: 10px; padding: 10px; width:500px}
.close a {  font-size: 10px; line-height: 14px; color: #000000; text-decoration: none}
.close a:hover {  font-size: 10px; line-height: 14px; color: #33CC66; text-decoration: underline}
#main_part1 { font-size: 12px; line-height: 18px; margin: 15px; width:260px}
#main_part2 { font-size: 12px; line-height: 18px; margin: 15px; width:260px}
.main_2part { margin: 15px 15px 20px 15px; width:578px; height:150px}
.main_2part2 { margin: 15px 15px 20px 15px; width:578px; height:200px}
#main_3part1 { margin: 0px 0px 10px 5px; background-color: #FFFFFF; width:186px; height:260px; padding: 5px;  border: 1px #5EA36B solid; border-width: 1px }
#main_3part2 { margin: 0px 0px 10px 5px; background-color: #FFFFFF; width:186px; height:260px; padding: 5px;  border: 1px #5EA36B solid; border-width: 1px }
#main_3part3 { margin: 0px 0px 10px 5px; background-color: #FFFFFF; width:186px; height:260px; padding: 5px;  border: 1px #5EA36B solid; border-width: 1px }
#maintext_minna {  font-size: 12px; line-height: 18px; padding: 5px 15px 15px 15px; width:500px}


/* 環境学習コンテンツ動画部分 */
.movie_comment { font-size: 12px; line-height: 18px; margin: 10px 0px 30px 10px}
.movie { width: 124px; padding: 1px; border: #666666 solid; border-width: 1px; margin: 0px 10px 3px 10px}
.movie_title { font-size: 12px; font-weight: bold; color: #5EA36B ; margin: 0px 10px 2px 10px}
.movie_time { font-size: 10px; margin: 0px 10px 15px 10px}
.movie_line { border: #CCCCCC solid; border-width: 0px 1px 0px 0px}
.movie_icon {margin: 5px; padding: 1px}
.selection_layout { margin-bottom: 10px}
.selection_title { font-size: 12px}
.selectionul {  list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px}
.selectionul li {  font-size: 10px; color: #FF0000; margin: 0px; padding: 0px; }
.selectionul a {  font-size: 10px; line-height: 14px; color: #000000; text-decoration: none}
.selectionul a:hover {  font-size: 10px; line-height: 14px; color: #33CC66; text-decoration: underline}
.media_layout {margin: 20px 20px 15px 20px}
.media_comment {font-size: 10px; line-height: 16px}
.player { margin: 0px 20px 20px 20px; padding: 5px 5px 5px 10px;  border: 1px #A5DDF4 solid; border-width: 1px; background-color: #DEF7F6 }
.player_index { margin: 130px 20px 20px 20px; padding: 5px 5px 5px 10px;  border: 1px #A5DDF4 solid; border-width: 1px; background-color: #DEF7F6 }
.player_images { margin: 0px 10px 0px 0px }
.player_text {  font-size: 10px; line-height: 16px }