@charset "UTF-8" ;

/* ==============================
DATE   : 2013/10/01
URL    : http://www.eki-metro.jp/css/common.css
AUTHOR : s.iwata
================================ */

@import url(./normalize.css);
@import url(./mediaQueries.css);



/* ++++++++++++++++++++++++++++++++++++++++++++++
pie.htc
+++++++++++++++++++++++++++++++++++++++++++++++ */
html.ie .infoWrap,
html.ie .renew .infoWrap h3,
html.ie .people .infoWrap .name span,
html.ie .menubar a {
	position: relative;
}

.infoWrap,
.renew .infoWrap h3,
.home #contents h2 span.attention,
.people .infoWrap .name span,
.menubar a {
	behavior: url(../js/PIE.htc);
}


html { margin: 0 auto;overflow-y:scroll; }

body {
	margin: 0 auto;
	padding: 0;
	color: #333333;
	font-family: sans-serif;
	background: url(../img/bg-otemachi2.jpg) repeat top center;
}
#wrapper {
	position: relative;
}
.home #main {
	width: 950px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	/*background: #ffffff;*/
}

.page #main {
	width: 950px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
HEADER
+++++++++++++++++++++++++++++++++++++++++++++++ */

#header { text-align: left; }
.home #header { /*height: 485px;*/ }

#navigation { position: relative; height: 80px; }
#navigation ul {
	margin: 0;
	padding: 0;
/*	height: 50px;*/
}
/*#navigation li {
	list-style-type: none;
}*/
#metroLogo {
	position: absolute;
	right: 124px;
	top: 30px;
	width: 100px;
	height: 50px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/logo-metro.png) no-repeat top left;
}

#metroLogo a {
	display: block;
	width: 100px;
	height: 50px
}
#metroLink {
	position: absolute;
	right: 10px;
	bottom: 0px;
	padding-left: 10px;
	font-size: .75em;
	background: url(../img/icon-arrow.gif) no-repeat 0;
}

#metroLink a { text-decoration: none; }
#metroLink a:link,
#metroLink a:visited { color: #333333; }
#metroLink a:hover,
#metroLink a:active { color: #888888; }

.home h1 {
	margin: 0;
}

#contents h1 {
	margin: 12px 0 0 10px;
}

#renovaLogo {
	position: absolute;
	right: 10px;
	top: 26px;
	width: 150px;
	height: 28px;
}

#slideWrap {
	position: relative;
	width: 950px;
	height: 400px;
	background: url(../img/slideImage01.jpg) no-repeat top center; /* スライドする前の仮 */
}
.topImage {
/*	text-indent: -9999px;*/
/*	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;*/
}
.topImage span,
.topImage p {
	display: none;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
GLOVAL MENU
+++++++++++++++++++++++++++++++++++++++++++++++ */

/* home --------------------------------- */
.globalMenu {
	/*position: absolute;
	bottom: 0;*/
	z-index: 999;
	opacity: .8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	width: 950px;
	height: 42px;
	margin-top: 18px;
	
}
.globalMenu, .globalMenu a {
	background: url(../img/home/bg-globalMenu.png) no-repeat top center;
}

html.ie .globalMenu a {
	background: 0 none;
}

.globalMenu ul {
	padding-bottom: 14px;
	border-bottom: 1px dotted #8879B8;
}
.globalMenu li {
	float: left;
	display: block;
/*	padding-left: 0;*/
	height: 42px;
	width: 190px;
}
.globalMenu li.top {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.globalMenu a {
	display: block;
	width: 190px;
	height: 42px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.globalMenu .top a:link { background-position: 0 0px; }
.globalMenu .top a:hover { background-position: 0 -42px; }
.globalMenu .renew a:link { background-position: -190px 0px; }
.globalMenu .renew a:hover { background-position: -190px -42px; }
.globalMenu .people a:link { background-position: -380px 0px; }
.globalMenu .people a:hover { background-position: -380px -42px; }
.globalMenu .story a:link { background-position: -570px 0px; }
.globalMenu .story a:hover { background-position: -570px -42px; }
.globalMenu .info a:link { background-position: -760px 0px; }
.globalMenu .info a:hover { background-position: -760px -42px; }

/*#popupMessage {
	position: absolute;
	bottom: 66px;
	right: 194px;
	z-index: 100;
}
#popupMessage a:hover,
#popupMessage a:active {
	opacity: 0.95;
}*/


/* page --------------------------------- */

/*.page .globalMenu {
  width: 950px;
  height: 55px;
	overflow: hidden;
}
.page .globalMenu li {
  list-style-type: none;
  float: left;
}
.page .globalMenu li a {
  display: block;
  width: 190px;
  overflow: hidden;
}
.page .globalMenu li img {
  border: none;
}
.page .globalMenu li.menuTop img {
  margin-left: 0;
}
.page .globalMenu li.menuRenew img {
  margin-left: -190px;
}
.page .globalMenu li.menuPeople img {
  margin-left: -380px;
}
.page .globalMenu li.menuStory img {
  margin-left: -570px;
}
.page .globalMenu li.menuInfo img {
  margin-left: -760px;
}
.page .globalMenu li a:hover img {
  margin-top: -55px;
}
* html .page .globalMenu li a:hover {
  zoom: 1;  
}

.page.renew .globalMenu li.menuRenew img,
.page.people .globalMenu li.menuPeople img,
.page.info .globalMenu li.menuInfo img,
.page.story .globalMenu li.menuStory img {
	margin-top: -55px;
}
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++
CONTENTS
+++++++++++++++++++++++++++++++++++++++++++++++ */
.home #contents {
	text-align: left;
/*	user-select:none; モダンブラウザで文字選択切
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;*/
	background: url(../img/bg-contents.png) repeat-y top left;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	clear: both;
}

/* page CONTENTS --------------------------------- */
.page #contents {
	text-align: left;
	padding: 5px 10px 5px;
	background: #FFF;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	clear: both;
	/*background: url(../img/bg-contents.png) repeat-y top left;*/
}




/* ++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
+++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	text-align: left;
	margin: 0px 0 40px;
	position: relative;
}
/*.bannerBox {
	margin-top: 28px;
	text-align: left;
	float: left;
}*/

.bannerBox {
	position: absolute;
	right: 260px;
	top: 30px;
	width: 234px;
	height: 50px;
	display: block;
	z-index: 9999;
	white-space: nowrap;
	overflow: hidden;
	/*background: url(../img/logo-metro.png) no-repeat top left;*/
}

.bannerBox a {
	display: block;
	width: 234px;
	height: 50px
}

/*.bannerBox ul {
	margin: 0;
	padding: 0;
}*/
/*.bannerBox ul li {
	list-style-type: none;
}*/
.home address {
	float: left;
	margin-top: 50px;
	padding: 8px 0 8px 0;
	font-size: .8em;
	font-style: normal;
	color: #bbbbbb;
	/*border-top: 1px solid #cccccc;*/
}


.page address {
	float: left;
	margin-top: 50px;
	padding: 8px 0 8px 0;
	font-size: .8em;
	font-style: normal;
	color: #bbbbbb;
	/*border-top: 1px solid #cccccc;*/
}


/* gotop --------------------------- */
p.gotop{
	position: fixed;
	bottom: 2%;
	right: 5%;
	opacity: .8;
}
p.gotop a{
	display: block;
	width: 70px;
	height: 70px;
}

/* back --------------------------- */

.renew .btn-back a {
	clear: both;
	width: 260px;
}

.people .btn-back {
	padding-top: 50px;
}
.people .btn-back a {
	width: 300px;
}

.story .btn-back {
	padding-top: 0px;
}
.story .btn-back a {
	width: 260px;
}

.btn-back a {
	display: block;
	overflow: hidden;
	height: 40px;
}
	
.btn-back a:hover img {
  margin-top: -50px;
}
* html .page .btn-back a:hover {
  zoom: 1;   /* for IE6 */
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
common class
+++++++++++++++++++++++++++++++++++++++++++++++ */
/*.onright {
	float: right;
	margin: 0 0 8px 8px;
}
.onleft {
	float: onleft;
	margin: 0 8px 8px 0;
}*/

.note {
	font-size: .85em;
	text-align: right;
	color: #888;
}
.page #contents {
	margin-bottom: 14px;
	font-size: .95em;
	line-height: 1.75;
}
.menubar {
	margin: 20px 0;
	padding: 0;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}
.menubar li {
	display: table-cell;
	padding: 5px 10px;
	text-align: center;
	line-height: 35px;
	font-size: .95em;
}

html.ie7 .menubar li {
	float: left;
}

.menubar a,
.menubar a:visited {
	text-decoration: none;
	padding: 4px 8px;
	color: #A3A3A3;
}
.menubar a:active,
.menubar a:hover {
	text-decoration: none;
	background: #53BCEE;
	padding: 4px 8px;
	-webkit-border-radius: .3em;
	-khtml-border-radius: .3em;
	-moz-border-radius: .3em;
	-ms-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em;
	color: #FFF;
}


.section {
	margin: 12px 0;
}

.section.section-last {
	margin: 12px 0;
	padding-bottom: 30px;
}

.section .imgWrap {
	float: right;
	width: 220px;
}

.section .imgWrap img {
	margin-bottom: 10px;
}

.section .imgText {
	margin-right: 250px;
}


/* index thumb ---------------------------------- */

.thumbBox {
	position: relative;
	width: 280px;
	height: 310px;
	margin: 6px 4px 8px;
	padding: 8px 8px 3px;
	border: 1px solid #D5DEE3;
	display: inline-table;
	box-shadow: 3px 3px 0 #E8EEF1;
	cursor: pointer;
}
.thumbBox a {
	display: block;
}
.thumbBox:hover,
.thumbBox:active {
	background: #E8EEF1;
	box-shadow: none;
}

html.ie7 .thumbBox {
	float: left;
	margin: 6px 6px 8px;
}

.thumbBox h2 {
	margin: 5px 0;
	padding: 0;
	font-size: 1.15em;
	color: #333;
}
.thumbBox dd {
	line-height: 1.5;
	color: #666;
	font-size: .9em;
}
.thumbBox p {
	text-align: right;
	margin: 5px 0;
}
.thumbBox .more {
	position: absolute;
	right: 8px;
	bottom: 5px;
}
.thumbBox .readmore {
	font-size: .9em;
}
.thumbBox .readmore a {
	background: #F93;
	padding: 5px 8px;
	color: #FFF;
	text-decoration: none;
}
.thumbBox .readmore a:hover,
.thumbBox .readmore a:active {
	background: #FFCF37;
}
.thumbBox .update {
	color: #999999;
	font-size: .75em;
}

.thumbBox h2 span.renew {
	margin: 0;
	padding: 2px 2px 0;
	display: block;
	color: #FFF;
	float: right;
	font-size: .7em;
	background: #B34C43;
}

.thumbBox h2 img {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}


/* ADOBE --------------------------------------- */

.pdfLink p {
	text-align: right;
}
/*.pdfLink a {
	display: block;
	color: #FFF;
	background: #CDEDFF url(../img/pdficon_small.png) no-repeat 8px 14px;
	width: 100px;
	padding-left: 33px;
}
.pdfLink a:visited {
	color: #ffffff;
}
.pdfLink a:hover,
.pdfLink a:active {
	background: #E0F4FF url(../img/pdficon_small.png) no-repeat 8px 14px;
}*/

.getadobe {
	text-align: left;
	margin: 20px 0;
	padding: 8px 0;
	line-height: 1;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
.getadobe dt {
	float: left;
	width: 100px;
}
.getadobe dd {
	margin-left: 130px;
	line-height: 1.6;
	font-size: .8em;
	color: #888;
}
.getadobe.flash dt {
	float: left;
	width: 160px;
}
.getadobe.flash dd {
	margin-left: 180px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
home
+++++++++++++++++++++++++++++++++++++++++++++++ */

.home #contents h2 {
	margin: 0;
	padding: 0;
	position: relative;
	/*height: 20px;
	font-size: 1.1em;
	font-family: serif;
	background: url(../img/titlebg-grayline.gif) repeat-x 0px 8px;*/
}
.home #contents h2 span.title {
	margin-left: 15px;
	padding: 5px 10px;
	background: #ffffff;
}
.home #contents .topicsBox h2 span.title {
	padding-right: 150px;
}

.home #contents h2 span.attention {
	position: absolute;
	top: 2px;
	left: 110px;
	padding: 1px 14px 0px;
	font-size: .75em;
	font-family: sans-serif;
	font-weight: normal;
	color: #ffffff;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #893A72;
}

.featureBox { height: 250px; }

/*.featureBox ul {
	padding-left: 0;
}*/
.featureBox ul li {
	float: left;
	width: 180px;
	margin: 0 5px;
	font-size: .8em;
	line-height: 1.4;
/*	list-style-type: none;*/
}
.featureBox ul li h3 {
	margin: 0 0 5px 0;
	padding: 3px;
	font-size: .85em;
	display: block;
	color: #FFF;
}
.featureBox ul li h3 span {
	margin: 0;
	padding: 2px 1px 0;
	display: block;
	color: #FFF;
	float: right;
	font-size: .8em;
	border: 1px solid #FFF;
}

.featureBox ul li h3.renew {
	background: #B34C43;
}
.featureBox ul li h3.people {
	background: #00A9C4;
}

.featureBox ul li h3.story {
	background: #3B7B3F;
}
.featureBox ul li h3.info {
	background: #8D4683;
}

.featureBox ul li img {
	margin-bottom: 8px;
}
.featureBox ul li span {
	display: block;
}
.featureBox ul li a {
	text-decoration: none;
	color: #666666;
}
.featureBox ul li a:visited {
	color: #666666;
}
.featureBox ul li a:hover,
.featureBox ul li a:active {
	color: #888888;
	opacity: .8;
}


.topicsBox {
	/*height: 250px;*/
}
.topicsBox p {
	font-size: .9em;
	padding: 0 6px;
}

.topicsBox ul {
	margin: 0 0 0 11px;
}

.topicsBox ul li {
	float: left;
	width: 200px;
	height: 210px;
	margin: 0 11px 22px;
	padding: 4px;
	font-size: .8em;
	line-height: 1.4;
	border: 1px solid #CCCCCC;
	background: #FFF;
	display: block;
/*	list-style-type: none;*/
}
.topicsBox ul li:hover {
	border: 1px solid #AB4039;
}

.topicsBox ul li:hover p {
	color: #AB4039;
}

.topicsBox ul li a {
	width: 200px;
	height: 210px;
	display: block;

}

.topicsBox ul li.new {
	float: left;
	width: 200px;
	height: 210px;
	margin: 0 11px 22px;
	padding: 2px;
	font-size: .8em;
	line-height: 1.4;
	border: 3px solid #AB4039;
	background: #FFF;
/*	list-style-type: none;*/
}

.topicsBox ul li h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: .85em;
	display: block;
	color: #000;
}
.topicsBox ul li h3 span {
	margin: 0;
	padding: 2px 1px 0;
	display: block;
	color: #FFF;
	float: right;
	font-size: .8em;
	border: 1px solid #FFF;
}
.topicsBox ul li h3 img {
	margin: 0 0 5px 0;
	padding: 0 5px 3px 0;
	float: left;
}

.topicsBox ul li img {
	margin-bottom: 5px;
}
.topicsBox ul li span {
	display: block;
}
.topicsBox ul li h3 strong {
	margin: 0;
	padding: 4px 0 0 0;
	display: block;
}

.topicsBox ul li a {
	text-decoration: none;
	color: #666666;
}
.topicsBox ul li a:visited {
	color: #666666;
}
.topicsBox ul li a:hover,
.topicsBox ul li a:active {
	color: #888888;
	opacity: .8;
}

.topicsBox span.renew {
	margin: 0 0 0 0;
	padding: 3px 3px 0;
	display: block;
	color: #FFF;
	font-weight: bold;
	float: right;
	font-size: .8em;
	background: #B34C43;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
renew
+++++++++++++++++++++++++++++++++++++++++++++++ */

.renew .infoWrap {
	padding: 6px 18px 18px;
	background: #fbece8;
	-webkit-border-radius: .4em;
	-khtml-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
}

.renew .infoWrap h3 {
	background: #e8907c;
	-webkit-border-radius: .3em;
	-khtml-border-radius: .3em;
	-moz-border-radius: .3em;
	-ms-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em;
	padding: 4px 8px 5px;
}

.renew .infoWrap h4 {
	margin-top: 2em;
	padding-bottom: 5px;
	border-bottom: 2px dotted #FD7D5D;
	line-height: 1.3;
}

.renew .infoWrap strong, .renew .infoWrap p {
	padding-left: 1.5em;
	font-size: 1.05em;
}

.renew dl.img2 {
	width: 270px;
	margin: 0 0 0 30px;
	float: left;
}

.renew dl.img3 {
	width: 270px;
	margin: 0 0 0 30px;
	float: left;
}

.renew dl.img4 {
	width: 270px;
	margin: 0 0 0 30px;
	float: left;
}

.renew .guidance dl dt  {
	text-align: center;
	font-size: 1.15em;
	color: #333;
	font-weight: bold;
}

.renew dl dt img  {
	margin-bottom: .3em;
}

.renew .information {
	margin: 15px auto 25px;
	text-align: center;
	font-size: 1.15em;
	color: #333;
}
.renew .information span {
	padding: 5px 30px;
	border: 1px solid #666;
}

.renew .place {
	margin-bottom: 30px;
}

.renew .place dl.map  {
	float: left;
	margin: 0 40px 0 0;
}
.renew .place dl.btn  {
	margin-top: 13em;
	float: left;
}

.renew .place dl.btn dt  {
	margin: 0 0 1em 0;
}

.concept .infoWrap {
	padding: 1px 18px 18px;
	background: #fbece8;
	-webkit-border-radius: .4em;
	-khtml-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
}
.concept .infoWrap h3 {
	background: #e8907c;
	-webkit-border-radius: .3em;
	-khtml-border-radius: .3em;
	-moz-border-radius: .3em;
	-ms-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em;
	padding: 4px 8px 5px;
}

.concept ul.concept li {
	float: left;
	margin-right: 17px;
}

.concept ul.concept li.last {
	float: left;
	margin-right: 0;
}



.history .imgWrap {
	width: 400px;
	padding-top: 50px;
}
.history .imgText {
	margin-right: 410px;
}
.history .imgText h2 span {
	display: block;
	font-size: .7em;
}
.history .imgText ul {
	margin-left: .5em;
}

.anshin .mapWrap {
	background: url(../renew/img/img-anshin.png) no-repeat 0 0;
	width: 930px;
	height: 700px;
}
.anshin .note {
	vertical-align: middle;
	margin-right: 3px;
}

.movieLink {
	text-align: right;
	margin-top: 2em;
}

.movieLink-left {
	text-align: left;
	margin-top: 2em;
}

.movieLink a {

}

dl.movieBox p.update {
	padding-top: .8em;
	color: #999999;
	font-size: .75em;
}


/* .renew_06,.renew_07 */

.renew.renew_06 .infoWrap {
	padding: 10px 10px 18px;
	background: url(../renew/img/bg-renew_06.png);
	-webkit-border-radius: .4em;
	-khtml-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
}

.renew.renew_07 .infoWrap {
	padding: 10px 20px 18px;
	background: url(../renew/img/bg-renew_06.png);
	-webkit-border-radius: .4em;
	-khtml-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
}

.renew.renew_06 .infoWrap h3 {
	background: none;
	margin: 0;
	padding: 0 0 30px;
}

.renew.renew_07 .infoWrap h3 {
	background: none;
	margin: 0;
	padding: 0;
}

.renew.renew_06 .flow {
	width: 131px;
	padding: 0 34px 10px 0;
	float: left;
}

.renew.renew_06 dl dt {
	width: 300px;
	padding: 0 15px 5px 0;
	float: left;
	clear: both;
}

.renew.renew_07 dl dt {
	width: 600px;
	padding: 0 0 5px 0;
	float: left;
	clear: both;
}

.renew.renew_07 dl dt img {
	padding: 0 20px 0 0;
}

.renew.renew_07 dl.second dt img {
	margin: 0;
	padding: 0;
}

.renew.renew_07 dl.second {
	width: 280px;
	padding: 0 20px 5px 0;
	float: left;
}

.renew.renew_07 dl.second-last {
	width: 280px;
	padding: 0 0 5px 0;
	float: left;
}

.renew.renew_07 dl.second dt {
	width: 280px;
	padding: 20px 0 5px 0;
	float: none;
}

.renew.renew_06 dl dd {
	width: 400px;
	margin: 0;
	padding: 0;
	float: left;
}

.renew.renew_07 dl dd {
	width: 280px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

.renew.renew_07 dl.second dd {
	width: 280px;
	margin: 0;
	padding: 10px 0 0 0;
	float: none
}

.renew.renew_06 dl dd p,
.renew.renew_07 dl dd p {
	margin: 0 0 10px;
	padding: 0;
	font-size: .95em;
	line-height: 1.75;
	padding-left: 0;
}

.renew.renew_06 dl dd p strong {
	padding-left: 0;
}


/* .renew_08 */

.renew_08 .infoWrap {
	padding: 1px;
	background: #0078B8;
	border-radius: 0;
}

#tab {
	width: 401px;
	padding: 0;
	float: left;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

#tab li {
	width: 401px;
	height: 100px;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	cursor: pointer;
	text-indent: -9999px;
	border-bottom: 1px solid #FFF;
}

#tab li#tab1 { background: url(../renew/img/tab-renew_08-01_off.png) no-repeat 0 0; }
#tab li#tab1.select,#tab li#tab1:hover { background: url(../renew/img/tab-renew_08-01_on.png) no-repeat 0 0; }

#tab li#tab2 { background: url(../renew/img/tab-renew_08-02_off.png) no-repeat 0 0; }
#tab li#tab2.select,#tab li#tab2:hover { background: url(../renew/img/tab-renew_08-02_on.png) no-repeat 0 0; }

#tab li#tab3 { background: url(../renew/img/tab-renew_08-03_off.png) no-repeat 0 0; }
#tab li#tab3.select,#tab li#tab3:hover { background: url(../renew/img/tab-renew_08-03_on.png) no-repeat 0 0; }

#tab li#tab4 { background: url(../renew/img/tab-renew_08-04_off.png) no-repeat 0 0; }
#tab li#tab4.select,#tab li#tab4:hover { background: url(../renew/img/tab-renew_08-04_on.png) no-repeat 0 0; }

#tab li#tab5 { background: url(../renew/img/tab-renew_08-05_off.png) no-repeat 0 0; }
#tab li#tab5.select,#tab li#tab5:hover { background: url(../renew/img/tab-renew_08-05_on.png) no-repeat 0 0; }



.disnon {
  display: none;
}
.content_wrap {
	float: right;
  width: 525px;
  height: 504px;
  font-size: 20px;
  line-height: 160%;
  background: #ccc;
  color: #fff;
  
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#content1.content_wrap { background: url(../renew/img/bg-content-renew08-01.png) no-repeat 0 0; }
#content2.content_wrap { background: url(../renew/img/bg-content-renew08-02.png) no-repeat 0 0; }
#content3.content_wrap { background: url(../renew/img/bg-content-renew08-03.png) no-repeat 0 0; }
#content4.content_wrap { background: url(../renew/img/bg-content-renew08-04.png) no-repeat 0 0; }
#content5.content_wrap { background: url(../renew/img/bg-content-renew08-05.png) no-repeat 0 0; }


.renew_08 .infoWrap h3 {
	background: none;
	border-radius: 0;
	margin: 0;
	padding: 12px 8px 10px 15px;
}

.renew_08 .infoWrap p.photo {
	margin: 0;
	padding: 5px 10px 5px 15px;
	float: left;
}

.renew_08 .infoWrap p {
	margin: 0;
	padding: 0 15px 5px 15px;
	font-size: 14px;
	line-height: 150%;
	color: #000;
}
.renew_08 .infoWrap p.cap {
	margin: 0;
	padding: 5px 15px 0 15px;
	font-size: 10px;
	line-height: 150%;
}
.renew_08 .infoWrap p.cap strong {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
}

.renew_08 .mapWrap {
	margin: 30px 0 0;
	padding: 0;
	background: #EDEDED;
	border-radius: 0;
}
.renew_08 .map {
	width: 570px;
	margin: 0;
	padding: 10px;
	float: left;
}
.renew_08 .text {
	width: 340px;
	float: right;
}

.renew_08 .text dl {
	margin: 0;
	padding: 10px 10px 5px 0px;
	clear: both;
}
.renew_08 .text dl dt {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
}
.renew_08 .text dl dd.photo {
	margin: 0 1em 0 0;
	padding: 0;
	float: left;
}
.renew_08 .text dl dd.photo img {
	border: 1px solid #FFF;
}
.renew_08 .text dl dd {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
people
+++++++++++++++++++++++++++++++++++++++++++++++ */

.people .infoWrap {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px dotted #cccccc;
}
.people .infoWrap dl {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.people .infoWrap dt {
	float: left;
	width: 250px;
}
.people .infoWrap dd {
	margin-left: 250px;
}
.people .infoWrap #hosaka {
	color: #0E7ED6;
}
.people .infoWrap #masuda {
	color: #09B813;
}
.people .infoWrap .name {
	margin-top: 10px;
}
.people .infoWrap .name span {
	padding: 2px 6px;
	font-size: .9em;
	-webkit-border-radius: .3em;
	-khtml-border-radius: .3em;
	-moz-border-radius: .3em;
	-ms-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em;
}
.people .infoWrap #hosaka span {
	background: #dae6f7;
}
.people .infoWrap #masuda span {
	background: #ebf2ec;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
story
+++++++++++++++++++++++++++++++++++++++++++++++ */
.story.detail h2 {
	border-top: 1px solid #2B2B2B;
}
.story .imgWrap span {
	display: block;
	font-size: .85em;
	margin-top: 6px;
	color: #888;
}
.story .imgWrap img,
.story .imgWrap2 img {
	border: 5px solid #FFF;
	box-shadow: 3px 3px 6px #AAA;
}

.story .section .imgWrap2 {
	float: left;
	padding-right: 30px;
}

.story .column {
	width: 680px;
	border-radius: 5px;
	background: #026802;
	color: #FFF;
}

.story .column h4 {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	border-bottom: none;
}

.story .column p {
	margin: 15px 15px 15px 0;
	padding: 0;
	font-size: .95em;
}

.story .column p.cap {
	margin: 15px 15px 15px 0;
	padding: 0;
	font-size: .85em;
}
.story .column .image img {
	margin: 15px;
	border: 5px solid #FFF;
	box-shadow: 3px 3px 6px #333;
	float: left;
}

.story .column2 {
	width: 930px;
	border-radius: 5px;
	background: #026802;
	color: #FFF;
}
.story .column2 h4 {
	margin: 0;
	padding: 15px 0 0 15px;
	line-height: 1.3;
	border-bottom: none;
}

.story .column2 p {
	margin: 15px 15px 15px 15px;
	padding: 0;
	font-size: .95em;
}

.story .column2 table {
	width: 490px;
	margin: 15px 15px 15px 15px;
	padding: 0;
	font-size: .95em;
	color: #333;
	background-color: #EAE4D0;
	border-radius: 5px;
}
.story .column2 table td {
	padding: 5px 10px;
}

.story .column2 .image img {
	margin: 15px;
	float: right;
}

.story p.cap {
	margin: 8em 0 0;
	padding: 0;
	font-weight: bold;
}

.story p.cap2 {
	margin: 4em 0 0;
	padding: 0;
	font-weight: bold;
}

.story p.cap3 {
	margin: 6em 0 0;
	padding: 0;
	font-weight: bold;
}

.story p.cap4 {
	margin: 1em 0 0;
	padding: 0;
	font-weight: bold;
}
.story p.cap5 {
	margin: 7em 0 0;
	padding: 0;
	font-weight: bold;
}
.story p.cap span,
.story p.cap2 span,
.story p.cap3 span,
.story p.cap4 span,
.story p.cap5 span {
	font-weight: normal;
	font-size: .85em;
}


.story div.link {
	text-align: right;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #999;
}

.story div.link a {
	color: #3B7A3F;
}

.story div.link a:hover {
	color: #000;
}


.story_04 .section {
	background: url(../story/img/bg-story4.gif) repeat-y;
}

.story_04 h3 {
	margin: 0;
	padding: 10px;
}

.story_04 .mapWrap {
	width: 330px;
	padding: 0 10px 10px;
	float: left;
}

.story_04 .left-text {
	width: 330px;
	margin: 10px 0 0 0;
	padding: 0;
	background-color:rgba(255,255,255,0.6);
}

.story_04 .text {
	width: 570px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: right;
	background-color:rgba(255,255,255,0.6);
}

.story_04 .section dl {
	margin: 0;
	padding: 10px;
	clear: both;
}

.story_04 .section dl dt {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

.story_04 .section dl dt img {
	margin: 0 0 5px 0;
	padding: 0;
}

.story_04 .section dl dd {
	margin: 0 0 0 162px;
	padding: 0;
	font-size: 13px;
	line-height: 150%;
}
.story_04 .section dl dd strong {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
}
.story_04 .section dl dd span {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 150%;
	display: block;
}

.story_04 .section .left-text dl dd strong {
	color: #009844;
}

.story_04 .section .left-text dl dd {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 150%;
}

.story_04 .section dl dt span {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 150%;
	display: block;
}

.story_04 .section .note {
	margin: 28px 10px 10px;
	padding: 20px;
	font-size: 13px;
	line-height: 150%;
	background: #FFF;
	text-align: left;
	color: #000;
}


.story_04 .side-story {
	width: 910px;
	margin: 20px 10px 10px;
	padding: 0;
	clear: both;
	background-color:rgba(255,255,255,0.6);
	-webkit-border-radius: .3em;
	-khtml-border-radius: .3em;
	-moz-border-radius: .3em;
	-ms-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em;
}

.story_04 .side-story dl.left {
	width: 400px;
	margin: 10px 0 20px 20px;
	padding: 0;
	float: left;
	clear: none;
}
.story_04 .side-story dl.right {
	width: 400px;
	margin: 10px 20px 20px 0px;
	padding: 0;
	float: right;
	clear: none;
}

.story_04 .side-story dl dt {
	margin: 0 0 10px 0;
	padding: 0;
	float: none;
}

.story_04 .side-story dl dt span {
	margin: 0;
	padding: 5px 10px;
	float: none;
	display: inline;
	background: #3B7A3F;
	color: #FFF;
	font-size: 13px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	
}
.story_04 .side-story dl dt strong {
	margin: 0;
	padding: 0 0 0 10px;
	float: none;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
	
}



.story_04 .side-story dl dd {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 150%;
}

.story_04 .side-story dl dd.photo {
	margin: 0;
	padding: 8px 0 0;
}

.story_04 .side-story dl dd span {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 150%;
	text-align: center;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
info
+++++++++++++++++++++++++++++++++++++++++++++++ */

.info p.img {
	padding-bottom: 15px;
}

/* cleafix ++++++++++++++++++++++++++++++++++++++ */
html.ie7 .menubar:after,
html.ie7 .menubar:before,
html.ie7 .idx #contents .section:after,
html.ie7 .idx #contents .section:before,
.pdfLink:after,
.pdfLink:before,
.flexslider:after,
.flexslider:before,
.page .globalMenu ul:before,
.page .globalMenu ul:after,
.section:before,
.section:after,
.movieBox:after,
.movieBox:before,
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
html.ie7 .menubar:after,
html.ie7 .section:after,
.pdfLink:after,
.section:after,
.flexslider:after,
.page .globalMenu ul:after,
.movieBox:after,
.cf:after { clear: both; }

html.ie7 .menubar,
html.ie7 .idx #contents .section,
.pdfLink,
.section,
.flexslider,
.page .globalMenu ul,
.movieBox,
.cf { *zoom: 1; }



.tabs {
  width: 912px;
  margin: 15px auto 0;
}
.tabs a {
  display: block;
  float: left;
  width: 452px;
  text-indent: -9999px;
  
}
.tabs a.active {
  
}

.tabs .active.tab1,
.tabs .tab1:hover {
	width: 452px;
	height: 100px;
	overflow: hidden;
	background: url(../img/tab-renovation.png) no-repeat 0 -100px;
}

.tabs .tab1 {
	width: 452px;
	height: 100px;
	margin-right: 8px;
	overflow: hidden;
	background: url(../img/tab-renovation.png) no-repeat;
}

.tabs .active.tab2,
.tabs .tab2:hover
 {
	width: 452px;
	height: 100px;
	overflow: hidden;
	background: url(../img/tab-cocodoco.png) no-repeat 0 -100px;
}

.tabs .tab2 {
	width: 452px;
	height: 100px;
	overflow: hidden;
	background: url(../img/tab-cocodoco.png) no-repeat;
}

.swiper-container {
  
  /*height: 650px;*/
  
  
  width: 950px;
  border-top: 0;
}
.swiper-slide1 {
  height: 100%;
  width: 950px;
  background: none;
 
}

.swiper-slide2 {
 height: 100%;
  width: 950px;
  background: none;
 
}
.content-slide {
  padding: 0 0 10px 0;
}