@charset "utf-8";
/* CSS Document */

/* =========================================================
 main
========================================================= */
#main > h2+div, #main > h3+div {
	background: #fff;
	border-bottom: #eaead0 solid 1px;
	border-left: #eaead0 solid 1px;
	border-right: #eaead0 solid 1px;
	padding: 20px 19px 40px;
}
/* h
--------------------------------------------------------- */
#main > h2+div > h3, #main > h3+div h4 {
	margin-top: 30px;
}
#main > h2+div > h3:first-child, #main > h3+div h4:first-child {
	margin-top: 0px;
}

/* title
--------------------------------------------------------- */
*+.t-orange {
	margin-top: 30px;
}
.t-orange {
	background: url(../images/bg_dot.png) repeat-x bottom;
	color: #f67b29;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 16px;
}
.t-onsen {
	background: url(../images/title_onsen.png) no-repeat 0px bottom;
	color: #eb619d;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 16px;
}
.t-park {
	background: url(../images/title_park.png) no-repeat 0px bottom;
	color: #6f9512;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 16px;
}

/* text
--------------------------------------------------------- */
.comment {
	font-size: 12px;
	line-height: 120%;
}
.comment_r {
	font-size: 12px;
	line-height: 120%;
	text-align: right;
}
span.caption {
	display: block;
	font-size: 11px;
	line-height: 120%;
	margin-top: 10px;
	text-align: center;
}

/* box
--------------------------------------------------------- */
#read {
	margin: 0px auto 40px;
	width: 680px;
}
#read .text {
	float: left;
	padding-top: 10px;
	width: 370px;	
}
#read .photo {
	float: right;
	width: 300px;	
}
div.column2 > div.text {
	float: left;
	width: 450px
}
div.column2 > div.photo {
	float: right;
	width: 220px;
}
/* table
--------------------------------------------------------- */
table.table {
	margin-bottom: 20px;
}
table.table tr.bg {
	background-color: #fff0db;
}
table.table th {
	font-weight: bold;
}
table.table th, table.table td {
	padding: 8px 1em;
}
table.table_yoko th {
	font-weight: bold;
	text-align: center;
}
table.table_yoko th, table.table_yoko td {
	padding: 8px 1em;
	text-align: center;
}
table.base {
	border: #a59a8a solid 1px;
}
table.base th {
	background-color: #fff0d6;
}
table.base tr+tr th {
	border-top: #a59a8a dotted 1px;
}
table.base th+th {
	border-left: #a59a8a dotted 1px;
}
table.base tr+tr td {
	border-top: #a59a8a dotted 1px;
}
table.base td+td {
	border-left: #a59a8a dotted 1px;
}
table.base th+td {
	border-left: #a59a8a solid 1px;
}
table.base th+td {
	border-left: #a59a8a solid 1px;
}
table.table_yoko.base {
	border-left: none;	
}
table.table_yoko.base tr > th:first-child {
	border-left: #a59a8a solid 1px;	
}
table.table_yoko.base tr > td:first-child {
	border-left: #a59a8a solid 1px;	
}
/*--- リバートピア内のテーブル ---*/
table.rivertopia, table.park {
	border-bottom: #9d9d9d solid 1px;
	border-left: #9d9d9d solid 1px;
}
table.rivertopia th, table.rivertopia td, table.park th, table.park td {
	border-right: #9d9d9d solid 1px;
	border-top: #9d9d9d solid 1px;
}
table.rivertopia th[scope="col"], table.park th[scope="col"] {
	background-color: #ededed;
	text-align: center;
}
table.rivertopia th[scope="row"] {
	background-color: #fff7fa;
}
table.park th[scope="row"] {
	background-color: #f7fdea;
}

table.park td.no{
	background-color: #f7fdea;
	font-weight:bold;
}

/* list
--------------------------------------------------------- */
ul.base {
	padding-left: 3em;
}
ul.base > li {
	list-style: disc;
	line-height: 117%;
}
ol.base {
	margin: 5px 0 0 3em;
}
ol.base > li {
	list-style:decimal;
}
.base > li+li {
	margin-top: 5px;
}
/*--- お知らせページのリンク用リスト ---*/
ul.link-news {
	margin: 15px 0px 10px;
	padding-left: 1em;
	width: 100%;
}
ul.link-news > li {
	clear: both;
	overflow: hidden;
}
ul.link-news > li+li {
	margin-top: 10px;
}
ul.link-news > li > a.pdf {
	display: block;
	float: left;
	background: #dbf5ff url(../images/news/icon_pdf_link.png) no-repeat 5px 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
ul.link-news > li > a.pdf span {
	display: block;
	margin-right: 10px;
	padding: 5px 0px 5px 30px;
	cursor: pointer;
}
ul.link-news > li > a.url {
	display: block;
	float: left;
	background: #ffe8d9 url(../images/news/icon_link.png) no-repeat 5px 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
ul.link-news > li > a.url span {
	display: block;
	margin-right: 10px;
	padding: 5px 0px 5px 30px;
	cursor: pointer;
}
#main ul.link-news > li > a:link, #main ul.link-news > li > a:visited {
	color: #544735;
}
#main ul.link-news > li > a.pdf:hover, #main ul.link-news > li > a.pdf:active {
	background: #edfaff url(../images/news/icon_pdf_link.png) no-repeat 5px 5px;
	color: #544735;
	text-decoration: underline;
}
#main ul.link-news > li > a.url:hover, #main  ul.link-news > li > a.url:active {
	background: #fff3eb url(../images/news/icon_link.png) no-repeat 5px 5px;
	color: #544735;
	text-decoration: underline;
}
/*--- お知らせページ以外のリンク用リスト ---*/
#main ul.link {
	margin-left: 10px;
	margin-top: 10px;
}
#main ul.link li+li {
	margin-top: 5px;
}
#main ul.link li a {
	background: url(../images/icon_allow.png) no-repeat 0px 3px;
	padding-left: 15px;
}

/* ページトップへ戻る
--------------------------------------------------------- */
.return {
	margin-top: 20px;
	text-align: right;
}
/* side
--------------------------------------------------------- */
#side > * {
	margin-top: 15px;
}
#side > *:first-child {
	margin-top: 0px;
}
/*--- サイドメニュー ---*/
#side .aside.menu {
	background: url(../images/bg_side_bottom.png) bottom no-repeat;
	padding-bottom: 5px;
}
#side .aside.menu ul.local {
	margin: 10px auto 20px;
	width: 182px;
}
#side .aside.menu ul.local li {
	background: url(../images/bg_dot.png) bottom repeat-x;
}
#side .aside.menu ul.local li a {
	line-height: 120%;
	display: block;
	font-weight: bold;
	padding: 5px 5px 7px 25px;
}
#side .aside.menu ul.local li a:link, #side .aside.menu ul.local li a:visited {
	text-decoration: none;
}
#side .aside.menu ul.local li a:hover, #side .aside.menu ul.local li a:active {
	text-decoration: underline;
}
#side .aside.menu ul.local.rivertopia li a {
	background: url(../images/onsen/icon_allow.png) no-repeat 5px 50%;
}
#side .aside.menu ul.local.park li a {
	background: url(../images/park/icon_allow.png) no-repeat 5px 50%;
}
#side .aside.menu > .section > .section {
	margin: 10px auto 0px;
	width: 202px;
}
#side .aside.menu > .section ul.local.rivertopia + .section {
	background: url(../images/onsen/bg_eigyo_rebirt.png) bottom no-repeat;
}
#side .aside.menu > .section ul.local.park + .section {
	background: url(../images/park/bg_eigyo_gp.png) bottom no-repeat;
}
#side .aside.menu .section.shop {
	background: url(../images/kazaguruma/bg_eigyo_kazaguruma.png) bottom no-repeat;
}
#side .aside.menu dl {
	margin: 5px auto 0px;
	width: 180px;
}
#side .aside.menu > .section ul.local + .section > dl {
	margin: 10px auto 0px;
	width: 162px;
}
#side .aside.menu dt {
	line-height: 160%;
	text-align: center;
}
#side .aside.menu dd {
	text-align: center;
	padding-bottom: 8px;
	padding-top: 5px;
}
#side .aside.menu dl.rivertopia dt {
	background: #ffd6e8 url(../images/bg_square.png) repeat;
}
#side .aside.menu dl.park dt {
	background: #dbe9b9 url(../images/bg_square.png) repeat;
}
#side .aside.menu dl.shop dt {
	background: #cce5ff url(../images/bg_square.png) repeat;
}
#side .aside.menu div.address {
	margin: 10px auto 0px;
	padding-bottom: 10px;
	width: 162px;
}
#side .aside.menu div.address ul {
	margin-top: 10px;
}
#side .aside.menu div.address ul li {
	font-weight: bold;
}
#side .aside.menu ul.local.rivertopia + .section div.address ul li {
	color: #eb619d;
}
#side .aside.menu ul.local.park + .section div.address ul li {
	color: #6f9512;
}
#side .aside.menu .section.shop div.address ul li {
	color: #1a7de2;
}
#side .aside.menu .e_biko{
	font-size:0.85em;
	text-align:center;
	margin:3px 0 0 0;
	line-height:1.2em;
}
/* アクセスマップへのリンク */
#side .aside.menu div.link {
	padding: 30px 0px 15px;
	text-align: center;
}
/*--- バナー ---*/
#side > ul.internal li+li {
	margin-top: 10px;
}
#side > ul.external li+li {
	margin-top: 10px;
}
/* =========================================================
 HOME
========================================================= */
#read-home {
	padding: 30px 70px 10px 40px;
	background: url(../images/top/bg_top_map.png) no-repeat top;
}
#read-home h2 {
	float: left;
	width: 180px;
}
#read-home > div {
	float: right;
	width: 410px;
}
#read-home >div p {
	background: url(../images/bg_dot.png) repeat-x bottom;
	line-height: 1.8em;
	display: inline;
	padding-bottom: 4px;
}
#read-home + div {
	background: url(../images/top/bg_bottom_map.png) no-repeat bottom;
	padding: 0px 25px 25px 25px;
}
#read-home + div ul {
	width: 670px;
}
#read-home + div ul:first-child li {
	float: left;
}
#read-home + div ul:first-child li.park {
	width: 220px;
}
#read-home + div ul:first-child li.shop {
	width: 232px;
}
#read-home + div ul:first-child li.rivertopia {
	width: 218px;
}
#read-home + div img+ul {
	background: url(../images/top/bg_map2.png) no-repeat top; 
}
#read-home + div img+ul li {
	float: left;
	font-size: 12px;
	width: 210px; 
}
#read-home + div img+ul li > div {
	margin: 10px auto;
	width: 188px; 
}
#read-home + div img+ul li+li {
	margin-left: 20px;
}
#read-home + div img+ul li.annai {
	background: url(../images/top/bg_annaijyo.png) no-repeat bottom;
}
#read-home + div img+ul li.ashiyu {
	background: url(../images/top/bg_ashiyu.png) no-repeat bottom;
}
#read-home + div img+ul li.manjyu {
	background: url(../images/top/bg_manjyu.png) no-repeat bottom;
}
/* =========================================================
 お知らせ
========================================================= */
/*--- side（共通）　 ---*/
#side div.aside.blog {
	padding-bottom: 20px;
}
#side div.aside.blog > div+div {
	margin-top: 10px;
}
#side div.aside.blog > div > h3 > * {
	margin-bottom: 4px;
}
#side div.aside.blog > div > ul {
	font-size: 12px;
}
#side div.aside.blog > div.new > ul > li {
	background: url(../images/news/icon_circle.png) no-repeat 10px 8px ;
	line-height: 130%;
	padding: 5px 5px 5px 30px;
}
#side div.aside.blog > div.cat > ul {
	padding-bottom: 10px;
}
#side div.aside.blog > div.cat > ul > li {
	padding: 3px 5px 3px 30px;
}
#side div.aside.blog > div.cat > ul > li.onsen {
	background: url(../images/news/icon_category01.png) no-repeat 15px 50%;
}
#side div.aside.blog > div.cat > ul > li.rivertopia {
	background: url(../images/news/icon_category02.png) no-repeat 15px 50%;
}
#side div.aside.blog > div.cat > ul > li.park {
	background: url(../images/news/icon_category03.png) no-repeat 15px 50%;
}
#side div.aside.blog > div.cat > ul > li.shop {
	background: url(../images/news/icon_category04.png) no-repeat 15px 50%;
}
#side div.aside.blog > div > ul > li > a:link, #side div.aside.blog > div > ul > li > a:visited {
	text-decoration: none;
}
#side div.aside.blog > div > ul > li > a:hover, #side div.aside.blog > div > ul > li > a:active {
	color: #f67b29;
	text-decoration: underline;
}
/* 一覧（HOME・リバートピアindex・運動公園index・お知らせ一覧　共通）
--------------------------------------------------------- */
#main *+div.new{
	margin-top: 50px;
}
#main div.new{
	background: url(../images/bg_line.png) bottom repeat-x;
}
#main div.new > .title {
	background: url(../images/bg_line.png) top repeat-x;
	padding: 13px 20px 7px 10px;
	width: 690px;
}
#main div.new > .title > *:first-child {
	float: left;
	width: 160px;
}
#main div.new > .title > p {
	float: right;
	width: 100px;
}
#main div.new ul.news {
	background: url(../images/bg_dot.png) top repeat-x;
	margin: 0px auto;
	width: 680px;
}
#main ul.news li {
	background: url(../images/bg_dot.png) bottom repeat-x;
	padding: 15px 15px 17px;
}
ul.news li > img {
	float: left;
	margin-right: 10px;
}
ul.news li > img.cat {
	width: 90px;
}
ul.news li > img.new {
	width: 56px;
}
ul.news li .day {
	line-height: 20px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	width: 80px;
}
ul.news li .title {
	clear: both;
	padding-top: 5px;
	width: 100%;
}
ul.news li .title a+img {
	margin-left: 8px;
}
#main ul.news li .title a:link, #main ul.news li .title a:visited {
	text-decoration: underline;
}
#main ul.news li .title a:hover, #main ul.news li .title a:active {
	text-decoration: none;
}
/* 詳細
--------------------------------------------------------- */
.article.news:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.article.news {
  min-height: 1px;
}

* html .article.news {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
div.article.news div.area-title {
	background: url(../images/bg_dot.png) bottom repeat-x;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
div.article.news div.area-title > img {
	float: left;
	margin-right: 10px;
}
div.article.news div.area-title > img.cat {
	width: 90px;
}
div.article.news div.area-title > img.new {
	width: 56px;
}
div.article.news div.area-title > .day {
	line-height: 20px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	width: 80px;
}
div.article.news div.area-title > h3 {
	clear: both;
	color: #f67b29;
	font-weight: bold;
	line-height: 120%;
	padding-top: 15px;
}
div.article.news div.area-title+img {
	float: right;
}
div.article.news div.area-title+img+.area-text {
	float: left;
	width: 460px;
}

/* =========================================================
 アクセス
========================================================= */
div.access {
	margin-top: 20px;
}
div.access > ul {
	float: left;
	width: 370px;
}
div.access > img {
	float: right;
	width: 300px;
}
.t-car {
	background: url(../images/title_car.png) no-repeat;
	color: #f67b29;
	font-weight: bold;
	line-height: 30px;
	padding: 0px 0px 0px 35px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-size: 16px;
}
.t-bus {
	background: url(../images/title_bus.png) no-repeat;
	color: #f67b29;
	font-weight: bold;
	line-height: 30px;
	padding: 0px 0px 0px 35px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-size: 16px;
}
.t-train {
	background: url(../images/title_train.png) no-repeat;
	color: #f67b29;
	font-weight: bold;
	line-height: 30px;
	padding: 0px 0px 0px 35px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-size: 16px;
}
/* =========================================================
 周辺観光案内
========================================================= */
ul.spot li{
	margin-top: 15px;
}
ul.spot li:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

ul.spot li {
  min-height: 1px;
}

* html ul.spot li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
ul.spot li > img {
	float: left;
	width: 280px;
}
ul.spot li > div {
	float: right;
	padding-top: 10px;
	width: 390px;
}
 ul.spot li > div h4 {
	background: url(../images/bg_dot.png) repeat-x bottom;
	color: #f67b29;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 16px;
}
/* =========================================================
 リバートピア
========================================================= */
div.section.rivertopia + div.section.rivertopia {
	margin-top: 40px;
}

#read.rivertopia h3 {
	background: url(../images/bg_dot.png) repeat-x bottom;
	color: #eb619d;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 18px;
}
#read.rivertopia table {
	margin-top: 30px;
	border-bottom: #eb619d solid 1px;
	border-top: #eb619d solid 1px;
}
#read.rivertopia table th {
	color: #fff;
	background-color: #eb619d;
}
#read.rivertopia table td {
	background-color: #fff;
}
#read.rivertopia table tr+tr th {
	border-top: #fff solid 1px;
}
#read.rivertopia table tr+tr td {
	border-top: #eb619d solid 1px;
}
#read.rivertopia > ul {
	padding-top: 20px;
	width: 680px;
}
#read.rivertopia > ul li {
	float: left;
	width: 213px;
}
#read.rivertopia > ul li+li {
	margin-left: 20px;
}

/* 施設案内
--------------------------------------------------------- */
ul.facility {
	margin-left: -10px;
	margin-top: -30px;
	padding-right: 10px;
	width: 680px;
}
ul.facility > li {
	float: left;
	margin-left: 20px;
	margin-top: 50px;
	width: 320px;
}
ul.facility li h5 {
	background: url(../images/bg_dot.png) repeat-x bottom;
	color: #eb619d;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 16px;
}
ul.facility li > div {
	padding: 0px 15px 10px;
}
/* レストラン
--------------------------------------------------------- */
p.available {
	background-color: #FFFFE5;
	color: #f67b29;
	font-weight: bold;
	margin-top: 15px;
	padding: 15px 20px;
}
ul.pickupmenu {
	margin-left: -10px;
	margin-top: -10px;
	width: 690px;
}
ul.pickupmenu li {
	float: left;
	background-color: #fff6ed;
	border: #ffbd97 solid 1px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 9px;
	width: 200px;
}
ul.pickupmenu li span {
	display: block;
	padding: 5px 5px 0px;
	text-align: center;
}
ul.pickupmenu li span.price {
	color: #f67b29;
	font-size: 13px;
	font-weight: bold;
}
div.menulist {
	margin: 0px auto;
	width: 680px;
}
ul+div.menulist {
	margin-top: 20px;
}
div.menulist div.left {
	float: left;
	width: 320px;
}
div.menulist div.right {
	float: right;
	width: 320px;
}
div.menulist h6 {
	border-bottom: #f67b29 solid 2px;
	font-weight: bold;
	padding: 15px 5px 5px;
}
div.menulist div > h6:first-child {
	padding-top: 0px;
}
div.menulist table {
	line-height: 125%;
}
div.menulist table tr th, div.menulist table tr td {
	border-bottom: #ffbd97 dashed 1px;
	padding: 7px;
}
div.menulist table tr td {
	color: #f67b29;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
/* =========================================================
  緑地運動公園
========================================================= */
div.section.park + div.section.park {
	margin-top: 40px;
}

#read.park h3 {
	background: url(../images/bg_dot.png) repeat-x bottom;
	color: #6f9512;
	font-weight: bold;
	line-height: 140%;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 18px;
}
#read.park > ul {
	padding-top: 20px;
	width: 680px;
}
#read.park > ul li {
	float: left;
	margin-left: 20px;
	padding-top: 20px;
	width: 310px;
}

/* =========================================================
 物産館かざぐるま
========================================================= */
div.section.shop + div.section.shop {
	margin-top: 40px;
}

#read.shop h3 {
	background: url(../images/bg_dot.png) repeat-x bottom;
	color: #1a7de2;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 18px;
}