@charset "utf-8";
/* -----------------------------------------------------
PC用CSSファイル pc.css
----------------------------------------------------- */

/* 共通パーツ
----------------------------------------------------- */
body{
	width: 100%;
	min-width: 1100px;
	color:#333;
	font-size: 14px;
	line-height:170%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin: 0px auto;
	padding: 0px;
}

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

.pic_r{
	float: right; margin: 0px 0px 15px 25px;
}
.pic_l{
	float: left; margin: 0px 25px 15px 0px;
}

/* スマホ時非表示 ---------- */
.sp_view{
	display: none !important;
}

/* header ---------- */
header{
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0 17px 0;
}

header p#logo{
	width: 622px;
	height: 80px;
	float: left;
	margin: 0;
	padding: 0;
}

header ul#btns{
	width: 230px;
	height: 40px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
}

header ul#btns li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}


header ul#btns li a.header_facebook{
	width: 105px;
	height: 40px;
	color: #fff;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #49659f;
	background: #3b5998;
	box-sizing: border-box;
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
}

header ul#btns li a:hover.header_facebook{
	background: #4a6eba;
}

header ul#btns li a.header_english{
	width: 105px;
	height: 40px;
	color: #000;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #e6e6e6;
	background: #f2f2f2;
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
}

header ul#btns li a:hover.header_english{
	background: #f3f7ef;
}


/* navigation ---------- */
#Gnavi{
	width: 100%;
	min-width: 1000px;
	height: 55px;
	background: #97a61e;
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 0;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}

.dropmenu:after{
	clear: both;
}

.dropmenu li{
  position: relative;
  width: 175px;
	height: 55px;
	text-align: center;
	border-right: solid 1px #b6c162;
	box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 0;
}

.dropmenu li.home{
  width: 125px;
	border-left: solid 1px #b6c162;
}

.dropmenu li.on{
	border-bottom: solid 5px #b0bc50;
}

.dropmenu li a{
  color: #fff;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
	display: block;
	margin: 0;
  padding: 19px 0 20px 0;
}

.dropmenu li a:hover{
	color: #fff;
	background: #b0bc50;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li ul li{
  width: 100%;
	height: auto;
	border-top: solid 1px #97a61e;
	border-right: none;
	margin: 0;
  padding: 0;
}

.dropmenu li ul li a{
  background: #f4f6e8;
	color: #000;
	font-size: 14px;
	line-height: 140%;
  text-align: left;
	display: block;
	margin: 0;
	padding: 10px;
}

.dropmenu li ul li:hover > a{
  background: #b0bc50;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}


/* wrapper ---------- */
#wrapper{
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/* メインカラム ---------- */
#main_column{
	width: 715px;
	margin: 0px auto 50px auto;
	padding: 0px;
	float: left;
}

/* コンテンツページタイトル ---------- */
h2#pagetitle{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	text-align:center;
	line-height: 140%;
	box-sizing: border-box;
	border-bottom: 3px solid #ddd;
	margin: 0 0 50px 0;
	padding: 20px 0 18px 0;
}

h2#pagetitle:first-letter{
	color:#879515;
}

/* common_body ---------- */
.common_body{
	margin: 0 0 50px 0;
	padding: 0;
}

/* common_title01 ---------- */
h3.commontitle01{
	width: 100%;
	color: #000;
	font-size: 16px;
	box-sizing: border-box;
	border-top: 4px solid #97a61e;
	background: #f4f6e8;
	margin: 0 0 25px 0;
	padding: 15px;
}

/* common_title02 ---------- */
h3.commontitle02{
	width: 100%;
	font-size: 17px;
	box-sizing: border-box;
	background: #e3ec98;
	margin: 0 0 25px 0;
	padding: 10px;
}

/* common_list ---------- */
ul.common_list{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

ul.common_list li{
	width: 100%;
	list-style: circle;
	line-height: 140%;
	margin: 0 0 20px 20px;
	padding: 0;
}

/* paper_list ---------- */
ul.paper_list{
	width: 95%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

ul.paper_list li{
	width: 100%;
	list-style : disc outside;
	line-height: 140%;
	margin: 0 0 8px 20px;
	padding: 0;
}

/* サブカラム ---------- */
#sub_column{
	width: 235px;
	margin: 0px auto 50px auto;
	padding: 0px;
	float: right;
}

.fbtitle{
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #3b5998;
	box-sizing: border-box;
	margin: 0;
	padding: 7px;
}

/* backtop ---------- */
#page-top{
	position: fixed;
	bottom: 45px;
	right: 20px;
	font-size: 77%;
	z-index: 1;
}
#page-top a{
	background: #97a61e;
	opacity:0.5;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=50);	/*IE8以下*/	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 3px;
}
#page-top a:hover{
	text-decoration: none;
	background: #ff9d1b;
}


/* footer ---------- */
#footer{
	width: 100%;
	min-width: 1000px;
	color: #fff;
	background: #072900;
	margin: 0;
	padding: 0 0 50px 0;
}

#finfo{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#finfo ul{
	width: 100%;
	font-size: 12px;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

#finfo ul li{
	width: 30%;
	list-style: none;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0;
}

#finfo ul li:nth-child(2n){
	border-right: 1px solid #6a7f66;
	border-left: 1px solid #6a7f66;
	margin: 0;
	padding: 0 0 0 15px;
}

#finfo ul li:last-child{
	width: 40%;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* Top page要素 ----------------------------------------------------- */

/* main_image ---------- */
#main_image{
	width: 1000px;
	margin: 0 auto 50px auto;
	padding: 0;
	z-index: 2;
}

/* 千葉演習林からのお知らせ ---------- */
iframe#topnews{
	width: 100%;
	height: 160px;
	border: none;
	margin: 0;
	padding: 0;
}

h3.newstitle{
	width: 100%;
	color: #000;
	font-size: 16px;
	box-sizing: border-box;
	border-top: 4px solid #97a61e;
	background: #f4f6e8;
	margin: 0 0 10px 0;
	padding: 15px;
}

/* TOP 千葉演習林のここがすごい！ ---------- */
ul#advantage{
	width: 100%;
	font-size: 13px;
	line-height: 150%;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}

ul#advantage li{
	width : 48% ;
	list-style: none;
	margin: 0 4% 4% 0;
	float: left;
}
ul#advantage li:nth-child(2n){
	margin:0 0 4% 0;
}

ul#advantage li img{
	width : 100% ;
	height: auto;
	margin: 0 0 5px 0 ;
}

ul#advantage li a{
	color: #000;
}
ul#advantage li a:hover{
	color: #6a7606; text-decoration: underline;
}


/* 施設案内
----------------------------------------------------- */
/* 施設リスト ---------- */
ul.facility_list{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.facility_list li{
	width: 100%;
	list-style: none;
	margin: 0 0 50px 0;
	padding: 0;
}

ul.facility_list li:last-child{
	margin: 0;
}

ul.facility_list li img{
	width: 280px;
	height: 210px;
	float: right;
	margin: 0;
	padding: 0;
}

ul.facility_list li h3.name{
	width: 400px;
	color: #000;
	box-sizing: border-box;
	background: #f0f0f0;
	margin: 0 0 15px 0;
	padding: 8px;
}

ul.facility_list li .text{
	width: 400px;
	min-height: 156px;
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 0;
}

/* 施設写真リスト ---------- */
ul.equip{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.equip li{
	width: 32%;
	font-size: 12px;
	text-align: center;
	list-style: none;
	float: left;
	margin: 0 2% 0 0;
	padding: 0;
}

ul.equip li:nth-child(3n){
	margin: 0;
}

ul.equip li img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}


/* 研究・教育利用
----------------------------------------------------- */
/* ページ内ナビ ---------- */
ul.page_navi{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.page_navi li{
	width: 22%;
	list-style: none;
	float: left;
	margin: 0 4% 3% 0;
	padding: 0;
}

ul.page_navi li:nth-child(4n){
	margin: 0 0 3% 0;
}

ul.page_navi li a{
	width: 100%;
	color: #fff;
	text-align: center;
	background: #97a61e;
	display: block;
	margin: 0;
	padding: 8px 0;
}

ul.page_navi li a:hover{
	width: 100%;
	text-decoration: none;
	background: #aebd33;
	display: block;
}

/* 利用申込書類 ---------- */
table.document{
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
}

table.document th{
	width: 55%;
	box-sizing: border-box;
	text-align: left;
	background: #faf7f3;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	padding: 15px;
}

table.document th span{
	font-size: 12px;
	font-weight: normal;
}

table.document td{
	width: 15%;
	box-sizing: border-box;
	text-align: center;
	border-left:  #ddd 1px solid;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	padding: 15px;
}

table.document td.date{
	font-size: 12px;
}


/* 施設使用料 ---------- */
table.royalty{
	width: 100%;
	font-size: 12px;
	box-sizing: border-box;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

table.royalty th{
	box-sizing: border-box;
	text-align: center;
	background: #faf7f3;
	border: #ddd 1px solid;
	padding: 10px;
}

table.royalty th.name01{
	background: #eff4c3;
}
table.royalty th.name02{
	background: #d5f3f6;
}
table.royalty th.other{
	background: #f9f9f9;
}

table.royalty td{
	box-sizing: border-box;
	text-align: center;
	border: #ddd 1px solid;
	padding: 10px;
}

table.royalty td.teacher{
	background: #f7f9e6;
}
table.royalty td.student{
	background: #f4fcfd;
}
table.royalty td.other{
	background: #fbfbfb;
}


/* 利用者説明会 ---------- */
ul.briefing_pic{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.briefing_pic li{
	width: 32%;
	font-size: 12px;
	text-align: center;
	list-style: none;
	float: left;
	margin: 0 2% 0 0;
	padding: 0;
}

ul.briefing_pic li:nth-child(3n){
	margin: 0;
}

ul.briefing_pic li img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}


/* 一般向けイベント
----------------------------------------------------- */
img.event_pic{
	width: 280px;
	height: auto;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

img.event_pic02{
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0;
}


/* 千葉演習林について
----------------------------------------------------- */
/* ページ内ナビ ---------- */
ul#insmap_btn{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul#insmap_btn li{
	width: 22%;
	list-style: none;
	float: left;
	margin: 0 4% 3% 0;
	padding: 0;
}

ul#insmap_btn li:nth-child(4n){
	margin: 0 0 3% 0;
}

ul#insmap_btn li a{
	width: 100%;
	color: #fff;
	text-align: center;
	background: #97a61e;
	display: block;
	margin: 0;
	padding: 8px 0;
}

ul#insmap_btn li a:hover{
	width: 100%;
	text-decoration: none;
	background: #aebd33;
	display: block;
}

.access_title{
	font-weight: bold;
	margin: 0 0 10px 0 ;
}


/* map ---------- */
#sample{
	width: 715px;
	height: 400px;
}


/* 出版物等 ---------- */
img.book_pic{
	width: 140px;
	height: auto;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}


/* 千葉演習林のここがすごい！
----------------------------------------------------- */
ul.brilliant_list{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

ul.brilliant_list li{
	width: 32%;
	height: auto;
	font-size: 12px;
	list-style: none;
	float: left;
	margin: 0 2% 2% 0;
	padding: 0;
}

ul.brilliant_list li:nth-child(3n){
	margin: 0 0 2% 0;
}

ul.brilliant_list li img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}


/* English Guide
----------------------------------------------------- */
header.english{
	width: 100%;
	text-align: center;
	margin: 30px auto;
	padding: 0;
}

/* English Guide メインカラム ---------- */
#main_column02{
	width: 715px;
	margin: 0px auto 50px auto;
	padding: 0px;
}

a.bth{
	width: 40%;
	color: #fff;
	text-align: center;
	background: #97a61e;
	display: block;
	margin: 0 auto;
	padding: 10px;
}

a:hover.bth{
	color: #fff;
	text-decoration: none;
	background: #b8ca23;
}

/* 公開データ
----------------------------------------------------- */
/* ページ内ナビ02 ---------- */
ul.page_navi02{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.page_navi02 li{
	width: 18%;
	list-style: none;
	float: left;
	margin: 0 2.5% 2% 0;
	padding: 0;
}

ul.page_navi02 li:nth-child(5n){
	margin: 0 0 2% 0;
}

ul.page_navi02 li a{
	width: 100%;
	color: #fff;
	text-align: center;
	background: #97a61e;
	display: block;
	margin: 0;
	padding: 8px 0;
}

ul.page_navi02 li a:hover{
	width: 100%;
	text-decoration: none;
	background: #aebd33;
	display: block;
}