@charset "utf-8";
/* -----------------------------------------------------
スマートフォン用CSSファイル sp.css
----------------------------------------------------- */

/* 共通パーツ
----------------------------------------------------- */
body {
	width: 100%;
	color:#000;
	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;
}

/* PC時非表示 ---------- */
.pc_view{display: none !important;}

/* sp_menu ---------- */
#sp_menu{ margin: 0;}

/* header ---------- */
header {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
}

header p#logo {
	width:100%;
	text-align:center;
	margin: 0 0 10px 0;
	padding: 40px 0 0 0;
}

header p#logo img {
	width:80%;
	height: auto;
}

/* sp_pic ---------- */
img.sp_pic{
	width: 100%;
	height: auto;
}

img.sp_pic02{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto 20px auto;
}

/* コンテンツページ ---------- */
.ptimg{
	width: 100%;
	height: auto;
}

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


/* コンテンツページタイトル ---------- */
h2#pagetitle{
	width: 100%;
	font-size: 27px;
	font-weight: bold;
	line-height: 120%;
	text-align:center;
	box-sizing: border-box;
	border-bottom: 3px solid #ddd;
	margin: 0 0 40px 0;
	padding: 15px 0 12px 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: 95%;
	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;
}

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

#finfo{
	width: 95%;
	text-align: center;
	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: 100%;
	height: auto;
	list-style: none;
	border-bottom: 1px solid #6a7f66;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0 10px 0;
}

#finfo ul li:last-child{
	border-bottom: none;
}

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

/* main_image ---------- */
#main_image{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto 30px auto;
	padding: 0;
}

#main_image img{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* 千葉演習林からのお知らせ ---------- */
iframe#topnews{
	width: 100%;
	height: 260px;
	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;}


/* snsbtn------------------------- */
ul#snsbtn{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul#snsbtn li a{
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	display: block;
}

ul#snsbtn li.facebook{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	background: #44619d;
	margin: 0 0 20px 0;
	padding: 15px;
}

ul#snsbtn li.english{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	background: #97a61e;
	margin: 0;
	margin: 0 0 20px 0;
	padding: 15px;
}


/* 施設案内
----------------------------------------------------- */
/* 施設リスト ---------- */
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: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

ul.facility_list li h3.name{
	width: 100%;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	background: #97a61e;
	margin: 0 0 15px 0;
	padding: 8px;
}

ul.facility_list li .text{
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 0;
}

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

ul.equip li{
	width: 49%;
	min-height: 170px;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	list-style: none;
	float: left;
	margin: 0 2% 2% 0;
	padding: 0;
}

ul.equip li:nth-child(2n){
	margin: 0 0 2% 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: 49%;
	list-style: none;
	float: left;
	margin: 0 2% 3% 0;
	padding: 0;
}

ul.page_navi li:nth-child(2n){
	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;}

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

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

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

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


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

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

ul#insmap_btn li:nth-child(2n){
	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 ;
}

/* 出版物等 ---------- */
img.book_pic{
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto 15px auto;
	padding: 0;
}


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

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

ul.brilliant_list li:nth-child(2n) {
	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: 95%;
	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;
}