@charset "UTF-8";

/*
======== table of content. ===============

summary:トップページ独自要素

- base link
- content
 - promotion
	- important information
	- main
	 - featured-panel
		- gatewayMenu
		- magazine
		- news
		- virtualtour
		- research at work
	- sub
- shareボタン

==========================================
*/

/*----------------------------------------
base link
------------------------------------------*/
#home #content a:hover { text-decoration:underline; }

/*----------------------------------------
content
------------------------------------------*/
#home #content {
	width: 1004px;
	padding: 10px;
	background:#fff;
}

/*----------------------------------------
	promotion
------------------------------------------*/
#home #promotion {
	position: relative;
	width: 982px;
	height: 328px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #ae945b;
	background: url(../images/bg_promotion.gif) repeat-x;
	overflow: hidden;
}

#home #promotion .fader {
	top: 0;
	left: 0;
	position: absolute;
	width:972px;
	height:328px;
}

#home #promotion .fader .promo_inner {
	padding-bottom: 0;
 padding-left: 10px;
 padding-right: 0;
 padding-top: 10px;
}

#home #promotion .fl {
	width:593px;
}

#home #promotion .fl img {
	border:1px solid #a5a4a4;
}

#home #promotion .fr {
	width:357px;
}

#home #promotion .fr *,
#home #promotion .fr * a:hover {
	color:#fff;
}

#home #promotion .fr * a {
	color:#d2bb89;
}

#home #promotion .fr h2 {
	margin-bottom:24px;
}

#home #promotion .fr img { border:none; }

#home #promotion .fr p { line-height:1.5; }

#home #promotion .fr p.more {
	position:absolute;
	bottom:0;
	right:0;
	line-height:1;
}

/*----------------------------------------
	main
------------------------------------------*/
#home #content #main {
	width:602px;
	margin-top:0;
	margin-bottom:30px;
}

/*----------------------------------------
	sub
------------------------------------------*/
#home #content #sub {
	width: 397px;
	margin: 0 0 30px 0;
}
#home #content #sub ul.banner {
	margin: -5px 0 0 -5px;
}
#home #content #sub ul.banner li {
	float:left;
}
#home #content #sub ul.banner li {
	margin: 5px 0 0 5px;
}
#home #content #sub ul.banner li img {
	border:none;
	vertical-align: top;
}

/*----------------------------------------
	main, sub section
------------------------------------------*/
.infoBox {
	padding: 10px;
	border: 1px solid #a5a4a4;
	margin-bottom: 5px;
	position: relative;
}
#main .infoBox h2 {
	clear:both;
	margin-bottom:10px;
	padding: 3px 0 10px 0;
	border-left:none;
	background:url(/global/images/bg_h2_dot.gif) repeat-x left bottom;
	line-height:1;
	font-size: 14px;
}

#home #content #main section h3,
#home #content #sub section h3 {
	clear:left;
	font-family:times, serif;
	padding:4px 0;
	background:none;
	font-size:14px;
}

#home #content img {
	border:1px solid #969696;
}

#home #content img.fl {
	margin-right:10px;
}
#main ul.more {
	margin: 0 !important;
}

#home #main ul.link_arrow li:last-child {
	margin-bottom: 0;
}

#home #content ul.more li {
	position:absolute;
	top:9px;
	right:10px;
	background:none;
	padding-left:0;
	font-size:12px;
	z-index:50;
}

#home #content ul.more li a {
	color: #b7190c;
	padding-left:16px;
	background:url(/global/images/bt_arrow_circle.gif) no-repeat 0 1px;
}

#main #otherlink ul {
	margin: 0;
}

#home #main ul.info_arrow {
	margin: 0;
}

#home #main ul.info_arrow p {
	font-size: 13px;
}
.info_arrow a[target=_blank]:after {
	content: '';
	background: url(/global/images/icon_blank.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.info_arrow a[href*=pdf]:after {
	content: '';
	background: url(/global/images/icon_pdf.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

/* 各種お知らせ */
/*#home #main ul.info_arrow {
	margin:10px 5px;
}

#home #main ul.info_arrow a { padding-left:16px; background-position:0 3px; }

#home #main ul.info_arrow a,
#home #main ul.info_arrow a p { color:#222; }

#home #main ul.info_arrow a:hover p { color:#b7190c; }

#home #main #otherlink ul.info_arrow li a { background-position:0 4px; }

#home #main ul.info_arrow li p,
#home #main #otherlink ul.info_arrow li { font-size:13px; }

#home #main ul.info_arrow li p.day { width:110px; }

.mac #home #main ul.info_arrow li p.day,
.iphone #home #main ul.info_arrow li p.day,
.ipad #home #main ul.info_arrow li p.day { width:100px; }

#home #main ul.info_arrow li p.detail { width:430px; }

.mac #home #main ul.info_arrow li p.detail,
.iphone #home #main ul.info_arrow li p.detail,
.ipad #home #main ul.info_arrow li p.detail { width:440px; }*/

#important-panel {
	display: none;
}
#emergency {
	border-color: #ae935b;
	background-color:#e0d5b9;
	display: none;
}
.hasEntry {
	display: block !important;
}

#main #emergency h2 {
	background-image:url(/global/images/bg_h2_dot_red.gif);
}

@media screen and (max-width: 1004px) {
#home #promotion {
	width: auto;
	height: 480px;
	background: rgb(183,25,12);
	background: -moz-linear-gradient(top,  rgba(183,25,12,1) 0%, rgba(115,20,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(183,25,12,1) 0%,rgba(115,20,18,1) 100%);
	background: linear-gradient(to bottom,  rgba(183,25,12,1) 0%,rgba(115,20,18,1) 100%);
	border: none;
	margin-bottom: 0;

}
#home #promotion .fader {
	width: 100%;
	height: auto;
}
#home #promotion .fader .promo_inner {
	padding: 10px;
}
#home #promotion .fader .promo_inner .fl {
	text-align: center;
}
#home #promotion .fader .promo_inner h2 {
	margin-bottom: 10px !important;
}
#home #promotion .fader .promo_inner h2 img {
	width: 250px;
	height: auto;
}
#home #promotion .fader .promo_inner img[src*=Btn] {
	width: 200px;
	height: auto;
}
#home #promotion .fader .promo_inner .fl img {
	width: 100%;
	max-width: 400px;
	height: auto;
	box-sizing: border-box;
}
#home #promotion .fl {
	float: none;
	width: auto;
}
#home #promotion .fr {
	float: none;
	width: auto;
}

#home #content {
	width: auto;
	padding: 0;
}
#home #content #sub {
	width: auto;
	margin: 0;
	padding: 0;
}
#home #content #main {
	width: auto;
	margin: 0;
	padding: 0;
}
.infoBox {
    border: none;
	padding: 0 15px 30px 15px;
	margin-bottom: 0;
}

#home #content #main section h2,
#home #content #sub section h2 {
	border-bottom: none;
    padding: 8px 15px;
    background: #b7190c;
    margin-top: 15px;
    color: #fff;
    font-weight: bold;
	margin: 0 -15px 10px -15px;
}
#home #content ul.more li {
	border-left: 1px solid #fff;
	padding-left: 10px;
	top: 5px;
}
#home #content ul.more li a {
	color: #fff;
}
#home #main ul.info_arrow {
	margin: 0;
}
#home #content ul.more li a {
	background: none;
	padding-left: 0;
}
#home #content ul.more li a:before,
#home #content #sub ul.more li a:before {
	content: '» ';
}
ul.banner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -2px;
}
ul.banner a {
	display: block;
	background: rgb(229,216,189);
	background: -moz-linear-gradient(top,  rgba(229,216,189,1) 0%, rgba(221,208,180,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(229,216,189,1) 0%,rgba(221,208,180,1) 100%);
	background: linear-gradient(to bottom,  rgba(229,216,189,1) 0%,rgba(221,208,180,1) 100%);
}
ul.banner .on a {
	display: block;
	background: rgb(183,25,12);
	background: -moz-linear-gradient(top,  rgba(183,25,12,1) 0%, rgba(143,35,32,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(183,25,12,1) 0%,rgba(143,35,32,1) 100%);
	background: linear-gradient(to bottom,  rgba(183,25,12,1) 0%,rgba(143,35,32,1) 100%);
}
#home #content #sub ul.banner {
	margin: 0 -2px;
}
#home #content #sub ul.banner li {
	float: none;
	width: 50%;
	box-sizing: border-box;
	padding: 0 2px;
	margin: 0 0 4px 0;
	text-align: center;
}
#home #content #sub ul.banner li img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
#home #content #sub ul.banner li.banner-odd {
	margin-left: 0;
}

.mobileInfo .clearfix {
	display: table;
	width: 100%;
}
.mobileInfo .clearfix > p {
	float: none !important;
	width: auto !important;
	display: table-cell;
	vertical-align: top;
}
.mobileInfo .clearfix .w100 {
	padding-right: 10px;
}
}