@charset "utf-8";

/* =================================================================================================
   森記念財団／都市のイメージ調査 2016
   http://www.mori-m-foundation.or.jp/
   Copyright (C) 2015 THE MORI MEMORIAL FOUNDATION. All Rights Reserved.
================================================================================================= */


body{
	background: url("/img/ius_top_main_bg.jpg") center 0 no-repeat;
	background-attachment: fixed;
}


/* ----------------------------------------------------------------------------
　メインエリア
---------------------------------------------------------------------------- */
#main_photo{
	width:100%;
	height:374px;
	background: url("/img/cps_main_photo.jpg") center 0 no-repeat;
	margin-bottom:80px;
}
#main_area{
	width:940px;
	margin:0 auto 50px;
	position:relative;
}
#main_area h1{
	font-size:34px;
	font-weight:normal;
}

/* ----------------------------------------------------------------------------
　SNS
---------------------------------------------------------------------------- */
#main_area #sns{
	text-align:right;
	position: absolute;
	bottom: 15px;
	right: 0;
}
#main_area #sns li{
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
}
#main_area #sns li img {
	width: 100%;
	height: auto;
}

#lead{
	width:940px;
	margin:0 auto 50px;
	position:relative;
	font-size:15px;
	line-height:180%;
}


/* ----------------------------------------------------------------------------
　タブ
---------------------------------------------------------------------------- */
.tab{
	width:940px;
	margin:0 auto;
	border-bottom:3px solid #0197b8;
	margin-bottom:12px;
}
.tab.last{
	border-bottom:none;
	border-top:3px solid #0197b8;
	margin-top:15px;
}
.tab li{
	width:226px;
	float:left;
	margin-right:12px;
}
.tab li:last-child{
	margin-right:0px;
}
.tab li a{
	font-size:20px;
	line-height:120%;
	display:block;
	width:226px;
	height:39px;
	padding-top:16px;
	text-align:center;
	background-color:#e5e5e5;
	color:#7b7b7b;
}
.tab .tokyo a:hover,
.tab .tokyo .on{
	background-color:#0197b8;
	color:#fff;
}
.tab .london a:hover,
.tab .london .on{
	background-color:#b8384f;
	color:#fff;
}
.tab .newyork a:hover,
.tab .newyork .on{
	background-color:#71af4e;
	color:#fff;
}
.tab .paris a:hover,
.tab .paris .on{
	background-color:#e18a24;
	color:#fff;
}


/* ----------------------------------------------------------------------------
　各BOX
---------------------------------------------------------------------------- */
.tab_box{
	width:940px;
	min-height:800px;
	margin:0 auto;
	padding-bottom:170px;
	display:none;
}

/* outline */
.tab_box .outline{
	margin-bottom:80px;
}
.tab_box .outline h2{
	width:226px;
	float:left;
}
.tab_box .outline .photo{
	width:714px;
	float:left;
}

/* keyword */
.keyword{
	margin-bottom:80px;
}
.keyword h3{
	font-size:28px;
	font-weight:normal;
	text-align:center;
	margin-bottom:35px;
	background: url("/img/cps_title_line.gif") 0 center repeat-x;
}
.keyword h3 span{
	background-color:#fff;
	padding:0 15px;
}
.keyword .chart{
	margin-bottom:35px;
	text-align:center;
}
.keyword .text{
	font-size:15px;
	line-height:160%;
}

/* visit */
.visit{
	margin-bottom:80px;
}
.visit h3{
	font-size:28px;
	font-weight:normal;
	text-align:center;
	margin-bottom:35px;
	background: url("/img/cps_title_line.gif") 0 center repeat-x;
}
.visit h3 span{
	background: url("/img/cps_visit_title.png") 15px 5px no-repeat;
	padding:5px 15px 5px 67px;
	background-color:#fff;
}

.visit .chart{
	margin-bottom:35px;
	text-align:center;
}
.visit .text{
	font-size:15px;
	line-height:160%;
}

/* residence */
.residence h3{
	font-size:28px;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
	background: url("/img/cps_title_line.gif") 0 center repeat-x;
}
.residence h4{
	font-size:28px;
	text-align:center;
	margin-bottom:30px;
	color:#005267;
}
.residence h4 span{
	font-size:20px;
}
.residence h3 span{
	background: url("/img/cps_residence_title.png") 15px 5px no-repeat;
	padding:5px 15px 5px 67px;
	background-color:#fff;
}
.residence .chart{
	margin-bottom:35px;
	text-align:center;
}
.residence .text{
	font-size:15px;
	line-height:160%;
}


/* ----------------------------------------------------------------------------
　東京のみ
---------------------------------------------------------------------------- */
#tokyo strong{
	color:#0097b8;
}
#tokyo{
	background: url("/img/cps_tokyo_bg.png") center bottom no-repeat;
}

/* ----------------------------------------------------------------------------
　ロンドンのみ
---------------------------------------------------------------------------- */
#london strong{
	color:#b8384f;
}
#london{
	background: url("/img/cps_london_bg.png") center bottom no-repeat;
}
#london .visit h3 span{
	background: url("/img/cps_visit_title_london.png") 15px 5px no-repeat #fff;
}
#london .residence h3 span{
	background: url("/img/cps_residence_title_london.png") 15px 5px no-repeat #fff;
}
#london .residence h4{
	color:#b8384f;
}
#london .keyword h3{
	background: url("/img/cps_title_line_london.gif") 0 center repeat-x;
}
#london .visit h3{
	background: url("/img/cps_title_line_london.gif") 0 center repeat-x;
}
#london .residence h3{
	background: url("/img/cps_title_line_london.gif") 0 center repeat-x;
}

/* ----------------------------------------------------------------------------
　ニューヨークのみ
---------------------------------------------------------------------------- */
#newyork strong{
	color:#71af4e;
}
#newyork{
	background: url("/img/cps_newyork_bg.png") center bottom no-repeat;
}
#newyork .visit h3 span{
	background: url("/img/cps_visit_title_newyork.png") 15px 5px no-repeat #fff;
}
#newyork .residence h3 span{
	background: url("/img/cps_residence_title_newyork.png") 15px 5px no-repeat #fff;
}
#newyork .residence h4{
	color:#71af4e;
}
#newyork .keyword h3{
	background: url("/img/cps_title_line_newyork.gif") 0 center repeat-x;
}
#newyork .visit h3{
	background: url("/img/cps_title_line_newyork.gif") 0 center repeat-x;
}
#newyork .residence h3{
	background: url("/img/cps_title_line_newyork.gif") 0 center repeat-x;
}


/* ----------------------------------------------------------------------------
　パリのみ
---------------------------------------------------------------------------- */
#paris strong{
	color:#e18a24;
}
#paris{
	background: url("/img/cps_paris_bg.png") center bottom no-repeat;
}
#paris .visit h3{
	background: url("/img/cps_title_line_paris.gif") 0 center repeat-x;
}
#paris .visit h3 span{
	background: url("/img/cps_visit_title_paris.png") 15px 5px no-repeat #fff;
}
#paris .residence h3 span{
	background: url("/img/cps_residence_title_paris.png") 15px 5px no-repeat #fff;
}
#paris .residence h4{
	color:#e18a24;
}
#paris .keyword h3{
	background: url("/img/cps_title_line_paris.gif") 0 center repeat-x;
}
#paris .visit h3{
	background: url("/img/cps_title_line_paris.gif") 0 center repeat-x;
}
#paris .residence h3{
	background: url("/img/cps_title_line_paris.gif") 0 center repeat-x;
}

/* ----------------------------------------------------------------------------
　publication
---------------------------------------------------------------------------- */
#publication{
	background-color:#343434;
	margin-top:60px;
}
#publication h2{
	font-size:35px;
	font-weight:normal;
	line-height:120%;
	color:#fff;
  margin-bottom:10px;
}
#publication .copy{
  color:#fff;
  font-size:18px;
  margin-bottom:20px;
}
#publication .inner{
	width:940px;
	padding:65px 30px 50px;
	margin:0 auto 30px;
}
#publication #flash{
	width:719px;
	height:300px;
	margin:0 auto 20px;
	background-color:#3a3a3a;
}
#publication #flash object{
	width:719px;
	height:300px;
}
#publication #flash embed{
	width:719px;
	height:300px;
}

#publication .btn{
	width:234px;
	margin:0 auto;
}
#publication .btn a{
	display:block;
	width:234px;
	height:29px;
	padding-top:16px;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	background-color:#52a33c;
	text-align:center;
	text-decoration:none;
}
#publication .btn a:hover{
	background-color:#6dbc57;
}


