@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	top.css
	created:	091013 
	update:		110318
	
------------------------------------------------------------ */

/* ------------------------------------------------------------ レイアウト */
div#contents {
	float: right;
	width: 747px;
}

div#nav {
	float: left;
	width: 213px;
}

div#wrap {
	position: relative;
	height: 1%;
}

div#wrapInner {
	background-image: url(/jp/images/bg-wrapinner.png);
	background-repeat: repeat-y;
	background-position: 0 bottom;
}

div#contents div#mainContents {
	padding-top: 1px;
	padding-bottom: 50px;
	border: solid 1px #e6e6e6;
	border-bottom: none;
}

/* ------------------------------------------------------------ ヘッダ */
div#header {
	margin-bottom: 9px;
	background-color: #606467;
	border-top: solid 1px #cfdb00;
	background-image: url(/jp/images/bg-header.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#header dl { margin-top: 6px; }

div#header dl dt {
	margin-top: 4px;
	padding: 1px 7px 1px 0;
	border-right: 1px solid #a0a2a4;
}

div#header dl.fontSize { margin: 6px 19px 6px 10px; }

* html div#header dl.fontSize { margin-left: 5px; }

div#header dl.fontSize dd {
	height: 21px;
	margin: 0;
}

div#header dl.fontSize dd a img { position: static; }

div#header dl.fontSize dd a:hover img,
div#header dl.fontSize dd a.hover img { top: -21px; }

div#header dl.fontSize dd.current a img { top: -42px; }

div#header dl.lang { width: 333px; }

div#header dl.lang ul { clear: both; }

div#header dl.lang ul li {
	position: relative;
	float: left;
	height: 21px;
	overflow: hidden;
	margin-right: 9px;
}

div#header dl.lang ul li a:hover img,
div#header dl.lang ul li a.hover img {
	position: relative;
	top: -21px;
}

div#header dl.lang ul li.current a img {
	position: relative;
	top: -42px;
}

div#header form { margin: 5px; }

* html div#header form { margin-bottom: 4px; }
*:first-child+html div#header form { margin-bottom: 4px; }

* html div#header form { margin-right: 2px; }

/* ------------------------------------------------------------ グローバルナビ */
div#globalNav {
	float: none;
	width: 960px;
}

div#globalNav ul {
	background-color: #555e61;
	background-image: url(/jp/images/gn-bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#globalNav ul li {
	height: 45px;
	background-position: 100% 12px;
}

div#globalNav ul li a:hover img { top: -45px; }

/* ------------------------------------------------------------ 見出し */
/* h1 */
h1.siteID {
	padding: 15px 0 14px 0;
	background-color: #FFF;
	text-align: center;
}

/* h2 */
div#mainContents h2 {
	line-height: 0;
	margin-bottom: 10px;
	padding: 10px 9px 9px;
	background-color: #d5d7d9;
	font-size: 0;
	background-image: none;
	border-bottom: none;
}

/* RSS付きh2 */
div#mainContents h2.info,
div#mainContents div.rssTitle {
	margin-bottom: 10px;
	padding: 5px 0 8px 2px;
	border-bottom: solid 3px #D1CBCA;
	background-color: #FFF;
	background-image: none;
}

div#mainContents div.rssTitle h2 {
	border: none;
	background-color: #FFF;
}

div#mainContents div.rssTitle p {
	width: 38px;
	line-height: 0;
	font-size: 0;
}

div#mainContents div.rssTitle p a {
	padding: 0;
	background-image: none;
}

div#mainContents div.rssTitle.entertainment { margin-top: 14px; }

div#mainContents div.rssTitle.event {
	padding: 0 0 3px 2px;
	border-bottom: solid 3px #CFDB00;
}

div#mainContents div.rssTitle.event p { margin-top: 10px; }

/* 見出し＋文言 */
div#mainContents div.rssTitle div.title {
	float: left;
	width: 680px;
}

div#mainContents div.rssTitle div.title h2 { width: auto; }

div#mainContents div.rssTitle div.title p {
	float: left;
	margin-left: 15px;
}

/* ------------------------------------------------------------ contents */
div.keyVisual {
	height: 380px;
	background-color: #FFF;
}

/* event */
div#mainContents ul.event {
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
}

div#mainContents ul.event li {
	float: left;
	margin-right: 13px;
}

div#mainContents ul.event li.lastChild { margin-right: 0; }

/* Midtown Navi */
div#mainContents div.promotion {
	height: 80px;
	margin: 0 10px 27px 10px;
}

div#mainContents div.promotion p { margin: 0; }

/* 東京ミッドタウンを楽しもう */
div#mainContents div.enjoy {
	margin-bottom: 10px;
}

div#mainContents div.enjoy ul {
	clear: both;
	margin-left: 10px !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

div#mainContents div.enjoy ul li {
	float: left;
}

div#mainContents div.enjoy ul li.lastChild { margin-right: 0; }

/* ------------------------------------------------------------ nav */
div#nav div.action,
div#nav div.info,
div#nav div.mobile,
div#nav div.localNav {
	margin: 0 13px 10px 0;
	background-color: #FFF;
}

div#nav div.sub {
	margin: 0;
	padding-bottom: 1px;
	background-image: url(/jp/images/bg-sub.png);
	background-position: 0 0;
	background-repeat: repeat;
}

/* action */
div#nav div.action {
	padding: 9px;
	border: solid 1px #e6e6e6;
}

div#nav div.action ul li {
	position: relative;
	width: 180px;
	overflow: hidden;
	margin-bottom: 1px;
}

div#nav div.action ul li a { display: block; }

div#nav div.action ul li a img { position: relative; }

div#nav div.action ul li a:hover img {
	position: relative;
	left: -180px;
}

/* info */
div#nav div.info { border: solid 1px #d4dbd3; }

div#nav div.info div.inner {
	margin: 0;
	padding: 7px 8px 7px 7px;
	border-top: solid 1px #ebeeed;
	border-left: solid 1px #ebeeed;
	background-color: #e2e6e1;
}

div#nav div.info div.board {
	margin: 0;
	padding: 1px;
	border: solid 1px #c6cac6;
	background-color: #FFF;
}

div#nav div.info table td.main {
	width: 140px;
	min-height: 43px;
	padding: 5px 10px;
	background-color: #FFF;
	font-size: 100%;
}

* html div#nav div.info table td.main {
	width: 160px;
	height: 53px;
}

div#nav div.info table td.prev,
div#nav div.info table td.next {
	width: 9px;
	background-color: #F2F2F2;
}

div#nav div.info table td.prev:hover,
div#nav div.info table td.next:hover,
div#nav div.info table td.prev.hover,
div#nav div.info table td.next.hover {
	background-color: #CCC;
	cursor: pointer;
}

/* mobile */
div#nav div.mobile {
	padding-top: 0;
}

div#nav div.mobile dl { margin: 0 11px 8px 11px; }

div#nav div.mobile dl dt,
div#nav div.mobile dl dd {
	margin-bottom: 8px;
	line-height: 0;
	font-size: 0;
}

div#nav div.mobile dl dd { margin-bottom: 0; }

div#nav div.mobile ul {
	border: solid 1px #e6e6e6;
	border-bottom: none;
}

div#nav div.mobile ul li {
	padding: 4px;
	position: relative;
	width: 190px;
	overflow: hidden;
}

div#nav div.mobile ul li a { display: block; }

div#nav div.mobile ul li a img { position: relative; }

div#nav div.mobile ul li a:hover img {
	position: relative;
	left: -190px;
}

/* localNav */
div#nav div.localNav {
	margin-top: 0;
	margin-bottom: 0;
	padding: 4px;
	border: solid 1px #e6e6e6;
}

div#nav div.localNav dl { margin: 0; }

div#nav div.localNav dl dt {
	line-height: 0;
	margin-bottom: 10px;
	padding: 10px 0 10px 9px;
	border-bottom: none;
	background-color: #d5d7d9;
	font-size: 0;
}

div#nav div.localNav dl dd { margin-bottom: 15px; }

div#nav div.localNav dl dd ul li {
	width: 190px;
	margin-bottom: 1px;
	border-bottom: none;
}

div#nav div.localNav dl dd ul li a { display: block; }

div#nav div.localNav dl dd ul li a:hover { background-image: none; }

div#nav div.localNav dl dd ul li a img {
	position: relative;
	left: 0;
}

div#nav div.localNav dl dd ul li a:hover img { left: -190px; }

/* Midtown Information */
div#nav div.localNav dl dd ul.information li { margin-bottom: 10px; }

/* 環境への取り組み */
div#nav div.localNav dl dd ul.csr li { margin-bottom: 5px; }

/* 施設案内 */
div#nav div.localNav dl dd dl dt {
	margin-bottom: 7px;
	padding: 0 0 0 9px;
	background-color: #FFF;
}

div#nav div.localNav dl dd dl dd,
div#nav div.localNav dl dd.related {
	padding-bottom: 10px;
	background-image: url(/jp/images/bg-dot.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

/* Related Website */
div#nav div.localNav dl dt.related {
	margin-bottom: 8px;
	padding: 0 0 7px 4px;
	border-bottom: solid 3px #ebebee;
	background-color: #FFF;
}

div#nav div.localNav dl dd.about { margin-bottom: 7px; }

/* ------------------------------------------------------------ etc */
/* トップへ戻る */
div#wrap p.toTop {
	position: absolute;
	right: 13px;
	bottom: 10px;
	width: 722px;
	text-align: right;
	line-height: 0;
	font-size: 0;
}

div#wrap p.toTop a { padding: 3px 0; }

div#wrap p.toTop.contentBottom {
	margin: 0;
	border: solid 1px #dedede;
}

div#wrap p.toTop.contentBottom a {
	display: block;
	padding: 10px 10px 9px 10px;
}

div#wrap p.toTop.contentBottom a:hover { background-color: #f4f4f4; }

/* ------------------------------------------------------------ footer */
div#footer { padding-top: 63px; }

/* ユーティリティーナビ */
div#footer div.footerNav {
	padding-bottom: 10px;
	border-bottom: solid 1px #73777a;
}

div#footer ul.utilitiesNav {
	float: left;
	padding-bottom: 0;
	padding-left: 3px;
	border-bottom: none;
}

div#footer ul.utilitiesNav.alignR { float: right; }

div#footer ul.utilitiesNav.alignR li {
	position: relative;
	float: left;
	height: 10px;
	line-height: 1.0;
	overflow: hidden;
	margin-right: 12px;
	font-size: 10%;
}

div#footer ul.utilitiesNav.alignR li.lastChild { margin-right: 0; }

div#footer ul.utilitiesNav.alignR li a img {
	position: relative;
	top: 0;
}

div#footer ul.utilitiesNav.alignR li a:hover img { top: -10px; }

/* ------------------------------------------------------------ Clearfixes */
div#wrapInner:after,
div#header:after,
div#header dl.lang ul:after,
div#mainContents ul.event:after,
div#mainContents div.enjoy ul:after,
div#footer div.footerNav:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#wrapInner,
div#header,
div#header dl.lang ul,
div#mainContents ul.event,
div#mainContents div.enjoy ul,
div#footer div.footerNav { display: inline-table; }

* html div#wrapInner,
* html div#header,
* html div#header dl.lang ul,
* html div#mainContents ul.event,
* html div#mainContents div.enjoy ul,
* html div#footer div.footerNav { height: 1%; }

div#wrapInner,
div#header,
div#header dl.lang ul,
div#mainContents ul.event,
div#mainContents div.enjoy ul,
div#footer div.footerNav {
	display: block;
	zoom: 1;
}

/* EOF */