@charset "utf-8";

/* =================================================================================================
   森記念財団／基本スタイル（PC）
   http://www.mori-m-foundation.or.jp/
   Copyright (C) 2015 THE MORI MEMORIAL FOUNDATION. All Rights Reserved.
================================================================================================= */


/* -----------------------------------------------------------------------
　リセット
-------------------------------------------------------------------------- */

/* iPhone・iPad用文字サイズ */
body{
	-webkit-text-size-adjust: 90%;
}

body a{
	text-decoration:underline;
	outline:0;
		-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}

body a:hover{
	text-decoration:none;
}

body,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,strong,address{
	margin:0;
	padding:0;
}

ul,li{
	list-style:none;
}

address{
	font-style:normal;
}

.clearfix {
	display: inline-block;
}
/* Exclude Mac IE \*/
.clearfix {
	display: block;
}
/**/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
img{
	border:0;
	-ms-interpolation-mode:bicubic;
}



/* -----------------------------------------------------------------------
　スマホ用非表示
-------------------------------------------------------------------------- */
.sp_area{
	display:none;
}


/* -----------------------------------------------------------------------
　基本テキストカラー・リンクカラー
-------------------------------------------------------------------------- */
body{
	color:#000;
	min-width:980px;
}
body a{
	color:#009999;
	text-decoration:none;
}
body a:hover{
	color:#009999;
	text-decoration:none;
}


/* -----------------------------------------------------------------------
　共通下マージン
-------------------------------------------------------------------------- */
.common_spc_btm{
	margin-bottom: 4rem !important;
	/*border: 2px solid #ff0000 !important;*/
}


/* -----------------------------------------------------------------------
　リンクtransition
-------------------------------------------------------------------------- */
.transition_link{
		border-left: 1px solid #000;
	padding:5px;
		-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}

.transition_link:hover{
	background-color:#b2e0e0;


	color:#009999 !important;


	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}


.transition_link_block{
	display:block;
	border-left: 1px solid #000;
	padding:5px;
		-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;


}

.transition_link_block:hover{
	background-color:#b2e0e0;


	color:#009999 !important;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}





/* -----------------------------------------------------------------------
　字詰め
-------------------------------------------------------------------------- */
.letterspacing-1{letter-spacing:-1px;}
.letterspacing-2{letter-spacing:-2px;}


.text12{
	font-size:12px;
}
.text14{
	font-size:14px;
}
.text16{
	font-size:16px;
}
.text18{
	font-size:18px;
}



/* -----------------------------------------------------------------------
　オンマウス時
-------------------------------------------------------------------------- */
.hover{
	position:relative;
}
    .hover_bg{
    	display:none;
    	width:100%;
    	height:100%;
    	z-index:10;
    	position:absolute;
    	top:0px;
    	left:0px;
    }

    .hover_bg:hover{

    	background-color:rgba(255,255,255,0.3);


    	-webkit-transition:0.3s;
    	-moz-transition:0.3s;
    	transition:0.3s;
    }



body{
	padding-top:80px;
}


/* -----------------------------------------------------------------------
　グローバルヘッダ
-------------------------------------------------------------------------- */
#global_header{
	width:100%;
	background: url("/img/global_header_bg.png");
	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}

#global_header.global_header_border{
	border-bottom:1px solid #b2b2b2;
}

#global_header_inner{
	width:990px;
	position:relative;
	margin:0 auto;
}
#global_header .logo a{
	display:block;

	width:172px;
	height:71px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/global_header_logo02.png") 0 20px no-repeat;
}
#global_header .btn_japanese{
	position:absolute;
	top:29px;
	right:68px;
}
#global_header .btn_japanese a{
	display:block;
	width:151px;
	height:25px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#000;
}
#global_header .btn_japanese a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}


#global_header .btn_english{
	position:absolute;
	top:29px;
	right:68px;
}
#global_header .btn_english a{
	display:block;
	width:151px;
	height:25px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#000;
}
#global_header .btn_english a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}


#global_header .menu_open a{
	position:absolute;
	top:17px;
	right:0px;
	display:block;
	width:52px;
	height:48px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/global_header_menu_open.png") 0 0 no-repeat;
}
#global_header .menu_open a:hover{
	background-position:-52px 0;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}

#global_header .menu_open .open{
	background-position:0 -48px;
}
#global_header .menu_open .open:hover{
	background-position:-52px -48px;
}

#global_header #floatnavi{
	width:100%;
	display:none;
	padding:20px 0 20px 45px;
}
#global_header #floatnavi ul .navi_top{
	float:left;
	margin-right:45px;
	font-size:14px;
	line-height:120%;
}


#global_header #floatnavi ul .navi_top_ius{
	width:260px;
	margin-right:20px;
}
.jp_mode #global_header #floatnavi ul .navi_top_ius{
	width:290px;
	margin-right:20px;
}



#global_header #floatnavi ul .navi_top a{
	color:#000;
	padding:5px;
	line-height:150%;
	text-decoration:none;
	display:inline-block;
}
#global_header #floatnavi ul .last{
	margin-right:0px;
}

#global_header #floatnavi ul .navi_top ul{
	border-left:1px solid #000;
	padding:5px 0 0 7px;
	height:280px;
	margin:3px 0 0 7px;
}
#global_header #floatnavi ul .navi_top ul li{
	margin-top:7px;
}

#global_header #floatnavi ul .navi_top a:hover,
#global_header #floatnavi ul .navi_top ul li a:hover{
	color:#009999;
	background-color:rgba(0,153,153,0.2);

}
#global_header #floatnavi ul .navi_top .off:hover{
	color:#000;
	background:none;

	-webkit-transition:0.0s;
	-moz-transition:0.0s;
	transition:0.0s;
	cursor:default;
}




/* -----------------------------------------------------------------------
　Strategies用ヘッダ
-------------------------------------------------------------------------- */
#strategies_header{
	width:100%;
	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}

#strategies_header.strategies_header_border{
	border-bottom:1px solid #b2b2b2;
	background: url("/img/global_header_bg.png");
}
#strategies_header.bg{
	background: url("/img/global_header_bg.png");
}


#strategies_header_inner{
	width:990px;
	position:relative;
	margin:0 auto;
}
#strategies_header_inner .logo a{
	display:block;

	width:0px;
	height:71px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/ius_header_logo.png") 0 20px no-repeat;
}

#strategies_header_inner .logo02 a{
	display:block;
	position:absolute;
	top:20px;
	left:0px;

	width:209px;
	height:40px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/ius_header_logo02.png") 0 0 no-repeat;
}

#strategies_header_inner .logo02jp a{
	display:block;
	position:absolute;
	top:20px;
	left:0px;

	width:209px;
	height:40px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/ius_header_logo02_jp.png") 0 0 no-repeat;
}

#strategies_header .btn_aboutus a{
	font-size:14px;
	color:#000;
	position:absolute;
	top:29px;
	left:657px;
	padding:5px;
}
.jp_mode #strategies_header .btn_aboutus a{
	top:27px;
	left:600px;
}


#strategies_header .btn_japanese{
	position:absolute;
	top:29px;
	right:68px;
}
#strategies_header .btn_japanese a{
	display:block;
	width:151px;
	height:25px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#000;
}
#strategies_header .btn_japanese a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}


#strategies_header .btn_english{
	position:absolute;
	top:29px;
	right:68px;
}
#strategies_header .btn_english a{
	display:block;
	width:151px;
	height:25px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#000;
}
#strategies_header .btn_english a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}



#strategies_header .menu_open a{
	position:absolute;
	top:17px;
	right:0px;
	display:block;
	width:52px;
	height:48px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/global_header_menu_open.png") 0 0 no-repeat;
}
#strategies_header .menu_open a:hover{
	background-position:-52px 0;

	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}

#strategies_header .menu_open .open{
	background-position:0 -48px;
}
#strategies_header .menu_open .open:hover{
	background-position:-52px -48px;
}

#strategies_header #floatnavi{
	width:100%;
	display:none;
	padding:20px 0 20px 45px;
}
#strategies_header #floatnavi ul .navi_top{
	float:left;
	margin-right:45px;
	font-size:14px;
	line-height:120%;
}
#strategies_header #floatnavi ul .navi_top_ius{
	width:350px;
}

#strategies_header #floatnavi ul .navi_top_ius{
	width:260px;
	margin-right:20px;
}
.jp_mode #strategies_header #floatnavi ul .navi_top_ius{
	width:290px;
	margin-right:20px;
}

#strategies_header #floatnavi ul .navi_top a{
	color:#000;
	padding:5px;
	line-height:150%;
	text-decoration:none;
	display:inline-block;
}

#strategies_header #floatnavi ul .last{
	margin-right:0px;
}

#strategies_header #floatnavi ul .navi_top ul{
	border-left:1px solid #000;
	padding:5px 0 0 7px;
	height:280px;
	margin:3px 0 0 7px;
}

#strategies_header #floatnavi ul .navi_top ul li{
	margin-top:7px;
}

#strategies_header .btn_aboutus a:hover,
#strategies_header #floatnavi ul .navi_top a:hover,
#strategies_header #floatnavi ul .navi_top ul li a:hover{
	color:#009999;
	background-color:rgba(0,153,153,0.2);
}

#strategies_header #floatnavi ul .navi_top .off:hover{
	color:#000;
	background:none;

	-webkit-transition:0.0s;
	-moz-transition:0.0s;
	transition:0.0s;
	cursor:default;
}


/* -----------------------------------------------------------------------
　Development用ヘッダ
-------------------------------------------------------------------------- */
#development_header{
	width:100%;
	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}

#development_header.development_header_border{
	border-bottom:1px solid #b2b2b2;
	background: url("/img/global_header_bg.png");
}
#development_header.bg{
	background: url("/img/global_header_bg.png");
}


#development_header_inner{
	width:990px;
	position:relative;
	margin:0 auto;
}
#development_header_inner .logo a{
	display:block;
	width: 0px;
	height:71px;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
}

#development_header_inner .logo02 a{
	display:block;
	position:absolute;
	top:20px;
	left:0px;

	width:209px;
	height:40px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/iud_header_logo02.png") 0 0 no-repeat;
}

#development_header_inner .logo02jp a{
	display:block;
	position:absolute;
	top:20px;
	left:0px;

	width:209px;
	height:40px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/iud_header_logo02_jp.png") 0 0 no-repeat;
}

#development_header .btn_aboutus a{
	font-size:14px;
	color:#000;
	position:absolute;
	top:29px;
	left:657px;
	padding:5px;
}
.jp_mode #development_header .btn_aboutus a{
	top:27px;
	left:600px;
}

#development_header .btn_japanese{
	position:absolute;
	top:29px;
	right:68px;
}
#development_header .btn_japanese a{
	display:block;
	width:151px;
	height:25px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#000;
}
#development_header .btn_japanese a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}




#development_header .btn_english{
	position:absolute;
	top:29px;
	right:68px;
}
#development_header .btn_english a{
	display:block;
	width:151px;
	height:25px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	line-height:25px;
	color:#000;
}
#development_header .btn_english a:hover{
	background-color:rgba(0,153,153,0.2);
	border:1px solid #009999;
	text-decoration:none;
	color:#009999;


	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}


#development_header .menu_open a{
	position:absolute;
	top:17px;
	right:0px;
	display:block;
	width:52px;
	height:48px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/global_header_menu_open.png") 0 0 no-repeat;
}
#development_header .menu_open a:hover{
	background-position:-52px 0;

	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}

#development_header .menu_open .open{
	background-position:0 -48px;
}
#development_header .menu_open .open:hover{
	background-position:-52px -48px;
}

#development_header #floatnavi{
	width:100%;
	display:none;
	padding:20px 0 20px 45px;
}
#development_header #floatnavi ul .navi_top{
	float:left;
	margin-right:45px;
	font-size:14px;
	line-height:120%;
}
#development_header #floatnavi ul .navi_top_ius{
	width:350px;
}

#development_header #floatnavi ul .navi_top_ius{
	width:260px;
	margin-right:20px;
}
.jp_mode #development_header #floatnavi ul .navi_top_ius{
	width:290px;
	margin-right:20px;
}

#development_header #floatnavi ul .navi_top a{
	color:#000;
	padding:5px;
	line-height:150%;
	text-decoration:none;
	display:inline-block;
}

#development_header #floatnavi ul .last{
	margin-right:0px;
}

#development_header #floatnavi ul .navi_top ul{
	border-left:1px solid #000;
	padding:5px 0 0 7px;
	height:280px;
	margin:3px 0 0 7px;
}
#development_header #floatnavi ul .navi_top ul li{
	margin-top:7px;
}

#development_header .btn_aboutus a:hover,
#development_header #floatnavi ul .navi_top a:hover,
#development_header #floatnavi ul .navi_top ul li a:hover{
	color:#009999;
	background-color:rgba(0,153,153,0.2);
}

#development_header #floatnavi ul .navi_top .off:hover{
	color:#000;
	background:none;

	-webkit-transition:0.0s;
	-moz-transition:0.0s;
	transition:0.0s;
	cursor:default;
}



/* -----------------------------------------------------------------------
　フッタナビ
-------------------------------------------------------------------------- */
#footer_navi{
	width:945px;
	margin:0 auto 50px;
	padding-left:55px;
}

#footer_navi ul .navi_top{
	float:left;
	margin-right:45px;
	font-size:14px;
	line-height:120%;
}
#footer_navi ul .navi_top_ius{
	width:260px;
	margin-right:20px;
}
.jp_mode #footer_navi ul .navi_top_ius{
	width:290px;
	margin-right:20px;
}

#footer_navi ul .navi_top a{
	color:#000;
	padding:5px;
	line-height:150%;
	text-decoration:none;
	display:inline-block;
}

#footer_navi ul .last{
	margin-right:0px;
}

#footer_navi ul .navi_top ul{
	border-left:1px solid #000;
	padding:5px 0 0 7px;
	height:280px;
	margin:3px 0 0 7px;
}

#footer_navi ul .navi_top ul li{
	margin-top:7px;
}
    #footer_navi ul .navi_top a:hover,
    #footer_navi ul .navi_top ul li a:hover{
    	color:#009999;
    	background-color:rgba(0,153,153,0.2);
    }



#footer_navi ul .navi_top .off:hover{
	color:#000;
	background:none;

	-webkit-transition:0.0s;
	-moz-transition:0.0s;
	transition:0.0s;
	cursor:default;
}



/* -----------------------------------------------------------------------
　フッタ
-------------------------------------------------------------------------- */
#footer{
	text-align:center;
	padding:50px 0 30px;
}
#footer .logo{
	margin-bottom:20px;
}
#footer .logo a{
	display:block;
	width:53px;
	height:39px;
	margin:0 auto;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	background: url("/img/footer_logo.png") 0 0 no-repeat;
}
.copyright{
	font-size:10px;
}



/* ----------------------------------------------------------------------------
　モーダル（共通）
---------------------------------------------------------------------------- */
#detail_wrapper{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:220;
}
#detail{
	width:848px;
	height:600px;
	background-color:#fff;
	margin:0 auto;
	position:relative;

	z-index:201;
	display:none;

	-webkit-box-shadow: 0px 0 30px 0px #000; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0 30px 0px #000; /* Firefox用 */
	box-shadow: 0px 0px 30px 0px #000; /* CSS3 */
}
#detail_scroll{
	position:relative;
	height:600px;
}
#detail #load{
	padding:65px 40px 65px 50px;
}

/* 閉じる */
#detail .btn_close a{
	width:52px;
	height:48px;
	position:absolute;
	top:0px;
	right:0px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	z-index:2;

	display:block;
	background: url("/img/modal_btn_close.gif") 0 0 no-repeat;
}
#detail .btn_close a:hover{
	background: url("/img/modal_btn_close_on.gif") 0 0 no-repeat;
}

#detail_bg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.7;
	z-index:200;
	display:none;
}


#detail_wrapper .wp-pagenavi{
display: none;
}


/* ----------------------------------------------------------------------------
　モーダル（publications）
---------------------------------------------------------------------------- */
#detail .detail_publications .photo_box{
	width:234px;
	float:left;
}
#detail .detail_publications .photo_box .photo{
	margin-bottom:40px;
	width:234px;
}
#detail .detail_publications .photo_box .photo img{
	width:100%;
}
#detail .detail_publications .copy_box{
	width:455px;
	float:right;
}

#detail .detail_publications .title{
	font-size:24px;
	line-height:130%;
	margin-bottom:20px;
}
#detail .detail_publications .sub_title{
	font-size:14px;
	font-weight:normal;
	line-height:130%;
	margin-bottom:20px;
}
#detail .detail_publications .info{
	font-size:14px;
	font-weight:normal;
	line-height:130%;
	margin-bottom:20px;
}
#detail .detail_publications .intro{
	font-size:14px;
	font-weight:normal;
	line-height:130%;
	margin-bottom:20px;
}
#detail .detail_publications .cap{
	font-size:10px;
	color:#888;
	line-height:130%;
	margin-top:30px;
}


#detail .detail_publications .btn a{
	box-sizing:border-box;
	width:279px;
	padding: 13px 0;
	display:block;
	background-color:#52a33c;
	text-align:center;
	font-size:14px;
	line-height:120%;
	color:#fff;
	font-weight:bold;
	margin:0 auto;
	text-decoration:none;
}
#detail .detail_publications .photo_box .btn_site a{
	width:234px;
	background: url("/img/publication_btn_site.png") 0 7px no-repeat;
	background-color:#52a33c;
}
#detail .detail_publications .btn_summary a{
	background: url("/img/publication_btn_summary.png") 0 0 no-repeat;
	background-color:#52a33c;
}
#detail .detail_publications .btn_blank a{
	background: url("/img/publication_btn_blank.png") 0 0 no-repeat;
	background-color:#52a33c;
}


#detail .detail_publications .btn a:hover{
	background-color:#86BE76;
}

#detail .detail_publications .photo_box .btn{
	width:234px;
	margin-bottom:20px;
}
#detail .detail_publications .photo_box .btn a{
	width:234px;
}



/* ----------------------------------------------------------------------------
　モーダル（aboutus）
---------------------------------------------------------------------------- */
#detail .detail_aboutus h2{
	margin:0 0 35px;
	text-align:left;
}

#detail .detail_aboutus .photo_box{
	width:210px;
	float:left;
}
#detail .detail_aboutus .copy_box{
	width:520px;
	float:right;
}

#detail .detail_aboutus .column01{
	width:250px;
	float:left;
}
#detail .detail_aboutus .column02{
	width:250px;
	float:right;
}

#detail .detail_aboutus dl{
	margin-bottom:20px;
}
#detail .detail_aboutus dl dt{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
#detail .detail_aboutus dl dd{
	font-size:16px;
	line-height:180%;
}

/* ----------------------------------------------------------------------------
　SNSアイコン
---------------------------------------------------------------------------- */
#sns .twitter a{
	width:43px;
	height:42px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	display:block;
	background: url("/img/sns_twitter.gif") 0 0 no-repeat;
}
#sns .twitter a:hover{
	background-position:0 -42px;
}

#sns .x a{
	width:43px;
	height:42px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	display:block;
	background: url("/img/sns_x.gif") 0 0 no-repeat;
}
#sns .x a:hover{
	background-position:0 -42px;
}

#sns .facebook a{
	width:43px;
	height:42px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	display:block;
	background: url("/img/sns_facebook.gif") 0 0 no-repeat;
}
#sns .facebook a:hover{
	background-position:0 -42px;
}


#sns .linkedin a{
	width:43px;
	height:42px;

	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;

	display:block;
	background: url("/img/sns_linkedin.gif") 0 0 no-repeat;
}
#sns .linkedin a:hover{
	background-position:0 -42px;
}