@charset "UTF-8";

/*--------------------------------------------------

MENU

--------------------------------------------------*/

#MENU {
  background: url(../img/bg_menu.jpg) repeat-x;
  height: 48px;
}


/*--------------------------------------------------

CONTENT

--------------------------------------------------*/

#BODY .frame {
  width: 960px;
  margin: 0 auto;
  *zoom: 1;
}

#BODY .frame:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#PATH {
  margin: 10px 0;
  *zoom:1;
}
#PATH:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#PATH li {
  float: left;
}
#PATH li:before {
  content: '>';
  margin: 0 5px;
}
#PATH li:first-child:before {
  content: none;
}

#MAIN {
  float: left;
  width: 700px;
  margin: 0 auto;
}
#CONTENT {
  float: left;
  width: 660px;
}
#title {
  min-height: 58px;
  border-left: 10px solid #1e4a8c;
  margin-bottom: 20px;
  position: relative;
}

#title h1 {
  font-size: 28px;
  padding: 10px 20px 5px 20px;;
  color: #1e4a8c;
}

#CONTENT .info h2,
#CONTENT .access-info h2  {
  font-size: 16px;
  background:url(../img/head2.jpg) no-repeat left top;
  width: 660px;
  height:30px;
  margin-top:20px;
  padding:10px;
  text-shadow: 1px 1px 3px #fff;
  /* color: #515151; */
}
#CONTENT .info h3 {
  font-size: 14px;
  margin-top:20px;
}
#CONTENT .info > .inblock {
	padding: 0 20px;
}

#CONTENT .info > .inblock > ul {
	margin: 3px 0 0 20px;
}
#CONTENT .info > .inblock > ul li {
	padding: 2px 0;
}

#CONTENT .topics h2 {
  font-size: 16px;
  width: 640px;
  height:30px;
  padding:0 0 0 10px;
  border-bottom: 2px solid #303f61;
}

#CONTENT .con-text > p {
  text-indent: 1em;
}

#CONTENT .thumnbs,
#CONTENT .tphotos {
  width: 660px;
  margin-top: 1em;
}
#CONTENT .thumnbs li {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 210px;
  margin: 0 0 10px 5px;
}
#CONTENT .thumnbs li .photo,
#CONTENT .tphotos li .photo {
   padding: 5px; 
}
#CONTENT .thumnbs li:first-child .photo {
  margin-left: 0;
}

#CONTENT .caption {
  padding: 0 6px;
  text-align: center;
  color: #676767;
}

#CONTENT .tphotos li {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 300px;
  margin: 0 0 10px 20px;
}

#CONTENT .con-list {
  margin-left: 20px;
  list-style-type: decimal;
  list-style-position: inside;
}
#CONTENT .con-list li {
  clear: both;
}
#CONTENT .con-list img {
  float: right;
}

#CONTENT div.topics {
  margin-bottom: 20px;
  padding: 5px;
  /* border-bottom: 2px solid #303f61; */
}

#CONTENT div.topics > p {
  display: block;
  text-align: center;
  margin: 10px;
  padding: 10px 0;
}

#CONTENT dl.topics {
  width: 620px;
  margin: 10px 0 0 20px;
}

#CONTENT dl.topics a:link,
#CONTENT dl.topics a:visited,
#CONTENT dl.topics a:active {
  /* color: #d21928; */
}

#CONTENT dl.topics dt {
  float: left;
  width: 9em;
  padding: 7px 0;
  text-indent: 1.5em;
  background:url(../img/icn_arrow.png) no-repeat 7px center;
}

#CONTENT dl.topics dd {
  padding: 7px 0 7px 9em;
  border-bottom: 1px solid #d4cbb4;
}
#CONTENT .con-info, .con-table {
  margin-left: 20px;
}
#CONTENT .con-info th {
  text-align: left;
  width: 50px;
}
#CONTENT .con-table {
  width: 620px;
  margin-top: 10px;
/*  border: 1px solid #333;*/
}
#CONTENT .con-table th, .con-table td {
  padding: 10px;
  border: 1px solid #333;
/*  background-color: #f8f8f9;*/
}
#CONTENT .con-table th {
/*  text-align: left;*/
  background-color: #dcdce3;
  font-weight: normal;
}

#CONTENT dl.info {
  margin: 5px 0 0 20px;
}
#CONTENT dl.info dt {
  float: left;
}
#CONTENT dl.info dd {
  padding-left: 10em; 
}
#CONTENT dl.info dd.month {
  padding-left: 0; 
  float: left;
  text-align: right;
  width: 3em;
}
#CONTENT dl.info dd.item {
  padding-left: 3em; 
}

#CONTENT table.info {  
  margin-left: 20px;
}

#CONTENT table.info tr {
  vertical-align: top;
}
#CONTENT table.info th {
  text-align: left;
  font-weight: normal;
  width: 8em;
}
#CONTENT table.info th:after {
  content: '：';
  float: right;
}
#CONTENT dl.list-01 {
  margin: 5px 0 0 20px;
}
#CONTENT dl.list-01 dt {
/*  padding-left: 1em;*/
}
#CONTENT dl.list-01 dd {
  padding: 2px 0 5px 1.5em;
}

#CONTENT .list-01 ul {
  list-style-type: disc;
  list-style-position: inside;
}

#CONTENT .list-01 li {
  padding: 2px 0;
}

#CONTENT dl.list-01 > dl {
  margin: 5px 0 0 1em;
}

#CONTENT .photo-block {
  width: 500px;
}
#CONTENT .photo-block li {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 230px;
  margin: 0 0 10px 5px;
}
#CONTENT .photo-block li .photo {
  padding: 10px 20px 0 20px;
}
#CONTENT .photo-block li:first-child .photo {
  margin-left: 0;
}

#CONTENT .info-block {
  border: 1px solid #999;
  float: left;
  width: 630px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
#CONTENT .info-block > .left-pane {
  float: left;
  width: 300px;
}
#CONTENT .info-block > .right-pane {
  float: right;
  text-align: center;
}

#CONTENT .info-block > h2 {
  font-size: 20px;
  color: #00aecd;
  margin: 5px 0 5px 0;
}

#CONTENT .info-block p {
  margin-left: 20px;
}
#CONTENT .info-block .subtitle {
  font-weight: bold;
  margin-bottom: 5px;
}

#CONTENT .info-block .logo {
  vertical-align: middle;
}

#CONTENT .info-block dl.info dd {
  padding-left: 3em; 
}

span.logo-g {
  color: #7BA823;
  font-weight: bold;
}

span.sup {
  vertical-align:super;
}

/*--------------------------------------------------
	アクセス
--------------------------------------------------*/
#CONTENT .access-info > .left-pane {
  float: left;
  width: 300px;
  margin-left: 20px;
}
#CONTENT .access-info > .right-pane {
  float: right;
}

#CONTENT .access-info > h3, .access-info > p {
  margin-left: 20px;
}

#CONTENT .access-info  > .left-pane > h3 {
  padding-bottom: 5px;
}

#CONTENT .access-info  > .left-pane > p {
  padding-bottom: 20px;
}

#CONTENT .map,
#CONTENT .inmap {
  width: 660px;
  display: block;
  margin: 20px auto;
  text-align: center;
}
#CONTENT .inmap {
  width: 640px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}

#CONTENT .map img {
  border: 1px solid #333;
}

#CONTENT .left-pane > .map, #CONTENT .right-pane > .map {
  width: 300px;
  margin: 10px 10px 0 0;
}

#CONTENT .access-block {
  *zoom: 1;
 /* color: #666;*/
  height: auto;
  margin: 10px 0 20px 20px;
}

#CONTENT .access-block:after {
  clear: both;
}
#CONTENT .access-block:before, #CONTENT .access-block:after {
  content: ' ';
  display: table;
}

#CONTENT .access-block > * {
  border: 1px dashed #9b9b9b;
  border-left: none;
  border-right: none;
  width: 300px;
  padding: 0 0 10px 20px;
  margin-left: 20px;
}

#CONTENT .access-block h3 {
  font-size: 14px;
  margin-top: 1em;
  margin-bottom: 3px;
}

#CONTENT .access-block > .left-pane {
  display: table-cell;
  padding-left: 0px;
}
#CONTENT .access-block > .right-pane {
  display: table-cell;
}

#CONTENT .access-info .pdf {
  clear: both;
  margin-top: 5px;
  vertical-align: bottom;
}

#CONTENT .access-info .pdf img {
  margin: 0 5px 0 0;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

#CONTENT .download {
  margin-left: 30px;
}

#CONTENT .list-01-out ul {
}

#CONTENT .list-01-out li {
  text-indent: -1em;
  padding-top: 5px;
  padding-left: 1em;
  line-height: 1.7;
}

#CONTENT .list-01-out li:before {
  content: '・';
}

/*--------------------------------------------------
	環境技術
--------------------------------------------------*/
#CONTENT .exp {
  width: 640px;
  margin-left: 20px;
}

#CONTENT .exp > .left-pane {
  float: left;
  width: 300px;
}
#CONTENT .exp > .right-pane {
  float: right;
}

#CONTENT .exp .pht {
  display: block;
  margin: 10px;
  text-align: center;
  vertical-align: bottom;
}

#CONTENT .exp:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#CONTENT .exp ul.list-c {
  margin: 5px 0 0 5px;
}

#CONTENT .exp ul.list-c li {
  text-indent: -1em;
  padding-top: 2px;
  padding-left: 1em;
}

#CONTENT .exp ul.list-c li:before {
  content: '○';
}

#CONTENT .exp ul.list-c li.lf {
  float: left;
  width: 300px;
  clear: left;
}

#CONTENT .notes {
  margin-top:10px;
}
#CONTENT .notes dt,
#CONTENT .notes dd {
  font-size: 80%;
}
#CONTENT .notes dd {
  margin-left: 1em;
}
#CONTENT .env-block {
  margin: 30px 0;
  clear:both;
}
#CONTENT .env-block > .left-pane {
  float: left;
  width: 230px;
  border: 1px solid #333;
}
#CONTENT .env-block > .right-pane {
  float: right;
  width: 410px;
}
#CONTENT .env-block h3 {
   color: #00aecd;
   width: 320px;
   margin: 5px 0 5px 0;
}
#CONTENT .env-block p {
   color: #898989;
}
#CONTENT .env-block:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

/*--------------------------------------------------
	施設紹介
--------------------------------------------------*/
#CONTENT .floor-block {
  margin: 30px 0;
  clear:both;
}
#CONTENT .floor-block > .left-pane {
  float: left;
  width: 210px;
}
#CONTENT .floor-block > .right-pane {
  float: right;
  width: 430px;
}
#CONTENT .floor-block h2 {
  font-size: 20px;
   color: #00aecd;
   margin: 5px 0 5px 0;
   padding-left: 45px;
}
#CONTENT .floor-block h2.f1 {
  background: url(../img/f1.gif) no-repeat left top;
}
#CONTENT .floor-block h2.f2 {
  background: url(../img/f2.gif) no-repeat left top;
}
#CONTENT .floor-block h2.f3 {
  background: url(../img/f3.gif) no-repeat left top;
}
#CONTENT .floor-block h2.f4 {
  background: url(../img/f4.gif) no-repeat left top;
}
#CONTENT .floor-block p {
   color: #898989;
   padding: 5px 0 0 0;
}
#CONTENT .floor-block:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#CONTENT .floor-block ul {
  margin: 5px 0 0 5px;
  font-size: 13px;
}

#CONTENT .floor-block li {
  text-indent: -1em;
  padding-top: 5px;
  padding-left: 1em;
}

#CONTENT .floor-block li:before {
  content: '・';
}


#CONTENT .floor-block .pht {
  text-align: center;
  vertical-align: bottom;
}


/*--------------------------------------------------

Local Navi

--------------------------------------------------*/

#ASIDE {
  float: right;
  width: 240px;
}
#sideMenu {
  width: 240px;
}
#sideMenu h5 {
  text-align: center;
  background: url(/img/side_head.png);
  padding: 18px 5px 0 5px;
  min-height: 38px;
  font-size: 14px;
  color: #fff;
  /* text-shadow: white 1px 1px 3px; */
}
#sideMenu a,
#sideMenu a:link,
#sideMenu a:visited,
#sideMenu a:active,
#sideMenu a:hover{
	color:#333;
	/* text-decoration:none; */
}
#sideMenu ul {
  font-size: 13px;
}
#sideMenu > ul {
  border-bottom: 1px solid #b5c1db;
}
#sideMenu ul li {
  background-color: #ececfc;
  /* text-indent: 1em; */
}

#sideMenu .upper > li {
  background-color: #f7f7fd; 
/*  border-bottom: 3px solid #008ba4;*/
  border: 1px solid #b5c1db;
/*  border-left: 1px solid #008ba4;*/
/*  border-bottom: 1px solid #b5c1db;*/
}

#sideMenu .upper > li > span {
/*  background:url(../img/icn_arrow_d.png) no-repeat 14px center; */
  display: block;
  padding: 2px 0;
  padding-left: 1em;
  margin: 0 3px;
}

#sideMenu ul li a {
  background:url(../img/icn_arrow.png) no-repeat 14px center;
  border-top: 1px solid #dbdad6;
  display: block;
  padding: 14px;
  padding-left: 28px;
  margin: 0 10px 0 3px;
}
#sideMenu ul.lower {
  padding-bottom: 0;
}
#sideMenu ul.lower > li {
 /* background-color: #f7f7fd; */
}
#sideMenu ul.lower li a {
  background:url(../img/icn_arrow.png) no-repeat 20px center;
  padding-right: 0;
  padding-left: 34px;
}

#sideMenu ul li.current {
  /* background-color: #cceef5; */
  color: #555;
  font-weight: bold;
}

.side-bnr {
  margin: 20px auto;
  text-align: center;
}
.side-bnr li {
  margin-bottom: 10px;
}
.side-bnr li img {
 /* border: 1px solid #CC9999;*/
}


/*--------------------------------------------------
リンクの無いサイドメニュー *2015/7/2追加
--------------------------------------------------*/
#sideMenu .disabled > a {
  color: #666;
}

#sideMenu .disabled > a:hover,
#sideMenu .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}