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

/*=================================================================
standard.css
製作者：おおばけんいち
version:1.0
文字サイズ：標準
最終更新日：2011年2月3日
==================================================================*/

/*BASE CSS

==================================================================*/
*{
	margin:0;
	padding:0;
}
body{
	height:100%;
}
html{
	overflow-y:scroll;
	height:100%;
}
h1,h2,h3,h4,p,li{
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
li,p{
	font-size:90%;
	line-height:1.5em;
}
a{
	text-decoration:none;
	color:#000;
}
a:link{
	color:#000;
}
a:hover{
	color:#06F;
	text-decoration:none;
}
/*================================================
文字サイズ（標準）
標準：90%
================================================*/
#article h2 {font-size:125%;}
#article h3 {font-size:110%;}
#article h4 {font-size:100%;}
#policy h2 {font-size:125%;}
#policy h3 {font-size:105%;}
#river_title {font-size:300%;}
#river {font-size:65%;}
#navi li {font-size:95%;}
#side_navi {font-size:95%;}
#side_navi li {font-size:95%;}
#common_river_title {font-size:230%;}
#topnavi li {font-size:170%;}
ul.sitemap {font-size:120%;}
ul.sitemap ul.section ul li li {font-size:85%;}
.g_list li {font-size:100%;}
/*================================================

  みずべ１００選レイアウト
  
================================================*/
#hyakusen {
	width:600px;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:#1074B0 dotted 3px;
}
#hyakusen img {
	float:left;
	padding-right:15px;
	margin-bottom:20px;
}
/*テキスト部分のレイアウト*/
#article #hyakusen h4 {
	font-size:100%;
	font-weight:bold;
	line-height:1em;
	padding-top:10px;
	margin-bottom:-10px;
}
#hyakusen h4:before {
	content:"◆ ";
	color:#9999FF;
}
#hyakusen h4:after {
	content:" ◆";
	color:#9999FF;
}
#hyakusen h5 {
	font-size:80%;
	color:#333;
	margin-top:10px;
}
#hyakusen span {
	font-size:90%;
	font-weight:bold;
	color:#666;
	margin-left:6px;
}
#hyakusen p {
	text-align:justify;
}
/*回り込み解除*/
#hyakusen:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/*追加レイアウト*/
div#hyakusen div{
	width:270px;
	height:auto;
	float:left;
	display:inline;
	margin-top: -15px;
	margin-bottom: 15px;
	padding:0;
}
div#hyakusen div h4{
	font-size:100%;
	font-weight:bold;
	line-height:1em;
	margin-bottom:0;
}
div#hyakusen span{
	font-size:90%;
	font-weight:bold;
	color:#666;
	line-height:2.5em;
	margin-left:15px;
}
div#hyakusen div p{
	text-align:justify;
	margin:0;
	padding:5px 0px 3px 0px;
}
div#hyakusen div ul{
	margin-top:8px;
}
div#hyakusen div li{
	font-size:80%;
}
/*画像が長い場合のレイアウト*/
div#hyakusen div.long{
	width:350px;
}
/*================================================

  ヘッダー部分
  
================================================*/
#header {
	width:auto;
	height:100px;
	min-width:800px;
	background:url("../images/bg_image.jpg") repeat-x top left;
}
#header h1 {
	padding:10px 15px 0;
}
#header p#siteDescription {
	padding:0 15px 10px 30px;
}
#river_title {
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝", 細明朝, リュウミンL;
	position:absolute;
	top:3px;
	left:5px;
	color:#FFF;
}
#river_title a {
	text-decoration:none;
	color:#FFF;
}
#river {
	position:absolute;
	top:55px;
	right:5px;
	color:#FFF;
	line-height:1.1em;
}
/*#text_size*/
#text_size{
	position:absolute;
	top:15px;
	right:0px;
}
#text_size li{
	float:left;
	margin-left:6px;
	line-height:2em;
	color:#FFF;
}
#textS a{font-size:90%;}
#textM a{font-size:100%;}
#textL a{font-size:110%;}
#textS a,
#textM a,
#textL a{
	width:30px;
	height:30px;
	border:#B2B2B0 solid 1px;
	background:#FFF;
	color:#4C5299;
	font-weight:bold;
	display:table;
	text-align:center;
	vertical-align:middle;
}
#textS a:hover,
#textM a:hover,
#textL a:hover{
	background:#4C5299;
	color:#FFF;
	border:#B2B2B0 solid 1px;
	font-weight:bold;
}
/*================================================

  ナビゲーション部分
  
================================================*/
#navi {
	width:auto;
	height:30px;
	min-width:800px;
	border-bottom:#666 solid 5px;
	background:#1074B0;
}
#navi ul {
	list-style-type: none;
}
#navi li {
	width: 100px;
	height:30px;
	float: left;
	font-weight:bold;
	text-align:center;
	line-height:1.9em;
	float:left;
}
#navi a {
	width:100%;
	height:30px;
	text-align: center;
	display:block;
	padding: 0;
	color:#FFF;
}
#navi a:hover {
	text-decoration:none;
	background:#1492DC;
	color:#FFF;
}

/*リンクオフ時の設定*/
.linkoff {
	background:#666;
	color:#FFF;
}
/*================================================

  メイン部分
  
=================================================*/
#main {
	width:100%;
	min-height:600px;
	float:left;
	background:url("../images/bg_sidemenu.gif") repeat-y ;
}
#main img {
	margin-top:5px;
	margin-right:5px;
}
/*.inner*/
.inner {
	margin:0 0 0 200px;
	padding:10px 15px 20px;
	background:#FFF;
}
/*================================================

  パンくずリスト部分
  
================================================*/
#crumb {
	min-width:550px;
	width:auto;
	height:40px;
	margin-top:10px;
	text-align:left;
}
#crumb p {
	margin-left:5px;
}
#crumb a {
	text-decoration:underline;
}
#crumb a:hover {
	text-decoration:underline;
}
/*================================================

 基本情報の部分
 
================================================*/

.information span {
	font-weight:bold;
	font-size:120%;
}
.information p:before {
	content:"◆";
	color:#686B96;
}
/*================================================

 ここから記事本文エリア
 
================================================*/
#article {
	min-width:550px;
	min-height:600px;
	margin-right:10px;
	margin-bottom:30px;
}
.h2 {
	background:url("../images/h2_bg.jpg") no-repeat;
	height:43px;
	margin-top:20px;
	margin-bottom:20px;
}
#article h2 {
	height:43px;
	line-height:1.8em;
	padding-left: 28px;
	color:#000;
	font-weight:bold;
	background:url("../images/h2_bg_right.jpg") no-repeat 100% top;
	clear:both;
}
#article h3 {
	font-weight:bold;
	color:#000066;
	font-weight:bold;
	line-height:1.3em;
	padding-left:5px;
	padding-bottom:6px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}
#article h3:before {
	content:"■ ";
	color:#7B9BE6;
}
#article h4 {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	margin-left:5px;
}
#article p {
	margin:5px;
	padding:5px;
	letter-spacing:0.1em;
}
#article a {
	text-decoration: underline;
}
/*2011/1/17追加*/
.honbun img { 
	float: left; 
	padding-right: 15px;
	padding-bottom: 15px;
}
.honbun:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/*================================================

  画像のキャプション設定
  
================================================*/
.caption01 {
	float:left;
	width:350px;	/*画像の幅350px用*/
	margin-right:5px;
	margin-bottom:20px;
}
.caption01 img {
	float:left;
}
.caption02 {
	float:left;
	width:250px;	/*画像の幅250px用*/
	margin-right:5px;
	margin-bottom:20px;
}
.caption01 img {
	float:left;
}
.caption03 {
	float:left;
	width:620px;	/*画像の幅620px用*/
	margin-right:20px;
	margin-bottom:20px;
}
.caption03 img {
	float:left;
}
/*================================================

  サイドメニュー部分
  
================================================*/
#side {
	width:190px;
	margin-left:-100%;
	margin-bottom:15px;
	padding:0;
	float:left;
}
#side_navi {
	width:190px;
	height:100%;
	background:url("../images/bg_sidemenu.gif") repeat-y ;
	float:left;
}
#side_navi li {
	width: 190px;
	height:40px;
	line-height:2.7em;
	text-indent:15px;
	background:url("../images/bg_sidemenu.gif") repeat-y ;
	border-bottom: #000 dotted 1px;
}
#side_navi a{
	width:190px;
	height:40px;
	font-weight:bold;
	display:block;
	padding: 0;
}
#side_navi li.sidenavi_02{   
	background:url("../images/bg_sidemenu2.gif") repeat-y ;
}

/*================================================

 フッター部分
 
================================================*/
#footer {
	width:100%;
	min-width:800px;
	padding-top:0px;
	padding-bottom:0px;
	border-top:#666 solid 1px;
	margin:0 auto;
	text-align:center;
	background:#D8E5EC;
	clear:both;
}
#footer ul {
	text-align:center;
	padding-left:40px;
}
#footer_navi {
	width:auto;
	height:50px;
	padding-left:50px;
	padding-top:5px;
	line-height:1.5em;
	background:#97ACDA;
}
#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #000;
}
#footer ul li.utilityHome {
	border-left:0;
}
#footer p#copyright {
	width:auto;
	height:20px;
	padding-left:50px;
	line-height:1.5em;
	color:#FFF;
	background:#1074B0;
}
#footer p#inquiry {
	width:auto;
	padding-top:5px;
	padding-left:50px;
	line-height:1.5em;
	color:#000;
}
/*================================================

  トップページの装飾
  
================================================*/
#topimage{
	width:750px;
	height:320px;
	margin:5px auto;
	text-align:center;
	position:relative;
}
#toptext_size{
	position:absolute;
	top:14px;
	right:0px;
}
#toptext_size li{
	float:left;
	margin-left:6px;
	line-height:2em;
}
#toptextS a{font-size:90%;}
#toptextM a{font-size:100%;}
#toptextL a{font-size:110%;}
#toptextS a,
#toptextM a,
#toptextL a{
	width:30px;
	height:30px;
	background:#4C5299;
	color:#FFF;
	border:#B2B2B0 solid 1px;
	font-weight:bold;
	display:table;
	text-align:center;
	vertical-align:middle;
}
#toptextS a:hover,
#toptextM a:hover,
#toptextL a:hover{
	border:#B2B2B0 solid 1px;
	background:#FFF;
	color:#4C5299;
	font-weight:bold;
}
#topcontents {
	width:750px;
	margin:0 auto;
}
#topnavi {
	width:750px;
	height:360px;
	background:#FFF;
}
#topnavi ul{
	list-style-type: none;
}
#topnavi li {
	width:223px;
	height:81px;
	text-align:left;
	text-indent:20px;
	font-weight:bold;
	line-height:75px;
	margin:8px;
	float:left;
}
#topnavi li a {
	width:100%;
	height:81px;
	color:#000;
	text-decoration:none;	
	display:block;
}
#topnavi a:hover {
	color:#36F;
	text-decoration:none;
}
#topnavi li.top_navi_basic {   
	background:url("../images/icon_basic.gif") no-repeat;
}  
#topnavi li.top_navi_nature {   
	background:url("../images/icon_nature.gif") no-repeat;   
}  
#topnavi li.top_navi_history {   
	background:url("../images/icon_history.gif") no-repeat;
}  
#topnavi li.top_navi_project {   
	background:url("../images/icon_project.gif") no-repeat;   
}  
#topnavi li.top_navi_leisure {   
	background:url("../images/icon_leisure.gif") no-repeat;   
}  
#topnavi li.top_navi_free {   
	background:url("../images/icon_free.gif") no-repeat;   
}  
/*トップページの記事部分*/
#center {
	text-align:center;
}
#toparticle {
	min-width:550px;
	margin:15px 10px 5px 10px;
}
#toparticle h2 {
	height:35px;
	line-height:1.8em;
	padding-top:4px;
	padding-left:28px;
	margin-top:20px;
	color:#000;
	font-weight:bold;
	background:url("../images/top_h2_bg.jpg") no-repeat;
	clear:both;
}
#toparticle h3 {
	font-weight:bold;
	color:#000066;
	line-height:1.3em;
	padding-left:5px;
	padding-bottom:6px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}
#toparticle h3:before {
	content:"■ ";
	color:#7B9BE6;
}
#toparticle h4 {
	font-weight:bold;
	margin-left:5px;
}
#toparticle p {
	margin:5px;
	padding:5px;
	letter-spacing:0.1em;
}
#toparticle a {
	text-decoration: underline;
}
/*トップページのフッター部分*/
#footer2 {
	width:100%;
	min-width:800px;
	padding-top:0px;
	padding-bottom:0px;
	border-top:#666 solid 1px;
	text-align:center;
	background:#D8E5EC;
	margin:0 auto;
	clear:both;
}
#footer2 ul {
	text-align:center;
	padding-left:40px;
}
#footer2_navi {
	width:auto;
	height:50px;
	padding-top:5px;
	padding-left:50px;
	line-height:1.5em;
	background:#97ACDA;
}
#footer2 ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #000;
}
#footer2 ul li.utilityHome {
	border-left:0;
}
#footer2 p#copyright {
	width:auto;
	height:20px;
	padding-left:50px;
	line-height:1.5em;
	color:#FFF;
	background:#1074B0;
}
#footer2 p#inquiry {
	width:auto;
	padding-top:5px;
	padding-left:50px;
	line-height:1.5em;
	color:#000;
}
/*==================================================================

  サイトマップページの装飾
  
==================================================================*/
#sitemapmain {
	width:750px;
	padding:10px;
	min-height:450px;
}
ul.sitemap {
	width: 100%; /* サイトマップエリアの幅 */
	margin: 10px 0 0 50px;;
	font-weight: bold; /* 一旦全ての文字を太字にする */
	list-style-type: none;
	color: #2b2b2b;
}
ul.sitemap ul {
	list-style-type: none;
}
/* --- TOP --- */
ul.sitemap ul.section li {
	margin:20px;
	background:#FFF;
}
/* --- メインメニューのエリア --- */
ul.sitemap ul.section ul {
	margin: 0 0 0 1em;
	font-weight: normal; 
	background:#FFF;
}
/* --- メインメニュー --- */
ul.sitemap ul.section ul li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 -10px;
	border-bottom: none;
	background:#FFF;
	list-style-image:url("../images/arrow2.gif");
}
/* --- サイドメニュー --- */
ul.sitemap ul.section ul li li {
	width:14em;
	padding: 0.3em 0 0 -1em;
	margin-left:2em;
	list-style-image:url("../images/list-m.gif");
}
/*==================================================================

　　プライバシーポリシーのページ装飾(著作権・個人情報保護法共通）
				 
==================================================================*/
#policy {
	min-width:550px;
	min-height:600px;
	margin-right:10px;
	margin-bottom:30px;
}
#policy h2 {
	line-height:1.8em;
	padding-left:25px;
	height:43px;
	font-weight:bold;
	background:url("../images/policy_h2_bg.jpg") no-repeat;
}
#policy h3 {
	line-height:2.2em;
	padding-left:15px;
	font-weight:bold;
	margin-top:20px;
	height:35px;
	background:url("../images/policy_h3_bg.jpg") no-repeat;
}
#policy h4 {
	font-weight: bold;
}
#policy h4 span {
	margin-right: 4px;
	color:#7B9BE6;
}

#policy p {
	margin:5px;
	padding:5px;
	letter-spacing:0.1em;
}
#policy ol {
	list-style-type: decimal;
}
#policy ul {
	list-style-type: disc;
}
#policy ol,
#policy ul {
	margin-left: 2.4em;
}

#policy .banner {
	padding: 5px;
	width: 480px;
	border: 1px solid #808080;
}

/*==================================================================

　　河川用語集ページの装飾

==================================================================*/
#common_header {
	width:100%;
	height:75px;
	margin:0 auto;
	background:url("../images/header_bg.jpg") repeat-x ;
	border-bottom:#1074B0 solid 10px;
}
#common_header p#siteDescription {
	padding:0 15px 10px 30px;
}
#common_river_title {
	position:absolute;
	top:5px;
	left:10px;
}
#common_river_title h1{
	color:#000;
	font-weight:bold;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝", 細明朝, リュウミンL;
}
#common_main {
	width:750px;
	margin:0 auto;
	min-height:500px;
	padding-top:20px;
}

#g_article {
	width:680px;
	margin:18px 10px 5px 20px;
	border:#CCC solid 1px;	
}
#g_article p {
	margin:5px;
	padding:5px;
	letter-spacing:0.1em;
}
#g_article h3 {
	line-height:2em;
	padding-left: 5px;
	border-bottom:#CCC solid 1px;
	background:#EEF0F9;
	font-weight:bold;
}
#g_article #image {
	text-align:center;
}
.backlink {
	width:750px;
	height:30px;
	color:#FFF;
	text-align:center;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:5px;
	border:#01266D solid 2px;
	background-color:#01266D;
	clear:both;
}
.backlink li {
	font-weight:bold;
	display: inline;
	margin: 0 10px;
}
.backlink a {
	font-weight:bold;
	color:#FFF;
}
.backlink a:hover {
	text-decoration:underline;
}
.close {
	width:150px;
	background:url("../images/button.jpg") no-repeat;
	text-align:center;
	margin:50px auto;
	clear:both;
}
.close a {
	line-height:1.6em;
	padding-top:2px;
	height:25px;
	display:block;
	font-weight:bold;
}
.close a:hover {
	color:#0000FF;
	font-weight:bold;
}
.g_list {
	width:740px;
}
.g_list ul {
	margin:10px 0;
	padding-left:15px;
}
.g_list li {
	width:200px;
	height:40px;
	float:left;
	margin:5px 30px 0px 10px;
	line-height:1.2em;
	list-style-type: disc
}
.g_list p {
	width:740px;
	padding:5px;
	letter-spacing:0.1em;
	background-color:#ECECF0;
	border:#CCC solid 1px;
}
.g_list a:link{
	color:#01266D;
}
.g_list a:hover{
	text-decoration:underline;
}
.g_list a:visited{
	color:#900;
}
.back {
	clear:both;
	padding:15px;
	text-align:right;
}
.back p {
	display:inline;
	margin-top:15px;
	font-weight:bold;
	background-color:#ECECF0;
}