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

@import url(../道路ナビ｜紀南ポータル｜紀南河川国道事務所_files/tools.css);

/*=====================================
float 解除
=====================================*/

.clear { clear:both; }


/* ======================================
Float Hack
=======================================*/

.cx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cx { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html .cx { height: 1%; }
.cx { display: block; }
/* End hide from IE-mac */


/* ======================================
タイトル処理
=======================================*/

.hideTxt {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}


/* ======================================
テキスト要素
=======================================*/

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:0.9em; line-height:1.8em; }


/* ======================================
ボックス要素
=======================================*/

.box910 { width:910px; margin: auto; }
.box880 { width:880px; margin: auto; }
.box640 { width:640px; }
.box600 { width:600px; }
.box562 { width:562px; }
.box420 { width:420px; }
.box278 { width:278px; }
.box200 { width:200px; }


/* ======================================
リンクアイコン
======================================= */

a.newWin:after{
	content: url("../images/icon_new_window.gif");
	padding: 1px 5px;
}

a.pdf:after{
	content: url("../images/icon_pdf.gif");
	padding: 1px 5px;
}

/*
a.newWin {
	background:url(../images/icon_new_window.gif) no-repeat right center;
  	padding-right:18px;
 	margin-right:5px;
}

a.pdf {
	background:url(../images/icon_pdf.gif) no-repeat right center;
  	padding-right:18px;
 	margin-right:5px;
}
*/

/* ======================================
ヘッダー要素
=======================================*/

html { height: 100%; }
html { background:url(../images/bg_top.gif) center top no-repeat; }
body {
	height: auto;
}

#wpHeader {
	width:950px;
	height:135px;
	margin:0 auto;
	background-color:#009245;
}

#wpHeader h1 { 
	height:94px;
	margin:1px 0 0 0;
	background:url(../images/header_img.gif) no-repeat;
	border-bottom:1px solid #FFF;
}


/*=====================================
メニュー要素
=====================================*/

dl#menu{
	width:909px;
	height:40px;
	margin:0 0 0 21px;
	border-left:1px solid #FFF;
	float: left;
	font-size:1.2em;
	line-height:40px;
}

dl#menu ul{
	list-style: none;
}

dl#menu dd{
	border-right: solid 1px #fff;
	float: left;
	text-align: center;
	position: relative;
	width: 225px;
	height: 40px;
	z-index: 3000;
}
	
dl#menu dd a{
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 40px;
	width: auto;
	height: 40px;
}

dl#menu dd a span { display:block; }
dl#menu dd a span.menuBtn1 { background:url(../images/menu_bg_01.gif) no-repeat; }
dl#menu dd a span.menuBtn2 { background:url(../images/menu_bg_02.gif) no-repeat; }
dl#menu dd a span.menuBtn3 { background:url(../images/menu_bg_03.gif) no-repeat; }
dl#menu dd a span.menuBtn4 { background:url(../images/menu_bg_04.gif) no-repeat; }

dl#menu dd a:hover {
	background: #006837;
}

dl#menu dd ul{
	background-color: #65BE8F;
	border: solid 1px #FFF;
	display: none;
	position: absolute;
	min-width:224px;
	top: 40px;
	left: 0;
	z-index: 1;
}
	
dl#menu dd ul a{
	font-size: 90%;
	color: #FFF;
	height: auto;
	line-height: 130%;
	text-align: left;
	padding: 5px 10px;
	white-space: nowrap;
	border-bottom: solid 1px #fff;
}

dl#menu dd ul a.hierarchy{
	background: url(../images/gmArrow.gif) 122px center no-repeat;
}

dl#menu dd ul li.rollOver{
	background-color: #006837;
}

dl#menu dd ul li.rollOver a.rollOverA{
	color: #FC0;
}

dl#menu dd ul li{
	position: relative;
}

dl#menu dd ul li ul{
	display: none;
	position: absolute;
	top: 0px;
	left: 135px;
	z-index: 0;
}


/* ======================================
コンテンツ要素
=======================================*/

hr { visibility:hidden;clear:both; margin:40px 0; }

#wpContents {
	width:910px;
	margin:0 auto;
	padding:20px;
	background:#FEFCD3;
}

/*パンくずリスト*/

#dirList li {
	float:left;
	list-style:none;
	background:url(../images/arrow_dir.gif) no-repeat right;
	background:expression((this.parentNode.lastChild ==this)?'url(../images/arrow_dir.gif) no-repeat right');
	padding:0 1.2em 0 0;
	margin:0 0.7em 5px 0;
	font-size:0.8em;
	line-height:15px;
	color: #666;
}

#dirList li:last-child { background: none; }

#dirList li span {
	padding-left:20px;
	background: url(../images/breadcrumb.gif) no-repeat left;
}

#dirList li a { text-decoration: none; color:#666; }
#dirList li a:hover { text-decoration: underline; }

#wpContents h2 {
	clear:both;
	position:relative;
	margin-bottom:30px;
	padding:15px;
	background:#7AC737;
	border-left:5px solid #FF931D;
	font-size:1.7em;
	font-weight:bold;
	color:#FFF;
}

#wpContents h2 a {
	position:absolute;
	width:146px;
	height:32px;
	top:12px;
	right:20px;
	background:url(../images/btn_pamphlet.gif) no-repeat;
}

#wpContents h2 a:hover { background:url(../images/btn_pamphlet_on.gif) no-repeat; }

#wpContents h3, .popup h3 {
	clear:both;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:2px solid #007F40;
	font-size:1.3em;
	font-weight:bold;
	color:#007F40;
}

#wpContents h4, .popup h4 {
	clear:both;
	margin-bottom:5px;
	padding:5px;
	background:#d7f0c7;
}

#wpContents h5 {
	border-left:5px solid #75be4c;
	border-bottom:1px solid #75be4c;
	color:#75be4c;
	font-size:1.5em;
	font-weight:bold;
	padding:0 0 2px 10px;
	margin:30px 0 15px;
}


dl.tabel01,
dl.tabel04 {
	border: 1px solid #999;
	border-top: none;
}

/* tabel01 tabel04 */
dl.tabel01 dt,
dl.tabel01 dd,
dl.tabel04 dt,
dl.tabel04 dd {
	padding: 3px;
	font-size:0.9em;
	line-height:1.8em;
}

dl.tabel01 dt,
dl.tabel04 dt {
	border-top: 1px solid #999;
	clear: left;
	float: left;
	width: 100px;
}

dl.tabel01 dd,
dl.tabel04 dd {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	margin-left: 100px;
	background:#fffef7;
}

dl.tabel04 dt { width: 150px; }
dl.tabel04 dd { margin-left: 150px; }


/*table02 table03*/
table.table02 { clear:both; }
table.table02 tr th { width:282px; padding: 5px; }
table.table02 tr td, table.table03 tr td, table.table05 tr td { text-align: center; padding: 5px 0; background:#FFF; line-height:1.4em;}
table.table02 tr, table.table02 tr th, table.table02 tr td,
table.table03 tr, table.table03 tr th, table.table03 tr td, table.table05 tr td, table.table05 tr th{ border:1px solid #999; }
table.table03 tr th { padding: 5px; }
table.table05 tr th { width:208px; padding: 5px; }

td.bgBlue { background:#99FFFF !important;}

.selectHistory { background:#0e7f40; padding:5px 10px; color:#FFF; }


.popup {
	width:910px;
	margin:0 auto;
	padding:20px;
	background:#FEFCD3;
	position:relative;
}

.popup h2 {
	clear:both;
	position:relative;
	margin-bottom:30px;
	padding:15px;
	background:#7AC737;
	border-left:5px solid #FF931D;
	font-size:1.7em;
	font-weight:bold;
	color:#FFF;
}

.closebutton {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1;
}

p.chapter1 { color:#129447; font-size:1.2em; font-weight:bold; }
p.chapter1 span { background:#129447; color:#FFF; text-align:center; margin-right:10px; padding:2px 4px;}

.section1, .section2, .section3 { width:289px; }
.section1 h2, .section2 h2, .section3 h2 { width:289px; height:82px;}
.section1 h2 { background:url(../images/chapter_tsukuru.gif) no-repeat; }
.section2 h2 { background:url(../images/chapter_mamoru.gif) no-repeat; }
.section3 h2 { background:url(../images/chapter_hashiru.gif) no-repeat; }

.section1 ul, .section2 ul, .section3 ul, ul.list01 { padding-left:10px; }
.section1 ul li, .section2 ul li, .section3 ul li, ul.list01 li {
	background:url(../images/arrow_list.gif) no-repeat left 3px;;
	margin-bottom:10px;
	padding:0 0 0 1.6em;
}
.section1 ul li a, .section2 ul li a, .section3 ul li a, ul.list01 li a { line-height:1.5em; }

.section1 ul li.partition {
	background:none;
	border-top:2px dotted #7bcc49;
	padding-top:10px;
	padding-left:0;
	color:#2268ae;
	font-weight:bold;
}


/*　道路づくりの流れ　*/

.flowBox {
	background:#ecf4d9;
	border-top:3px solid #2fa93c;
	border-bottom:3px solid #2fa93c;
	padding:15px;
}

.flowArrow {
	width:14px;
	margin:0 auto;
}



/* ======================================
フッター要素
=======================================*/

#wpFooter {
	width:950px;
	height:110px;
	margin:0 auto;
}

/*ページの先頭へ*/

#pagetop {
	padding:29px 0 0;
	background:#FEFCD3;
}

#pagetop ul {
	margin:0 0 0 810px;
}

#pagetop li,#pagetop a {
	list-style:none;
	display: block;
	width: 140px;
	height: 35px;
}

#pagetop a {
	text-decoration: none;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
}

#btnPagetop a:hover {
	background-position: 0px -35px;
}

/*コピーライト*/

#copyRight { width:950px; height:45px; text-align:center; }

#copyRight p { font-size:0.7em; color:#999999; line-height:45px; }
#copyRight p a { text-decoration:none; color: #999; }
#copyRight p a:hover { text-decoration: underline; }
h2 {
	font-size: 3em;
	font-weight: bold;
	margin: 20px;
	padding: 10px;
}