@charset "utf-8";
/*==================================================
 Heading
 Text
 Unorderd List
 Orderd List
 Difinision List
 Link
 Table
 Form
 Layout
 Option
 Clear Fix
==================================================*/


/*--------------------------------------------------
	Heading
--------------------------------------------------*/
h1 {
 font-size: 2em;
 line-height: 1em;
 border-bottom: 1px solid #000;
 padding: 12px 10px 17px;
 margin-bottom: 20px;
}
h2 {
 font-weight: bold;
 margin-bottom: 16px;
 line-height: 1em;
 padding: 21px 10px 18px;
 background: url(/common/images/common/img_bg_h2.png) repeat;
}
h2.notTxt {
 margin-bottom: 20px;
}
h3 {
 padding: 19px 10px 0;
 margin-bottom: 10px;
 line-height: 1em;
 font-weight: bold;
 background: url(/common/images/common/img_bg_h3.png) no-repeat left top;
}
h4 {
 padding: 0 0 0 10px;
 margin-bottom: 20px;
 background: url(/common/images/common/img_bg_h4.png) no-repeat left center;
 font-weight: bold;
}

/*--------------------------------------------------
　　Text
--------------------------------------------------*/
p {
 line-height: 25px;
 margin-bottom: 15px;
}

p.result{
 text-align: right;
 font-weight: normal;
 margin-right: 10px;
}

span.red{
display: block;
color: #C00000;
padding: 0 0 5px 10px;
}

.contents .main p.s18 {
 font-size: 1.2em;
 padding-left: 0;
 padding-bottom: 11px;
}

.text_red{color: #fe0000;}

/*--------------------------------------------------
　　Unorderd List
--------------------------------------------------*/
/*箇条書き　インデント　*/
ul.indent {
	padding: 0 10px 0 16px;
}

ul.indent li{
	padding-left: 1.2em;
	text-indent: -1.2em;
	padding-bottom: 10px;
	line-height: 25px; 
}


/*箇条書き　●　*/
ul.disc{
	list-style-type: disc;
	padding: 0 10px 0 16px;
	margin-left: 10px;
}

ul.disc li{
	padding-bottom: 10px;
	line-height: 25px; 
}

/*箇条書き　※　*/
ul.asterisk{
	list-style-type: none;
	padding: 0 10px 0 16px;
	margin-left: 10px;
}

ul.asterisk li {
	list-style-type: none;
	text-indent: -1em;
	padding-bottom: 10px;
	line-height: 25px; 
}

ul.asterisk li:before {
	display: inline;
	content: "※";
}

/*箇条書き　右三角　*/
ul.arrow {
	padding-left: 0px;
	margin: 0 10px 0 16px;
}

ul.arrow li {
	background: url(/common/images/common/ico_arrow_01.png) no-repeat left 0.5em;
	text-indent:0em;
	padding-left:1em;
	padding-bottom: 10px;
	line-height: 25px; 
}

/*横並び*/
ul.table_cell {
	display: table;
	text-align: center;
	width: 100%;
}

ul.table_cell li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*--------------------------------------------------
	Orderd List
--------------------------------------------------*/
/*括弧付き数字　*/
ol.paren{
 padding-left: 27px;
 margin-left: 10px;
 padding-right:10px; 
}

ol.paren li{
	list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
    padding-bottom: 10px;
	line-height: 25px; 
 	text-indent: -2em;
}

ol.paren li:before{
    content: "(" counter(cnt) ")";
    padding-right:5px;}


/*--------------------------------------------------
	Difinision List
--------------------------------------------------*/
/*更新履歴用　*/
dl.update{
	width: 100%;
}

.update dt{
 float:left;
 clear: left;
 width: 120px;
 padding: 21px 10px 17px 10px;
 font-weight: bold;
 font-size: 0.93em;
}


.update dd{
 padding: 21px 5px 16px 145px;
 border-bottom: 1px solid #d3d3d3;
 font-size: 0.93em;
}

/*ニュース用　*/
dl.news{
	width: 100%;
}

.news dt{
	float:left;
	clear: left;
	width: 60px;
	padding: 15px 10px;
	font-weight: bold;
	font-size: 0.93em;
}


.news dd{
	padding: 15px 5px 16px 80px;
	border-bottom: 1px solid #d3d3d3;
	font-size: 0.93em;
}

/*テキスト用*/
dl.text{
	width: 100%;
	margin:0;
}

dl.text dt{
 padding: 0 0 7px 10px;
 font-size: 1em;
}

dl.text dd{
 font-size: 1em;
 line-height: 25px;
 padding: 0 0 20px 10px;
 margin-bottom: 20px;
 border-bottom: 1px solid #d3d3d3;

}
/*国立公園区域等　*/
dl.date_example{
  width: 100%;
	margin-bottom: 0px
}

dl.date_example dt{
	float:left;
	clear: left;
	width: 80px;
	padding: 0px 10px 13px 10px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 0.93em;
}


dl.date_example dd{
	padding: 0px 20px 13px 100px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d3d3d3;
	font-size: 0.93em;
	line-height: 20px
}

dl.date_example dd.noborder{
	width: 500px;
	padding: 0px 20px 15px 100px;
	margin-bottom: 20px;
	border-bottom: 0px;
	font-size: 0.93em;
	line-height: 20px
}

.date_example_01 {
	text-align: center;
	margin-bottom: 30px;

	}

.date_example_02{
	
}

.date_example_01 img{
	margin-bottom: 5px;
}



/*--------------------------------------------------
	Link
--------------------------------------------------*/
a:hover img {
 opacity: 0.75;
}
a.link_arrow {
 padding-left: 16px;
 background: url(/common/images/common/ico_arrow_01.png) no-repeat left center;
}

a.link_arrow_menu span{
 padding-left: 16px;
 background: url(/common/images/common/ico_arrow_01.png) no-repeat left center;
    line-height: 25px;
    margin-bottom: 15px;
}

dl a{
 padding: 0;
 margin:0;
}

ul a{
 padding: 0;
 margin:0;
}

.txt_box a{
 padding-left: 10px;
 line-height: 25px;
}

/*--------------------------------------------------
	Table
--------------------------------------------------*/
table {
 width: 100%;
 margin-bottom: 30px;
 font-size: 0.93em;
 line-height: 21px;
	position:relative;
	border-collapse: separate;
	border-spacing: 0;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;

}
tr{
 vertical-align:baseline;	
}

th {
 background-color: #ebebeb;
 padding: 16px 10px;
	border-top:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}
th.pink {
	background-color: #FEE1EE;
}
th.gre {
	background-color: #DCFFBD;
}
td {
 padding: 16px 10px;
	border-top:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}
td.header {
    background-color: #f2f2f2;
}
col.w3{
	width: 3%;
}
col.w5{
	width: 5%;
}
col.w9_1{
	width: 9.09%;
}
col.w9_2{
	width: 9.1%;
}
col.w10{
	width:10%;
}
col.w15{
	width:15%;
}
col.w16_1{
	width: 16.6%;
}
col.w16_2{
	width: 17%;
}
col.w20{
	width: 20%;
}
col.w25{
	width: 25%;
}
col.w30{
	width:30%;
}
col.w35{
	width:35%;
}
col.w40{
	width: 40%;
}
col.w45{
	width:45%;
}
col.w50{
	width:50%;
}

col.gray{
	background-color: #f2f2f2;
}


table.span10{
 width: 100%;
 border: 1px solid #d3d3d3;
 border-collapse: collapse;
 margin-bottom: 30px;
 font-size: 0.8em;
 line-height: 21px;
}

/*アンケートフォーム用テーブル*/

table.form{
 width: 100%;
 border: 0px;
 margin-bottom: 0px;
 font-size: 1em;
}

table.form th{
 padding: 13px 11px 11px 9px;
 border: 0px ;
}

table.form td {
 padding: 13px 0px 11px 0px;
 border: 0px ;
}



table.form tr.even {
 background-color: #ebebeb;
}
table.form tr.even th{
 background-color: #ebebeb;
}
table.form tr.odd {
 background-color: #ffffff;
}
table.form tr.odd th{
 background-color: #ffffff;
}

col.w177 {
 width: 177px;
}
col.w174 {
 width: 174px;
}
col.w98 {
 width: 98px;
}
col.w130 {
 width: 130px;
}
col.w114 {
 width: 114px;
}
col.w82 {
 width: 82px;
}
col.w146 {
 width: 146px;
}
col.w136 {
 width: 136px;
}
col.w70 {
 width: 82px;
}

input[type=radio]{
 margin-right: 9px;
 vertical-align:-0.18em;
}

table.form td.p11{
 padding-left: 11px;
}

/*アクセス用テーブル*/
table.koutu {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	margin-bottom: 30px;
	font-size: 0.93em;
	line-height: 21px;
	text-align: center;
	vertical-align:middle;	
}

table.koutu tr{
	border: 0px ;
	text-align: center;
	vertical-align:middle;
}


table.koutu td{
	border: 0px ;
	border-bottom: 2px solid #d3d3d3 ;
	text-align: center;
	vertical-align:middle;
}

table.koutu td.bd_1{
	border: 0px ;
	border-bottom: 1px solid #d3d3d3 ;
	text-align: center;
	vertical-align:middle;
}

/*自然系調査研究機関連絡会議（NORNAC）構成機関一覧用　tableの網掛け処理*/
table.nornac {
	width: 100%;
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	margin-bottom: 30px;
	font-size: 0.93em;
	line-height: 21px;
}
table.nornac tr{
	vertical-align:baseline;
	border: 1px solid #d3d3d3;
}

table.nornac th {
	border: 1px solid #d3d3d3;
	background-color: #ebebeb;
	padding: 16px 10px;
}
table.nornac td {
	border: 1px solid #d3d3d3;
	padding: 16px 10px;
}

/*テーブル 線なし（レイアウト用）*/
table.noborder {
	width: 100%;
	margin-bottom: 30px;
	font-size: 0.93em;
	line-height: 21px;
	position:relative;
	border-collapse: separate;
	border-spacing: 0;
	border-bottom:0px ;
	border-left:0px ;

}
table.noborder tr{
	vertical-align:baseline;	
}

table.noborder th {
	background-color: #ebebeb;
	padding: 16px 10px;
	border-top:0px ;
	border-right:0px ;
}
table.noborder td {
	padding: 16px 10px;
	border-top:0px ;
	border-right:0px ;
}
/*基礎調査ページ　共通テーブル*/
table.kiso th {
	padding: 5px 10px;
}

table.kiso td {
	padding: 8px 10px;
}
/*--------------------------------------------------
	Form
--------------------------------------------------*/
.module_textarea{
 background:#F5D5D6;
 width:calc(100% - 10px);
 width:-webkit-calc(100% - 10px);
 height:100px;
 border:none;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 padding:5px;
 box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 1px 0px inset;
 -webkit-box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 1px 0px inset;
 -moz-box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 1px 0px inset;
 margin-bottom:50px;
 overflow:hidden;
 resize:none;
 -webkit-transition-property: background-color;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: linear;
}

.module_textarea:focus{
 background:#FFF29F;
}


form.text input[type=text]{
 width:938px;
 height: 33px;
 margin:0 10px 30px;
 border:1px solid #d2d2d2
}

form.text p{
 margin-bottom: 9px;
}

/*--------------------------------------------------
	Layout
--------------------------------------------------*/
/*画像縦中央揃え*/
.layout_dbl_01.mid{
	margin: 0 auto 10px;
	display: table;

}
.dbl_inner01.mid{
	display: table-cell;

}

.layout_dbl_01.mid p{
	display: inline-block;
	vertical-align:middle;
}

img.w100{
	width: 100%;
	height: auto;
}

img.right{
	text-align: right
}

/*/center/hyouhon/HP_top.html用メニューボタン*/

img.hyouhon_eturan{
	width:290px;
	height:50px;
}

img.hyouhon_yajirusi{
	width:60px;
	height:45px;
	display: table-cell;
	margin: 0 auto;
}

.hyouhon_menu_1{
	width: 370px;
	float: left;
	text-align: center;
	margin-bottom: 0px;
}

.hyouhon_menu_2{
	width: 370px;
	float: left;
	text-align: center;
}

.hyouhon_menu_2 img{
	width: 90px;
	height:85px ;
	margin-bottom:3px;
	;
}

.hyouhon_menu_right{
	float: right;	
}

.hyouhon_menu_right img{
	width:300px;
	height:350px; 
}

/*hyohon 目次用*/
div.hyobox{
 position: relative;
 height:100px;
padding:0 10px;
}

div.hyobox_inc{
	position: absolute;
	left:320px;
	top:25px;
}

div.hyobox_inc_02{
	position: absolute;
	left:450px;
	top:25px;
}

div.hyobox_tra{
	position: absolute;
	left:800px;
	top:25px;
}

/*基礎調査目次　ボタン用*/
.btn_kiso_right{
	float: right;
	margin-bottom: 20px;
}



/*--------------------------------------------------
	Box
--------------------------------------------------*/
/*平成27年度(2015年度)のニュース一覧*/
.news_box1{
	width: 300px;
	float: left;
	margin-right: 41px;
}

.news_box2{
	width: 300px;
	display: table-cell;
	padding-top: 30px;

}
/*--------------------------------------------------
	Option
--------------------------------------------------*/
.mb-0 {
 margin-bottom: 0px !important;
} 

.mb-10 {
 margin-bottom: 10px !important;
}
.mb-20 {
 margin-bottom: 20px !important;
}
.mb-30 {
 margin-bottom: 30px !important;
}
.mb-40 {
 margin-bottom: 40px !important;
}
.mb-50 {
 margin-bottom: 50px !important;
}
.mb-60 {
 margin-bottom: 60px !important;
}
.mb-70 {
 margin-bottom: 70px !important;
}
.mb-00 {
 margin-bottom: 0 !important;
}
.align-l {
 text-align: left !important;
}
.align-c {
 text-align: center !important;
}
.align-r {
 text-align: right !important;
}

.ml-0 {
 margin-left: 0px !important;
} 
.ml-10 {
 margin-left: 10px !important;
}
.ml-20 {
 margin-left: 20px !important;
}
.ml-30 {
 margin-left: 30px !important;
}
.ml-40 {
 margin-left: 40px !important;
}
.ml-50 {
 margin-left: 50px !important;
}
.ml-60 {
 margin-left: 60px !important;
}
.ml-70 {
 margin-left: 70px !important;
}
.ml-00 {
 margin-left: 0 !important;
}

.mr-0 {
	margin-right: 0px !important;
} 
.mr-10 {
	margin-right: 10px !important;
}
.mr-20 {
	margin-right:20px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-60 {
	margin-right: 60px !important;
}
.mr-70 {
	margin-right: 70px !important;
}

.clrFix:after {
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 content: ".";
}

.noborder {
 border: 0px !important;
}

.s15 {
	font-size: 1em !important;
	line-height: 25px !important;
}

.fs-12 {
	font-size: 0.8em !important;
}

.txt_c{
	text-align: center !important;
}


a.block{
display: block;
}