@charset "utf-8";

/* ===========================================================
 default
=========================================================== */
p{margin:0;padding:0 0 15px 0;}

ul,ol{margin:0 0 0 2em;padding:0.5em 0 1em 0;}

.aboutflame.flame6.contentWrap ul {padding: 0px;}
ul li li,
ol li li{line-height:140%;padding:5px 0;background-position:0 8px !important;}


hr{margin:10px 0;height:1px;border:0;background:#999;}
em{font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';}

/* 見出し */
h1{position:relative;margin:0 0 2rem 0;padding:1rem 1rem 1.5rem 2px;font-weight:bold;font-size:2.20rem;line-height:1.3;color:#5ea3cf;border-bottom:solid 6px #c5e0ef;}
h1:before{content:"";display:block;position:absolute;bottom:-6px;left:0;margin:0;padding:0;width:25%;height:6px;background-color:#edd566;}
h2{position:relative;margin: 2rem 0 1.5rem 0;padding:0 1rem 1rem 2px;font-weight:bold;font-size:1.70rem;line-height:1.3;color:#5ea3cf;border-bottom:solid 4px #c5e0ef;}
h2:before{content:"";display:block;position:absolute;bottom:-4px;left:0;margin:0;padding:0;width:20%;height:4px;background-color:#edd566;}
h3{position:relative;margin: 2rem 0 1rem 0;padding: 0 1rem 1rem 2px;font-weight:bold;font-size:1.40rem;line-height:1.3;color:#5ea3cf;border-bottom:solid 2px #c5e0ef;border-left:none;}
h3:before{content:"";display:block;position:absolute;bottom:-2px;left:0;margin:0;padding:0;width:10%;height:2px;background-color:#edd566;}
h4{position:relative;margin:1.5rem 0 1rem 0;padding:0.5rem 1rem 0.5rem 1rem;font-weight:bold;font-size:1.24rem;line-height:1.3;color:#666;border-left:solid 3px #edd566;}
h5{position:relative;margin:1.5rem 0 1rem 0;padding:0.3rem 1rem 0.3rem 1rem;font-weight:bold;font-size:1.08rem;line-height:1.3;color:#666;border-left:solid 3px #c5e0ef;}
h6{position:relative;margin:1.5rem 0 1.2rem 0;padding:0;font-weight:bold;font-size:1.08rem;line-height:1.3;color:#666;}

.lineTitle .title h2{position:relative;margin: 2rem 0 1.5rem 0;padding:0 1rem 1rem 2px;font-weight:bold;font-size:1.70rem;line-height:1.3;color:#5ea3cf;border-bottom:solid 4px #c5e0ef;}
.lineTitle .title h2:before{content:"";display:block;position:absolute;bottom:-4px;left:0;margin:0;padding:0;width:20%;height:4px;background-color:#edd566;}

/* テーブル */
table{border-collapse:collapse;border-spacing:0;}
.listTable{margin:0 0 30px 0;border-collapse:collapse;border-spacing:0;border-top:1px solid #ccc;border-left:1px solid #ccc; font-size:13px; color:#333;}
.listTable caption{margin:0 0 5px 0;padding:0 0 2px 0;text-align:left;border-bottom:1px solid #ccc;}
.listTable th{padding:12px 24px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#d4ecf3; font-weight:normal;}
.listTable tr.listTableHead th	{background:#efefef; font-weight:normal;}
.listTable td{padding:12px 24px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.listTable.noPadding th,
.listTable.noPadding td{padding:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

/* テキスト寄せ */
.alignRight	{text-align:right;}
.alignLeft	{text-align:left;}
.alignCenter{text-align:center;}

/* 画像回り込み */
img.imgCenter{margin:0 auto 15px;display:block;}
img.imgRight{margin:0 0 15px 15px;float:right;}
img.imgLeft	{margin:0 15px 15px 0;float:left;}

/* テキスト装飾 */
.attentionRed{font-weight:bold;color:#f00;}

.annotationMini{font-size:80%;}
.annotationMark{font-size:80%;color:#c00;}
.annotationText{padding:10px 0 0 0;font-size:80%;line-height:150%;color:#555;display:block;}
.largeText{font-size:1.32rem;}

/* コマンドボタン */
a.CommandButton	{color:#116CEE;text-decoration:none;}
a.CommandButton:hover {color:#67a2f7;text-decoration:none;}

/* ページャー */
.dirPager	{padding:0;text-align: center;}
.dirPager span a{padding:8px 10px;text-decoration:none;color:#333;font-weight: bold;border:1px solid #ddd;display:inline-block;background:#eee;}
.dirPager span a:hover	{text-decoration:underline;}
.dirPager span a.current{color:#fff;background:#333;}

/* リンクアイコン */
a[href$=".pdf"] {margin:0; padding:0; background:#fbaabb; color:#333333;}
a.noIcon {padding:0!important; background:none!important;}
a[href$=".doc"],
a[href$=".docx"] {margin:0; padding:0; background:#94bff6; color:#333333;}
a[href$=".xls"],
a[href$=".xlsx"] {margin:0; padding:0; background:#baeab0; color:#333333;}
/* リンクアイコン（お知らせ内） */
.newsListIndex a[href$=".pdf"],
.newsListIndex a[href$=".doc"],
.newsListIndex a[href$=".docx"],
.newsListIndex a[href$=".xls"],
.newsListIndex a[href$=".xlsx"],
.newsList a[href$=".pdf"],
.newsList a[href$=".doc"],
.newsList a[href$=".docx"],
.newsList a[href$=".xls"],
.newsList a[href$=".xlsx"] {background:none;}

/* 外部サイトリンクアイコン */
a.externalLink{margin:0 0 0 5px;padding:0 0 0 16px;background:url(/Portals/0/images/fund/common/ico_externalLink.png) left .3em no-repeat!important;}


/* 背景有無の切り替え */
.bgArea {margin:0 0 20px 0; padding:0 30px 30px; background:#e9f3fd;}
.bgArea_Empty {margin:0 0 20px 0; padding:30px; background:#e9f3fd;}

/* 画像リンク */
a.alpha:hover img {opacity:0.8;}

/* 矢印付き角丸リンクボタン */
.arrowLinkBtn{display:inline-block;}
.arrowLinkBtn.blockBtn{display:block;}
.arrowLinkBtn a{position:relative; display:inline-block; padding:1rem 1rem 1rem 3rem; font-size:1.24rem; line-height:1.3; color:#fff!important; border-radius:4px; background-color:#5EA3CF; background-image:none;}
.arrowLinkBtn a:before{position:absolute; left:1rem; top:0; bottom:0; margin:auto; width:12px; height:12px; border-right:1px solid #fff; border-top:1px solid #fff; content:""; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.arrowLinkBtn a:hover{background-color:#69B4E4; text-decoration:none;}

.arrowLinkBtn.wideBtn{display:block; margin-bottom:10px;}
.arrowLinkBtn.wideBtn a{display:block;}

/* リストデザイン - lineList */
ul.lineList{margin:1rem 0 1.5rem; padding:0;}
ul.lineList li{position:relative; padding:0 0 0 2.5rem; margin:0 0 1rem 0; list-style:none;}
ul.lineList li:before{content:""; display:block; position:absolute; top:0.5rem; left:0.5rem; margin:auto; width:12px; height:2px; background-color:#edd566;}
ul.lineList li ul{margin:1rem; padding:0;}
ul.lineList li ul li:before{background-color:#ccc;}

/* リストデザイン - squareList */
ul.squareList{margin:1rem 0 1.5rem; padding:0;}
ul.squareList li{position:relative; padding:0 0 0 1.8rem; margin:0 0 1rem 0; list-style:none;}
ul.squareList li:before{content:""; display:block; position:absolute; top:0.45rem; left:0.5rem; margin:auto; width:6px; height:6px; background-color:#edd566;}
ul.squareList li ul{margin:1rem; padding:0;}
ul.squareList li ul li:before{background-color:#ccc;}

/* リストデザイン - thumbnailList */
ul.thumbnailList{width:100%;margin:0;padding:0;list-style:none;}
ul.thumbnailList li{display:block;margin:0;padding:0;}
ul.thumbnailList.col2 li{float:left;width:50%;}
ul.thumbnailList.col3 li{float:left;width:33.33%;}
ul.thumbnailList a,
ul.thumbnailList p{display:table;padding:10px;vertical-align:middle;width:100%;table-layout:fixed;}
ul.thumbnailList a:hover{background-color:#f1f1f1;}
ul.thumbnailList .image{display:table-cell;vertical-align:middle;}
ul.thumbnailList .image{width:15%;}
ul.thumbnailList.col2 .image{width:25%;}
ul.thumbnailList.col3 .image{width:30%;}
ul.thumbnailList .image img{max-width:100%;}
ul.thumbnailList .txt{display:table-cell;vertical-align:middle;padding-left:20px;}

/* テーブルデザイン1 */
table.defaultTable{margin:0 0 15px; width:100%; border-collapse:collapse; border-top:1px solid #ccc; border-right:none; border-bottom:none; border-left:1px solid #ccc;}
table.defaultTable th{padding:5px 10px; color:#333; vertical-align:middle; border-top:none; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:none; background-color:#d4ecf3; font-weight:bold; text-align:center;}
table.defaultTable td{padding:5px 10px; color:#333; vertical-align:middle; border-top:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:none; text-align:left;}

/* 注釈コンテンツの囲い込み */
.lineAria{padding:10px;margin:0 auto 15px;border:5px solid #EEE;}
.lineAria:after {content:""; display:block; clear:both;}
.lineAria.blueLine{border:5px solid #5EA3CF;}
.lineAria.lightBlueLine{border:5px solid #C5E0EF;}

/* ===========================================================
 河川基金ホーム - tab432
=========================================================== */
.fundKv{positon:relative; width:1200px; height:472px;}
.fundKvText{position:absolute;top: 140px;left:50px;width:360px;padding: 40px 0 40px 25px;font-size:24px;color:#333;background-color:rgba(255,255,255,0.75);}
.fundKvText:first-letter{color:#0c9add;}
.fundKvUnder{display:block; position:absolute; bottom:0; left:0; margin:0; height:52px; width:1200px;}

/* おしらせ */
.fundTopicsWrap{border-radius:8px; padding:5px;}
.fundTopicsWrap.leftTopics{background-color:#5ea3cf;}
.fundTopicsWrap.rightTopics{background-color:#e2cb62;}

.fundTopicsWrap h2{margin:15px;padding:0;font-size:1.56rem;line-height:1;color:#fff;border:none;}
.fundTopicsWrap h2:before{display:none;}
.fundTopicsWrap.leftTopics h2{text-shadow:0px 1px 1px rgba(56,119,160,0.75);}
.fundTopicsWrap.rightTopics h2{text-shadow:0px 1px 1px rgba(187,164,61,0.75);}
.fundTopicsWrap ul{margin:0;padding:18px 20px;height:240px;border-radius:0 0 6px 6px;background-color:#fff;overflow-y: scroll;}
.fundTopicsWrap ul li{margin:10px 0 0; padding:10px 0 0; border-top:1px dotted #ccc; list-style:none;}
.fundTopicsWrap ul li:first-child{margin-top:0; padding-top:0; border-top:none;}

.fundTopicsWrap ul li .dateIconBox{margin:0; padding:0 0 5px;}
.fundTopicsWrap ul li .dateIconBox span{vertical-align:top;}
.fundTopicsWrap ul li .dateIconBox span.date{margin-right:10px;}
.fundTopicsWrap.leftTopics ul li .dateIconBox span.date{color:#467ea1;}
.fundTopicsWrap.rightTopics ul li .dateIconBox span.date{color:#baa130;}
.fundTopicsWrap ul li .titleBox{margin:0; padding:0;}
.fundTopicsWrap ul li .titleBox a{color:#333;}

/* フッターリンク */
.fundFooterLink{padding: 30px 0px 50px;}
.fundFooterLink:after{content:""; display:block; clear:both;}
.fundFooterLink ul li{margin:0; padding:0; list-style:none; text-align:left;}
.fundFooterLink > ul{float:left;margin: 0 0 0 15px;padding:0;width: 233px;}
.fundFooterLink > ul:first-child{margin: 0 0 0 15px;width: 220px;}
.fundFooterLink > ul > li > a{font-size:1.16rem; color:#666; font-weight:bold;}
.fundFooterLink > ul > li > ul{margin:0; padding:0;}
.fundFooterLink > ul > li > ul > li{margin:5px 0 0; padding:0;}
.fundFooterLink > ul > li > ul > li > a{}

/* 事例紹介 */
h2.fundIndexHeadImage{margin:0; padding:60px 0 45px; border:none; line-height:1; font-size:1rem;}
h2.fundIndexHeadImage:before{display:none;}

.fundContentFloatBox ul{margin:0;padding:0;width: 980px;}

.fundContentFloatBox ul:after {content:""; display:block; clear:both;}

.fundContentFloatBox ul li{float:left;margin:0 16px 40px 0;padding: 10px 12px 40px;width:233px;list-style:none;position:relative;background-color:#fff;}
.fundContentFloatBox ul li:nth-child(4n){margin-right:0;}
.fundContentFloatBox ul li a{display:block;}
.fundContentFloatBox ul li a:hover{opacity:0.7; text-decoration:none;}
.fundContentFloatBox ul li > img{display:block;}
.fundContentFloatBox ul li h3{margin:0; padding:25px 0 20px; font-size:1.16rem; line-height:1.3; color:#2185c4; border:none; background-color:transparent;}
.fundContentFloatBox ul li h3:before{display:none;}
.fundContentFloatBox ul li .mainText{color:#333;}
.fundContentFloatBox ul li .subText{color:#333;}
.fundContentFloatBox ul li .dateIcon{position:absolute;margin:auto;padding: 0;width:208px;bottom:12px;left:0;right:0;}
.fundContentFloatBox ul li .dateIcon .icon{display:inline-block;text-align:left;vertical-align: middle;}
.fundContentFloatBox ul li .dateIcon .date{display:inline-block;text-align:right;vertical-align: middle;font-size:0.84rem; color:#333;}


/*========================================================
 河川基金とは
========================================================*/
/* noStyleTable */
table.noStyleTable{border:none;width:100%;margin-bottom: 15px;}
table.noStyleTable th,
table.noStyleTable td{border:none; padding:5px;}
table.noStyleTable.alignBottomTable td{vertical-align:bottom;}

/* colWrap */
ul.colWrap{margin:0; padding:0;}
ul.colWrap:after{content:""; display:block; clear:both;}
ul.colWrap.col3 > li{float:left;margin: 0 2% 20px 0;padding:20px 15px;width: 32%;list-style:none;background-color:#f3f3f3;}
ul.colWrap.col3 > li:nth-child(3n){margin-right:0;}

ul.colWrap.col2 > li{float:left;margin: 0 4% 20px 0;padding: 20px 20px 80px 20px;width: 48%;list-style:none;background-color:#f3f3f3; position:relative;}
ul.colWrap.col2 > li:nth-child(2n){margin-right:0;}
ul.colWrap.col2 > li .arrowLinkBtn.blockBtn{padding:0; position:absolute; right:20px; bottom:20px;}

ul.colWrap > li h3{position:static;margin:0 0 15px 0;padding:0;font-weight:bold;font-size:1.60rem;line-height:1.3;color:#333;border-bottom:none;border-left:none;}
ul.colWrap > li h3:before{display:none;}
ul.colWrap > li.yellowCol{background-color:#f7f0d1;}
ul.colWrap > li.blueCol{background-color:#d2e9f7;}
ul.colWrap > li.greenCol{background-color:#d0eef3;}

/* grayBox */
.grayBox{background-color:#EEE;padding:30px 40px; margin:25px auto;}
.grayBox h3.noStyleHeadline{position:static;margin:0 0 15px 0;padding:0;font-weight:bold;font-size:1.40rem;line-height:1.3;color:#5ea3cf;border-bottom:none;border-left:none;}
.grayBox h3.noStyleHeadline:before{display:none;}
.grayBox .moneyTableBox:after {content:""; display:block; clear:both;}
.grayBox .moneyTableBox table{width:50%;}
.grayBox .moneyTableBox table.leftMoneyTable{float:left; border:none; table-layout:fixed;}
.grayBox .moneyTableBox table.leftMoneyTable th{width: 45%;border:none;padding: 5px 0;}
.grayBox .moneyTableBox table.leftMoneyTable td{width: 55%;border:none;}
.grayBox .moneyTableBox table.leftMoneyTable th p{font-size:1.40rem;font-weight:bold;padding: 0 0 5px;line-height: 1.2;}
.grayBox .moneyTableBox table.leftMoneyTable th p.yearSmall{font-size:0.84rem;}
.grayBox .moneyTableBox table.leftMoneyTable td p{font-size: 3.2rem;padding: 0;}
.grayBox .moneyTableBox table.leftMoneyTable td p span{font-size:1.24rem; vertical-align:middle; margin:0 0 0 0.25rem;}
.grayBox .moneyTableBox table.leftMoneyTable td p span:first-child{margin:0 0.25rem 0 0;}

.grayBox .moneyTableBox table.rightMoneyTable{float:right; border:none; table-layout:fixed; margin-top:25px;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow th.cell1{width:20%;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow td.cell2{width:25%;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow th.cell3{width:30%; text-align:right;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow td.cell4{width:25%;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow td{text-align: center;}
.grayBox .moneyTableBox table.rightMoneyTable td.fullwidth{width:auto;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow th span{display:inline-block;padding:4px 10px;vertical-align:middle;background-color:#5ea3cf;border-radius:5px;color: #fff;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow td p{padding: 30px 0 0 0;font-size: 3.2rem;background: url(/Portals/0/images/fund/summary/ico_crown.png) center top no-repeat transparent;background-size: 35%;}
.grayBox .moneyTableBox table.rightMoneyTable .crownRow td p span{font-size:1rem;vertical-align: middle;margin-left: 0.25rem;}

.imgBgWrap{margin:0 0 20px; padding:30px 0 30px 90px; background-color:#e9f3fd;}
.imgBgWrap:nth-child(even){background-color:#f3f3f3;}
.imgBgWrap:after {content:""; display:block; clear:both;}
.imgBgWrap .imgBox{float:left; width:220px;}
.imgBgWrap .textBox{margin:0 0 0 280px;}
.imgBgWrap .textBox h5{margin:0 0 30px 0;padding:0;font-size:1.56rem;line-height:100%;border: none; clear:none;}
.imgBgWrap .textBox p{font-size:15px; color:#008cd6; margin:0 0 65px 0; padding:0;}

.imagePadding{margin:40px auto;}