@charset "utf-8";

/* =================================================================================================
   森記念財団／TOPページ（PC）
   http://www.mori-m-foundation.or.jp/
   Copyright (C) 2015 THE MORI MEMORIAL FOUNDATION. All Rights Reserved.
================================================================================================= */

h1{
	display:none;
}

/* 入口 */
#entrance{
	width:100%;
	margin:0 auto 60px;
	white-space:nowrap;
}

.jp_mode #entrance{
	margin:0 auto 20px;
}


#entrance li{
	width:50%;
	height:522px;
	display:inline-block;
	overflow:hidden;
}
*:first-child+html #entrance li{
	display:inline;
	zoom:1;
}


#entrance li a{
	display:block;
	text-decoration:none;
	color:#231815;
	text-align:center;
	position:relative;
	width:100%;
	height:522px;
}
#entrance li .text{
	position:absolute;
	top:375px;
	left:0px;
	width:100%;
	z-index:2;
	text-align:center;
	font-weight:normal;
	font-size:26px;
	line-height:120%;
	letter-spacing:2px;
	color:#fff;
}

#entrance li h2{
	display:block;
	position:absolute;
	top:410px;
	left:0px;
	width:100%;
	z-index:2;
	text-align:center;
	font-weight:normal;
	font-size:50px;
	line-height:90%;
	letter-spacing:5px;
	color:#fff;
}


.jp_mode #entrance li .text{
	top:335px;
}
.jp_mode #entrance li h2{
	top:370px;
}
.jp_mode #entrance li h3{
	display:block;
	position:absolute;
	top:480px;
	left:0px;
	width:100%;
	z-index:2;
	text-align:center;
	font-size:24px;
	line-height:120%;
	color:#fff;
	letter-spacing:5px;
}


#entrance li .bg{
	position:absolute;
	top:0px;
	left:0px;
}

#entrance .strategies .text,
#entrance .strategies h2,
#entrance .strategies h3{
	color:#000 !important;
}





/* ----------------------------------------------------------------------------
　旧メニュー
---------------------------------------------------------------------------- */

/* まち塾 */
.btn_box_now .btn_machi{
	text-align:right;
	padding-right:20px;
	font-size:14px;
	color:#000;
	margin-bottom:20px;
}
.btn_box_now .btn_machi a{
	padding:5px;
	color:#000;
}
.btn_box_now .btn_machi a:hover{
	color:#009999;
	background-color:#e4f3ed;
	
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}


/* About MMF */
.btn_box_now .btn_about a{
	display:block;
	width:396px;
	height:42px;
	padding-top:22px;
	border:1px solid #000;
	text-align:center;
	margin:0 auto;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	letter-spacing: 0.2em;
}
.btn_box_now .btn_about a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;
}



/* ----------------------------------------------------------------------------
　新メニュー
---------------------------------------------------------------------------- */
.btn_box{
	width:675px;
	height:65px;
	position:relative;
	margin:0 auto;
}


/* About MMF */
.btn_box .btn_about a{
	display:block;
	width:318px;
	height:40px;
	padding-top:20px;
	border:1px solid #000;
	text-align:center;
	margin:0 auto;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	letter-spacing: 0.2em;
	position:absolute;
	top:0px;
	left:0px;
}
.btn_box .btn_about a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;
}


/* まちライブラリー */
.btn_box .btn_machi a{
	display:block;
	width:213px;
	height:40px;
	padding-top:20px;
	padding-left:105px;
	border:1px solid #000;
	margin:0 auto;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	letter-spacing: 0.2em;
	position:absolute;
	top:0px;
	right:0px;
	
	background: url("/img/top_btn_machi.png") 60px center no-repeat;
}
.btn_box .btn_machi a:hover{
	background: url("/img/top_btn_machi_on.png") 60px center no-repeat;
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;
}