@charset "utf-8";

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


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

body{
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

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

body a{
	text-decoration:underline;
	outline:0;
}

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;
}


/* -----------------------------------------------------------------------
　Android Chrome用
-------------------------------------------------------------------------- */
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper ul,
#wrapper li,
#wrapper ol,
#wrapper dl,
#wrapper dt,
#wrapper dd,
#wrapper p,
#wrapper strong,
#wrapper span,
#wrapper div{
	max-height:100%;
}


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


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


/* -----------------------------------------------------------------------
　フォントファミリー
-------------------------------------------------------------------------- */
.mincho{
	font-family: "Times New Roman", Georgia, Serif;
}
.Gothic{
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}


body{
	font-family: Arial;
}


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



.text12{
	font-size:22px;
}
.text14{
	font-size:24px;
}
.text16{
	font-size:26px;
}
.text18{
	font-size:20px;
}

/* -----------------------------------------------------------------------
　グローバルヘッダ
-------------------------------------------------------------------------- */
body{
	padding-top:88px;
}


#global_header{
	width:100%;
	height:86px;
	background: url("/img/global_header_bg.png");
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	border-bottom:2px solid #b2b2b2;
}

#global_header_inner{
	width:640px;
	position:relative;
	margin:0 auto;
}
#global_header .logo a{
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:270px;
	height:48px;

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

	background: url("/sp_img/global_header_logo02.png") 0 0 no-repeat;
}
#global_header .btn_japanese{
	position:absolute;
	top:25px;
	right:112px;
}
#global_header .btn_japanese a{
	display:block;
	width:172px;
	height:32px;
	border:2px solid #000;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#000;
}

#global_header .btn_english{
	position:absolute;
	top:25px;
	right:112px;
}
#global_header .btn_english a{
	display:block;
	width:172px;
	height:32px;
	border:2px solid #000;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#000;
}


#global_header .menu_open a{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:92px;
	height:86px;

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

	background: url("/sp_img/global_header_menu_open.png") 0 0 no-repeat;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

#global_header .menu_open .open{
	background-position:-92px 0;

}
#global_header #cover{
	position:relative;
	overflow:hidden;
}
#global_header #cover .clearfix{
	padding-bottom:80px;
	background: url("/sp_img/global_header_menu_bottomarrow.png") center bottom no-repeat;
}

#global_header #floatnavi{
	width:100%;
	position:absolute;
	top:88px;
	left:-9000px;
	background: url("/sp_img/global_header_floatnavi_bg.png");
}
#global_header #floatnavi ul .navi_top{
	font-size:26px;
	line-height:110%;
	border-bottom:2px solid #666665;
}
#global_header #floatnavi ul .navi_top a{
	color:#fff;
	display:block;
	position:relative;
	padding:20px;
}
#floatnavi ul .navi_top a:hover{
	background-color: #555;
	text-decoration: none;
}
/* 矢印 */
#global_header #floatnavi ul .navi_top a:after{
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;

	content: "";
	margin: 0 0 0 0px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

	top: 32px;
	right: 23px;

	width: 12px;
	height: 12px;
}


#global_header #floatnavi ul .navi_top ul{
	margin-left:50px;
}
#global_header #floatnavi ul .navi_top ul li{
	border-top:2px solid #666665;
}
#global_header #floatnavi ul .navi_top ul li a{
	padding:20px 30px 20px 0;
}
#global_header #floatnavi ul .navi_top ul li .off{
	text-decoration:none !important;
}


/* ヘッダガード用 */
#header_guard{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:50;
}


/* -----------------------------------------------------------------------
　Strategies用ヘッダ
-------------------------------------------------------------------------- */
#strategies_header{
	width:100%;
	height:86px;
	background: url("/img/global_header_bg.png");
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	border-bottom:2px solid #b2b2b2;
}

#strategies_header_inner{
	width:640px;
	position:relative;
	margin:0 auto;
}
#strategies_header_inner .logo a{
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:0px;
	height:48px;

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

#strategies_header_inner .logo02 a{
	display:block;
	position:absolute;
	top:27px;
	left:20px;
	width:253px;
	height:32px;

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

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

#strategies_header_inner .logo02jp a{
	display:block;
	position:absolute;
	top:27px;
	left:20px;
	width:253px;
	height:32px;

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

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

#strategies_header .btn_aboutus{
	display:none;
}

#strategies_header .btn_japanese{
	position:absolute;
	top:25px;
	right:112px;
}
#strategies_header .btn_japanese a{
	display:block;
	width:155px;
	height:32px;
	border:2px solid #000;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#000;
}


#strategies_header .btn_english{
	position:absolute;
	top:25px;
	right:112px;
}
#strategies_header .btn_english a{
	display:block;
	width:155px;
	height:32px;
	border:2px solid #000;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#000;
}

#strategies_header .menu_open a{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:92px;
	height:86px;

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

	background: url("/sp_img/global_header_menu_open.png") 0 0 no-repeat;
}

#strategies_header .menu_open .open{
	background-position:-92px 0;
}
#strategies_header #cover{
	position:relative;
	overflow:hidden;
}
#strategies_header #cover .clearfix{
	padding-bottom:80px;
	background: url("/sp_img/global_header_menu_bottomarrow.png") center bottom no-repeat;
}
#strategies_header #floatnavi{
	width:100%;
	position:absolute;
	top:88px;
	left:-9000px;
	background: url("/sp_img/global_header_floatnavi_bg.png");
}
#strategies_header #floatnavi ul .navi_top{
	font-size:26px;
	line-height:120%;
	border-bottom:2px solid #666665;
}
#strategies_header #floatnavi ul .navi_top a{
	color:#fff;
	display:block;
	position:relative;
	padding:20px;
}
/* 矢印 */
#strategies_header #floatnavi ul .navi_top a:after{
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;

	content: "";
	margin: 0 0 0 0px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

	top: 32px;
	right: 23px;

	width: 12px;
	height: 12px;
}

#strategies_header #floatnavi ul .navi_top ul{
	margin-left:50px;
}
#strategies_header #floatnavi ul .navi_top ul li{
	border-top:2px solid #666665;
}
#strategies_header #floatnavi ul .navi_top ul li a{
	padding:20px 30px 20px 0;
}
#strategies_header #floatnavi ul .navi_top ul li .off{
	text-decoration:none !important;
}



/* -----------------------------------------------------------------------
　development用ヘッダ
-------------------------------------------------------------------------- */
#development_header{
	width:100%;
	height:86px;
	background: url("/img/global_header_bg.png");
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	border-bottom:2px solid #b2b2b2;
}

#development_header_inner{
	width:640px;
	position:relative;
	margin:0 auto;
}
#development_header_inner .logo a{
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:0px;
	height:48px;

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

	background: url("/sp_img/iud_header_logo.png") 0 0 no-repeat;
}

#development_header_inner .logo02 a{
	display:block;
	position:absolute;
	top:27px;
	left:20px;
	width:253px;
	height:32px;

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

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

#development_header_inner .logo02jp a{
	display:block;
	position:absolute;
	top:27px;
	left:20px;
	width:253px;
	height:32px;

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

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

#development_header .btn_aboutus{
	display:none;
}

#development_header .btn_japanese{
	position:absolute;
	top:25px;
	right:112px;
}
#development_header .btn_japanese a{
	display:block;
	width:155px;
	height:32px;
	border:2px solid #000;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#000;
}

#development_header .btn_english{
	position:absolute;
	top:25px;
	right:112px;
}
#development_header .btn_english a{
	display:block;
	width:155px;
	height:32px;
	border:2px solid #000;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#000;
}

#development_header .menu_open a{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:92px;
	height:86px;

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

	background: url("/sp_img/global_header_menu_open.png") 0 0 no-repeat;
}

#development_header .menu_open .open{
	background-position:-92px 0;
}
#development_header #cover{
	position:relative;
	overflow:hidden;
}
#development_header #cover .clearfix{
	padding-bottom:80px;
	background: url("/sp_img/global_header_menu_bottomarrow.png") center bottom no-repeat;
}
#development_header #floatnavi{
	width:100%;
	position:absolute;
	top:88px;
	left:-9000px;
	background: url("/sp_img/global_header_floatnavi_bg.png");
}
#development_header #floatnavi ul .navi_top{
	font-size:26px;
	line-height:120%;
	border-bottom:2px solid #666665;
}
#development_header #floatnavi ul .navi_top a{
	color:#fff;
	display:block;
	position:relative;
	padding:20px;
}
/* 矢印 */
#development_header #floatnavi ul .navi_top a:after{
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;

	content: "";
	margin: 0 0 0 0px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

	top: 32px;
	right: 23px;

	width: 12px;
	height: 12px;
}

#development_header #floatnavi ul .navi_top ul{
	margin-left:50px;
}
#development_header #floatnavi ul .navi_top ul li{
	border-top:2px solid #666665;
}
#development_header #floatnavi ul .navi_top ul li a{
	padding:20px 30px 20px 0;
}
#development_header #floatnavi ul .navi_top ul li .off{
	text-decoration:none !important;
}



/* -----------------------------------------------------------------------
　フッタナビ
-------------------------------------------------------------------------- */
#footer_navi{
	display:none;
}


/* -----------------------------------------------------------------------
　フッタ
-------------------------------------------------------------------------- */
#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:16px;
}



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

	-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{
	height:600px;
	position:relative;
}

#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{
	text-align:center;
}
#detail .detail_publications .photo_box .photo{
	width:234px;
	margin:0 auto 40px;
}
#detail .detail_publications .photo_box .photo img{
	width:100%;
}
#detail .detail_publications .copy_box{
	margin-bottom:30px;
}

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


#detail .detail_publications .btn{
	margin-bottom:20px;
}
#detail .detail_publications .btn a{
	width:500px;
	padding: 20px 0;
	display:block;
	background-color:#52a33c;
	text-align:center;
	font-size:26px;
	line-height:120%;
	color:#fff;
	font-weight:bold;
	margin:0 auto;
	text-decoration:none;
}
#detail .detail_publications .photo_box .btn_site a{
	width:500px;
	background: url("/sp_img/publication_btn_site.png") 0 7px no-repeat;
	background-color:#52a33c;
}
#detail .detail_publications .btn_summary a{
	background: url("/sp_img/publication_btn_summary.png") 0 0 no-repeat;
	background-color:#52a33c;
}





/* ----------------------------------------------------------------------------
　モーダル（aboutus）
---------------------------------------------------------------------------- */
#detail .detail_aboutus h2{
	position:absolute;
	top:65px;
	left:255px;
	width:275px;
	height:246px;
}
#detail .detail_aboutus h2 span{
	position:absolute;
	left:0px;
	bottom:0px;
}
#detail .detail_aboutus .photo_box{
	margin-bottom:50px;
}

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



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

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

	display:block;
	background: url("/sp_img/sns_twitter.gif") 0 0 no-repeat;
}

#sns .facebook a{
	width:64px;
	height:64px;

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

	display:block;
	background: url("/sp_img/sns_facebook.gif") 0 0 no-repeat;
}

#sns .linkedin a{
	width:64px;
	height:64px;

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

	display:block;
	background: url("/sp_img/sns_linkedin.gif") 0 0 no-repeat;
}

/* ----------------------------------------------------------------------------
　すべてのリンクの挙動
---------------------------------------------------------------------------- */

a:hover{
  filter: alpha(opacity=70);
  opacity: 0.7;
	text-decoration: none!important;
}
/* ----------------------------------------------------------------------------
　ヘッダのenglishとjapaneseのボタンの挙動
---------------------------------------------------------------------------- */

#strategies_header .btn_japanese a:hover,#development_header .btn_japanese a:hover,#strategies_header .btn_english a:hover,#development_header .btn_english a:hover,#global_header .btn_english a:hover,#global_header .btn_japanese a:hover,.transition_link:hover{
	background-color:#000!important;
	color:#fff!important;
	text-decoration: none!important;
}
/* ----------------------------------------------------------------------------
　GPCIのpublicationのボタン
---------------------------------------------------------------------------- */

.btn_publications a:hover{color:#fff!important;}