@charset "utf-8";

/* CSS Information ==============================
(C) AQUA WORLD - Ibaraki Prefectual Oarai Aquarium
-------------------------------------------------
Table of Contents:
 +block
  ++lightbox
  ++image-navigation
  ++natureSchool
  ++lv
  ++entry/blogContent
    +++taikenReport
  ++messageBox
  ++generalBox
  ++contactBox
  ++multiColumn
  ++imgBox
  ++leadArea
  ++mainVisual
  ++pageNav
  ++tocNav
  ++unitIndex
  ++remoteNav
  ++relatedLink
  ++btnArea
  ++radiusBox
  ++barrierfreeBox
 +heading
 +paragraph
 +list
 +table
 +form
 +general
  ++fontsize
  ++fontcolor
 +uniq
 +display none
============================================== */

/*========================================
 +block
========================================*/

/*
  ++lightbox
----------------------------------------*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*
  ++image-navigation
----------------------------------------*/
#image-navigation {
	height: 243px;
}
#image-navigation .navi {
	float: right;
	width: 210px;
}
#image-navigation .navi a {
	display: block;
	height: 61px;
}
#image-navigation .navi img {
	border-bottom: 1px solid #fff;
}
#image-navigation .navi-image { position: relative;}
#image-navigation .navi-image a { display: block; }
#image-navigation .navi-image a {
	position: absolute;
	top:0;
	left:0;
	z-index:8;
}
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

/*
  ++natureSchool
----------------------------------------*/
#natureSchool .leadContents {
	position: relative;
	float: left;
	width: 330px;
}
#natureSchool .leadContents h3 {
	margin-bottom: 4px;
	text-align: center;
}
#natureSchool .leadContents .overview {
	margin-bottom: 8px;
}
#natureSchool .leadContents .btn {
	position: absolute;
	top: 100px;
	left: 119px;
}
#natureSchool .report {
	float: right;
	width: 327px;
	padding-top: 20px;
	background: url(/shared/img/nature_school/bg_report.png) left top no-repeat;
	line-height: 1.3;
}
#natureSchool .report .inner {
	padding: 0 18px 20px;
	background: url(/shared/img/nature_school/bg_report_02.png) left bottom no-repeat;
}
#natureSchool .report h4 {
	text-align: center;
}
#natureSchool .report .item {
	padding-top: 10px;
}
#natureSchool .report .item .img img {
	float: left;
	padding: 2px;
	background: #fff;
}
#natureSchool .report .item .txt {
	margin-left: 72px;
}
#natureSchool .report .item .txt h5 {
	margin-bottom: 6px;
	font-size: 14px;
}
#natureSchool .report .item .txt h5 a {
	display: block;
	padding-left: 20px;
	background: url(/shared/img/arrow_wbr.png) 0 2px no-repeat;
}
#natureSchool .report .item .txt .date {
	padding-left: 20px;
	color: #666;
	font-size: 11px;
}

/*
  ++zoneMain
----------------------------------------*/
.zoneMain {
	margin-bottom: 20px;
}
.zoneMain ul {
	height: 15px;
	margin-top: 1px;
	padding: 10px 0 9px;
	background: url(../img/floor/bg_zone_main.png) left top no-repeat;
	text-align: center;
	*height: 18px;
	*padding: 7px 0 9px;
}
.zoneMain li {
	display: inline;
	margin: 0 5px;
}

/*
  ++lv
----------------------------------------*/
.lv2 {
	margin-bottom: 30px;
	font-size: 14px;
	*zoom: 1;
}
.lv2 p,
.lv2 ul,
.lv2 ol,
.lv2 dl,
.lv2 table {
	margin-bottom: 14px;
}
.lv2 iframe {
	margin-bottom: 20px;
}
.lv3 {
	padding-top: 20px;
}
.lv3.imgBoxFirstChild {
	padding: 0;
}
.lv3_b {
	margin-top: -30px;
	padding: 0 0 36px;
}
.headingPlusLv3 {
	padding: 0;
}
.lv4 {
}

/*
  ++entry/blogContent
----------------------------------------*/
.entry {
	font-size: 16px;
}
.entryHeader .date {
	color: #666;
	font-size: 14px;
	text-align: right;
}
.wp-caption {
	max-width: none !important;
	margin-bottom: 14px;
	text-align: center;
}
.wp-caption img {
	padding: 4px 4px 0;
	border: 1px solid #cde2f1;
	border-bottom: none;
	background: #fff;
}
/*.wp-caption img+p,.wp-caption a+p{
	display:none;
}*/

.wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 10px 5px;
	border: 1px solid #cde2f1;
	border-top: none;
	color: #444;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: -1px;
	text-align: left;
}
img.alignleft,
img.alignright,
img.alignnone {
	margin-bottom: 14px;
	padding: 4px;
	border: 1px solid #cde2f1;
	background: #fff;
}
img.alignleft2,
img.alignright2 {
	margin-bottom: 14px;
	padding: 1px;
	border: 1px solid #cde2f1;
	background: #fff;
}
.alignleft,
img.alignleft,
img.alignleft2 {
	float: left;
	margin-right: 15px;
}
.alignright,
img.alignright,
img.alignright2 {
	float: right;
	margin-left: 15px;
}
.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #cde2f1;
	background: #fff;
	text-align: center;
}
hr {
	clear: both;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	overflow: hidden;
	*display: block;
	*margin-top: -20px;
	*border: 1px solid #fff;
}
.clear2 {
	clear: both;
	*margin-top: -10px;
}
.single th,
.single td,
.entry th,
.entry td {
	padding: 8px 10px;
	border: 1px solid #8dbadd;
	word-break: break-all;
}
.entry thead th {
	text-align: center;
}
.single th,
.entry th {
	background: #cde2f1;
}

.entryBody {
	padding-bottom: 26px;
	*zoom: 1;
}
.entryBody:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.entryBody ul li {
	padding-left: 16px;
	background: url(../img/bg_list_style_b.png) 3px 8px no-repeat;
}
.entryBody ul.bgnone li {
	padding-left: 0;
	background: none;
}
.entryBody ol li {
	list-style: decimal outside;
	margin-left: 1.7em;
}

.entryFooter {
	padding-top: 10px;
	font-size: 14px;
}
.entryFooter.pageNavPlus {
	padding-top: 50px;
}
.entryFooter ul {
	padding-top: 10px;
	border-top: 2px solid #cde2f1;
}
.entryFooter a {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
	font-weight: bold;
	*padding-top: 3px;
	_padding-top: 0;
}

.blogContent .blogTtl {
	position: relative;
	margin: -10px 0 -3px;
}

.blogEntry {
	padding-bottom: 60px;
}
.blogEntryHeader {
	margin-bottom: 6px;
}
.blogEntryHeader .blogEntryTtl,
.blogArchiveTtl {
	margin-bottom: 8px;
	padding-top: 12px;
	background: url(../img/special-content/bg_ttl_01.png) left top no-repeat;
	color: #069;
	font-size: 20px;
	line-height: 1.2;
}
.blogEntryHeader .blogEntryTtl .inner,
.blogArchiveTtl .inner {
	padding: 0 0 14px 2px;
	background: url(../img/special-content/bg_ttl_01.png) left bottom no-repeat;
	*zoom: 1;
}
.blogEntryHeader .blogEntryTtl .inner .txt {
	min-height: 26px;
	padding: 5px 0 0 50px;
	background: url(../img/special-content/bg_ttl_02.png) left center no-repeat;
	_height: 26px;
}
.blogArchiveTtl .inner .txt {
	padding: 5px 0 3px;
	text-align: center;
}
.blogEntryHeader .blogEntryTtl .inner .txt a {
	text-decoration: none;
}
.blogEntryHeader .entryMetaInfo {
	font-size: 14px;
	line-height: 1.2;
	text-align: right;
}
.blogEntryHeader .entryMetaInfo dt,
.blogEntryHeader .entryMetaInfo dd {
	display: inline;
	margin-left: 10px;
}
.blogEntryHeader .entryMetaInfo dd,
.blogEntryHeader .entryMetaInfo dd img {
	vertical-align: middle;
}
.blogEntryHeader .entryMetaInfo dd img {
	margin-left: 4px;
}

.blogEntryContent {
	overflow: hidden;
	/zoom: 1;
}
.blogEntryContent p,
.blogEntryContent ul,
.blogEntryContent ol {
	margin-bottom: 20px;
}
.blogEntryContent ul li {
	padding-left: 16px;
	background: url(../img/bg_list_style_b.png) 3px 8px no-repeat;
}
.blogEntryContent ol li {
	list-style: decimal outside;
	margin-left: 1.7em;
}

.blogEntryFooter {
	clear: both;
	margin-top: 20px;
	font-size: 13px;
}
.blogEntryFooter .social {
	padding-top: 7px;
	*padding-bottom: 3px;
}

.unitBlogEntry {
	padding: 12px 0 20px;
}
.unitBlogEntry .unit {
	margin-bottom: 25px;
	line-height: 1.3;
}
.unitBlogEntry .unit h3 {
	margin-bottom: 8px;
	font-size: 16px;
}
.unitBlogEntry .unit h3 a {
	display: block;
	padding-left: 21px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
}
.unitBlogEntry .unit p {
	padding-left: 21px;
	color: #666;
	font-size: 11px;
}

.blogComment {
	margin-bottom: 48px;
	padding-top: 28px;
	font-size: 14px;
}
.blogComment h2 {
	padding-left: 1px;
}
.blogComment dt {
	padding-top: 20px;
	line-height: 1.2;
}
.blogComment dt img {
	margin-right: 11px;
	vertical-align: middle;
}
.blogComment dt .name {
	margin-right: 14px;
}
.blogComment dd {
	padding-top: 28px;
	background: url(../img/special-content/bg_comment.png) left top no-repeat;
}
.blogComment dd .inner {
	padding: 0 17px 20px;
	background: url(../img/special-content/bg_comment.png) left bottom no-repeat;
}
.blogComment .noComment { padding-top: 20px; }

.blogCommentForm {
	font-size: 14px;
}
.blogCommentForm h2 {
	margin-bottom: 20px;
	padding-left: 1px;
}
.blogCommentForm table {
	width: 645px;
	margin-bottom: 9px;
	border-top: 1px solid #cde2f1;
}
.blogCommentForm th,
.blogCommentForm td {
	padding: 6px 0 6px 3px;
	border: none;
	border-bottom: 1px solid #cde2f1;
	background: #fff;
}
.blogCommentForm .btn {
	padding-left: 141px;
	*padding-left: 144px;
}
.blogCommentForm .btn input.hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*
    +++taikenReport
----------------------------------------*/
.blogEntry.taikenReport {
	padding-bottom: 40px;
}
.taikenReport .blogEntryHeader .entryMetaInfo {
	padding-top: 5px;
}
.taikenReport .blogEntryHeader .blogEntryTtl,
.blogEntryHeader.taiken .blogEntryTtl {
	background: url(../img/learning/bg_taiken_ttl_01.png) left top no-repeat;
	color: #630;
}
.taikenReport .blogEntryHeader .blogEntryTtl .inner .txt {
	padding-left: 60px;
	background: url(../img/learning/bg_taiken_ttl_02.png) left top no-repeat;
}
.blogEntryHeader.taiken {
	margin-top: 40px;
	margin-bottom: 20px;
}
.taikenReport .blogEntryHeader .blogEntryTtl .inner,
.blogEntryHeader.taiken .blogEntryTtl .inner {
	background: url(../img/learning/bg_taiken_ttl_01.png) left bottom no-repeat;
}
.blogEntryHeader.taiken1 .blogEntryTtl .inner .txt {
	padding-left: 60px;
	background: url(../img/learning/bg_taiken_ttl_03.png) left center no-repeat;
}
.blogEntryHeader.taiken2 .blogEntryTtl .inner .txt {
	background: url(../img/learning/bg_taiken_ttl_04.png) left center no-repeat;
}

/*
  ++messageBox
----------------------------------------*/
.messageBox {
	margin-bottom: 20px;
	padding-top: 4px;
	background: #fff1f3 url(../img/bg_radius_r_top.png) left top no-repeat;
	color: #c00;
	font-weight: bold;
}
.messageBox .inner {
	padding: 10px 14px 12px;
	background: #fff1f3 url(../img/bg_radius_r_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.messageBox .inner .last {
	margin: 0;
}

/*
  ++generalBox
----------------------------------------*/
.generalBox {
	margin-bottom: 20px;
	padding-top: 4px;
	background: #e6f0f8 url(../img/bg_radius_b_top.png) left top no-repeat;
}
.generalBox .inner {
	padding: 10px 14px 12px;
	background: #e6f0f8 url(../img/bg_radius_b_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.generalBox .inner h3 {
	margin-bottom: 3px;
	padding-left: 18px;
	background: url(../img/bg_h2_03_02.png) left center no-repeat;
}
.generalBox .inner p {
	margin: 0;
}
.generalBox .inner .mb {
	margin-bottom: 14px;
}

.generalBox.photoGallery {
	margin-bottom: 50px;
}
.generalBox.photoGallery .inner {
	padding-bottom: 16px;
}
.generalBox.photoGallery .inner h3 {
	margin-bottom: 11px;
	padding: 0;
	background: none;
}
.generalBox.photoGallery ul {
	margin: 0 0 0 -5px;
	*zoom: 1;
}
.generalBox.photoGallery li {
	float: left;
	margin: 0 0 5px 5px;
	_display: inline;
}

.generalBox2 {
	margin-bottom: 14px;
	padding-top: 5px;
	background: #e6f0f8 url(../img/bg_radius_b03_top.png) left top no-repeat;
}
.generalBox2 .inner {
	padding: 0 0 5px;
	background: #e6f0f8 url(../img/bg_radius_b03_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.generalBox2 .inner2 {
	padding: 10px 14px;
	border-right: 1px solid #8EBBDD;
	border-left: 1px solid #8EBBDD;
	background: #e6f0f8;
}
.generalBox2 .faqList {
	margin: 0;
}
.generalBox2 .faqList li {
	padding-top: 8px;
}
.generalBox2 .faqList .firstChild {
	padding: 0;
}
.generalBox2 .faqList a {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
	*padding-top: 2px;
	_padding-top: 0;
}

/*
  ++contactBox
----------------------------------------*/
.contactBox {
	margin-top: 0;
	padding-top: 4px;
	background: #e6f0f8 url(../img/bg_radius_b_top.png) left top no-repeat;
}
.contactBox .inner {
	padding: 10px 14px 6px;
	background: #e6f0f8 url(../img/bg_radius_b_bottom.png) left bottom no-repeat;
	zoom: 1;
}
.contactBox h2 {
	padding-left: 18px;
	background: url(../img/bg_h2_03_02.png) left center no-repeat;
	font-size: 15px;
}

/*
  ++multiColumn
----------------------------------------*/
.multiColumn .column {
	float: left;
	width: 310px;
}
.multiColumn .lastColumn {
	float: right;
}

.multiColumn2 .column {
	float: left;
	width: 312px;
}
.multiColumn2 .lastColumn {
	float: right;
}

.facebook h3,
.twitter h3,
.line h3,
.insta h3 {
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.3;
}
.facebook h3 a,
.twitter h3 a,
.line h3,
.insta h3 a {
	display: block;
	min-height: 45px;
	padding: 3px 0 0 58px;
	_height: 48px;
}
.facebook h3 a { background: url(../img/special-content/icon_facebook.png) left center no-repeat; }
.twitter h3 a { background: url(../img/special-content/icon_twitter.png) left center no-repeat; }
.line h3 { background: url(../img/special-content/icon_line.png) left center no-repeat; }
.insta h3 { background: url(../img/special-content/icon_insta.png) left center no-repeat; }


/*
  ++imgBox
----------------------------------------*/
.imgBox.pdfBox {
	min-height: 90px;
	_height: 90px;
}
.imgBox .img {
	float: left;
	margin-right: 16px;
}
.imgBox2 .img {
	float: right;
	margin-left: 16px;
}
.imgBox .txt,
.imgBox2 .txt {
	overflow: hidden;
	_zoom: 1;
}
.imgBox .txt .linkTtl {
	margin-bottom: 8px;
}
.imgBox .txt .linkTtl a {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
	*padding-top: 2px;
}

/*
  ++leadArea
----------------------------------------*/
.leadArea,
.leadAreaA {
	min-height: 75px;
	margin-bottom: 30px;
	padding-left: 131px;
	_height: 75px;
}
.lv2 .leadAreaA {
	*margin-bottom: 0;
}
.lv2 .leadAreaA.mbAdjust {
	*margin-bottom: 30px;
}
.leadArea {
	background: url(../img/illust_01.png) 10px top no-repeat;
	font-size: 14px;
}
.leadAreaA {
	background: url(../img/illust_02.png) 10px top no-repeat;
}
.leadArea .inner,
.leadAreaA .inner {
	width: 514px;
	padding-top: 4px;
	background: #e6f0f8 url(../img/bg_radius_b02_top.png) left top no-repeat;
}
.leadArea .inner2,
.leadAreaA .inner2 {
	padding: 8px 14px 12px;
	background: url(../img/bg_radius_b02_bottom.png) left bottom no-repeat;
}
.leadArea .inner p,
.leadAreaA .inner p {
	margin: 0;
}
.leadArea .inner .normal,
.leadAreaA .inner .normal {
	padding-top: 14px;
}

.leadArea2 {
	margin-bottom: 14px;
	padding-top: 4px;
	background: #e6f0f8 url(../img/bg_radius_b_top.png) left top no-repeat;
}
.leadArea2 .inner {
	padding: 10px 14px 6px;
	background: #e6f0f8 url(../img/bg_radius_b_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.leadArea2 .inner p {
	margin: 0;
}

/*
  ++mainVisual
----------------------------------------*/
.mainVisual { margin-bottom: 20px; }

/*
  ++pageNav
----------------------------------------*/
.pageNav,
.pageNav2 {
	padding-top: 4px;
	font-size: 15px;
}
.pageNav2 {
	margin-bottom: 42px;
}
.pageNav {	background: #eee url(../img/bg_radius_g_top.png) left top no-repeat; }
.pageNav2 {	background: #000 url(../img/bg_radius_bl_top.png) left top no-repeat; }
.pageNav .inner,
.pageNav2 .inner {
	padding: 9px 15px 13px;
	*zoom: 1;
}
.pageNav .inner { background: url(../img/bg_radius_g_bottom.png) left bottom no-repeat; }
.pageNav2 .inner { background: url(../img/bg_radius_bl_bottom.png) left bottom no-repeat; }
.pageNav .inner ul,
.pageNav2 .inner ul {
	margin-bottom: 0;
}
.pageNav a {
	color: #000;
	font-weight: bold;
}
.pageNav a:visited,
.pageNav a:visited span {
	color: #000;
}
.pageNav a:hover,
.pageNav a:focus,
.pageNav a:hover span,
.pageNav a:focus span {
	color: #f60;
}
.pageNav a:active,
.pageNav a:active span {
	color: #f00;
}
.pageNav2 a {
	color: #fff;
	font-weight: bold;
}
.pageNav2 a:visited,
.pageNav2 a:visited span {
	color: #fff;
}
.pageNav2 a:hover,
.pageNav2 a:focus,
.pageNav2 a:hover span,
.pageNav2 a:focus span {
	color: #fc0;
}
.pageNav2 a:active,
.pageNav2 a:active span {
	color: #f80;
}
.pageNav .prev,
.pageNav2 .prev {
	float: left;
}
.pageNav .next,
.pageNav2 .next {
	float: right;
}
.pageNav .prev a {
	padding: 3px 0 3px 29px;
	background: url(../img/arrow_bb_03.gif) left center no-repeat;
}
.pageNav .next a {
	padding: 3px 29px 3px 0;
	background: url(../img/arrow_bb_04.gif) right center no-repeat;
}
.pageNav2 .prev a {
	padding: 3px 0 3px 29px;
	background: url(../img/arrow_bbl_02.png) left center no-repeat;
}
.pageNav2 .next a {
	padding: 3px 29px 3px 0;
	background: url(../img/arrow_bbl.png) right center no-repeat;
}

/*
  ++tocNav
----------------------------------------*/
.shopTocNav {
	padding: 5px;
	background: #CDE2F1;
}
.shopTocNav .body {
	padding: 18px 20px 14px;
	border-top: 5px solid #CDE2F1;
	background: #F1F7FB;
}
.shopTocNav .body ol {
	width: 290px;
	margin: 0;
}
.shopTocNav .body .first { float: left; }
.shopTocNav .body .last { float: right; }
.shopTocNav .body ol li {
	margin-bottom: 4px;
}

.shop .icon {
	display: inline-block;
	padding: 1px 4px;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	*display: inline;
	*zoom: 1;
}
.shop .icon1 { background: #00A0E8; }
.shop .icon2 { background: #f63; }

.shop .shopTocNav .icon { margin-left: 3px; }
.shop .inner2 .icon {
	position: absolute;
	top: 10px;
	right: 6px;
}

/*
  ++unitQA
----------------------------------------*/
.unitQA .item,
.unitSection .item {
	margin-bottom: 20px;
	padding-top: 3px;
	background: url(../img/bg_radius_b04_top.png) left top no-repeat;
	_zoom: 1;
}
.unitQA .item h3,
.unitSection .item h3 {
	padding: 8px 14px;
	border-bottom: 1px solid #8dbadd;
	color: #002c6c;
	font-size: 15px;
	line-height: 1.2;
}
.unitSection .item h3.h3 {
	margin-bottom: 0;
	border-bottom: none;
	color: #000;
}
.unitQA .item h3 span,
.unitSection .item h3 span {
	display: block;
	min-height: 27px;
	padding: 8px 0 0 50px;
	_height: 35px;
}
.unitQA .item h3 span { background: url(../img/icon_q.png) left center no-repeat; }
.unitSection .item .pass span { background: url(../img/guide/icon_01.png) left center no-repeat; }
.unitSection .item .off span { background: url(../img/guide/icon_02.png) left center no-repeat; }
.unitQA .item .answer,
.unitSection .item .block {
	padding: 8px 14px;
	background: url(../img/bg_radius_b04_bottom.png) left bottom no-repeat;
}
.unitQA .item .answer .inner {
	min-height: 27px;
	padding: 8px 0 0 50px;
	background: url(../img/icon_a.png) left top no-repeat;
	_height: 27px;
}
.unitSection .item .block .inner {
	padding: 8px 0 0;
}
.unitQA .item .answer p {
	margin: 0;
}

/*
  ++unitIndex
----------------------------------------*/
.unitIndex {
	margin-top: -5px;
	line-height: 1.3;
	background-color: #FFF;
	padding: 8px 8px 12px;
}
.unitIndex .item {
	float: left;
	width: 345px;
	padding-top: 5px;
}
.unitIndex .item2 {
	/*float: left;
	width: 208px;*/
	margin-top: 5px;
	margin-right: 10px;
	padding: 5px 10px 8px;
	/*background: #fff url(../img/bg_grad_circle_05.png) center bottom no-repeat;*/
	line-height: 1.4;
	border-bottom: 1px dotted #383838;
}
.unitIndex .item2 .date {
	margin-right: 16px;
	color: #003F97;
	width: 110px;
	display: block;
	float: left;
}
.unitIndex .item2 .ic_cate,.unitIndexB .item .ic_cate {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	height: 15px;
	width: 55px;
}
.unitIndexA .item {
	margin-bottom: 26px;
	line-height: 1.3;
}
.unitIndex .item.even {
	float: right;
}
.unitIndex .item.clear {
	clear: left;
}
/*.unitIndex .item2.nth3 {
	float: right;
	margin-right: 0;
}*/
.unitIndex .item2.clear {
	clear: both;
}
.unitIndex .item .img,
.unitIndexA .item .img  {
	float: left;
	width: 100px;
	padding-bottom: 12px;
}
.unitIndex .item .img  {
	background: url(../img/bg_grad_circle_02.png) center bottom no-repeat;
}
.unitIndexA .item .img  {
	background: url(../img/bg_grad_circle_04.png) center bottom no-repeat;
}
/*.unitIndex .item2 .img  {
	float: left;
	width: 90px;
}*/
.unitIndex .item .img img,
.unitIndexA .item .img img {
	padding: 10px;
}
.unitIndex .item .img img {
	background: #fff;
}
.unitIndexA .item .img img {
	background: #e6f0f8;
}
.unitIndex .item .txt,
.unitIndexA .item .txt {
	margin-left: 110px;
	padding-top: 4px;
}
.unitIndexB .item .txt {
	padding-top: 4px;
}
.unitIndex .item .txt h3 {
	margin-bottom: 6px;
	font-size: 15px;
}
.unitIndexA .item .txt h3,.unitIndexB .item .txt h3 {
	margin-bottom: 6px;
	font-size: 16px;
}
.unitIndexA.catIndex .item .txt h3 {
	font-size: 15px;
}
.unitIndex .item .txt h3 a,
.unitIndexA .item .txt h3 a,
.unitIndexB .item .txt h3 a {
	display: block;
	padding-left: 20px;
}
.unitIndex .item .txt h3 a {
	background: url(../img/arrow_wb.png) 0 4px no-repeat;
}
.unitIndex .item2 h3 a {
	/*display: block;
	width: 118px;
	float: right;*/
}
.unitIndexA .item .txt h3 a,.unitIndexB .item .txt h3 a {
	background: url(../img/arrow_bb_02.png) 0 4px no-repeat;
}
.unitIndex .item .txt .overview,
.unitIndexA .item .txt .overview,
.unitIndexB .item .txt .overview {
	margin-bottom: 4px;
	font-size: 14px;
}
.unitIndex .item .txt .date,
.unitIndexA .item .txt .date,
.unitIndexB .item .txt .date {
	margin: 0;
	color: #666;
	font-size: 11px;
}
.eventIndex .item .txt .metaInfo {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	_zoom: 1;
}
.eventIndex .item .txt .metaInfo p {
	float: left;
	margin: 0;
	padding: 0;
}
.eventIndex .item .txt .metaInfo .schedule {
	padding-left: 7px;
}
.eventIndex .item .txt .metaInfo.status01 { color: #008cd1; }
.eventIndex .item .txt .metaInfo.status02 { color: #003f97; }
.eventIndex .item .txt .metaInfo.status03 { color: #c00; }
.eventIndex .item .txt .metaInfo.status04 { color: #888; }
.eventIndex .item .txt h3 {
	font-size: 18px;
}
.eventIndex .item .txt h3 a {
	background-position: 0 4px;
}

.scheduleHeader {
	padding-top: 14px;
	background: url(../img/learning/bg_taiken_ttl_01.png) left top no-repeat;
}
.scheduleHeader .item {
	padding-bottom: 8px;
	background: url(../img/learning/bg_taiken_ttl_01.png) left bottom no-repeat;
}
.scheduleHeader .item .txt h2 {
	margin-bottom: 2px;
	font-size: 22px;
	line-height: 1.3;
}

.unitIndex2 ul {
	margin: 0 0 0 -8px;
	padding-top: 7px;
	font-size: 13px;
	*zoom: 1;
}
.unitIndex2 li {
	float: left;
	width: 170px;
	margin: -7px 0 0 8px;
	padding-bottom: 15px;
	background: url(../img/bg_grad_circle_02.png) center bottom no-repeat;
	_display: inline;
}
.unitIndex2 .clear {
	clear: left;
}
.unitIndex2 li a {
	display: block;
	padding: 10px;
	background: #fff;
	text-align: center;
	text-decoration: none;
}
.unitIndex2 li a .img {
	display: block;
	margin-bottom: 7px;
}
.unitIndex2 li a .txt {
	display: inline-block;
	text-align: left;
	*display: inline;
	*zoom: 1;
}

.unitIndex3 {
	padding-bottom: 30px;
	*padding-bottom: 50px;
	_padding-bottom: 30px;
}
.unitIndex3.dense1 {
	padding-bottom: 10px;
	*padding-bottom: 30px;
	_padding-bottom: 10px;
}
.unitIndex3.h3Plus {
	margin-top: -15px;
	padding-bottom: 0;
	*padding-bottom: 20px;
	_padding-bottom: 0;
}
.unitIndex3 ul {
	margin-left: -7px;
	font-size: 13px;
	line-height: 1.3;
}
.unitIndex3 li {
	float: left;
	width: 156px;
	margin: 0 0 20px 7px;
	_display: inline;
}
.unitIndex3 .clear {
	clear: left;
}
.unitIndex3 li a,
.unitIndex3 li span {
	display: block;
	text-decoration: none;
}
.unitIndex3 li a {
	padding: 2px;
	border: 1px solid #cde2f1;
	text-align: center;
}
.unitIndex3 li .txt {
	display: inline-block;
	padding: 10px 4px;
	text-align: left;
	*display: inline;
	*zoom: 1;
}
.unitIndex3 li .txt,
.unitIndex3 li a:visited .txt {
	color: #000;
	text-decoration: underline;
}
.unitIndex3 li a:hover .txt,
.unitIndex3 li a:focus .txt {
	color: #f60;
	text-decoration: underline;
}
.unitIndex3 li a:active .txt {
	color: #f00;
	text-decoration: none;
}

.unitIndex3 .item {
	float: left;
	width: 150px;
	margin: 0 0 20px 7px;
	padding: 2px;
	border: 1px solid #cde2f1;
	line-height: 1.3;
	_display: inline;
}
.unitIndex3 .item.nth1 { margin-left: 0; }
.unitIndex3 .item h4 {
	padding: 5px 0;
	text-align: center;
}
.unitIndex3 .item p {
	margin-bottom: 3px;
}
.unitIndex3 .item .caption {
	font-size: 13px;
	text-align: center;
}

.unitIndex3.ranking {
	padding-top: 40px;
	*margin-bottom: 0;
}
.unitIndex3.ranking .item {
	position: relative;
	width: 195px;
	padding: 4px;
	margin: 0 0 20px 15px;
	_margin: 0 0 -20px 15px;
}
.unitIndex3.ranking .item.nth1 { margin-left: 0; }
.unitIndex3.ranking .item .caption {
	padding-top: 2px;
}
.unitIndex3.ranking .item .rankginNo {
	position: absolute;
	top: -40px;
	left: 3px;
	font-size: 0;
	line-height: 0;
}

.unitIndex4 {
	margin-bottom: 30px;
	padding-top: 20px;
}
.unitIndex4 li {
	float: left;
	width: 313px;
	margin-bottom: 14px;
}
.unitIndex4 .even {
	float: right;
}

.popularityBox {
	position: relative;
	margin-bottom: 15px;
}
.popularityBox .icon {
	position: absolute;
	top: -4px;
	left: -4px;
}
.unitIndex5 li {
	float: left;
	margin-bottom: 15px;
}
.unitIndex5 .nth1 {
	margin-right: 15px;
}
.unitIndex5 .nth3 {
	float: right;
}

.unitIndex6 {
	padding-bottom: 30px;
}
.unitIndex6 .unit {
	float: left;
	width: 312px;
	margin-bottom: 20px;
}
.unitIndex6 .unit.even {
	float: right;
}
.unitIndex6 .unit.clear {
	clear: both;
}
.unitIndex6 .unit p {
	margin: 0;
	padding: 10px;
	background: url(../img/bg_radius_bl02_bottom.png) left bottom no-repeat;
}
.unitIndex7 li {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
}
.unitIndex7 .even {
	float: right;
	margin-right: 0;
}

/*
  ++programBox
----------------------------------------*/
.programBox {
	width: 315px;
}
.programBox p.lead {
	margin: 8px 0 10px 0;
	color: #0084CA;
	font-weight: bold;
	font-size: 13px;
}
.programBox dl {
	overflow: hidden;
	/zoom: 1;
}
.programBox dt {
	width: 56px;
	float: left;
	clear: both;
	margin-bottom: 4px;
	padding: 6px 0 5px 0;
	background: url(../img/bg_dt_01.gif) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 1;
}
.programBox dd {
	width: 251px;
	float: left;
	margin-left: 8px;
	/margin-bottom: 6px;
}

.programBox.ocean {
	width: 645px;
	overflow: hidden;
	/zoom: 1;
}
.programBox.ocean p.lead {
	margin-top: 0;
}
.programBox.ocean dl {
	width: 265px;
	float: left;
	margin-bottom: 5px;
}
.programBox.ocean dt {
	margin-bottom: 7px;
}
.programBox.ocean dd {
	width: 200px;
}
.programBox.ocean dl.last {
	width: 380px;
}
.programBox.ocean dl.last dd {
	width: 315px;
	/margin-bottom: 0;
}


/*
  ++remoteNav
----------------------------------------*/
.remoteNav li {
	float: left;
	margin-bottom: 20px;
	text-align: center;
}
.remoteNav .even {
	float: right;
}
.remoteNav li p {
	margin: 0 0 1px;
}

.remoteNav2 {
	padding-top: 10px;
	font-size: 14px;
}
.remoteNav2 ul {
	padding-top: 10px;
	border-top: 2px solid #cde2f1;
}
.remoteNav2 li {
	padding-top: 2px;
}
.remoteNav2 a {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
	font-weight: bold;
	*padding-top: 3px;
	_padding-top: 0;
}
.remoteNav2.eventNav {
	margin-top: 40px;
}
.remoteNav2.eventNav ul {
	border-top: 3px solid #cde2f1;
}

.remoteNav3 {
	margin-bottom: 20px;
	*padding-top: 14px;
}

/*
  ++relatedLink
----------------------------------------*/
.relatedLink a {
	padding: 2px 0 2px 22px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
}

/*
  ++itemList
----------------------------------------*/
.itemList .item {
	float: left;
	width: 150px;
	margin: 0 7px 20px 0;
	padding: 3px;
	background: #cde2f1;
}
.itemList .item.nth4 {
	float: right;
	margin-right: 0;
}
.itemList .item.clear {
	clear: both;
}
.itemList .item h3 {
	padding: 6px 2px 0;
	line-height: 1.3;
}
.itemList .item p {
	margin: 0;
	padding: 3px 2px 6px;
	font-size: 11px;
	line-height: 1.3;
	*font-size: 12px;
}

/*
  ++btnArea
----------------------------------------*/
.btnArea {
	padding-top: 20px;
	text-align: center;
}
.btnArea li {
	display: inline-block;
	margin: 0 .5em;
	*display: inlinel;
	*zoom: 1;
}

/*
  ++radiusBox
----------------------------------------*/
.radiusBox {
	padding-bottom: 15px;
	background: url(../img/bg_grad_circle_03.png) center bottom no-repeat;
	*zoom: 1;
}
.radiusBox .inner {
	padding-top: 15px;
	background: url(../img/bg_radius.png) left top no-repeat;
}
.radiusBox .inner2 {
	padding: 0 15px 15px;
	background: url(../img/bg_radius.png) left bottom no-repeat;
}

.radiusBox2 {
	background: url(../img/bg_radius02_middle.png) left top repeat-y;
	*zoom: 1;
}
.radiusBox2 .inner {
	padding-top: 5px;
	background: url(../img/bg_radius02_top.png) left top no-repeat;
}
.radiusBox2 .inner2 {
	padding: 15px 28px 10px;
	background: url(../img/bg_radius02_bottom.png) left bottom no-repeat;
}
.radiusBox2 h2 {
	margin-bottom: 30px;
	padding: 0 4px 12px;
	background: url(../img/bg_h2_radius02.gif) left bottom no-repeat;
	color: #002c6c;
	font-size: 20px;
	line-height: 1.2;
}
.radiusBox2 p {
	margin-bottom: 20px;
}
.multiColumn2 .radiusBox2 { background: url(../img/bg_radius02_middle_02.png) left top repeat-y; }
.multiColumn2 .radiusBox2 .inner { background: url(../img/bg_radius02_top_02.png) left top no-repeat; }
.multiColumn2 .radiusBox2 .inner2 { background: url(../img/bg_radius02_bottom_02.png) left bottom no-repeat; }

.radiusBox2.result {
	margin-bottom: 20px;
	line-height: 1.3;
}
.radiusBox2.result .inner2 {
	padding-left: 15px;
}
.radiusBox2.result .inner2 .item h2 {
	margin-bottom: 7px;
	padding: 0;
	background: none;
	font-size: 14px;
}
.radiusBox2.result .inner2 .item h2 a {
	padding-left: 22px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
	*padding-top: 2px;
	_padding-top: 0;
}
.radiusBox2.result .inner2 .item p {
	padding-left: 22px;
}

.radiusBox2.catIndex {
	margin-bottom: 20px;
	font-size: 14px;
}
.radiusBox2.catIndex .inner2 {
	padding: 9px 14px 14px;
}
.radiusBox2.catIndex .inner2 .img {
	margin-right: 15px;
	_margin-right: 13px;
}
.radiusBox2.catIndex .inner2 .txt .img {
	margin-right: 0;
}
.radiusBox2.catIndex .inner2 .txt {
	position: relative;
	width: 500px;
}
.radiusBox2.catIndex .inner2 .txt .txt {
	width: auto;
}
.radiusBox2.catIndex .inner2 .txt h2,
.radiusBox2.catIndex .inner2 .txt .ttl,
.radiusBox2.catIndex .inner2 .txt .ttl2 {
	margin-bottom: 10px;
	padding: 0;
	background: none;
	font-size: 15px;
	line-height: 1.2;
}
.radiusBox2.catIndex .inner2 .txt h2 a,
.radiusBox2.catIndex .inner2 .txt h2 span,
.radiusBox2.catIndex .inner2 .txt .ttl a,
.radiusBox2.catIndex .inner2 .txt .ttl span,
.shop .radiusBox2.catIndex .inner2 .txt .ttl span,
.shop .radiusBox2.catIndex .inner2 .txt .ttl2 span {
	display: block;
	color: #fff;
	text-decoration: none;
}
.radiusBox2.catIndex .inner2 .txt h2 a,
.radiusBox2.catIndex .inner2 .txt .ttl a,
.shop .radiusBox2.catIndex .inner2 .txt .ttl span {
	padding-top: 4px;
	background: #003c99 url(../img/bg_radius_b05_top.png) left top no-repeat;
	*zoom: 1;
}
.radiusBox2.catIndex .inner2 .txt h2 a span,
.radiusBox2.catIndex .inner2 .txt .ttl a span,
.shop .radiusBox2.catIndex .inner2 .txt .ttl span span {
	padding: 4px 10px 8px 12px;
	background: #003c99 url(../img/bg_radius_b05_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.radiusBox2.catIndex .inner2 .txt h2 a span span,
.radiusBox2.catIndex .inner2 .txt .ttl a span span {
	padding: 0 0 0 22px;
	background: url(../img/arrow_bb_05.gif) left center no-repeat;
	*zoom: 1;
}

.shop .radiusBox2.catIndex .inner2 .txt .ttl2 span {
	padding-top: 4px;
	background: #FFE5E8 url(../img/bg_radius_r02_top.png) left top no-repeat;
	*zoom: 1;
}
.shop .radiusBox2.catIndex .inner2 .txt .ttl2 span span {
	padding: 4px 10px 8px 12px;
	background: #FFE5E8 url(../img/bg_radius_r02_bottom.png) left bottom no-repeat;
	*zoom: 1;
}

.radiusBox2.catIndex .inner2 .txt h2 a:hover,
.radiusBox2.catIndex .inner2 .txt h2 a:focus,
.radiusBox2.catIndex .inner2 .txt h2 a:active,
.radiusBox2.catIndex .inner2 .txt h2 a:hover span,
.radiusBox2.catIndex .inner2 .txt h2 a:focus span,
.radiusBox2.catIndex .inner2 .txt h2 a:active span,
.radiusBox2.catIndex .inner2 .txt .ttl a:hover,
.radiusBox2.catIndex .inner2 .txt .ttl a:focus,
.radiusBox2.catIndex .inner2 .txt .ttl a:active,
.radiusBox2.catIndex .inner2 .txt .ttl a:hover span,
.radiusBox2.catIndex .inner2 .txt .ttl a:focus span,
.radiusBox2.catIndex .inner2 .txt .ttl a:active span {
	color: #003c99;
}
.radiusBox2.catIndex .inner2 .txt h2 a:hover,
.radiusBox2.catIndex .inner2 .txt h2 a:focus,
.radiusBox2.catIndex .inner2 .txt h2 a:active,
.radiusBox2.catIndex .inner2 .txt .ttl a:hover,
.radiusBox2.catIndex .inner2 .txt .ttl a:focus,
.radiusBox2.catIndex .inner2 .txt .ttl a:active,
.shop .radiusBox2.catIndex .inner2 .txt .ttl span {
	background: #cde2f1 url(../img/bg_radius_b06_top.png) left top no-repeat;
	*zoom: 1;
}
.radiusBox2.catIndex .inner2 .txt h2 a:hover span,
.radiusBox2.catIndex .inner2 .txt h2 a:focus span,
.radiusBox2.catIndex .inner2 .txt h2 a:active span,
.radiusBox2.catIndex .inner2 .txt .ttl a:hover span,
.radiusBox2.catIndex .inner2 .txt .ttl a:focus span,
.radiusBox2.catIndex .inner2 .txt .ttl a:active span,
.shop .radiusBox2.catIndex .inner2 .txt .ttl span span {
	background: #cde2f1 url(../img/bg_radius_b06_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.radiusBox2.catIndex .inner2 .txt h2 a:hover span span,
.radiusBox2.catIndex .inner2 .txt h2 a:focus span span,
.radiusBox2.catIndex .inner2 .txt h2 a:active span span,
.radiusBox2.catIndex .inner2 .txt .ttl a:hover span span,
.radiusBox2.catIndex .inner2 .txt .ttl a:focus span span,
.radiusBox2.catIndex .inner2 .txt .ttl a:active span span {
	background: url(../img/arrow_bb_06.gif) left center no-repeat;
}
.shop .radiusBox2.catIndex .inner2 .txt .ttl span span,
.shop .radiusBox2.catIndex .inner2 .txt .ttl2 span span {
	color: #000;
}
.shop .radiusBox2.catIndex .inner2 .txt .ttl span span .no,
.shop .radiusBox2.catIndex .inner2 .txt .ttl2 span span .no {
	margin-right: 7px;
	vertical-align: middle;
}

.radiusBox2.catIndex .inner2 .txt p {
	margin: 0;
}
.radiusBox2.catIndex .inner2 .txt .mb {
	margin-bottom: 14px;
}

.radiusBox2.eventItem .inner2 {
	padding: 10px 8px 15px 15px;
	line-height: 1.3;
}
.radiusBox2.eventItem .inner2 .txt p {
	margin: 0;
}
.radiusBox2.eventItem .inner2 .txt h3 {
	margin-bottom: 8px;
	font-size: 15px;
}
.radiusBox2.eventItem .inner2 .txt h3 a {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat
}

/*
  ++barrierfreeBox
----------------------------------------*/
.barrierfreeBox {
	margin-bottom: 50px;
}
.barrierfreeBox p {
	margin-bottom: 20px;
}

/*
  ++pageLink
----------------------------------------*/
.pageLink li {
	line-height: 1.5;
}
.pageLink a {
	padding: 2px 0 2px 22px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
}

/*
  ++map
----------------------------------------*/
.map {
	margin-bottom: 20px;
	border: 1px solid #8dbadd;
}
.map iframe {
	margin: 0;
}
.map small {
	display: none;
}

/*========================================
 +heading
========================================*/
.heading1 {
	margin-bottom: 5px;
	padding-top: 4px;
	background: url(../img/bg_h1.png) left top no-repeat;
	color: #fff;
	font-size: 16px;
	line-height: 1.1;
	*zoom: 1;
}
.heading1 h1 {
	padding: 8px 0 12px 17px;
	background: url(../img/bg_h1_02.png) left bottom no-repeat;
	*zoom: 1;
}

.h2,
.h2_02 {
	height: 25px;
	margin-bottom: 7px;
	padding: 5px 0 0 6px;
}
.h2 {
	background: url(../img/bg_h2.png) left top no-repeat;
}
.h2_02 {
	background: url(../img/bg_h2_02.png) left top no-repeat;
}

.h2_03 {
	margin-bottom: 20px;
	padding: 9px 0;
	border-top: 2px solid #003f97;
	background: #fff url(../img/bg_h2_03.png) left bottom repeat-x;
	color: #002c6c;
	font-size: 16px;
	line-height: 1.2;
}
.h2_03 span {
	display: block;
	padding-left: 17px;
	background: url(../img/bg_h2_03_02.png) left center no-repeat;
}

.h3,
.h3_02,
.h3_03 {
	margin-bottom: 16px;
	padding-left: 15px;
	background: url(../img/bg_h3.png) left center no-repeat;
	font-size: 15px;
}
.h3_02 {
	margin-bottom: 0;
}
.h3_03 {
	margin-bottom: 10px;
}

.h2_img,
.h3_img {
	margin-bottom: 16px;
}

.mainVisual{
	width:635px;
	border: 1px solid #cde2f1;
	padding: 5px;

}
.mainVisual p{
	margin:0;
}
/*========================================
 +paragraph
========================================*/
.leadPara {
	margin-bottom: 50px;
	font-size: 14px;
}

/*========================================
 +list
========================================*/
ul.list li {
	padding-left: 16px;
	background: url(../img/bg_list_style_b.png) 3px 8px no-repeat;
}
ul.list .list li {
	padding-left: 16px;
	background: url(../img/bg_list_style_b02.png) 3px 8px no-repeat;
}
ol.list {
	list-style: decimal outside;
	margin-left: 1.7em;
}
.list em {
	color: #c00;
	font-style: normal;
}
ul.normal {
	list-style: disc outside;
	margin-left: 1.3em;
}

.noteList {
	padding-left: 1em;
	text-indent: -1em;
}
.noteList.noList {
	padding-left: 2em;
	text-indent: -2em;
}
.noteList em {
	color: #c00;
	font-style: normal;
}

.bannerList li {
	float: left;
	width: 180px;
	margin: 0 53px 16px 0;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
}
.bannerList .nth2 { margin-right: 52px; }
.bannerList .nth3 { margin-right: 0; }
.bannerList .nth3p1 { clear: left; }
.bannerList li a,
.bannerList li span {
	display: block;
	text-decoration: none;
}
.bannerList li a.link4 {
	display: inline-block;
	margin-top: -8px;
	margin-bottom: 5px;
	text-decoration: underline;
}
.bannerList li a.link4,  x:-moz-any-link  { display: block; }
.bannerList li .txt {
	display: inline-block;
	padding: 5px 0 0;
	text-align: left;
	text-decoration: underline;
	*display: inline;
	*zoom: 1;
}
.bannerList li img {
	border: 1px solid #ccc;
}

.photoList li {
	float: left;
	margin-right: 2px;
}
.photoList .lastChild {
	margin: 0;
}
.photoList.leadParaPlus {
	margin: -35px 0 50px;
}

.horizontalList dd {
	min-height: 45px;
	_height: 45px;
	margin: -45px 0 10px 62px;
	font-size: 15px;
	line-height: 1.3;
}

.inlineList li {
	display: inline;
	margin-right: 1em;
}

.linkList {
	text-align: center;
}
.linkList li {
	display: inline-block;
	margin: 0 .5em;
	*display: inline;
	*zoom: 1;
}
.linkList  a {
	padding: 2px 0 2px 22px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
}

.linkList2 li {
	padding-top: 4px;
}
.linkList2 a {
	padding-left: 15px;
	background: url(../img/arrow_wb_02.png) left center no-repeat;
}

/*========================================
 +table
========================================*/
.table {
	width: 100%;
}
.table th,
.table td {
	padding: 8px 10px;
	border: 1px solid #8dbadd;
	word-break: break-all;
	vertical-align: top;
}
.table thead th {
	text-align: center;
}
.table th {
	background: #cde2f1;
}
.table .thCol {
	background: #f1f7fb;
}

.table2 {
	width: 645px;
	font-size: 14px;
}
.table2 th,
.table2 td {
	border: 1px solid #e3d8ba;
}
.table2 th {
	background: #eee5cd;
	text-align: center;
}

.matrixTable {
	width: 100%;
}
.matrixTable th,
.matrixTable td {
	padding: 8px 10px;
	border: 1px solid #8dbadd;
	word-break: break-all;
}
.matrixTable thead th {
	background: #cde2f1;
}
.matrixTable tbody th {
	background: #f1f7fb;
}
.matrixTable.txtCenter th,
.matrixTable.txtCenter td {
	text-align: center;
}

.flexTable { width: auto; }
.fixedTable { table-layout: fixed; }
.zebraTable .oddRow {
	background: #efefef;
}

.table3 {
	width: 100%;
}
.table3 th,
.table3 td {
	padding: 8px 10px;
	border: 1px solid #8dbadd;
	word-break: break-all;
}
.table3 th {
	background: #cde2f1;
}
.table3 td {
	text-align: center;
}

tr.thCenter th {
	text-align: center;
}
tr.tdCenter td {
	text-align: center;
}

/*========================================
 +form
========================================*/
input.text01 {width: 1em;}
input.text02 {width: 2em;}
input.text03 {width: 3em;}
input.text04 {width: 4em;}
input.text05 {width: 5em;}
input.text06 {width: 6em;}
input.text07 {width: 7em;}
input.text08 {width: 8em;}
input.text09 {width: 9em;}
input.text10 {width: 10em;}

/*========================================
 +general
========================================*/
.strongC1,
.emC1 { color: #c00; }
.strongC2 { color: #c00; font-size: 15px; }
.strongS1 { font-size: 16px; }
#container .separate {
	float: left;
	margin-top: 36px;
	padding-top: 57px;
	background: url(../img/bg_separate_01.png) center top no-repeat;
}
.moveto {
	padding-top: 20px;
}
.moveto a,
.moveto2 a {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
	font-weight: bold;
	*padding-top: 2px;
}
.notePara {
	margin-top: -10px;
}
.mapPara {
	margin: -40px 0 40px;
}
.link {
	padding-left: 16px;
	background: url(../img/arrow_wb.png) left 3px no-repeat;
	text-indent: 0;
}
.link2 {
	padding-left: 20px;
	background: url(../img/arrow_bb_02.png) left center no-repeat;
}
.link3 {
	padding-left: 20px;
	background: url(../img/arrow_bb_07.gif) left 0 no-repeat;
}
.link4 {
	padding-left: 8px;
	background: url(../img/arrow_b_01.png) left 3px no-repeat;
}
.photoLine {
	overflow: hidden;
	/zoom: 1;
}
.photoLine .alignleft {
	margin-right: 0;
}
.photoLine .alignright {
	margin-left: 0;
}
.home_news_ttl {
	/display: block;
	/float: left;
}
.lv2 .home_news {
	width: 150px;
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: right;
}
.home_news a {
	padding: 1px 0 2px 20px;
	background: url(../img/arrow_bb_06.gif) left 0 no-repeat;
	font-size: 13px;
	color: #000;
	line-height: 1;
	/line-height: 1.2;
}
table td.businessHours {
	padding: 0 10px;
}
.businessHours div {
	padding: 8px 0;
	border-bottom: 1px dotted #8DBADD;
}
.businessHours div.last {
	border-bottom: none;
}



/*
  ++fontsize
----------------------------------------*/
#container .small { font-size: 13px; }/* main column small text */
#container .time { font-size: 18px; }
#container .keyword,
#container .hit { font-size: 20px; }

.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
a:hover .rollOver,
a:focus .rollOver,
a:active .rollOver {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*
  ++fontcolor
----------------------------------------*/
.color01 {
	color: #00A0E8;
}


/*========================================
 +uniq
========================================*/
.noSmokeNoPet {
	padding-left: 122px;
	background: url(../img/guide/illust_01.png) left top no-repeat;
}
.floorMap {
	position: relative;
	height: 427px;
	margin-bottom: 10px;
}
.floorMap li {
	position: absolute;
}
.floorMap .nav_a { top: 293px; left: 205px; }
.floorMap .nav_b { top: 344px; left: 65px; }
.floorMap .nav_c { top: 255px; left: 48px; }
.floorMap .nav_d { top: 195px; left: 51px; }
.floorMap .nav_e { top: 93px; left: 23px; }
.floorMap .nav_f { top: 186px; left: 173px; }
.floorMap .nav_g { top: 236px; left: 270px; }
.floorMap .nav_h { top: 183px; left: 314px; }
.floorMap .nav_kids { top: 132px; left: 182px; }
.floorMap .nav_shop { top: 308px; left: 529px; }

/*====================
 +display none
====================*/
.blogEntryHeader .entryMetaInfo dt {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}




.sns h3{
	border-bottom:2px solid #002E6F;
	margin-bottom:10px;
	padding-bottom:8px;
}
.sns .tw{
	width:330px;
	float:left;
	padding:5px;
	background:#FFF;
}
.sns .insta{
	width:330px;
	float:right;
	padding:5px;
	background:#FFF;
}
.sns .insta h3{
	background:none;
}

.insta_box{
	float: left;
	width: 148px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
	border:3px solid #EEE;
}
.instacaption {
	display: none;
	display: block;
	position: absolute;
	top: 0px;
	width: 140px;
	height: 130px;
	background-color: rgba(0, 0, 0, 0.3);
	color: white;
	padding: 10px 5px;
	text-align: center;
	opacity: 0;
	overflow: hidden;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.instacaption:hover { opacity: 1; }

.column .insta_box{
	float: left;
	width: 134px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
	border:3px solid #EEE;
}

.column .insta_box img{
	width:100%;
	height:auto;
}
.column .instacaption {
	display: none;
	display: block;
	position: absolute;
	top: 0px;
	width: 124px;
	height: 114px;
	background-color: rgba(0, 0, 0, 0.3);
	color: white;
	padding: 10px 5px;
	text-align: center;
	opacity: 0;
	overflow: hidden;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
.column .instacaption:hover { opacity: 1; }