@charset "utf-8";

/* layout.css */

/*////////////////////////////////////////////*/
/*                                            */
/*  common　     　                           */
/*                                            */
/*////////////////////////////////////////////*/
div.dColL {
	float: left;
}
div.dColR {
	float: right;
}
p,a,span,strong,li,th,td {
	line-height: 1.4;
}

/*////////////////////////////////////////////*/
/*                                            */
/*  link　　　   　                           */
/*                                            */
/*////////////////////////////////////////////*/
a:link { color: #0099CC; }
a:visited { color: #993399; }
a:hover,
a:active,
a:focus { color: #336699; }

/*////////////////////////////////////////////*/
/*                                            */
/*  body                                      */
/*                                            */
/*////////////////////////////////////////////*/
body {
	text-align: center;
}

/*////////////////////////////////////////////*/
/*                                            */
/*  header                                    */
/*                                            */
/*////////////////////////////////////////////*/
div#dHeader {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
		div#dHeader div.dColL {
			padding-top: 16px;
			padding-bottom: 16px;
			padding-left: 10px;
		}
		div#dHeader div.dColR {
			width: 470px;
			text-align: right;
		}
				div#dHeader div.dColR p#pTagline {
					margin-top: 20px;
					font-weight: bold;
					line-height: 1;
				}
				div#dHeader div.dColR ul {
					float: right;
					font-size: 95%;
					margin-bottom: 5px;
					text-align: left;
				}
				div#dHeader div.dColR div.dUpper ul {
					margin-top: 10px;
				}
				div#dHeader div.dColR ul li {
					padding-top: 3px;
					padding-right: 5px;
					padding-bottom: 3px;
					padding-left: 5px;
					float: left;
					white-space: nowrap;
				}
				div#dHeader div.dColR div.dUpper ul li {
					border-left: 1px solid #CCCCCC;
				}
				div#dHeader div.dColR div.dLower ul li {
					padding-right: 0;
				}
				
				div#dHeader div.dColR ul li.liLast {
					padding-right: 0;
				}
				div#dHeader div.dColR div.dUpper ul li.liLast {
					border-right: 1px solid #CCCCCC;
					padding-right: 5px;
					margin-right: 5px;
				}
				div#dHeader div.dColR div.dUpper ul li.liLanguage {
					border-right: 1px solid #cccccc;
					padding: 5px 0 0 0;
					width: 106px;
				}
						div#dHeader div.dColR div.dUpper ul li.liLanguage span{
							padding: 0 20px 0 30px;
							background: url(../image/ico_close.gif) no-repeat 15px 50%;
							display: inline-block;
						}
						div#dHeader div.dColR div.dUpper ul li.liLanguage span.sActive{
							background: url(../image/ico_open.gif) no-repeat 15px 50%;
						}
				div#dHeader div.dColR div.dUpper ul.ulLanguage {
					float: none;
					padding-bottom: 0px;
					margin-bottom:0;
					margin-top: 0;
					background: #ffffff;
					position: absolute;
					z-index: 9999;
					border-right: 1px solid #cccccc;
					border-left: 1px solid #cccccc;
					margin-left: -1px;
					display: none;
					width: 106px;
				}
						div#dHeader div.dColR div.dUpper ul.ulLanguage span {
							background: url(../image/ico_close.gif) no-repeat;
							padding-left: 5px;
						}
						div#dHeader div.dColR div.dUpper ul.ulLanguage li {
							border: none;
							border-bottom: 1px solid #cccccc;
							padding: 10px 21px 10px 21px;
							float: none;
						}
								div#dHeader div.dColR div.dUpper ul.ulLanguage li.liEnglish {
									border-top: 1px solid #cccccc;
									padding-top: 10px;
									margin-top: 10px;
								}

/*////////////////////////////////////////////*/
/*                                            */
/*  globalnavi                                */
/*                                            */
/*////////////////////////////////////////////*/
ul#ulGlobalNavi {
	height: 45px;
}
ul#ulGlobalNavi li {
	float: left;
	padding-right: 5px;
	height: 45px;
}
		ul#ulGlobalNavi li#liGnAbout {
			width: 141px;
		}
		ul#ulGlobalNavi li#liGnFreshwater {
			width: 170px;
		}
		ul#ulGlobalNavi li#liGnPlan {
			width: 196px;
		}
		ul#ulGlobalNavi li#liGnEvent {
			width: 137px;
		}
		ul#ulGlobalNavi li#liGnSpot {
			width: 136px;
		}
		ul#ulGlobalNavi li.liLast {
			padding-right: 0;
		}
/*////////////////////////////////////////////*/
/*                                            */
/*  breadcrumbs, fontsize                     */
/*                                            */
/*////////////////////////////////////////////*/
div#dBreadFont {
	margin-top: 11px;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
		body#home div#dBreadFont {
			margin-top: 6px;
			margin-bottom: 10px;
			padding-right: 10px;
			padding-left: 10px;
		}
div#dBreadCrumbs {
	width: 615px;
	font-size: 95%;
	margin-top: 1px;
}
		div#dBreadCrumbs ol li {
			/*float: left;*/
			/*padding-right: 5px;*/
			display: inline;
			line-height: 1.6;
		}
		div#dBreadCrumbs ol li a {
			padding-right: 5px;
			line-height: 1.6;
		}
div#dFontsize {
	width: 143px;
}
		div#dFontsize dt {
			float: left;
			margin-top: 4px;
			padding-right: 5px;
		}
		div#dFontsize dd {
			float: left;
			padding-left: 5px;
			width: 19px;
			height: 21px;
		}
				div#dFontsize dd a {
					display: block;
					background-position: top;
					background-repeat: no-repeat;
					width: 19px;
					height: 21px;
				}
				div#dFontsize dd a:hover {
					background-position: 0 -21px;
				}
				div#dFontsize dd span {
					display: none;
				}
				div#dFontsize dd#ddS a {
					background-image: url(../image/bg_fontsize_s.gif);
				}
				div#dFontsize dd#ddM a {
					background-image: url(../image/bg_fontsize_m.gif);
					background-position: 0 -42px;
				}
				div#dFontsize dd#ddL a {
					background-image: url(../image/bg_fontsize_l.gif);
				}

/*////////////////////////////////////////////*/
/*                                            */
/*  body                                      */
/*                                            */
/*////////////////////////////////////////////*/
div#dBody {
	background-image: url(../image/bg_body.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
}
		div#dBody div.dBodyInner {
			width: 800px;
			margin-right: auto;
			margin-left: auto;
			background-color: #FFFFFF;
			text-align: left;
		}
		div#dBody div#dBodyMain {
			padding-right: 10px;
			padding-left: 10px;
		}
/*////////////////////////////////////////////*/
/*                                            */
/*  contents                                  */
/*                                            */
/*////////////////////////////////////////////*/
div#dContents {
	width: 580px;
}

/*////////////////////////////////////////////*/
/*                                            */
/*  subnavi                                   */
/*                                            */
/*////////////////////////////////////////////*/

/* 4/16追加分
----------------------------------------------*/
				/* about
				----------------------------------------------*/
				div#dSubNavi ul li#liSnAbout13 a {
					background-image: url(../image/ico_sn_about13.gif);
				}
				div#dSubNavi ul li#liSnAbout13 a.aActive {
					background-image: url(../image/ico_sn_about13_ac.gif);
				}
/* ここまで
----------------------------------------------*/

div#dSubNavi {
	width: 180px;
	padding-bottom: 20px;
}
		div#dSubNavi ul {
			background-image: url(../image/bg_sn_lower.gif);
			background-position: bottom;
			background-repeat: no-repeat;
			padding-bottom: 5px;
		}
				body#blog div#dSubNavi ul {
					margin-bottom: 20px;
				}
		div#dSubNavi ul li {
			background-image: url(../image/bg_sn_dotted_line.gif);
			background-position: bottom;
			background-repeat: repeat-x;
			float: left;
			width: 180px;
			padding-bottom: 1px;
		}
		div#dSubNavi ul li a {
			display: block;
			padding-top: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			padding-left: 36px;
			color: #333333;
			text-decoration: none;
			width: 134px;
			background-position: 10px;
			background-repeat: no-repeat;
		}
				body#blog div#dSubNavi div.dTagCloud ul li a {
					display: inline;
					padding: 0;
					margin-right: 0;
					width: auto;
					background: none;
				}
				body#blog div#dSubNavi div.dTagCloud ul li {
					width: auto;
				}
				body#plan div#dSubNavi ul li {
					background-image: none;
					padding-bottom: 0;
				}
				body#plan div#dSubNavi ul li a {
					padding: 0;
				}
				/* about
				----------------------------------------------*/
				div#dSubNavi ul li#liSnAbout01 a {
					background-image: url(../image/ico_sn_about01.gif);
				}
				div#dSubNavi ul li#liSnAbout02 a {
					background-image: url(../image/ico_sn_about02.gif);
				}
				div#dSubNavi ul li#liSnAbout03 a {
					background-image: url(../image/ico_sn_about03.gif);
				}
				div#dSubNavi ul li#liSnAbout04 a {
					background-image: url(../image/ico_sn_about04.gif);
				}
				div#dSubNavi ul li#liSnAbout05 a {
					background-image: url(../image/ico_sn_about05.gif);
				}
				div#dSubNavi ul li#liSnAbout06 a {
					background-image: url(../image/ico_sn_about06.gif);
				}
				div#dSubNavi ul li#liSnAbout07 a {
					background-image: url(../image/ico_sn_about07.gif);
				}
				div#dSubNavi ul li#liSnAbout08 a {
					background-image: url(../image/ico_sn_about08.gif);
				}
				div#dSubNavi ul li#liSnAbout09 a {
					background-image: url(../image/ico_sn_about09.gif);
				}
				div#dSubNavi ul li#liSnAbout10 a {
					background-image: url(../image/ico_sn_about10.gif);
				}
				div#dSubNavi ul li#liSnAbout11 a {
					background-image: url(../image/ico_sn_about11.gif);
					padding-right: 0;
					width: 144px;
				}
				div#dSubNavi ul li#liSnAbout12 a {
					background-image: url(../image/ico_sn_about12.gif);
				}
				div#dSubNavi ul li#liSnAbout13 a {
					background-image: url(../image/ico_sn_about13.gif);
				}
				/* freshwater
				----------------------------------------------*/
				div#dSubNavi ul li#liSnFreshwater01 a {
					background-image: url(../image/ico_sn_freshwater01.gif);
				}
				div#dSubNavi ul li#liSnFreshwater02 a {
					background-image: url(../image/ico_sn_freshwater02.gif);
				}
				div#dSubNavi ul li#liSnFreshwater03 a {
					background-image: url(../image/ico_sn_freshwater03.gif);
				}
				div#dSubNavi ul li#liSnFreshwater04 a {
					background-image: url(../image/ico_sn_freshwater04.gif);
				}
				div#dSubNavi ul li#liSnFreshwater05 a {
					background-image: url(../image/ico_sn_freshwater05.gif);
				}
				/* event
				----------------------------------------------*/
				div#dSubNavi ul li#liSnEvent01 a {
					background-image: url(../image/ico_sn_event01.gif);
				}
				div#dSubNavi ul li#liSnEvent02 a {
					background-image: url(../image/ico_sn_event02.gif);
				}
				div#dSubNavi ul li#liSnEvent03 a {
					background-image: url(../image/ico_sn_event03.gif);
				}
				div#dSubNavi ul li#liSnEvent04 a {
					background-image: url(../image/ico_sn_event04.gif);
				}
				div#dSubNavi ul li#liSnEvent05 a {
					background-image: url(../image/ico_sn_event05.gif);
				}
				div#dSubNavi ul li#liSnEvent06 a {
					background-image: url(../image/ico_sn_event06.gif);
				}
				/* spot
				----------------------------------------------*/
				div#dSubNavi ul li#liSnSpot01 a {
					background-image: url(../image/ico_sn_spot01.gif);
				}
				div#dSubNavi ul li#liSnSpot02 a {
					background-image: url(../image/ico_sn_spot02.gif);
				}
				/* company
				----------------------------------------------*/
				div#dSubNavi ul li#liSnCompany01 a {
					background-image: url(../image/ico_sn_company01.gif);
				}
				div#dSubNavi ul li#liSnCompany02 a {
					background-image: url(../image/ico_sn_company02.gif);
				}
				div#dSubNavi ul li#liSnCompany03 a {
					background-image: url(../image/ico_sn_company03.gif);
				}
				div#dSubNavi ul li#liSnCompany04 a {
					background-image: url(../image/ico_sn_company04.gif);
				}
				div#dSubNavi ul li#liSnCompany05 a {
					background-image: url(../image/ico_sn_company05.gif);
				}
		div#dSubNavi ul.uBannerArea {
			margin-top: 20px;
			background: none;
			padding-bottom: 0;
		}
				div#dSubNavi ul.uBannerArea li {
					background: none;
					margin-bottom: 15px;
				}
				div#dSubNavi ul.uBannerArea li a {
					background: none;
					display: inline;
					padding: 0;
					width: auto;
					vertical-align: middle;
				}
		div#dSubNavi ul li a:hover,
		div#dSubNavi ul li a:focus {
			background-color: #F3F6FC;
			text-decoration: underline;
		}
		div#dSubNavi ul li a.aActive {
			background-color: #D0DDF4;
			color: #335CAD;
			font-weight: bold;
		}
		div#dSubNavi ul li a.aActive:hover {
			background-color: #D0DDF4;
		}
		#company p.textIndent {
			text-indent:-2.5em;
			margin-left:2.5em;
			margin-bottom:0;
		}
		#company table.mab40 {
			margin-bottom:40px;
		}
				/* about
				----------------------------------------------*/
				div#dSubNavi ul li#liSnAbout01 a.aActive {
					background-image: url(../image/ico_sn_about01_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout02 a.aActive {
					background-image: url(../image/ico_sn_about02_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout03 a.aActive {
					background-image: url(../image/ico_sn_about03_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout04 a.aActive {
					background-image: url(../image/ico_sn_about04_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout05 a.aActive {
					background-image: url(../image/ico_sn_about05_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout06 a.aActive {
					background-image: url(../image/ico_sn_about06_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout07 a.aActive {
					background-image: url(../image/ico_sn_about07_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout08 a.aActive {
					background-image: url(../image/ico_sn_about08_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout09 a.aActive {
					background-image: url(../image/ico_sn_about09_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout10 a.aActive {
					background-image: url(../image/ico_sn_about10_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout11 a.aActive {
					background-image: url(../image/ico_sn_about11_ac.gif);
				}
				div#dSubNavi ul li#liSnAbout12 a.aActive {
					background-image: url(../image/ico_sn_about12_ac.gif);
				}
				/* freshwater
				----------------------------------------------*/
				div#dSubNavi ul li#liSnFreshwater01 a.aActive {
					background-image: url(../image/ico_sn_freshwater01_ac.gif);
				}
				div#dSubNavi ul li#liSnFreshwater02 a.aActive {
					background-image: url(../image/ico_sn_freshwater02_ac.gif);
				}
				div#dSubNavi ul li#liSnFreshwater03 a.aActive {
					background-image: url(../image/ico_sn_freshwater03_ac.gif);
				}
				div#dSubNavi ul li#liSnFreshwater04 a.aActive {
					background-image: url(../image/ico_sn_freshwater04_ac.gif);
				}
				div#dSubNavi ul li#liSnFreshwater05 a.aActive {
					background-image: url(../image/ico_sn_freshwater05_ac.gif);
				}
				/* event
				----------------------------------------------*/
				div#dSubNavi ul li#liSnEvent01 a.aActive {
					background-image: url(../image/ico_sn_event01_ac.gif);
				}
				div#dSubNavi ul li#liSnEvent02 a.aActive {
					background-image: url(../image/ico_sn_event02_ac.gif);
				}
				div#dSubNavi ul li#liSnEvent03 a.aActive {
					background-image: url(../image/ico_sn_event03_ac.gif);
				}
				div#dSubNavi ul li#liSnEvent04 a.aActive {
					background-image: url(../image/ico_sn_event04_ac.gif);
				}
				div#dSubNavi ul li#liSnEvent05 a.aActive {
					background-image: url(../image/ico_sn_event05_ac.gif);
				}
				div#dSubNavi ul li#liSnEvent06 a.aActive {
					background-image: url(../image/ico_sn_event06_ac.gif);
				}
				/* spot
				----------------------------------------------*/
				div#dSubNavi ul li#liSnSpot01 a.aActive {
					background-image: url(../image/ico_sn_spot01_ac.gif);
				}
				div#dSubNavi ul li#liSnSpot02 a.aActive {
					background-image: url(../image/ico_sn_spot02_ac.gif);
				}
				/* company
				----------------------------------------------*/
				div#dSubNavi ul li#liSnCompany01 a.aActive {
					background-image: url(../image/ico_sn_company01_ac.gif);
				}
				div#dSubNavi ul li#liSnCompany02 a.aActive {
					background-image: url(../image/ico_sn_company02_ac.gif);
				}
				div#dSubNavi ul li#liSnCompany03 a.aActive {
					background-image: url(../image/ico_sn_company03_ac.gif);
				}
				div#dSubNavi ul li#liSnCompany04 a.aActive {
					background-image: url(../image/ico_sn_company04_ac.gif);
				}
				div#dSubNavi ul li#liSnCompany05 a.aActive {
					background-image: url(../image/ico_sn_company05_ac.gif);
				}

/* event subnavi */
body#event div#dSubNavi table.tCalendar td a,
body#event div#dSubNavi table.tCalendar td span {
	padding: 5px;
}

/* third
----------------------------------------------*/
div#dBody div#dSubNavi ul li li {
	background-image: url(../image/bg_sn_dotted_line.gif);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	width: 180px;
	padding-top: 1px;
	padding-bottom: 0;
}
div#dBody div#dSubNavi ul li li a {
	width: 122px;
	padding-top: 11px;
	padding-bottom: 9px;
}
div#dBody div#dSubNavi ul li li a,
div#dBody div#dSubNavi ul li li a:hover,
div#dBody div#dSubNavi ul li li a.aActive,
div#dBody div#dSubNavi ul li li a.aActive:hover {
	background-color: #F8F4EB;
	background-position: 36px 1.3em;
	padding-left: 48px;
}
div#dBody div#dSubNavi ul li li a,
div#dBody div#dSubNavi ul li li a:hover {
	background-image: url(../image/ico_sn_arrow_df.gif);
	
}
div#dBody div#dSubNavi ul li li a.aActive,
div#dBody div#dSubNavi ul li li a.aActive:hover {
	background-image: url(../image/ico_sn_arrow_ac.gif);
}

/*////////////////////////////////////////////*/
/*                                            */
/*  footer                                    */
/*                                            */
/*////////////////////////////////////////////*/
div#dFooter {
	padding-bottom: 10px;
}
div#dFootNavi {
	text-align: center;
	background-color: #335CAD;
}
div#dFootNavi div.dInner{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
		div#dFootNavi ul {
			float: right;
		}
		div#dFootNavi li {
			float: left;
			border-left: 1px solid #859DCE;
			padding-top: 3px;
			padding-right: 10px;
			padding-bottom: 3px;
			padding-left: 10px;
			line-height: 1;
		}
		div#dFootNavi li.liLast {
			border-right: 1px solid #859DCE;
		}
		div#dFootNavi li a {
			color: #FFFFFF;
			text-decoration: none;
			line-height: 1;
		}
		div#dFootNavi li a:hover,
		div#dFootNavi li a:focus {
			text-decoration: underline;
		}

div#dFooter div#dCopyright {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	text-align: left;
}
		div#dFooter div#dCopyright address {
			font-style: normal;
			font-size: 95%;
			line-height: 1.6;
			margin-top: 8px;
			font-family: Verdana, Helvetica, Arial, sans-serif;
		}
		div#dFooter div#dCopyright p {
			font-size: 95%;
			font-family: Verdana, Helvetica, Arial, sans-serif;
		}
		div#dFooter div#dCopyright dt {
			font-weight: bold;
			line-height: 1.6;
		}

/*////////////////////////////////////////////*/
/*                                            */
/*  popup                                     */
/*                                            */
/*////////////////////////////////////////////*/
body#popup div#dHeader {
	width: 590px;
}
		body#popup div#dHeader div.dColL {
			padding-top: 14px;
			padding-bottom: 15px;
			padding-left: 0px;
		}
		body#popup div#dHeader div.dColR {
			width: 70px;
			padding-top: 19px;
			padding-right: 0px;
		}

body#popup div#dBody {
	background-image: url(../image/bg_body_pop.gif);
	padding-top: 15px;
}
		body#popup div#dBody div.dBodyInner {
			width: 590px;
		}
body#popup div#dFooter {
	border-top: 5px solid #335CAD;
	margin-top: 20px;
}
		body#popup div#dFooter div.dFooterInner {
			margin-left: auto;
			margin-right: auto;
			text-align: left; 
			width: 590px;
		}
body#popup div#dCopyright address {
	width: 500px;
	margin-top: 0;
	padding-bottom: 10px;
	float: left;
	font-size: 95%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
body#popup div#dFooter div.dColR {
	text-align: right;
	width: 70px;
}