@charset "utf-8";

body { margin:0; padding:0; background-color:#0B70B7; color:#000;}


/*table {
	border-collapse: collapse;
}*/

img { font-size:0; border:0; vertical-align: top;}

a:link { color:#EE6500; text-decoration:underline;}
a:visited { color:#FF9242; text-decoration:underline;}
a:active { color:#1E57A4; text-decoration:underline;}
a:hover { color:#1E57A4; text-decoration:underline;}

a:link#whitelink { color:#fff; text-decoration:underline;}
a:visited#whitelink { color:#fff; text-decoration:underline;}
a:active#whitelink { color:#75ADFA; text-decoration:underline;}
a:hover#whitelink { color:#75ADFA; text-decoration:underline;}

#text1 { font-size:12px; line-height:150%; text-align:left;}
#text2 { font-size:14px; line-height:150%; text-align:left;}
#text3 { font-size:11px; line-height:120%; text-align:left;}

.font1 { font-size:12px;}
.font2 { font-size:14px;}
.font3 { font-size:16px;}
.font4 { font-size:11px;}

.bold { font-weight:bold;}
.center { text-align:center !important;}
.right { text-align:right !important;}

.aqua_blue { color:#0B70B7;}
.bold_aqua { color:#0B70B7; font-weight:bold;}
.white { color:#fff;}
.red { color:#FF0000;}
.blue { color:#0000FF;}
.blue_green{ color:#008777;}
.gray{ color:#999;}

#forpagetop { font-size:11px; width:100%; padding:0; text-align:right;}

#other_site { font-size:11px; color:#fff; padding:2px; background-color:#666;}

#clear { clear:both;}

.mt10 { margin-top:10px !important;}	
.mt20 { margin-top:20px !important;}
.mb10 { margin-bottom:10px !important;}
.pt10 { padding-top:10px !important;}	
.pb10 { padding-bottom:10px !important;}	

.textNormal { font-weight:normal !important;}	

.imgFr {
  border: 1px solid #EE6500;
}

/* clearfix */
.cf::after {
	content:" ";  
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
	line-height:0;
}
.cf {
	display:inline-block\9; /* IE8 */
}


/* トップページ
--------------------------------------------------*/
.topContents {
  background: url(../img/top_bg_japan_map.jpg) 50% 250px no-repeat #fff;
  text-align: center;
}
.topContents table {
  margin: 0 auto;
}

#topics {
  width: 540px;
  background: url(../img/top_topics_bg.gif) repeat-y;
  font-family:Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
  color: #fff;
  line-height: 1.0;
  margin: 0 auto;
}
#topics a:link,
#topics a:visited {
  color: #fff;
  text-decoration: none;
}
#topics a:active,
#topics a:hover {
  color: #EE6500;
}
#topics .aqArea {
  float: left;
  width: 316px;
  text-align: center;
}
#topics .booksArea {
  float: left;
  width: 224px;
  text-align: center;
}
#topics .title {
  font-size: 14px;
}
#topics .title p {
  margin: 0;
  padding: 8px 0;
}
#topics .aqArea .title {
  background-color: #333;
}
#topics .booksArea .title {
  background-color: #152a79;
}
#topics ul {
  margin: 0;
  padding: 0;
}
#topics ul li {
  list-style: none;
  float: left;
  font-size: 12px;
  padding-bottom: 10px;
}
#topics .aqArea ul {
  width: 316px;
}
#topics .aqArea li {
  width: 158px;
}
#topics .aqArea img {
  margin-bottom: 10px;
}
/*#topics .aqArea img:hover {
  opacity: 0.8;
}*/
#topics .booksArea ul {
  width: 204px;
  margin: 0 auto;
}
#topics .booksArea li:first-child {
  width: 78px;
}
#topics .booksArea li {
  width: 126px;
}
#topics .booksArea img {
  margin: 10px 0;
  border: 1px solid #fff;
}
#topics .booksArea a img:hover {
  border: 1px solid #EE6500;
}

/* Books
--------------------------------------------------*/
.books_cover { margin-left:5px; margin-bottom:5px;}
.books_title{ color:#0B70B7; font-size:14px; font-weight:bold;}
.books_midashi{ font-weight:bold; margin:20px 0px 10px 0px;}
.books_frame{ background-color:#fff; margin:20px 0px 20px 0px; border:1px solid #aaa;}
.books_text{ padding:10px; font-size:12px; line-height:150%;}
.books_right { margin:10px 0px; width:100%; text-align:right;}

.booksFrame { border:#aaa solid 1px; margin:20px auto;}
.booksFrame p { padding:10px; margin:0;}

#books_catch { color:#057AB6; font-size:14px; font-weight:bold; margin-top:5px;}

table.booksTable td.tdL { padding-right:5px;}
table.booksTable td.tdR { padding-left:5px;}
table.booksTable td.tdLine { padding-top:10px; border-top: #aaa solid 1px;}

.booksTable p {
  padding-bottom: 10px;
  margin: 0;
}
.booksTable p:last-of-type {
  padding-bottom: 0;
}
.booksTable ol,
.booksTable ul {
  padding: 0;
  margin: 0 0 0 20px;
}
.booksTable ol li {
  margin-bottom: 10px;
}
.booksTable ol li:last-child {
  margin-bottom: 0;
}
.upper-roman {
  list-style: upper-roman;
}
.lower-alpha {
  list-style: lower-alpha;
}
.disc {
  list-style: disc;
}


/* Aquarium data
--------------------------------------------------*/
#aqua_name { color:#000; font-size:18px; font-weight:bold; text-align:left; margin-bottom:5px;}
#aqua_copy { color:#057AB6; font-size:16px; font-weight:bold; text-align:left;}
#aqua_catch { color:#FF9242; font-size:14px; font-weight:bold; text-align:left; margin:5px 0px 0px 0px;}
#aqua_midashi { color:#057AB6; font-weight:bold;}

#data { background-color:#fff; font-size:12px; width:95%;}
#data_table { font-size:12px;}
#book { font-size:14px; font-weight:bold;}
#data_midashi { background-color:#eee; font-size:12px; font-weight:bold; width:5%; vertical-align:top;}
#midashi { font-size:12px; font-weight:bold; width:5%;}
#type_midashi { background-color:#eee; font-size:12px; font-weight:bold; width:5%;}
	
h1,
h2 { background-color:#333; color:#fff; font-size:11px; width:755px; text-align:left; padding:5px 0px 2px 0px; margin:0px;}
/*h2 { color:#0F436C; font-size:12px; line-height:150%; margin:8px;}*/
	
#left_menu { background-color:#fff; font-size:12px; line-height:130%; text-align:left; /*width:95%;*/}
#left_menu_osusume { background-color:#FFE8C0; font-size:12px; line-height:130%; /*width:95%;*/}
#left_menu_syukuhaku { background-color:#FAFFC0; font-size:12px; line-height:130%; /*width:95%;*/}
#left_shirun { font-size:12px; color:#fff; line-height:130%; padding:10px 10px 10px 15px;}

.newsLink {
  text-align: right;
  padding-top: 10px;
}

#header_link { color:#0F436C; font-size:12px; line-height:150%; margin:8px;}
	
#top_comment { margin:10px; font-size:12px; line-height:150%; /*width:95%;*/}



/* JRS
--------------------------------------------------*/
body.jrs { margin:0; padding:0; background-color:#4a33b6; color:#000;}

img.jrs_photo_r { margin:0 0 10px 10px;}
img.jrs_photo_l { margin:0 10px 10px 0;}



/* カウンタ
--------------------------------------------------*/
div.count p { font-size:12px; color:#fff; line-height:150%; padding:5px 15px 15px 15px; margin:0;}
table.countTable { margin:10px 0 15px 0; padding:0; border-collapse:collapse; border-spacing:0;}
table.countTable td { line-height:100%; white-space:nowrap; padding:0 0 0 15px;}



/* 水族館事業の展望
--------------------------------------------------*/
div#leisure { width:535px; margin:0 auto;}
div#leisure p { font-size:78%; text-align:left; line-height:1.6; margin:0;}

div#leisure .frame1 { width:535px; background-color:#d2ecff; margin-top:20px;}
div#leisure .frame1 p { padding:10px 10px 8px 10px;}

div#leisure .frame2 { width:535px; background-color:#0f549b; color:#fff; margin:0 0 30px 0;}
div#leisure .frame2 .title { font-size:120%; font-weight:bold; text-align:left; padding:10px 10px 5px 10px; margin:0;}
div#leisure .frame2 .subTitle { font-size:90%; font-weight:bold; text-align:left; padding:0 10px; margin:0;}
div#leisure .frame2 p { padding:20px 10px 8px 10px;}

div#leisure .midashi { width:535px; font-size:80%; font-weight:bold; text-align:left; padding-bottom:10px; margin:0;}
div#leisure .block { padding-bottom:30px;}

div#leisure .block2 { padding-bottom:30px;}
div#leisure .block2 .text { float:left; width:265px;}
div#leisure .block2 .photo { float:left; width:270px; text-align:right;}
div#leisure .block2 .photo p.cap { font-size:60%; padding:4px 0 0 20px;}

div#leisure .block3 { padding-bottom:30px;}
div#leisure .block3 p.cap { font-size:60%; padding:4px 0 0 0;}

div#leisure table { border-collapse:collapse; border-spacing:0;}

/*div#leisure #pageNavi { width:535px; font-size:78%; padding-bottom:10px; margin:0 auto;}
div#leisure #pageNavi .previous { float:left; width:267px; text-align:left;}
div#leisure #pageNavi .next { float:left; width:268px; text-align:right;}*/

div#leisure #pageAll { width:535px; text-align:center; margin:10px auto 30px auto;}
div#leisure #pageAll p { text-align:center;}

div#leisure .frame3 { border:#aaa solid 1px; margin:30px 0 10px 0;}
div#leisure .frame3 p { padding:10px 10px 8px 10px;}

div#leisure .frame4 { width:535px; background-color:#0f549b; color:#fff; margin:0 0 10px 0;}
div#leisure .frame4 .subTitle { font-size:90%; font-weight:bold; text-align:left; padding:10px; margin:0;}
div#leisure .frame4 p { padding:0 10px 8px 10px;}


/*div#leisure #pageNavi { position:relative; overflow:hidden;}
div#leisure #pageNavi ul { position:relative; left:50%; float:left;}
div#leisure #pageNavi ul li { position:relative; left:-50%; float:left; font-size:80%;}
div#leisure #pageNavi li { display:inline-block; background-color:#e6f4ff; color:#775e4a; padding:3px 8px; margin:0 5px; border:#88cbff solid 1px;}
div#leisure #pageNavi li.current { display:inline-block; background-color:#0f549b; color:#fff; padding:3px 8px; margin:0 5px; border:#0f549b solid 1px;}
div#leisure #pageNavi li.prebious,
div#leisure #pageNavi li.next { display:inline-block; padding:3px 8px; margin:0 5px; background:none; border:none;}

div#leisure #pageNavi a { color:#0f549b; text-decoration:none;}

div#leisure #pageNavi .current a { color:#fff; text-decoration:none;}*/

div#leisure #pageNavi { font-size:80%; text-align:center; padding:12px; margin:0;}
div#leisure #pageNavi ul,
div#leisure #pageNavi li { list-style:none; padding:0; margin:0;}
div#leisure #pageNavi li { display:inline; padding:0; margin:0 1px;}
/*div#leisure #pageNavi li.current { display:inline; padding:3px 8px; margin:0 5px; border:# solid 1px;}*/
div#leisure #pageNavi li span.noLink { display:inline-block; background-color:#fff; color:#fff; vertical-align:middle; border:#fff solid 1px;}
div#leisure #pageNavi li span.current { display:inline-block; background-color:#0f549b; color:#fff; vertical-align:middle; text-decoration:none; padding:5px 8px; border:1px solid #0f549b;}
/*div#leisure #pageNavi li span { display:inline-block; background-color:#0f549b; color:#fff; padding:1px 8px; background:#e6f4ff; border:1px solid #0f549b; vertical-align:middle; text-decoration:none;}*/
div#leisure #pageNavi li a { display:inline-block; color:#1E57A4; vertical-align:middle; text-decoration:none; padding:5px 8px; background:#e6f4ff; border:#88cbff solid 1px;}
div#leisure #pageNavi li a:hover { background:#cfeaff;}

/* clearfix
--------------------------------------------------*/
div#leisure .block2:after,
div#leisure #pageNavi:after {
	content:".";
	display:block;
	clear:both;
	font-size:0;
	line-height:1;
	height:0;
	visibility:hidden;
}

/* --- IE6&7 --- */
div#leisure .block2,
div#leisure #pageNavi {
	zoom:1;
}



/* 好みのタイプで探す
--------------------------------------------------*/
.type .photo-block {
	overflow: hidden;
	margin: 10px 0;
}
.type .photo-block div {
	float: left;
	width: 50%;
}
.type .photo-block div p:first-of-type {
	margin: 0;
}
.type .photo-block div:last-of-type p {
	padding: 0 0 0 20px;
}
.type .photo-block div:first-of-type p {
	padding: 0 20px 0 0;
}

.type .type-rank td {
	vertical-align: top;
	padding-top: 20px;
}
.type .type-rank td p:first-of-type {
	margin: 0;
}
.type .type-rank td p {
	padding-right: 20px;
}