@charset "utf-8";

/* ****************************************************
deai.css
for deai.

@rule
display/position/float
width/height
box-model
background
text
font
other
***************************************************** */

/* Common
------------------------------------ */
/* Category Top
------------------------------------ */
.category-index-wrap{
margin:15px 0 30px 0;
}

#top-park{
background-image:url(/rp/oze/deai/images/index_cat01_bg.gif);
}

#top-structure{
background-image:url(/rp/oze/deai/images/index_cat02_bg.gif);
}

#top-history{
background-image:url(/rp/oze/deai/images/index_cat03_bg.gif);
}

#top-meets{
background-image:url(/rp/oze/deai/images/index_cat04_bg.gif);
}

#main-container .category h2{
margin:0;
padding:0 0 0 11px;
text-align:left;
}

.category{
padding:10px 9px 0 8px;
}

.category .detail-ex{
width:186px;
margin:0 0 0 176px;
padding:6px 0 10px 0;
}

.category .thumb img{
padding:0;
}

/* Park
------------------------------------ */
#about-park .cap-thumb-section{
width:748px;
}

#about-park .cap-thumb-section .cap-thumb{
width:352px;
position:relative;
}

#about-park .cap-thumb-section .cap-thumb .link-text{
position:absolute;
top:284px;
left:14px;
right:auto;
width:130px;
height:24px;
margin:0;
}

#about-park .cap-thumb-section .cap-thumb .map{
margin:0 0 10px 0;
}

#about-park .cap-thumb-section .text{
width:388px;
}

#about-park .cap-thumb-section .text .ex-text{
padding:10px 15px 1px;
background:#f5f5f5;
}

#park-nature .ex-thumbm-section-r{
width:388px;
padding:0 360px 0 0;
}

#park-nature .ex-thumbm-section-r .thumb img{
margin:0 -360px 0 0;
}

#column-ramsar .image{
float:right;
margin:0 0 5px 5px;
}

#ramsar-flash{
margin:0 0 20px 0;
}

/* Structure
------------------------------------ */
#oze-geographical .ex-thumbs-section{
width:548px;
padding:0 0 0 200px;
}

#oze-geographical .ex-thumbs-section .thumb img{
margin:0 0 0 -200px;
}

#structure-peatbog .ex-thumbm-section-r{
width:496px;
padding:0 252px 0 0;
}

#structure-peatbog .ex-thumbm-section-r .thumb img{
margin:0 -252px 0 0;
}

#structure-peatbog .photo-list{
margin:0 0 20px 0;
}

#structure-peatbog .photo-list li{
display:inline;
}

#structure-peatbog .photo-list li img{
margin:0 0 0 2px;
}

#structure-peatbog .photo-list .first img{
margin:0;
}

#high-moor .ex-thumbs-section-r{
width:233px;
padding:0 515px 0 0;
}

#high-moor .ex-thumbs-section-r .thumb img{
margin:0 -515px 0 0;
}

#column-moor .ex-thumbm-section-r{
width:459px;
padding:0 233px 0 0;
}

#column-moor .ex-thumbm-section-r .thumb img{
margin:0 -233px 0 0;
}

/* History
------------------------------------ */
#continue-kamakura .cap-thumb-section,
#not-calm .cap-thumb-section-r{
width:748px;
}

#continue-kamakura .cap-thumb-section .cap-thumb{
width:270px;
}

#continue-kamakura .cap-thumb-section .text{
width:464px;
}

#not-calm .cap-thumb-section-r .cap-thumb{
width:245px;
}

#not-calm .cap-thumb-section-r .text{
width:490px;
}

#history-hiker .ex-thumbm-section{
width:488px;
padding:0 0 0 260px;
}

#history-hiker .ex-thumbm-section .thumb img{
margin:0 0 0 -260px;
}

#history-hiker .photo-list{
width:748px;
margin:0 0 20px 0;
padding:22px 0 0 0;
}

#history-hiker .photo-list dl{
float:left;
width:215px;
margin:22px 9px 0 0;
}

#history-hiker .photo-list .balloon{
width:296px;
margin:0;
}

#history-hiker .photo-list dd{
font-size:85%;
}

/* Meets
------------------------------------ */
#toden-koya .ex-thumbl-section-r{
width:440px;
margin:0 0 20px 0;
padding:0 243px 0 0;
}
#toden-koya .ex-thumbl-section-r.small {
width:500px;
}

#toden-koya .ex-thumbl-section-r .thumb img{
margin:0 -243px 0 0;
}
#toden-koya .ex-thumbl-section-r.small .thumb img{
margin:0 -183px 0 0;
}

#meets-touden .cap-thumb-section,
#meets-privately .cap-thumb-section-r,
#meets-nature .cap-thumb-section-r{
width:748px;
}

#meets-touden .cap-thumb-section .cap-thumb{
width:374px;
}

#meets-touden .cap-thumb-section .text{
width:374px;
padding:4px 0 0 0;
}

#meets-nature .cap-thumb-section-r .cap-thumb{
width:310px;
}

#meets-nature .cap-thumb-section-r .text{
width:421px;
}

#meets-privately .cap-thumb-section-r .cap-thumb{
width:345px;
}

#meets-privately .cap-thumb-section-r table{
width:345px;
}

#meets-privately .cap-thumb-section-r th,
#meets-privately .cap-thumb-section-r td{
height:31px;
border:1px solid #9e9e9e;
vertical-align:middle;
}

#meets-privately .cap-thumb-section-r .country{
width:58px;
background:#f6ffeb;
text-align:center;
}

#meets-privately .cap-thumb-section-r .cols{
width:96px;
padding:0 0 0 6px;
background:#fff3eb;
}

#meets-privately .cap-thumb-section-r td{
text-align:center;
}

#meets-privately .cap-thumb-section-r .text{
width:394px;
}

#meets-privately .ex-thumbm-section{
width:340px;
padding:0 0 0 408px;
}

#meets-privately .ex-thumbm-section .thumb img{
margin:0 0 0 -408px;
}

/* Map(popup)
------------------------------------ */
.park-map{
margin:0 0 25px 0;
}

/* Plant(popup)
------------------------------------ */
.plant-list-container .plant-list{
width:496px;
margin:0 auto;
}

.plant-list-container .plant-list dl{
float:left;
width:239px;
padding:0 5px 0 4px;
}

.plant-list-container .plant-list dt,
.plant-list-container .plant-list dd{
margin:0 0 6px 0;
}

.plant-list-container .plant-list ul{
margin:0 0 0 25px;
list-style-type:disc;
}


/* clearfix
------------------------------------ */
.plant-list-container .plant-list,
#history-hiker .photo-list{
display:inline-table;
}
/* \*/
.plant-list-container .plant-list,
#history-hiker .photo-list{
display:block;
}
/* */
.plant-list-container .plant-list:after,
#history-hiker .photo-list:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}



/* ラムサール条約登録地 Map
------------------------------------ */
#ramsar {
	background: url(../images/map/map-base.jpg) no-repeat left top;
	width:746px;
	min-height:597px;
	margin-bottom:20px;
}
#ramsar-area {
	position:relative;
}
#ramsar-area div.place-warp {
	width:376px;
	height:425px;
	position:absolute;
	top:121px;
	left:44px;
}
#ramsar-area ul {
	float:left;
	width:188px;
}
#ramsar-area ul li {
	list-style-type: none;
	width:188px;
	height:17px;
}
#ramsar-area ul li a {
	cursor:pointer;
	display:block;
	width:188px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(../images/map/place.gif);
}
#ramsar-area ul.place-left li:nth-of-type(1) a {
	background-position:0px 0px;
}
#ramsar-area ul.place-left li:nth-of-type(2) a {
	background-position:0px -17px;
}
#ramsar-area ul.place-left li:nth-of-type(3) a {
	background-position:0px -34px;
}
#ramsar-area ul.place-left li:nth-of-type(4) a {
	background-position:0px -51px;
}
#ramsar-area ul.place-left li:nth-of-type(5) a {
	background-position:0px -68px;
}
#ramsar-area ul.place-left li:nth-of-type(6) a {
	background-position:0px -85px;
}
#ramsar-area ul.place-left li:nth-of-type(7) a {
	background-position:0px -102px;
}
#ramsar-area ul.place-left li:nth-of-type(8) a {
	background-position:0px -119px;
}
#ramsar-area ul.place-left li:nth-of-type(9) a {
	background-position:0px -136px;
}
#ramsar-area ul.place-left li:nth-of-type(10) a {
	background-position:0px -153px;
}
#ramsar-area ul.place-left li:nth-of-type(11) a {
	background-position:0px -170px;
}
#ramsar-area ul.place-left li:nth-of-type(12) a {
	background-position:0px -187px;
}
#ramsar-area ul.place-left li:nth-of-type(13) a {
	background-position:0px -204px;
}
#ramsar-area ul.place-left li:nth-of-type(14) a {
	background-position:0px -221px;
}
#ramsar-area ul.place-left li:nth-of-type(15) a {
	background-position:0px -238px;
}
#ramsar-area ul.place-left li:nth-of-type(16) a {
	background-position:0px -850px;
}
#ramsar-area ul.place-left li:nth-of-type(17) a {
	background-position:0px -255px;
}
#ramsar-area ul.place-left li:nth-of-type(18) a {
	background-position:0px -272px;
}
#ramsar-area ul.place-left li:nth-of-type(19) a {
	background-position:0px -289px;
}
#ramsar-area ul.place-left li:nth-of-type(20) a {
	background-position:0px -306px;
}
#ramsar-area ul.place-left li:nth-of-type(21) a {
	background-position:0px -323px;
}
#ramsar-area ul.place-left li:nth-of-type(22) a {
	background-position:0px -340px;
}
#ramsar-area ul.place-left li:nth-of-type(23) a {
	background-position:0px -357px;
}
#ramsar-area ul.place-left li:nth-of-type(24) a {
	background-position:0px -374px;
}
#ramsar-area ul.place-left li:nth-of-type(25) a {
	background-position:0px -391px;
}
#ramsar-area ul.place-left li:nth-of-type(26) a {
	background-position:0px -867px;
}
#ramsar-area ul.place-left li:nth-of-type(27) a {
	background-position:0px -408px;
}

#ramsar-area ul.place-right li:nth-of-type(1) a {
	background-position:0px -425px;
}
#ramsar-area ul.place-right li:nth-of-type(2) a {
	background-position:0px -442px;
}
#ramsar-area ul.place-right li:nth-of-type(3) a {
	background-position:0px -459px;
}
#ramsar-area ul.place-right li:nth-of-type(4) a {
	background-position:0px -476px;
}
#ramsar-area ul.place-right li:nth-of-type(5) a {
	background-position:0px -493px;
}
#ramsar-area ul.place-right li:nth-of-type(6) a {
	background-position:0px -510px;
}
#ramsar-area ul.place-right li:nth-of-type(7) a {
	background-position:0px -527px;
}
#ramsar-area ul.place-right li:nth-of-type(8) a {
	background-position:0px -544px;
}
#ramsar-area ul.place-right li:nth-of-type(9) a {
	background-position:0px -561px;
}
#ramsar-area ul.place-right li:nth-of-type(10) a {
	background-position:0px -578px;
}
#ramsar-area ul.place-right li:nth-of-type(11) a {
	background-position:0px -595px;
}
#ramsar-area ul.place-right li:nth-of-type(12) a {
	background-position:0px -612px;
}
#ramsar-area ul.place-right li:nth-of-type(13) a {
	background-position:0px -629px;
}
#ramsar-area ul.place-right li:nth-of-type(14) a {
	background-position:0px -646px;
}
#ramsar-area ul.place-right li:nth-of-type(15) a {
	background-position:0px -663px;
}
#ramsar-area ul.place-right li:nth-of-type(16) a {
	background-position:0px -680px;
}
#ramsar-area ul.place-right li:nth-of-type(17) a {
	background-position:0px -697px;
}
#ramsar-area ul.place-right li:nth-of-type(18) a {
	background-position:0px -714px;
}
#ramsar-area ul.place-right li:nth-of-type(19) a {
	background-position:0px -884px;
}
#ramsar-area ul.place-right li:nth-of-type(20) a {
	background-position:0px -731px;
}
#ramsar-area ul.place-right li:nth-of-type(21) a {
	background-position:0px -748px;
}
#ramsar-area ul.place-right li:nth-of-type(22) a {
	background-position:0px -765px;
}
#ramsar-area ul.place-right li:nth-of-type(23) a {
	background-position:0px -782px;
}
#ramsar-area ul.place-right li:nth-of-type(24) a {
	background-position:0px -799px;
}
#ramsar-area ul.place-right li:nth-of-type(25) a {
	background-position:0px -816px;
}
#ramsar-area ul.place-right li:nth-of-type(26) a {
	background-position:0px -833px;
}

#ramsar-area ul.place-left li:nth-of-type(1) a:hover {
	background-position:-188px 0px;
}
#ramsar-area ul.place-left li:nth-of-type(2) a:hover {
	background-position:-188px -17px;
}
#ramsar-area ul.place-left li:nth-of-type(3) a:hover {
	background-position:-188px -34px;
}
#ramsar-area ul.place-left li:nth-of-type(4) a:hover {
	background-position:-188px -51px;
}
#ramsar-area ul.place-left li:nth-of-type(5) a:hover {
	background-position:-188px -68px;
}
#ramsar-area ul.place-left li:nth-of-type(6) a:hover {
	background-position:-188px -85px;
}
#ramsar-area ul.place-left li:nth-of-type(7) a:hover {
	background-position:-188px -102px;
}
#ramsar-area ul.place-left li:nth-of-type(8) a:hover {
	background-position:-188px -119px;
}
#ramsar-area ul.place-left li:nth-of-type(9) a:hover {
	background-position:-188px -136px;
}
#ramsar-area ul.place-left li:nth-of-type(10) a:hover {
	background-position:-188px -153px;
}
#ramsar-area ul.place-left li:nth-of-type(11) a:hover {
	background-position:-188px -170px;
}
#ramsar-area ul.place-left li:nth-of-type(12) a:hover {
	background-position:-188px -187px;
}
#ramsar-area ul.place-left li:nth-of-type(13) a:hover {
	background-position:-188px -204px;
}
#ramsar-area ul.place-left li:nth-of-type(14) a:hover {
	background-position:-188px -221px;
}
#ramsar-area ul.place-left li:nth-of-type(15) a:hover {
	background-position:-188px -238px;
}
#ramsar-area ul.place-left li:nth-of-type(16) a:hover {
	background-position:-188px -850px;
}
#ramsar-area ul.place-left li:nth-of-type(17) a:hover {
	background-position:-188px -255px;
}
#ramsar-area ul.place-left li:nth-of-type(18) a:hover {
	background-position:-188px -272px;
}
#ramsar-area ul.place-left li:nth-of-type(19) a:hover {
	background-position:-188px -289px;
}
#ramsar-area ul.place-left li:nth-of-type(20) a:hover {
	background-position:-188px -306px;
}
#ramsar-area ul.place-left li:nth-of-type(21) a:hover {
	background-position:-188px -323px;
}
#ramsar-area ul.place-left li:nth-of-type(22) a:hover {
	background-position:-188px -340px;
}
#ramsar-area ul.place-left li:nth-of-type(23) a:hover {
	background-position:-188px -357px;
}
#ramsar-area ul.place-left li:nth-of-type(24) a:hover {
	background-position:-188px -374px;
}
#ramsar-area ul.place-left li:nth-of-type(25) a:hover {
	background-position:-188px -391px;
}
#ramsar-area ul.place-left li:nth-of-type(26) a:hover {
	background-position:-188px -867px;
}
#ramsar-area ul.place-left li:nth-of-type(27) a:hover {
	background-position:-188px -408px;
}

#ramsar-area ul.place-right li:nth-of-type(1) a:hover {
	background-position:-188px -459px;
}
#ramsar-area ul.place-right li:nth-of-type(2) a:hover {
	background-position:-188px -442px;
}
#ramsar-area ul.place-right li:nth-of-type(3) a:hover {
	background-position:-188px -459px;
}
#ramsar-area ul.place-right li:nth-of-type(4) a:hover {
	background-position:-188px -476px;
}
#ramsar-area ul.place-right li:nth-of-type(5) a:hover {
	background-position:-188px -493px;
}
#ramsar-area ul.place-right li:nth-of-type(6) a:hover {
	background-position:-188px -510px;
}
#ramsar-area ul.place-right li:nth-of-type(7) a:hover {
	background-position:-188px -527px;
}
#ramsar-area ul.place-right li:nth-of-type(8) a:hover {
	background-position:-188px -544px;
}
#ramsar-area ul.place-right li:nth-of-type(9) a:hover {
	background-position:-188px -561px;
}
#ramsar-area ul.place-right li:nth-of-type(10) a:hover {
	background-position:-188px -578px;
}
#ramsar-area ul.place-right li:nth-of-type(11) a:hover {
	background-position:-188px -595px;
}
#ramsar-area ul.place-right li:nth-of-type(12) a:hover {
	background-position:-188px -612px;
}
#ramsar-area ul.place-right li:nth-of-type(13) a:hover {
	background-position:-188px -629px;
}
#ramsar-area ul.place-right li:nth-of-type(14) a:hover {
	background-position:-188px -646px;
}
#ramsar-area ul.place-right li:nth-of-type(15) a:hover {
	background-position:-188px -663px;
}
#ramsar-area ul.place-right li:nth-of-type(16) a:hover {
	background-position:-188px -680px;
}
#ramsar-area ul.place-right li:nth-of-type(17) a:hover {
	background-position:-188px -697px;
}
#ramsar-area ul.place-right li:nth-of-type(18) a:hover {
	background-position:-188px -714px;
}
#ramsar-area ul.place-right li:nth-of-type(19) a:hover {
	background-position:-188px -884px;
}
#ramsar-area ul.place-right li:nth-of-type(20) a:hover {
	background-position:-188px -731px;
}
#ramsar-area ul.place-right li:nth-of-type(21) a:hover {
	background-position:-188px -748px;
}
#ramsar-area ul.place-right li:nth-of-type(22) a:hover {
	background-position:-188px -765px;
}
#ramsar-area ul.place-right li:nth-of-type(23) a:hover {
	background-position:-188px -782px;
}
#ramsar-area ul.place-right li:nth-of-type(24) a:hover {
	background-position:-188px -799px;
}
#ramsar-area ul.place-right li:nth-of-type(25) a:hover {
	background-position:-188px -816px;
}
#ramsar-area ul.place-right li:nth-of-type(26) a:hover {
	background-position:-188px -833px;
}



#ramsar-map {
	position:absolute;
	top:174px;
	left:420px;
	width:279px;
	height:327px;
}

#ramsar-area ul li.big a {
	font-size:16px;
	color:#5e8409;
}
#ramsar-area ul li.big a:hover {
	color:#eb6100;
}


.popup-container {
	padding-bottom:32px;
}
.popup-container p ~ p {
	padding-top:1em;
}
.popup h3 {
	font-size:16px !important;
	background-color:#3C2817;
	padding:4px 16px;
	color:#fff;
	border-radius:5px;
}
.popup h4 {
	font-size:14px !important;
	padding:4px 0;
	color:#3C2817;
}
.popup-container .popup-image {
	float:right;
	margin:10px 0 10px 10px;
}