/*
01: Base
===========================================================================================
*/
*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 0.813em;/* 13px */
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;}

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5){
	body{}
}

/* リスト 　共通　*/
ul.disc, ol.decimal {
	clear: both;
	margin: 10px 0 15px 35px;
	padding: 0 10px;
}
ul.disc li, ol.decimal li {
	margin: 0;
	padding: 2px 0;
	font-size: 1.154em !important;
}
/* リスト 「・」　*/
ul.disc li{
	list-style: disc !important;
}
/* リスト 「123」 */
ol.decimal li{
	padding: 0 0 0 15px;
	list-style: decimal !important;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	display: inline-block;
}
object {
pointer-events: none;
}
a img{
	border: none;
}
img{
	vertical-align: bottom;
}
address{
	font-style: normal;
}
#pageContents p{
	font-size:1.385em;
}
#pageContents h2 a{
	color:#3f362f;
}
#pageContents h2 a:hover{
	color:#008917;
}


/*
02: Text Set
===========================================================================================
*/
/*
================================================== Header
*/

.caution {
	width: 80%;
	border:  1px solid #333;
	padding:  1.5em;
	font-size:  110%;
	margin:  1em auto;
}

.contentsText{
	line-height: 1.7;
	color: #3f362f;
}



.contentsText p.point{
	position:relative;
	font-size: 1.222em !important;
	line-height: 1.5;
	margin-top: 20px!important;
	padding: 10px 15px 8px 15px;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
	background: #e3e3d0;
}
.textCenter{
	text-align: center;
}
.textLeft{
	text-align: left;
}
.textRight{
	text-align: right;
}
.textAll{
	width:960px;
	margin:0 auto;
	text-align:left;
}

.textBold {
  font-weight: bold;
}

.textIndent {
  margin-left: 1.8em;
}

.Indent1em { text-indent: 1em;}

.textIndent.nsb {
    margin-bottom: 0 !important;
}

/*
03: Layout
===========================================================================================
*/
/*
================================================== Header
*/
body{
	position: relative;
}
header,
#topPage header{
	height:auto;		/*0528*/
	min-height: 145px;
}
/*
-------------------- #titleLogo
*/
#titleLogo{
	position: relative;
	top: 0;
	left: 0;
	z-index: 3000;
	height: 96px;
	background: #fff;
	text-align:center;
}
#titleLogo div{
	position: relative;
	margin: -32px auto;
	/padding-top:32px !important;/*ie7*/
	width: 960px;
	background: #fff;
	text-align:center;
	height: 96px;
}
#logoTitle{
	width: 410px;
	margin: 32px auto auto auto;
	padding-top:32px;
	/padding-top:20px !important;/*ie7*/
	/margin-left:250px !important;/*ie7*/
}
#logoTitle .Top{
	display:none;
}
#topPage #logoTitle .Top{
	display:block;
}
#logoTitle .Sub{
	display:block;
}
#topPage #logoTitle .Sub{
	display:none;
}

#logoTokyo{
	float: left;
	margin-top: 10px;
}
#c-header #metroLink{
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 0.923em;
	/padding-top:32px !important;/*ie7*/
}
#c-header #metroLink a{
	color: #3f362f;
	border-bottom: 1px solid #a39387;
}
#c-header #metroLink a:hover{
	border: none;
}
#topPage #titleLogo div{
	margin: 0 auto !important;
	text-align:center !important;
	/padding-top:0 !important;/*ie7*/
}
#topPage #logoTitle{
	width: 490px;
	height:86px;
	margin: 0 auto auto auto !important;
	padding-top:10px !important;
	/margin-left:250px !important;/*ie7*/
	/padding-top:0px !important;/*ie7*/
}
#topPage #c-header #metroLink{
	/padding-top:0 !important;/*ie7*/
}
/*
-------------------- #globalNavi
*/
#c-header #globalNavi{
	position: relative;
	background: #fff;
	z-index: 2000;
}
/* clearFix ===== #globalNavi */
#c-header #globalNavi{ /zoom : 1; }
#c-header #globalNavi:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#c-header #globalNavi > div{
	background: #fff;
	border-top: 3px solid #3f362f;
}
#c-header #globalNavi > div > div{
	margin-left: 50%;
	background: #fff;
}
#c-header #globalNavi > div > div{
	margin-left: 50%;
	background: #fff;
}
#c-header #globalNavi > div > div > ul{
	width: 959px;
	margin-left: -480px;
	
	height : auto ;/*0528*/
	min-height : 46px ;

	border-right: 1px solid #e6e6e6;
}
/* clearFix ===== #globalNavi div ul */
#c-header #globalNavi div ul{ /zoom : 1; }
#c-header #globalNavi div ul:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#c-header #globalNavi > div > div > ul > li{
	float: left;
	width: 159px;
/*	width: 191px;*/

	height : auto ;/*0528*/
	min-height : 46px ;

	font-size: 1.308em;
	font-weight: bold;
	color: #3f362f;
	text-align: center;
	border-left: 1px solid #e6e6e6;
	background: #fff;
	z-index: 3000;
}
#c-header #globalNavi > div > div > ul > li#tokyoForest{
	width: 158px;
/*	width: 190px;*/
}
#c-header #globalNavi > div > div > ul > li > a{
	display: block;

	height : auto ;/*0528*/
	min-height : 36px ;

	padding-top: 10px;
	color: #3f362f;
}

#c-header #globalNavi div ul li.current,
body.role #c-header #globalNavi div ul li#theRoleOfTree,
body.work #c-header #globalNavi div ul li#worksOfForest,
body.forest #c-header #globalNavi div ul li#tokyoForest,
body.protection #c-header #globalNavi div ul li#protectTheForest,
body.teacher #c-header #globalNavi div ul li#forTeachers{
	background: #008917;
}
#c-header #globalNavi div ul li.current a,
body.role #c-header #globalNavi div ul li#theRoleOfTree a,
body.work #c-header #globalNavi div ul li#worksOfForest a,
body.forest #c-header #globalNavi div ul li#tokyoForest a,
body.protection #c-header #globalNavi div ul li#protectTheForest a,
body.teacher #c-header #globalNavi div ul li#forTeachers a{
	color: #fff;
}

#c-header #globalNavi > div > div > ul > li > div{
	position: absolute;
	display: block;
	top: -154px;
	left: 0;
	width: 100%;
	background: #3f362f;
	z-index: -10;
}
#c-header #globalNavi > div > div > ul > li > div > ul{
	width: 960px;
	margin: 0 auto;
}
#c-header #globalNavi > div > div > ul > li > div > ul > li{
	cursor: pointer;
	position: relative;
	float: left;
	width: 160px;
	margin: 8px 0;
	color: #fff;
	background: #3f362f;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
	line-height: 1;
	letter-spacing:-0.05em;
}
#c-header #globalNavi > div > div > ul > li > div > ul > li > a > figure{
	padding-top: 20px;
}
#c-header #globalNavi > div > div > ul > li > div > ul > li > a > figure > figcaption{
	position: absolute;
	top: 63px;
	right: 35px;
	font-size: 0.769em;
	line-height: 1.4;
	padding: 1px 6px;
	border-radius: 3px;
	behavior: url(/common/style/PIE.htc);
	background: #3f362f;
	z-index: 1100;
}
#c-header #globalNavi > div > div > ul > li > div > ul > li > a > figure p.globalNaviSecListText{
	font-size: 0.769em;
	line-height: 1.5;
	margin: 6px 0 16px 0;
}
.globalNaviSecListImageTransition{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.globalNaviSecListIMG {
	position: relative;
	z-index: 0;
}
.globalNaviSecListIMG img{
	border: 3px solid #e3ca48;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
	
	display: block;
	margin: 0 auto;

	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.dpn{
	display: none;
}

/*
================================================== Image Area
*/
/*
-------------------- #imagePhotoArea
*/
#imagePhotoArea{
	position: relative;
	clear: both;
	width: 100%;
	height: 650px;
	overflow: hidden;
}
#imagePhotoArea p{
	position: absolute;
}
#imagePhotoArea img{
	width: 100%;
	height: auto;
}
#imgPhotoSet, #imgPhotoSet p{
	width: 100%;
}
#imgPhotoSet img{
	width: 100%;
	height:auto;
	min-width:960px;
}
#quizSet{
	position: absolute;
	right: 70px;
	bottom: -200px;
	width: 142px;
	height: 142px;
	z-index: 100;
}
#quizSet > p{
	position: relative;
	width: 142px;
	height: 142px;
}
#quizSetBack, #quizSetText, #quizSetTextS{
	position: absolute;
	cursor: pointer;
}
#imgPhotoSelect{
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 100;
}
/* clearFix ===== #imgPhotoSelect ul */
#imgPhotoSelect ul{ /zoom : 1; }
#imgPhotoSelect ul:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#imgPhotoSelect ul li{
	float: left;
	padding: 2px;
}
#imgPhotoSelect ul li span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 10px;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
	background: #fff;
}
#imgPhotoSelect ul li.imgPhotoSelected{
	padding: 0;
}
#imgPhotoSelect ul li.imgPhotoSelected span{
	border: 2px solid #00ab2b;
	border-radius: 6px;
	behavior: url(/common/style/PIE.htc);
	background: transparent;
}
#imgPhotoSelect ul li:not(.imgPhotoSelected) span:hover{
	background: #00ab2b;
	cursor: pointer;
}

/*
================================================== Top
*/
/*
-------------------- #topTextArea
*/
p#scrollValue{
	position: fixed;
}
#topTextArea{
	height: 800px;
	overflow: hidden;
	background: #f2efe4;
}
#topTextArea article{
	position: relative;
	width: 960px;
	margin: 0 auto;
	top: 320px;
}
#topTextArea article h1{
	text-align: center;
	font-size: 3.231em;
	font-weight: normal;
	line-height: 1.8;
	color: #199332;
}
#scrollTree{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#tree01{
	position: absolute;
	top: 27px;
	left: 268px;
}
#tree02{
	position: absolute;
	top: 30px;
	right: 30px;
}
#tree03{
	position: absolute;
	top: 88px;
	right: 315px;
}
#tree04{
	position: absolute;
	top: 150px;
	left: 32px;
}
#tree05{
	position: absolute;
	top: 214px;
	left: 217px;
}
#tree06{
	position: absolute;
	top: 220px;
	right: 150px;
}
#tree07{
	position: absolute;
	top: 380px;
	left: 85px;
}
#tree08{
	position: absolute;
	top: 360px;
	right: 240px;
}
#tree09{
	position: absolute;
	top: 480px;
	left: 250px;
}
#tree10{
	position: absolute;
	top: 468px;
	right: 58px;
}
#tree11{
	position: absolute;
	top: 510px;
	left: 500px;
}
#tree12{
	position: absolute;
	top: 585px;
	right: 124px;
}
#tree13{
	position: absolute;
	top: 640px;
	left: 48px;
}
#tree14{
	position: absolute;
	top: 600px;
	left: 348px;
}
#tree15{
	position: absolute;
	top: 840px;
	left: 500px;
}
#tree16{
	position: absolute;
	top: 310px;
	left: 680px;
}
#tree17{
	position: absolute;
	top: 140px;
	right: 500px;
}
#tree18{
	position: absolute;
	top: 180px;
	left: 440px;
}
#tree19{
	position: absolute;
	top: 540px;
	right: 360px;
}
#tree20{
	position: absolute;
	top: 880px;
	right: 480px;
}
#newsList{
	margin:0 auto -64px;
	border-top:solid 1px #ccc;
	overflow:hidden;
}
#newsBox{
	width:960px;
	margin:70px auto 100px;
	text-align:left;
}
#newsBox h2{
	margin:0 auto 70px;
	text-align:center;
	font-size: 2.8em !important;
	font-weight: normal;
	color:#008917;
	line-height:1.3;
	border-bottom:solid 1px #999;
	padding-bottom:15px;
}
#newsBox h2 span{
	font-size: 0.72em !important;
	display:block;
	color:#008917;
}
#newsBox dl{
	width:960px;
	margin:15px auto 30px;
	font-size:1.2em;
	overflow:hidden;
	border-bottom:solid 1px #ccc;
}
#newsBox dt{
	float:left;
	width:20%;
	font-weight: bold;
	color:#3f362f;
}
#newsBox dd{
	float:left;
	width:80%;
}

#newsBox dd span.new {
  margin-left: 1em;
  font-size: 66%;
  font-weight: bold;
  color: #CD3301;
  padding: 0px 4px !important;
  line-height: 1 !important;
  border: #CD3301;
  background: #fff;
}
/*
================================================== Category List
*/
/*
-------------------- #categoryList
*/
#categoryList{
	position: relative;
	width: 960px;
	height: 800px;
	margin: 0 auto;
}
#categoryList p,
#categoryList_sp p{
	
}
#categoryList p img,
#categoryList_sp p img{
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 100%;
	border: 4px solid #e3ca48;
	z-index: 1;
	behavior: url(/common/style/PIE.htc);

}
#categoryList figure {
	width: 190px;
}
#categoryList_sp figure{
	width: 100%;
	text-align: center;
}
.categoryIndexImageTransition{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#categoryList figure a,
#categoryList_sp figure a{
	color: #3f362f;
}
#categoryList figcaption,
#categoryList_sp figcaption{
	font-size: 1.846em;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}
#category01{
	position: absolute;
	top: 160px;
	left: 0;
}
#category02{
	position: absolute;
	top: 440px;
	left: 200px;
}
#category03{
	position: absolute;
	top: 160px;
	left: 380px;
}
#category04{
	position: absolute;
	top: 440px;
	right: 220px;
}
#category05{
	position: absolute;
	top: 160px;
	right: 0px;
}


/*
================================================== Category Index
*/
/*
-------------------- #categoryIndexText
*/
#categoryIndexText{
	padding-top: 70px;
	color: #3f362f;
}
#categoryIndexText article{
	width: 960px;
	margin: 0 auto;
}
#categoryIndexText article h1{
	text-align: center;
	font-size: 3.231em;
	font-weight: normal;
	line-height: 1.4;
}
.leadText{
	font-size: 1.538em;
	line-height: 1.7;
	text-align: center;
	margin-top: 21px;
}
#indexMovieArea{
	text-align: center;
	margin: 20px 0;
}
.movieButtonText{
	display: inline-block;
	/display: inline; /* IE7 */
	/zoom: 1; /* IE7 */
	font-size: 1.538em;
	color: #276c9c;
	margin-top: 5px;
	padding-right: 27px;
	background: url(../../images/player_s.gif) right 3px no-repeat;
	background-size: 24px 156px;
	cursor: pointer;
}
.movieButtonText:hover{
	color: #549fd4;
	background-position: right -41px;
}
.movieButtonTextClose{
	display: inline-block;
	/display: inline; /* IE7 */
	/zoom: 1; /* IE7 */
	font-size: 1.538em;
	color: #276c9c;
	margin-top: 5px;
	padding-right: 27px;
	background: url(../../images/player_s.gif) right -85px no-repeat;
	background-size: 24px 156px;
	cursor: pointer;
}
.movieButtonTextClose:hover{
	color: #549fd4;
	background-position: right -129px;
}
#indexMovie{
	display: none;
	text-align: center;
	padding: 80px 0;
	background: #000;
}

/*
-------------------- #categoryIndexList
*/
#categoryIndexList{
	width: 980px;
	margin: 70px auto 0 auto;
}
/* clearFix ===== #categoryIndexList */
#categoryIndexList{ /zoom : 1; }
#categoryIndexList:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#categoryIndexList ul li{
	position: relative;
}
#categoryIndexList ul li{
	position: relative;
	width: 198px;
	float: left;
	margin: 0 0 50px 56px;
}
#categoryIndexList ul li:first-child{
	margin-left: 0px;
}
#categoryIndexList ul li#categoryIndexListItem06{
	margin-left: 254px;
}
#categoryIndexListItem03{
	margin-left: 99px;
}
#categoryIndexListItem01{
	margin-left: 381px;
}
#categoryIndexList ul li figure{
	position: relative;
}
#categoryIndexList ul li figure figcaption{
	position: absolute;
	top: 90px;
	right: 14px;
	font-size: 1.385em;
	font-weight: bold;
	color: #fff;
	background: #3f362f;
	padding: 2px 8px 0px 8px;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
	z-index: 1;
}
.indexListPageIMG{
	position: relative;
	z-index: 0;
}
.indexListPageImageTransition{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.indexListPageIMG img{
	border: 4px solid #e3ca48;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);

	-webkit-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
#categoryIndexList ul li figure img{
	position:relative;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
	margin: -4px;
}
.indexListPageTitle{
	font-size: 1.385em;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	color: #3f362f;
	margin-top: 5px;
}

/*
================================================== Category Index Quiz
*/
/*
-------------------- .quizCircle
*/
#indexPage{

}
#indexPage > div{
	overflow-x: hidden;
}
.quizCircleOpen{
	position: absolute;

	top: -45px;
	left: 50%;

	margin-left: -20px;

	width: 40px;
	height: 40px;
	opacity: 1;
	background: #fff;
	
	border: 2px solid #7b5293;
	border-radius: 100%;
	behavior: url(/common/style/PIE.htc);
	z-index: 10000;
}
.quizCircleOpen > p{
	position: absolute;

	top: 0px;

	width: 40px;
	height: 40px;

	z-index: 11000;
}
#quizContents{
	position: absolute;
	overflow: hidden;
	display: none;
	width: 100%;
	background: #fff;
	z-index: 100000;
}
#quizContents > div{
	width: 100%;
	opacity: 0;
}
#quizContents h1{
	position:relative;
	position: absolute;
	display: inline-block;
	font-size: 1.846em;
	font-weight: bold;
	margin: 5% 0 0 10%;
	padding: 6px 16px;
	color: #fff;
	background: #00ac2b;
	border-radius: 4px;
	behavior: url(/common/style/PIE.htc);
}
#quizContents h2{
	margin: 2% 7% 3% 7%;
	font-size: 2.923em;
	line-height: 1.7;
	font-weight: normal;
	text-align: center;
	color: #3f362f;
}
#quizContents ul{
	text-align: center;
}
#quizContents ul li{
	position:relative;
	display: inline;
	font-size: 2.308em;
	color: #3f362f;
	border: 4px solid #fff;
	border-radius: 8px;
	behavior: url(/common/style/PIE.htc);
	margin: 0;
	padding: 20px 18px 18px 18px;
	opacity: 0;
}
#quizContents ul li span{
	position:relative;
	font-weight: bold;
	color: #fff;
	margin-right: 6px;
	padding: 2px 13px 1px 13px;
	background: #3f362f;
	border-radius: 100%;
	behavior: url(/common/style/PIE.htc);
}
#quizText{
	position: absolute;
	width: 100%;
	height: auto;
}
.quizSelected{
	color: #635300;
	border: 4px solid #e3ca48!important;
	background: #f8f6ed;
}
#quizFooter{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 110px;
	text-align: center;
	background: #3f362f;
}
#quizScrollText{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 110px;
	text-align: center;
}
.scrollText{
	font-size: 1.231em;
	color: #3f362f;
	margin: 10px 0 10px 0;
}
#quizCheckButton, #quizDetailButton{
	position:relative;
	display: inline-block;
	/display: inline;  /* IE7 */
	/zoom: 1;  /* IE7 */
	font-size: 1.538em;
	font-weight: bold;
	color: #3f362f;
	margin: 20px 10px 0px 10px;
	padding: 12px 20px;
	border-radius: 6px;
	behavior: url(/common/style/PIE.htc);
	background: #fff;
	border: 4px solid #fff;
}
#close{
	position: fixed;
	top: 3%;
	right: 3%;
	z-index: 10002;
}
#close:hover{
	cursor: pointer;
}
#quizCorrect, #quizMiss{
	position: absolute;
	top: -480px;
	left: 50%;
	z-index: 10010;
}
#quizCorrect{
	margin-top: -240px;
	margin-left: -240px;
}
#quizMiss{
	margin-top: -190px;
	margin-left: -190px;
}
#quizAnswerDetail{
	position: absolute;
	border-top: 1px solid #e6e6e6;
	background: #fff;
}
#quizAnswerDetail > div{
	width: 960px!important;
	font-size: 1.385em;
	line-height: 1.7;
	color: #3f362f;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0 40px;
}
/* clearFix ===== #quizAnswerDetail > div */
#quizAnswerDetail > div{ /zoom : 1; }
#quizAnswerDetail > div:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#quizAnswerDetail > div > div{
	text-align: center;
}
#quizAnswerDetail h3{
	display: inline-block;
}
/* clearFix ===== #quizAnswerDetail h3 */
#quizAnswerDetail h3{ /zoom : 1; }
#quizAnswerDetail h3:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#quizAnswerDetail h3 span{
	float: left;
}
#quizAnswerDetail h3 span#answerMark{
	position:relative;
	font-size: 1.2em;
	color: #fff;
	margin: 26px 20px 0 0;
	padding: 5px 12px 2px 12px;
	border-radius: 6px;
	behavior: url(/common/style/PIE.htc);
	background: #00ac2b;
}
#quizAnswerDetail h3 span#answerTitle{
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 24px;
}
#quizAnswerDetail h3 span#answerSup{
	font-size: 1.385em;
	font-weight: normal;
	margin: 38px 0 0 12px;
}


/*
================================================== Page
*/
#pageTitleArea{
	border-top: 1px solid #e6e6e6;
}
#pageTitle{
	width: 960px;
    margin: 0 auto;
    text-align: center;
}
#pageTitle p,
#pageTitle h1{
	display: table-cell;
	width: 960px;
    margin: 0 auto;
	height: 90px;
    font-size: 2.462em;/*32px*/
	vertical-align:middle;
	color: #3f362f;
	font-weight:normal;
	
}
#pageTitle span{
	font-weight: bold;
}
#pageImagePhoto{
	position: relative;
	width: 100%;
	height: 280px;
	overflow: hidden;
}
#pageImagePhoto img{
	position: absolute;
	top: -100px;
	width: 100%;
	height:auto;
	min-width:960px;
}

/*
-------------------- Page Local Navi（Flow）
*/
#localSlideNaviArea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
	background: #f0f0f0;
	z-index: 1000;
}
#localSlideNavi{
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}
/* clearFix ===== #localSlideNavi */
#localSlideNavi{ /zoom : 1; }
#localSlideNavi:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#localSlideNavi ul{
	position: relative;
}
#localSlideNavi ul.arrow{
	height: 120px;
	background: url('../../work/images/arrow.png') no-repeat 52px 70px;
}
#localSlideNavi ul li{
	position: relative;
	float: left;
	width: 120px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
#localSlideNavi ul li p.flowNumber{
	width: 22px;
	height: auto;
	min-height: 22px;
	margin: 0 auto;
	font-size: 1.077em;
	line-height: 24px;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
}
#localSlideNavi ul li p.flowName{
	font-size: 1.385em;
	line-height: 1;
	padding-top: 5px;
}
#localSlideNavi ul li p.flowRuby{
	font-size: 100%;
	line-height: 1;
	padding-top: 7px;
}
#localNaviFlow01 .flowRuby, #localNaviFlow01 .flowName{
	color: #a64454;
}
#localNaviFlow01 .flowNumber{
	color: #fff;
	background: #a64454;
}
#localNaviFlow02 .flowRuby, #localNaviFlow02 .flowName{
	color: #7a4da0;
}
#localNaviFlow02 .flowNumber{
	color: #fff;
	background: #7a4da0;
}
#localNaviFlow03 .flowRuby, #localNaviFlow03 .flowName{
	color: #276c9c;
}
#localNaviFlow03 .flowNumber{
	color: #fff;
	background: #276c9c;
}
#localNaviFlow04 .flowRuby, #localNaviFlow04 .flowName{
	color: #218278;
}
#localNaviFlow04 .flowNumber{
	color: #fff;
	background: #218278;
}
#localNaviFlow05 .flowRuby, #localNaviFlow05 .flowName{
	color: #3c7f33;
}
#localNaviFlow05 .flowNumber{
	color: #fff;
	background: #3c7f33;
}
#localNaviFlow06 .flowRuby, #localNaviFlow06 .flowName{
	color: #85822d;
}
#localNaviFlow06 .flowNumber{
	color: #fff;
	background: #85822d;
}
#localNaviFlow07 .flowRuby, #localNaviFlow07 .flowName{
	color: #a36924;
}
#localNaviFlow07 .flowNumber{
	color: #fff;
	background: #a36924;
}
#localNaviFlow08 .flowRuby, #localNaviFlow08 .flowName{
	color: #ae3e20;
}
#localNaviFlow08 .flowNumber{
	color: #fff;
	background: #ae3e20;
}
#localNaviFlow09{
	position: absolute;
	left:298px;
	top:15px;
}
#localNaviFlow09 .flowRuby, #localNaviFlow09 .flowName{
	color: #750101;
}
#localNaviFlow09 .flowNumber{
	color: #fff;
	background: #750101;
}
#localSlideNavi .flowAllow{
	position: absolute;
	top: 30px;
	right: -13px;
}
#localSlideNavi .flowAllow1{
	position: absolute;
	top: 20px;
	right: -13px;
}


/*
-------------------- Page Contens
*/
#pageContents{
	position: relative;
	overflow: hidden;
}
#flow #pageContents{
	background: #f0f0f0;
}
/* clearFix ===== #pageContents */
#pageContents{ /zoom : 1; }

#pageContents:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#pageContents h2{
	width: 100%;
	font-size: 2.154em;
	line-height: 1.9;
	color: #3f362f;
	text-align: center;
}
#pageContents h3{
	font-size: 1.889em;
}
#pageContents h4{
	font-size: 1.5em;
}

#pageContents .leftColumn h2, #pageContents .rightColumn h2{
	text-align: left;
}
.h2SubTitle{
	font-size: 1.846em;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #a49b0e;
	margin-top: 6px;
}
#roleFlow #pageContents article,
#history #pageContents article,
#effect #pageContents article{
	padding: 30px 0 50px 0;
}
.virticalMiddle{
	display: table-cell;
	height: 600px;
	vertical-align: middle;
}
#pageContents article .imageIllust_Wide{
	position: relative;
	width: 960px;
	margin: -90px auto 0;
	overflow: visible;
}
#historyBird{
	position: absolute;
	top: -150px;
	right: 60px;
}
.blueGradationBack{
	position: relative;
	background: url('../../forest/images/history01bk.gif') repeat-x;
}
.backgroundGray{
	background: #f0f0f0;
}
.column{
	width: 960px;
	margin: 20px auto 0 auto;
}
.articleContentsText{
	padding-top: 20px;
}
.articleContentsText p{
	margin-top: 20px;
}
/* clearFix ===== .column */
.column{ /zoom : 1;	overflow:hidden;
 }
.column:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
.column p{
	margin-top: 20px;
}
.column p img{
	margin-top: 5px;
}
.leftColumn{
	float: left;
	width: 465px;
}
.rightColumn{
	float: right;
	width: 465px;
}
.pageArticleLeftPhoto{
}
.articlePhotoRadius img{
	border-radius: 8px;
	behavior: url(/common/style/PIE.htc);
}

/*コラム欄*/
.columnBox{
	overflow: hidden;
	width: 960px;
	margin: 20px auto;
}
.columnBox .leftColumn{
	width: 630px;
}
.columnBox .leftColumn.movieTtl{
	width: 400px;
}
.columnBox .rightColumn{
	width: 300px;
	margin-top: 10px;
}
.columnBox p{
	font-size: 1.231em;
}
.columnBox #teachMeMovieArea,
.columnBox .teachMeMovieArea{
	float:right;
	padding:0;
	margin:0;
}

.leftColumn h4{
	margin-top:10px;
	font-size:85%;
}
.link a{
	padding-left:10px;
	font-size:85%;
	line-height:170%;
	display:block;
	background: url(../../images/arrow.gif) 0 5px no-repeat;
}
.iconLink,
.arrow.inline .iconLink{
	margin:0 0 7px 5px !important;
}
.arrow .iconLink{
	margin:0 0 14px 5px !important;
}

/*まめちしき欄*/
.triviaBox{
	padding:40px 60px;
	overflow: hidden;
	width: 830px;
	margin: 20px auto;
	border:solid 5px #64a235;
	border-radius: 10px;
	behavior: url(/common/style/PIE.htc);

}
/*まめちしき：色違い*/
.triviaBox.point{
	border:solid 5px #e3ca48;
	background-color:#f3efdb;
}
.triviaBox .leftColumn{
	width: 510px;
}
.triviaBox .rightColumn{
	width: 300px;
	margin-top: 10px;
}
.triviaBox p{
	font-size: 1.231em;
}
.triviaBox #shinkibaPhoto{
	margin:30px 0 10px;
	width:830px;
}
.triviaBox #shinkibaPhoto .leftColumn{
	width: 400px;
}
.triviaBox #shinkibaPhoto .rightColumn{
	margin:0 0 0 20px;
	width: 400px;
}
.triviaBox #shinkibaPhoto p{
	width:400px !important;
	margin:0 !important;
}
.triviaBox .imgBox{
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
}
.triviaBox .imgBox span{
	display:block;
	text-align:right;
}

/*コラム欄*/
.memoBox{
	padding:40px 60px;
	overflow: hidden;
	width: 1000px;
	margin: 20px auto;
	border:solid 5px #ccc;
	border-radius: 10px;
	behavior: url(/common/style/PIE.htc);
}
.memoBox p{
	font-size: 1.231em;
	margin-bottom:40px;
}
/*4-3森林を活かす*/
.main4-3Box{
	margin: -40px auto 0 !important;
}
.main4-3 {
	margin: 0px auto 0 !important;
	position:relative;
}
.main4-3 > img{
	z-index:0;
}
.main4-3 a{
	z-index:99;
}
.main4-3 .btn_main00{
	position:absolute;
	top:258px;
	left:245px;
}
.main4-3 .btn_main01{
	position:absolute;
	top:221px;
	left:311px;
}
.main4-3 .btn_main02{
	position:absolute;
	top:185px;
	left:450px;
}
.main4-3 .btn_main03{
	position:absolute;
	top:220px;
	right:349px;
}
.main4-3 .btn_main04{
	position:absolute;
	top:220px;
	right:256px
}
.main4-3 .btn_main05{
	position:absolute;
	top:309px;
	right:189px;
}
.main4-3 .btn_main06{
	position:absolute;
	bottom:208px;
	right:189px;
}
.main4-3 .btn_main07{
	position:absolute;
	bottom:80px;
	right:189px;
}
.main4-3 .btn_main08{
	position:absolute;
	top:256px;
	left:245px;
}
.main4-3 .btn_main09{
	position:absolute;
	top:186px;
	left:311px;
}
.main4-3 a:hover img{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/*4-4多摩産材*/
.tamaBox{
	background-color:#e4f0d7;
	text-align:center;
	width:700px;
	padding:15px 10px;
	/padding:40px 10px 10px;
	margin:30px auto -10px;
	font-size:160%;
	color:#004800;
	line-height:95px;
	/line-height:0;
	border-radius: 8px;
	behavior: url(/common/style/PIE.htc);
}
.tamaBox img{
	margin-top:-30px;
	padding-right:30px;
}

.txtAll{
	margin:30px auto 40px;
	width:940px;
	text-align:left;
}
.txtAll p{
	margin:0 auto 20px;
}
/*
-------------------- friendry Page Contents
*/
#friendly #pageContents article{
	padding: 70px 0 90px 0;
	border-top: 1px solid #e6e6e6;
	position:relative;
}
#friendly #pageContents article .column{
	margin: 0 auto;
}

/*
-------------------- roleTypes Page Contents
*/
#roleTypes #pageContents article{
	padding: 70px 0 90px 0;
	border-top: 1px solid #e6e6e6;
}
#roleTypes #pageContpxs article .column{
	margin: 0 auto;
}
.treeBoardImage img{

}
#roleTypes #pageContents .contentsText .column{
	clear: both;
	margin: 90px auto 0px auto;
}
.treeSpec h3{
	font-size: 2.769em;
	line-height: 1;
	text-align: center;
	margin-top: 25px;
	padding: 17px 0 12px 0;
	border-top: 5px solid #3f362f;
	border-bottom: 1px solid #e6e6e6;
}
.treeSpec p img{
	margin-top: 9px;
}
.usePhoto img{
	margin-top: 36px!important;
}
.specifiGravity{
	display: block;
	font-size: 1.154em;
	padding: 10px 0 6px 0;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.caption{
	display: block;
	font-size: 1.154em;
	margin-top: 15px;
}
.caption li{
	width:50%;
	display: block;
	float:left;
	line-height:130%;
}
.caption li.right{
	text-algin:right;
	float:right;
}

.source{
	display: block;
	font-size: 0.923em;
}
.woodProcessing{
	width: 960px;
	margin: 60px auto 0 auto;
}


/*
-------------------- forestTypes Page Contents
*/
#effect footer{
	margin-top: 0px !important;
}


/* clearFix ===== .woodProcessing */
.woodProcessing{ /zoom : 1; }
.woodProcessing:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */

.woodProcessing h3{
	font-size: 2em;
	line-height: 1;
}
.woodText h3{
	margin: 90px 0 14px 0;
}
.plywoodText h3{
	margin: 240px 0 14px 0;
}
.laminatedlumberText h3{
	margin: 270px 0 14px 0;
}
#localityArea h2{
	margin-bottom: 60px;
}
#locality{
	width: 960px;
	margin: 0 auto;
/*	overflow:hidden;*/
	/margin: 0 auto 50px;
}
#locality .leftColumn, #locality .rightColumn{
	position: relative;
	height: 256px;
}
.localityBackIMG{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#locality > div > div{
	padding: 0 60px;
	/padding: 70px 30px 30px;
	/width: 340px !important;
}
#locality h3{
	font-size: 2em;
	line-height: 1;
	text-align: center;
	margin-bottom: 14px;
}
.domesticText{
	display: table-cell;
	width: 452px;
	height: 256px;
	text-align: left;
	vertical-align: middle;
	color: #ae3e20;
}
.importedText p,
.domesticText p{
	color: #333;
}
.importedText{
	display: table-cell;
	width: 452px;
	height: 256px;
	text-align: left;
	vertical-align: middle;
	color: #276c9c;
}
.forestText{
	display: table-cell;
	width: 452px;
	height: 256px;
	text-align: left;
	vertical-align: middle;
	color: #277c49;
	padding:0 65px;
}
.forestText p{
	color: #333;
}


#localityArea{
	text-align: center;
}
/* clearFix ===== #localityArea */
#localityArea{ /zoom : 1; }
#localityArea:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */

#localityArea h4{
	clear: both;
	display: inline-block;
	font-size: 2em;
	color: #fff;
	margin: 90px 0 40px 0;
	padding: 4px 15px 4px 10px;
	border-radius: 8px;
	behavior: url(/common/style/PIE.htc);
	background: #3f362f;
	/display: block;
	/width: 300px;
	/margin: 90px auto 40px auto;

}
#localityArea h5{
	font-size: 1.5em;
	color: #3f362f;
	margin-bottom: 5px;
}
#imported{
	width: 960px;
	margin: 0 auto;
}
#imported .contentsText{
	height: auto;
	text-align: center;
	color: #3f362f;
	padding-top: 20px;
}
#imported .contentsText span{
	font-size: 1.231em;
	padding: 5px 0 2px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
#imported .contentsText p{
	margin-top: 13px;

}
/* clearFix ===== #shinkiba */
#shinkiba{ /zoom : 1; }
#shinkiba:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#shinkiba .contentsText{
	clear: both;
	width: 960px;
	margin: 40px auto 0 auto;
	text-align: center;
}
#shinkibaPhoto{
	width: 960px;
	margin: 60px auto 0 auto;
}
#shinkibaPhoto .leftColumn p{
	width: 612px;
	margin-left: -140px;
	text-align: center;
}
#shinkibaPhoto .rightColumn p{
	width: 612px;
	margin-left: -20px;
	text-align: center;
}

/*
-------------------- Role Flow Page Contents
*/
#roleFlowContents{
	margin:100px auto 0;
	width:960px;
}
#roleFlowContents article:first-child{
	margin-top: 0px;
	 border-top: 1px solid #e6e6e6;
}
.widthWideColumn{
	width: 100%;
	padding: 80px 0;
	background: #fff;
}

#roleFlow #localSlideNavi ul li {
	width:238px;
}

#roleMakeContents{
	margin:100px auto 0;
	width:960px;
}
#roleMakeContents article:first-child{
	margin-top: 0px;
	 border-top: 1px solid #e6e6e6;
}
#roleMake #localSlideNavi ul li {
	width:150px;
}

#col4Flow{
	width:830px;
}
#col4Flow #localSlideNavi ul li {
	width:276px;
	margin-bottom:10px;
}
#col4Flow #localSlideNavi ul li .flowName {
	padding:7px 20px;
	text-align:left;
	line-height:1.3;
	font-weight:normal;
}
#col4Flow #localSlideNavi .flowAllow1 {
    top: 85px;
}



/* clearFix ===== .widthWideColumn */
.widthWideColumn{ /zoom : 1; }
.widthWideColumn:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
.widthWideColumn > div{
	float: left;
	width: 465px;
	height:auto !important;/*0528*/
}
.widthWideColumnText{
	position: relative;
	text-align: center;
}
.widthWideColumnText > div{
	text-align: center;
	margin-top:0 !important;/*0528*/
}
.widthWideColumnText > div > div.textAlignLeft{
	margin: 0 auto;
	text-align: left;
}
.widthWideColumnText h2{
	font-weight: normal;
	padding-bottom: 10px;
}
/* clearFix ===== .widthWideColumnText h2 */
.widthWideColumnText h2{ /zoom : 1; }
.widthWideColumnText h2:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
.widthWideColumnText h2 span{
	float: left;
}
.creatures .widthWideColumnText h2{
	width: 65%!important;
	margin: 0 auto!important;
	text-align: center!important;
}
h2.textGreen{
	color: #3c7f33 !important;
}
h3.textGreen{
	color: #3c7f33 !important;
}
h4.textGreen{
	color: #3c7f33 !important;
}
.widthWideColumnText h2.localNaviFlow01{
	color: #a64454 !important;
}
.widthWideColumnText h2.localNaviFlow02{
	color: #7a4da0 !important;
}
.widthWideColumnText h2.localNaviFlow03{
	color: #276c9c !important;
}
.widthWideColumnText h2.localNaviFlow04{
	color: #218278 !important;
}
.widthWideColumnText h2.localNaviFlow05{
	color: #3c7f33 !important;
}
.widthWideColumnText h2.localNaviFlow06{
	color: #85822d !important;
}
.widthWideColumnText h2 span.contentsNumber{
	display: inline-block;
	width: 48px;
	height: auto;
	min-height: 48px;
	font-size: 1.071em;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
	margin-right: 8px;
	position:relative;
}

.widthWideColumnText h2.textGreen span.contentsNumber{
	background: #3c7f33;
}
.widthWideColumnText h2.localNaviFlow01 span.contentsNumber{
	background: #a64454;
}
.widthWideColumnText h2.localNaviFlow02 span.contentsNumber{
	background: #7a4da0;
}
.widthWideColumnText h2.localNaviFlow03 span.contentsNumber{
	background: #276c9c;
}
.widthWideColumnText h2.localNaviFlow04 span.contentsNumber{
	background: #218278;
}
.widthWideColumnText h2.localNaviFlow05 span.contentsNumber{
	background: #3c7f33;
}
.widthWideColumnText h2.localNaviFlow06 span.contentsNumber{
	background: #85822d;
}

.widthWideColumnText p{
	clear: both;
	margin-top: 20px;
}
.widthWideColumnPhoto p img{
	height: auto;
}
.widthWideColumnVerticalPhoto p img{
	width: 63%;
	height: auto;
	margin-left: 15%;
}
.widthWideColumnVerticalPhotoRight p img{
	width: 63%;
	height: auto;
	margin-left: 22%;
}
.widthWideColumn > div:first-child{
	margin-right:25px;
}
.widthWideColumn .flowMovie{
	height:310px;
	background-color:#000;
	z-index:999;
}
#teachMeMovieArea .flowMovie,
.teachMeMovieArea .flowMovie,
#flowContents .flowMovie{
	background-color:#000;
	height:310px;
	z-index:999;
}
.movieBox{
	height:260px !important;
}
#backgroundTreeArea{
	position: absolute;
	top: 600px;
	width: 100%;
	height: 2000px;
	background: #f0f0f0;
	z-index: -1;
}
#backgroundTreeArea02{
	position: absolute;
	top: 1300px;
	width: 100%;
	height: 2000px;
	background: #f0f0f0;
	z-index: -1;
}
#backgroundTreeArea03{
	position: absolute;
	top: 2300px;
	width: 100%;
	height: 2000px;
	background: #f0f0f0;
	z-index: -1;
}
#backgroundTree{
	width: 1200px;
	margin: 0 auto;
}
#roleFlow #pageContents #scrollTree{
	height: 2000px;
}


/*
-------------------- Flow Page Contents
*/
#workFlow #pageContents{
	background: #f0f0f0;
}
#pageContents > div#flowContents{
	position: relative;
	width: 960px;
	height: 3514px;
	margin: 0 auto 100px;
}
#pageContents figure{
	float: left;
	width: 450px;
}
#pageContents figcaption{
	position: relative;
	width: 100%;
	height: 90px;
	color: #fff;
	text-align: center;
}
#pageContents figcaption div{
	display: inline-block;
}
#pageContents figcaption span.contentsNumber{
	position:relative;
	display: inline-block;
	float: left;
	width: 48px;
	height: auto;
	min-height: 48px;
	font-size: 1.692em;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
	margin-top: 21px;
}
.contentsTitle{
	position: relative;
	overflow:hidden;
	/padding-left:10px;
}
.contentsTitle .contentsTitleWord{
	float: left;
	font-size: 2.333em;
	margin-top: 10px;
	padding-left: 8px;
}
.contentsTitle .ruby{
	float: left;
	font-size: 1.444em;
	font-weight: bold;
	margin-left: 8px;
	margin-top: 25px;
}
#pageContents .blue figcaption{
	background: #549fd4;
	height:auto;
}
#pageContents .blue figcaption span.contentsNumber{
	background: #276c9c;
}
#pageContents .red figcaption{
	background: #d6697b;
	height:auto;
}
#pageContents .red figcaption span.contentsNumber{
	background: #a64454;
}
#pageContents .purple figcaption{
	background: #a477cb;
	height:auto;
}
#pageContents .purple figcaption span.contentsNumber{
	background: #7a4da0;
}
#pageContents .mint figcaption{
	background: #62b9b0;
	height:auto;
}
#pageContents .mint figcaption span.contentsNumber{
	background: #218278;
}
#pageContents .green figcaption{
	background: #5fae54;
	height:auto;
}
#pageContents .green figcaption span.contentsNumber{
	background: #3c7f33;
}
#pageContents .yellow figcaption{
	background: #b9b553;
	height:auto;
}
#pageContents .yellow figcaption span.contentsNumber{
	background: #85822d;
}
#pageContents .orange figcaption{
	background: #c69459;
	height:auto;
}
#pageContents .orange figcaption span.contentsNumber{
	background: #a36924;
}
#pageContents .orangeRed figcaption{
	background: #cf7057;
	height:auto;
}
#pageContents .orangeRed figcaption span.contentsNumber{
	background: #ae3e20;
}


#flow01{
	position: absolute;
	top: 180px;
	left: 0px;
}
#flow02{
	position: absolute;
	top: 365px;
	left: 510px;
}
#flow03{
	position: absolute;
	top: 953px;
	left: 0px;
}
#flow04{
	position: absolute;
	top: 1070px;
	left: 510px;
}
#flow05{
	position: absolute;
	top: 1300px;
	left: 0px;
}
#flow06{
	position: absolute;
	top: 1957px;
	left: 510px;
}
#flow07{
	position: absolute;
	top: 2520px;
	left: 0px;
}
#flow08{
	position: absolute;
	top: 2667px;
	left: 510px;
}
#flow02 .flow02 .point{
	margin-bottom:144px !important;
}
#flow03 .flow03{
	padding-bottom:160px !important;
}
#flow06 .flow06{
	padding-bottom:84px !important;
}
#flow08 .flow08{
	padding-bottom:78px !important;
}
.flowMovie{
	position: relative;
}
.playCover{
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 300px;
	background: #000;
	opacity: 0.4;
}
.flowMovie span{
	z-index: 100;
	margin: 0 auto;
}

#flowContents .contentsText{
	padding: 10px 30px 30px 30px;
	background: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#flowContents .contentsText p{
	margin-top: 10px;
}
#flowContents .contentsText .supplement{
	margin-top: 10px;
	font-size: 1.231em;
	line-height: 1.7;
	color: #8a782d;
}
#flowContents .sfont +span{
	font-size:0.967em;
	margin-top:32px;
}
#flowContents #flow07 .interview,
#flowContents #flow08 .interview{
	line-height:120%;
}
#teachMeContents .title{
	font-size: 1.5em;
	margin-top:-10px;
	color:#008917;
}
/*
-------------------- Flow Page Contents （Teach Me）
*/
#teachMeArea{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#teachMeContents{
	width: 960px;
	margin: 0 auto;
}
#teachMeTitle{
	float: left;
	width: 320px;
	text-align: center;
	padding: 210px 0 0 0;
}
#teachMeContents figure{
	margin-top: 20px;
}
#teachMeContents figure img{
	position:relative;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
}
#teachMeContents figure figcaption{
	margin-top: 10px;
}
#teacherName{font-size:1.8em !important;}
.teacherName{font-size:1.5em !important;}
.teacherName,
#teacherName{
	font-weight: bold;
	color: #3f362f;
}
.teacherName span,
#teacherName span{
	position:static !important;
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
}
.teacherNameFurigana,
#teacherNameFurigana{
	font-size: 0.923em;
}
#teachMeMovieArea,
.teachMeMovieArea{
	position: relative;
	float: right;
	margin-top: 100px;
	margin-bottom: 20px;
}
#teachMeMovieArea span,
.teachMeMovieArea span{
}
#teachMeMovieArea .playCover,
.teachMeMovieArea .playCover{
	width: 510px;
	height: 380px;
	border-radius: 8px;
	behavior: url(/common/style/PIE.htc);
}
#teachMeMovie img{
	border-radius: 10px;
	behavior: url(/common/style/PIE.htc);
}
.teachMeBox{
	width:960px;
	overflow:hidden;
	margin-bottom:20px;
}
.teachMeBox .left{
	float:left !important;
	margin:0 !important;
	padding:0 !important;
}
.teachMeBox .right{
	float:right !important;
	margin:0 !important;
	padding:0 !important;
}

/*
-------------------- Forest Page Contents
*/
#pageContents .Box3-1{
	position:relative;
	width:960px;
	height:1050px;
	margin:50px auto 0;
	text-align:center;
}
#pageContents .graph{
	position:absolute;
	right:0;
	z-index:2;
}
#pageContents .map{
	position:absolute;
	top:270px;
	left:0;
	z-index:1;
	text-align:right;
	line-height:2.5;
}
#pageContents .map span{
	font-size:1.154em;
}

#pageContents .Box3-1 p{
	max-width: 470px;
	position:absolute;
	left:110px;
	padding-top:60px;
	z-index:99;
}
.forest_list dl{
	width:755px;
	overflow:hidden;
	font-size:1.25em;
	text-align:left;
	margin:30px auto 20px;
}

.forest_list dt{
	float:left;
	padding:10px 0;
	width:160px;
	color:#19703c;
	font-weight:bold;
	font-size:1.5em;
}
.forest_list dd{
	border-left: 3px solid #19703c;
	padding:10px 0 10px 40px;
	float:left;
	width:540px;
}

.forest_list .tennen dt{
	color:#51946c;
}
.forest_list .tennen dd{
	border-left: 3px solid #51946c;
}
/*
-------------------- Teach Me Background Circle
*/
#circlePlayArea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:0;
}
#circlePlayArea > div{
	position: relative;
	width: 1200px;
	height: 748px;
	margin: 0 auto;
	z-index: 0;
}
.circle10{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
}
.circle15{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
}
.circle20{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	behavior: url(/common/style/PIE.htc);
}
.blueCircle{
	background: #c8e9eb;
}
.greenCircle{
	background: #aadda3;
}
.yellowCircle{
	background: #e1e09a;
}
.redCircle{
	background: #f5e0f5;
}
.orangeCircle{
	background: #f2e0ce;
}
#circlePlayArea > div > span{
	position: absolute;
	z-index: -1;
}
#blueCircle10{
	top: 325px;
	left: 155px;
}
#blueCircle15{
	top: 430px;
	left: 387px;
}
#blueCircle20{
	top: 65px;
	left: 1095px;
}
#greenCircle10{
	top: 55px;
	left: 435px;
}
#greenCircle15{
	top: 230px;
	left: 53px;
}
#greenCircle20{
	top: 250px;
	left: 1155px;
}
#yellowCircle10{
	top: 735px;
	left: 90px;
}
#yellowCircle15{
	top: 135px;
	left: 535px;
}
#yellowCircle20{
	top: 845px;
	left: 910px;
}
#redCircle10{
	top: 35px;
	left: 1005px;
}
#redCircle15{
	top: 465px;
	left: 1080px;
}
#redCircle20{
	top: 365px;
	left: 425px;
}
#orangeCircle10{
	top: 670px;
	left: 1110px;
}
#orangeCircle15{
	top: 710px;
	left: 575px;
}
#orangeCircle20{
	top: 530px;
	left: 60px;
}

rt{
	font-size: 0.5em;
	padding-bottom: 4px;//Firefox用
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	rt:not(:target) {
		font-size: 0.5em;
	}
}

.creatures > h2{
	padding-top: 60px;
	border-top: 1px solid #e6e6e6;
}

/*
================================================== Footer
*/
footer{
	margin-top: 64px;
}

/*
-------------------- #pagetop
*/
#pagetop{
	clear: both;
	width: 100%;
	margin-top: 64px;

}
#pagetop p{
	width: 960px;
	margin: 0 auto 30px;
	padding-top: 22px;
	text-align:right;
}
#pagetop p a{
	display: inline;
	clear: both;
	padding-left: 17px;
	background: url(../../images/arrow-top.gif) 0 center no-repeat;
	border-bottom: 1px solid #999;
	color:#333;
}
#pagetop p a:hover{
	border-bottom: 1px solid #fff;
}

#pagetop p span{
	font-weight: bold;
}

/*
-------------------- #topicPath
*/
#topicPath{
	clear: both;
	width: 100%;
	height: 60px;
	background: #322a24;
}
#topicPath p{
	width: 960px;
	margin: 0 auto;
	padding-top: 22px;
	font-size: 0.923em;
	line-height: 1.4;
	color: #fff;
}
#topicPath p a{
	color: #fff;
	border-bottom: 1px solid #fff;
}
#topicPath p a:hover{
	border-bottom: none;
}
#topicPath p span{
	font-weight: bold;
}

/*
-------------------- #footerNavi
*/
#footerNavi{
	position: relative;
	width: 100%;
	min-height: 300px;
/*	min-height: 400px;*/
	width:expression(document.body.clientWidth < 402? "400px" : "auto");
	background: #3f362f;
	padding-top: 40px;
}
#footerNavi > ul{
	width: 960px;
	margin: 0 auto;
	background: #3f362f;
}
/* clearFix ===== #footerNavi > ul */
#footerNavi > ul{ /zoom : 1; }
#footerNavi > ul:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */
#footerNavi li{
}
#footerNavi > ul > li{
	display: inline-block;
	float: left;
	width: 180px;
	margin-left: 10px;
/*	width: 198px;
	margin-left: 56px;*/
}
#footerNavi > ul > li > ul{
	margin-top: 15px;
}
#footerNavi > ul > li:first-child{
	margin-left: 0px;
}
#footerNavi > ul > li:nth-child(2){
	width: 135px;
}
#footerNavi > ul > li:nth-child(3){
	width: 160px;
}
#footerNavi > ul > li:nth-child(4){
	width: 210px;
}
#footerNavi > ul > li:nth-child(5){
	width: 230px;
}
#footerNavi ul li ul li{
	line-height: 1.4;
	margin-bottom: 9px;
}
#footerNavi > ul > li > a, #footerNavi ul li ul li a span{
	font-weight: bold;
}
#footerNavi ul li ul li a span{
	padding-right: 10px;
}
#footerNavi li a{
	color: #fff;
	border-bottom: 3px double #3f362f;
}
#footerNavi li a:hover{
	border-bottom: 3px double #a39387;
}

#metroFooter{
	position: relative;
	margin: 30px 0;
}
#metroFooter nav{
	margin: auto;
	width: 960px;
}
#metroFooter nav ul{
	text-align: center;
}
/* clearFix ===== #metroFooter nav */
#metroFooter nav{ /zoom : 1; }
#metroFooter nav:after{ content : ''; display : block; clear : both; height:0; }
/* ===== */

#metroFooter nav ul li{
	display: inline;
	font-size: 1.077em;
	line-height: 1.4;
	margin: 0 20px;
}
#metroFooter nav ul li a{
	color: #3f362f;
	border-bottom: 1px solid #fff;
}
#metroFooter nav ul li a:hover{
	border-bottom: 1px solid #a39387;
}
#metroFooter div{
	clear: both;
}
#metroFooter address{
	font-size: 0.923em;
	line-height: 1.8;
	text-align: center;
	color: #3f362f;
	margin-top: 30px;
}
#metroFooter addres div p{

}
#metroFooter address img{
	margin-bottom: 20px;
}
.metoroName{
	font-size: 1.385em;
	font-weight: bold;
	margin-bottom: 5px;
}
.supplementText{
	font-size: 0.923em;
}
#footerNavi > div{
	position: absolute;
	width: 100%;
	bottom: 20px;
}
#teachersLink{
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
#teachersLink a{
	font-size: 1.077em;
	color: #fff;
	border-bottom: 3px double #a39387;
}
#teachersLink a:hover{
	border-bottom: 3px double #3f362f;
}
.marginTop40pxBottom40px{
	margin-top: 40px!important;
	margin-bottom: 40px!important;
}

.marginTop10px{
	margin-top: 10px!important;
}
.marginTop20px{
	margin-top: 20px!important;
}
.marginTop35px{
	margin-top: 35px!important;
}
.marginTop40px{
	margin-top: 40px!important;
}
.marginTop50px{
	margin-top: 50px!important;
}
.marginTop51px{
	margin-top: 51px!important;
}
.marginTop55px{
	margin-top: 55px!important;
}
.marginTop60px{
	margin-top: 60px!important;
}
.marginTop80px{
	margin-top: 80px!important;
}
.marginTop90px{
	margin-top: 90px!important;
}
.marginTop100px{
	margin-top: 100px!important;
}
.marginTop110px{
	margin-top: 110px!important;
}
.marginTop140px{
	margin-top: 140px!important;
}
.marginTop150px{
	margin-top: 150px!important;
}
.marginTop160px{
	margin-top: 160px!important;
}
.marginTop200px{
	margin-top: 200px!important;
}
.marginTop240px{
	margin-top: 240px!important;
}

.marginLeft127px{
	margin-left: 127px!important;
}

.marginLeft100px{
	margin-left: 100px!important;
}
.marginBottom10px{
	margin-bottom: 10px!important;
}
.marginBottom20px{
	margin-bottom: 20px!important;
}
.marginBottom40px{
	margin-bottom: 40px!important;
}
.marginBottom60px{
	margin-bottom: 60px!important;
}
.marginBottom80px{
	margin-bottom: 80px!important;
}


.marginTop_20px{
	margin-top: -20px!important;
}
.marginTop_30px{
	margin-top: -20px!important;
}
.marginTop_64px{
	margin-top: -64px!important;
}

.marginLeft_30px{
	margin-left: -30px!important;
}
.marginLeft_56px{
	margin-left: -56px!important;
}
.marginLeft_70px{
	margin-left: -70px!important;
}
.marginLeft_100px{
	margin-left: -100px!important;
}
.marginLeft_120px{
	margin-left: -120px!important;
}
.marginLeft_140px{
	margin-left: -140px!important;
}
.marginLeft_190px{
	margin-left: -190px!important;
}
.marginLeft_268px{
	margin-left: -268px!important;
}

.sfont{
	font-size:1.667em !important;
	margin-top:23px !important;
}
.mfont{
	font-size:1.1em !important;
	color:#666;
}
h2 span.sfont{
	font-size:80% !important;
	font-weight:normal;
}
.fsmall{
	font-size:0.846em;
	color:#666;
}
.lineTop{
	border-top:solid 1px #ddd;
}
.imageBox{
	width:960px;
	margin:60px auto;
	overflow:hidden;
}
.imageBox li{
	float:left;
	margin:0 5px;
	text-align:center;
}
.imageBox li img{
	display:block;
}
.imageBox li span{
	font-size:1.2em;
}
/*3-6 tab*/
#tabBox{
	width:100%;
	margin:0 auto;
}
#tab{
	width:100%;
	text-align:center;
	margin:0 auto;
	border-bottom: solid 1px #ccc;
}
ul.tab{
	padding:0;
	overflow: hidden;
	width: 800px;
	margin:0 auto;
}
ul.tab li{
	list-style-type:none;
	width: 400px;
	height:60px;
	float:left;
	margin: 0 auto;
}
ul.tab li a{
	outline:none;
	background-color:#ddd;
	display:block;
	color:blue;
	line-height:60px;
	text-align:center;
	font-size:1.4em;
	color:#333;
	margin-right:2px;
	border-radius: 10px 10px 0 0;
	behavior: url(/common/style/PIE.htc);

}
ul.tab li a:hover{
	background-color:#ccc;
}
ul.tab li a.selected{
	background-color:#b98d22;
	text-decoration:none;
	color:#fff;
	cursor:default;
}
ul.pannel{
	clear:both;
	border:0px solid #9FB7D4;
	border-top:none;
	padding:0;
}
ul.pannel li{
	list-style-type:none;
	padding:10px;
	text-indent:1em;
	color:#333;
}
.indentNone{
	text-indent: 0 !important;
}

#tabBox article{
	padding: 20px 0 20px 0 !important;

}
.contentsImageBox{
	width:960px;
	margin:0 auto 30px;
	overflow:hidden;
}
.contentsImageBox .leftColumn{
	float:left !important;
	width:545px !important;
}
.contentsImageBox .rightColumn{
	float:right !important;
	width:380px !important;
}
/*
---------------------------------- #Footer info
*/
.infoBox{
	width:960px;
	margin:-10px auto 0;
	text-align:left;
}
.infoBox h2{
	display: table-cell;
	width: 960px;
	margin: 0 auto;
	height: 90px;
	font-size: 2.462em;
	vertical-align: middle;
	font-weight: normal !important;
	color: #3f362f;
}
.infoBox h3:first-child{
	margin-top:0 !important;
}
.infoBox h3{
	font-size:1.538em !important;
	margin:25px auto 10px;
}
.infoBox h4 {
	margin: 25px 0 10px 0;
	padding: 1px 0 1px 12px;
	background: #ededed;
	font-weight: normal !important;
	font-size: 1.385em !important;
}
.infoBox h5 {
	margin: 25px 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #777;
	font-weight: normal !important;
	font-size: 1.231em !important;
}
.infoBox p{
	margin-bottom: 25px !important;
	font-size: 1.154em !important;
}

/*
---------------------------------- ニュース個別
*/

.newsPhoto {
  clear: both;
  margin: 0 0 0 1.8em;
}

.newsPhoto .imgLeft,
.newsPhoto .imgRight {
  float: left;
  text-align: center;
  margin-bottom: 0.5em;
}

.newsPhoto .imgLeft {
  clear: both;
  margin-right: 1em;
}

.newsPhoto .imgLeft p,
.newsPhoto .imgRight p {
  border: 1px solid #aaa;
  padding: 4px;
  margin-top: 4px;
  box-sizing: border-box;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

/* コンテンストページ用に追加 */
.avoidPageBreak {
	page-break-inside: avoid;
}

.borderTable {
	border-collapse: collapse;
	margin: 25px 0;
	width: 100%;
}
.borderTable th, .borderTable td {
	border: 1px solid #000;
	padding: 5px;
}
.borderTable th {
	vertical-align: top;
}

.imgItem {
	page-break-inside: avoid;
}
.imgItem img {
	max-width: 100%;
}
.imgItem p {
	margin-bottom: 1em !important;
	font-size: 1em !important;
}
.imgItem > h4, .imgItem > h5 {
	margin: 25px 0 15px 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #777;
	font-weight: normal !important;
	font-size: 1.231em !important;
}
.imgItem__creator {
	width: 
	margin: 1em 0;
	font-size: 1.2em;
}
.imgItem.imgItem-large {
	margin-bottom: 50px;
}
.imgItem.imgItem-medium {
	margin-bottom: 30px;
}
.imgItem.imgItem-medium img {
	float: left;
	width: 100%;
	height: auto;
}
.imgItem.imgItem-small {
	float: left;
	width: 460px;
	margin: 0 10px 15px;
}
.imgItem.imgItem-small .imgItem__creator, .imgItem.imgItem-tiny .imgItem__creator {
	margin-top: 0;
}
.imgItem.imgItem-tiny {
	float: left;
	width: 300px;
	margin: 0 10px 15px;
}


.f_left { float: left;}
.f_right { float: right;}

.txt_left { text-align:  left;}
.txt_center { text-align:  center;}

.txt_right { text-align:  right;}


.cl_left { clear: left;}
.cl_right { clear: right;}
.clear, .cl_both { clear: both;}

.lh110 { line-height: 1.1em;}

.block { display: block;}
.pd10 { padding: 10px;}
.pd20_10 { padding: 20px 10px;}
.pd25_10 { padding: 25px 10px;}
.pd30_10 { padding: 30px 10px;}
.pd35_10 { padding: 35px 10px;}

.pd10_5 { padding: 10px 5px;}
.pd10_5_0 { padding: 10px 5px 0 ;}
.pd0_5_10 { padding: 0px 5px 10px ;}


/*タイトル文字数が多いとき等*/

.txt_150 { font-size: 150%;}
.txt_120 { font-size: 120%;}
.txt_110 { font-size: 110%;}

.txt_90 { font-size: 90%;}
.txt_80 { font-size: 80%;}
.txt_70 { font-size: 70%;}
.txt_60 { font-size: 60%;}

.nowap { white-space:  nowrap !important;}


/* ページネーション */

ul.pagination {
	display: inline-block;
	padding: 0;
	margin: 20px 0 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
	font-size: 120%;
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	margin: 0 4px;
	border-radius: 5px;
}

ul.pagination li a.active {
	background-color: #3c7f33;
	color: white;
	border: 1px solid #3c7f33;
	border-radius: 5px;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}


/*5-2 ティーチャーズガイド ギャラリー */

.gallery5-2 {
	margin-top: 10px;
}
.gallery5-2 a {
	margin: 0 10px 15px 0;
}
.gallery5-2 a:hover img {
	opacity: 0.6;
}
.gallery5-2 a img {
	object-fit: cover;
	width: 175px;
	height: 175px;
	background-color: #ccc;
	border: 1px solid #ccc;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


/*2019.12.25 追加 */
.imgItem.imgItem-medium .concours_img {
	padding-bottom: 1.5em;
	margin-right: 1em;
	float: left;
	width: 500px;
	text-align: center;
}
.imgItem.imgItem-medium .concours_img img {
	float: none;
	clear: both;
	width: auto;
	height: auto;
}

/*2022.02 レスポンシブ対応*/
#categoryList_sp {
	display: none;
}
.sp-only {
	display: none;
}
.pc-only {
	display: block;
}
#categoryIndexList ul li.teacher1st {
	margin-left: 127px;
}
.teacher5-4 {
	width: 820px;
}
@media screen and (max-width: 768px) {
body {
	width: 100%;
	margin: 0;
	overflow-x: hidden;
	overflow-y: visible;
}
header,
#topPage header{
	height:auto;
	min-height: 0;
}

body #c-header #titleLogo {
	display: none;
}
#c-header #globalNavi {
	display: none;
}
#imgPhotoSet img{
	min-width: 0;
}
#categoryList {
	display: none;
}
#categoryList_sp {
	display: block;
	width: 100%;
	height: auto;
}
#category01_sp,
#category02_sp,
#category03_sp,
#category04_sp,
#category05_sp {
	position: relative;
	top: none;
	left: none;
	margin-top: 25px;
	margin-bottom: 25px;
}
#topTextArea {
	width: 100%;
	height: auto;
}
#topTextArea #scrollTree {
	display: none;
}
#topTextArea article {
	width: 100%;
	height: auto;
	top: 0;
	margin: 50px 0;
}
#scrollTree {
	display: none;
}
#newsBox {
	width: 100%;
	margin-top: 25px;
}
#newsBox h2 {
	margin-bottom: 25px;
}
#newsBox dl{
	width:90%;
	margin: 0 5%;
}
#newsBox dt{
	width: 100%;
	clear: both;
	padding-top: 10px;
}
#newsBox dd{
	clear: both;
	width: calc(100% - 1em);
	font-size: 90%;
	padding-bottom: 10px;
	padding-left: 1em;
}
#newsBox dd a {
	display: inline;
}
#categoryIndexText article{
	width: 100%;
	margin: 0 auto;
}
#categoryIndexText article h1 {
	font-size: 2em;
}
.leadText {
	font-size: 1.2em;
}
#categoryIndexList{
	width: 100%;
	margin: 70px auto 0 auto;
}
#categoryIndexList ul li#categoryIndexListItem06{
	margin-left: auto;
}
#categoryIndexListItem03{
	margin-left: auto;
}
#categoryIndexListItem01{
	margin-left: auto;
}
#categoryIndexList ul li{
	position: relative;
	width: 100%;
	float: none;
	clear: both;
	margin: 0 auto 20px;
	text-align: center;
}
#categoryIndexList ul li a {
	width: 70%;
}
#categoryIndexList ul li figure img {
	width: 100%;
	height: auto;
}
#categoryIndexList ul li figure figcaption {
	top: auto;
	bottom: calc(1.6em + 19px);
}
.widthWideColumn .flowMovie,
#teachMeMovieArea .flowMovie,
.teachMeMovieArea .flowMovie,
#flowContents .flowMovie,
#indexMovie .flowMovie {
	width: 100%;
	height: auto;
	margin-bottom:50px;
}
.widthWideColumn .flowMovie video,
#teachMeMovieArea .flowMovie video,
.teachMeMovieArea .flowMovie video,
#flowContents .flowMovie video,
#indexMovie .flowMovie video {
	width: 100%;
	height: auto;
}
#quizSet{
	right: 5%;
	bottom: -200px;
	width: 20%;
	height: 40%;
	z-index: 100;
}
#quizSet > p{
	position: relative;
	width: 100%;
	height: 100%;
}
#quizContents h2 {
	font-size: 1.6em;
}
#quizContents ul{
	text-align: left;
}
#quizContents ul li {
	display: block;
	font-size: 1.3em;
}
#quizCheckButton, #quizDetailButton {
	font-size: 1.1em;
}
#quizCorrect img,
#quizMiss img {
	width: 100%;
	height: 100%;
}
#quizCorrect,#quizMiss {
	width: 80%;
	margin: -40% auto auto;
	top: -100%;
	left: 10%;
}
#quizAnswerDetail > div {
	width: 100%!important;
}
#quizAnswerDetail h3 {
	width: 90%;
	margin-left: 10%;
	margin-bottom: 1em;
	text-align: left;
}
#quizAnswerDetail h3 span#answerMark {
	margin-top: 100px;
}
#quizAnswerDetail h3 span#answerTitle {
	font-size: 1.1em;
}
#quizAnswerDetail h3 span {
	float: none;
	display: inline-block;
}
#quizAnswerDetail p {
	margin: 0 1em;
	font-size: 0.85em;
	text-align: left;
}
#quizAnswerDetail div img {
	width: 100%;
	height: auto;
}

#topicPath {
	height: auto;
}
#topicPath p{
	width: calc(100% - 20px);
	padding-left: 20px;
	padding-bottom: 22px;
}
#c-footer #footerNavi {
	width: 100%;
	min-height: 0;
	padding-top: 0;
}
#footerNavi > ul{
	width: 100%;
}
#footerNavi > ul > li{
	float: none;
	clear: both;
	margin: 15px 0 0;
	padding-bottom: 13px;
	border-bottom: solid 1px #fff;
	overflow-x: hidden;
}
#footerNavi > ul > li:first-child,
#footerNavi > ul > li:nth-child(2),
#footerNavi > ul > li:nth-child(3),
#footerNavi > ul > li:nth-child(4),
#footerNavi > ul > li:nth-child(5) {
	width: 100%;
}
#footerNavi > ul > li a{
	padding-left: 20px;
}
#footerNavi ul li ul {
	display: none;
}
#metroFooter nav{
	width: 100%;
}
#pagetop p {
	width: 100%;
}
#topicPath p{
	width: calc(100% - 40px);
	padding-right: 20px;
}
.sp-only {
	display: block;
}
.pc-only {
	display: none;
}
#pageTitle{
	width: 90%;
  margin: 0 5%;
}
#pageTitle p,
#pageTitle h1{
	display: table-cell;
	width: 100%;
}
.infoBox{
	width:90%;
	margin:-10px 5% 0;
}
.infoBox h2{
	width: 100%;
}
.newsPhoto {
  width: calc(100% - 40px);
  margin: 0 20px;
}
.newsPhoto .imgLeft,
.newsPhoto .imgRight {
  clear: both;
	margin: 0 0 0.5em;
}
.newsPhoto img {
	width: 100%;
	height: auto;
}
.textIndent {
	word-break: break-all;
}
.textIndent img {
	width: 100%;
	height: auto;
}
.imgItem.imgItem-medium .concours_img {
	float: none;
	clear: both;
	width: calc(100% - 40px);
	margin: 0 20px 0.5em;
}
.imgItem.imgItem-medium .concours_img img {
	float: none;
	width: 100%;
	height: auto;
}
.imgItem.imgItem-medium img {
	float: none;
	clear: both;
}
.imgItem.imgItem-small {
	width: auto;
}
.column {
	display: flex;
	flex-direction: column;
	width: calc(100% - 20px);
	margin: 20px 10px 0;
}
.column .col_head {
	order: 1;
}
.column .col_head h3 {
	text-align: center;
}
.column .col_body {
	order: 2;
}
.column p img{
	width: 100%;
	height: auto;
}
.leftColumn{
	float: none;
	clear: both;
	width: 100%;
}
.rightColumn{
	float: none;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
.leftColumn p img{
	width: 100%;
	height: auto;
}
.rightColumn p img{
	width: 100%;
	height: auto;
}
.leftColumn p span,
.rightColumn p span {
	display: block;
	text-align: center;
}
#pageContents article .imageIllust_Wide{
	width: calc(100% - 20px);
	margin: 0 auto;
}
#pageContents article .imageIllust_Wide img{
	width: 100%;
	height: auto;
}
.woodProcessing{
	display: flex;
	flex-direction: column;
	width: calc(100% - 20px);
	margin: 0 10px;
}
.woodProcessing .col_head {
	order: 1;
}
.woodProcessing .col_body {
	order: 2;
}
#locality{
	width: calc(100% - 20px);
	margin: 0 10px;
}
#imported{
	width: calc(100% - 20px);
	margin: 0 10px;
}
.triviaBox{
	padding:20px 10px;
	width: calc(100% - 30px);
}
.triviaBox p{
	font-size: 1.231em;
}
.triviaBox #shinkibaPhoto{
	width: calc(100% - 20px);
	margin: 30px 10px;
}
.triviaBox #shinkibaPhoto .leftColumn{
	width:100%;
}
.triviaBox #shinkibaPhoto .rightColumn{
	margin: 30px 0 0;
	width:100%;
}
.triviaBox #shinkibaPhoto p{
	width:100% !important;
	margin:0 !important;
}
.triviaBox #shinkibaPhoto p img {
	width: 100%;
	height: auto;
}
.plywoodText h3{
	margin: 30px 0 14px 0;
}
.laminatedlumberText h3{
	margin: 30px 0 14px 0;
}
.caption {
	text-align: center;
}
.source {
	text-align: center;
}
#roleFlowContents{
	margin:50px auto 0;
	width:100%;
}
#roleFlowContents article:first-child{
	margin-top: 0px;
}
.widthWideColumn{
	width: 100%;
	padding: 80px 0;
	background: #fff;
}
#localSlideNaviArea{
	position: relative;
	width: 100%;
}
#localSlideNavi {
	width: 100%;
}
#roleFlow #localSlideNavi ul li {
	width:45%;
	margin-bottom: 20px;
}
.widthWideColumn > div{
	float: none;
	clear: both;
	width: calc(100% - 20px);
	margin: 20px 10px 0;
}
.widthWideColumn > div:first-child{
	margin: 0 10px;
}
.widthWideColumn div {
	margin: 0 10px;
}
.widthWideColumnPhoto p img {
	width: 100%;
	height: auto;
}
#teachMeArea{
	position: relative;
	width: 100%;
	margin-top: 80px;
}
#teachMeContents{
	width: calc(100% - 20px);
	margin: 50px 10px 0;
}
#teachMeTitle{
	float: none;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0;
}
#teachMeContents .title {
	margin-top: 10px;
}
#teachMeMovieArea,
.teachMeMovieArea{
	position: relative;
	float: none;
	clear: both;
	margin-top: 20px;
}
#step01,#step02,#step03,#step04,#step05,#step06 {
	display: flex;
	flex-direction: column;
}
.widthWideColumnPhoto {
	order: 2;
}
.widthWideColumnText {
	order: 1;
}
#roleMake #localSlideNavi ul li {
	width:45%;
	margin-bottom: 20px;
}
#roleMakeContents{
	width: calc(100% - 20px);
	margin: 50px 10px 0;
}
#localSlideNavi ul.arrow {
	background: none;
}
#localSlideNavi ul li {
	margin-bottom: 20px;
}
#localNaviFlow09 {
	position: relative;
	left: 0;
	top: 20px;
}
#pageContents > div#flowContents {
	width: 100%;
	height: auto;
	margin: 0 auto 100px;
}
#pageContents figure {
	float: none;
	clear: both;
	width: 100%;
}
.movieBox {
	height: auto !important;
}
#flowContents #flow01 .flowMovie,
#flowContents #flow02 .flowMovie,
#flowContents #flow03 .flowMovie,
#flowContents #flow04 .flowMovie,
#flowContents #flow05 .flowMovie,
#flowContents #flow06 .flowMovie,
#flowContents #flow07 .flowMovie,
#flowContents #flow08 .flowMovie {
	margin-bottom: 0;
}
#flow01,
#flow02,
#flow03,
#flow04,
#flow05,
#flow06,
#flow07,
#flow08 {
	position: relative;
	top: 0;
	left:0;
}
#flow02 .flow02 .point {
	margin-bottom: 0 !important;
}
#flow03 .flow03 {
	padding-bottom: 30px !important;
}
#flow06 .flow06 {
	padding-bottom: 30px !important;
}
.teachMeBox {
	width: 100%;
}
#teachMeMovieArea .flowMovie,
.teachMeMovieArea .flowMovie {
	margin-top: 50px;
	margin-bottom: 0;
}
#circlePlayArea > div {
	width: 100%;
	height: auto;
}
.teachMeBox .left {
	float: none;
	clear: both;
}
#pageContents .Box3-1 {
	width: calc(100% - 20px);
	height: auto;
	margin: 50px 10px 0;
}
#pageContents .Box3-1 p {
	position: relative;
	width: 100%
	max-width: 100%;
	left: 0;
}
#pageContents .graph {
	position: relative;
}
#pageContents .graph img {
	width: 100%;
	height: auto;
}
#pageContents .map {
	position: relative;
	top: 0;
	text-align: center;
}
#pageContents .map img {
	width: 100%;
	height: auto;
}
.forest_list dl {
	width: calc(100% - 20px);
	margin: 30px 10px 20px;
}
.forest_list dt {
	float: none;
	clear: both;
}
.forest_list dd {
	float: none;
	clear: both;
	width: calc(100% - 60px);
}
.triviaBox .imgBox {
	float: none;
	clear: both;
	width: calc(100% - 20px);
	margin: 0 10px 20px;
}
.triviaBox .imgBox img {
	width: 100%;
	height: auto;
}
.triviaBox .imgBox span {
	text-align: center;
}
.triviaBox .leftColumn {
	width: 100%;
}
.triviaBox .rightColumn {
	width: 100%;
	margin: 0;
}
#historyBird {
	display: none;
}
.textAll {
	width: calc(100% - 20px);
	margin: 0 10px;
}
ul.tab {
	width: 100%;
	display: flex;
}
ul.tab li {
	width: 50%;
	height: auto;
}
ul.tab li a {
	line-height: 2.0;
	height: 100%;
}
ul.pannel li {
	text-indent: 0;
	padding: 10px 0;
}
.contentsImageBox .leftColumn {
	float: none !important;
	clear: both;
	width: 100% !important;
}
.contentsImageBox .leftColumn .txt_80 {
	font-size: 100%;
}
.contentsImageBox .rightColumn .txt_80 {
	font-size: 100%;
}
.contentsImageBox .leftColumn,.contentsImageBox .rightColumn {
	margin-bottom: 50px;
}
.contentsImageBox .leftColumn img,.contentsImageBox .rightColumn img {
	width: 100%;
	height: auto;
	margin: 0;
}
#locality .leftColumn, #locality .rightColumn {
	margin-bottom: 50px;
}
.imageBox {
	width: calc(100% - 20px);
	margin: 60px 10px;
}
.imageBox li {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 50px;
	text-align: center;
}
.imageBox li img {
	width: 100%;
	height: auto;
	margin: 0;
}
.contentsImageBox {
	width: calc(100% - 20px);
	margin: 0 10px 30px;
}
ul.movie_button:after{ content : ''; display : block; clear : both; height:0; }
ul.movie_button li a {
	display: block;
	float: left;
	width: 40%;
	font-size: 120%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 10px;
	color: #ffffff;
	background: #6699ff;
}
.tamaBox {
	width: calc(100% - 40px);
	margin: 30px 10px 30px;
	padding: 15px 10px;
	line-height: 1.8;
}
.tamaBox img {
	margin: 0 auto;
	padding: 0;
	display: block;
}
.marginLeft127px{
	margin-left: 0px;
}
#categoryIndexList ul li.teacher1st {
	margin-left: 0;
}
#col4Flow {
	width: 100%;
}
#col4Flow #localSlideNavi ul li {
	width: 100%;
}
#localSlideNavi .flowAllow1 {
	right: 15px;
}
.teacher5-4 {
	width: 100%;
}
}