@charset "UTF-8";
/* CSS Document */

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

	Copyright© Bureau of Transportation. Tokyo Metropolitan Government.

	Header-layout styles

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


/* ------------------------------------------------------------
	Header
------------------------------------------------------------ */

#header {
	width: 100%;
	min-width: 800px;  /*up-date*/
	margin: 0 auto;
	background: url(../images/bg/bg_grayline.gif) repeat-x 0px bottom;
	font-size: 93%;
}
#headerInner {
	width: 800px;
	margin: 0 auto;
	padding: 17px 0 29px 0;
}

#header .logo {
	float: left;
	width: 200px;
	display: block;
	padding: 0 0 0 0;
}

#header .logo_k {
	clear:left;
	width: 128px;
	display: block;
	padding: 0 0 0 0;
}

#header .headerRight {
	float: right;
	display: block;
	width: 590px;
}


/* ------------------------------------------------------------
	Header FontChange
------------------------------------------------------------ */

#header #fontChange {
	float :right;
	width: 77px;
	height: 25px;
	padding: 5px 0 0 88px;
	background: url(../images/header/font_bg.gif) no-repeat 0px 0px;
	line-height: 0;
}

ul#fontSize {
	*zoom: 1; /*forIE6,7*/
}

ul#fontSize:after {
	content: "";
	display: block;
	clear: both;
}

#fontSize li {
	float: left;
	cursor: pointer;
	margin: 0 0 0 4px;
	line-height: 0;
}


/* ------------------------------------------------------------
	Header OutsideLink
------------------------------------------------------------ */

#header ul.outsideLink {
	float: left;
	width: 415px;
	padding: 9px 0 0 0;
	text-align: right;
	line-height: 1.2;
}

/* 201602 CII cng */
#header ul.outsideLink li {
	float: right;
	display: inline;
	margin: 0 0 0 3px;
}
/*  CII end */

#header ul.outsideLink li a {
	color: #000000;
}

/* 201602 CII cng */
.outsideLink li.link01 {
	padding: 0 0 0 19px;
	background: url(../images/icon/i_global_line.gif) no-repeat left center;
}
.outsideLink li.link02 {
	padding: 0 0 0 21px;
	background: url(../images/icon/i_page_line.gif) no-repeat left center;
}
.outsideLink li.link03 {
	padding: 0 0 0 14px;
	background: url(../images/icon/i_page.gif) no-repeat left center;
}
.outsideLink li.link04 {
	padding: 0 0 0 19px;
	background: url(../images/icon/i_page_line.gif) no-repeat left center;
}
/*  CII end */


/* ------------------------------------------------------------
	Header AssistNavi
------------------------------------------------------------ */

#header ul.assistNavi {
	clear: both;
	width: 590px;
	padding: 10px 0 0 0;
	text-align: right;
	line-height: 1.2;
}

#header ul.assistNavi li {
	float: right;
	display: inline;
	margin: 0 0 0 14px;
	padding: 0 0 0 10px;
	background: url(../images/icon/i_arrow.gif) no-repeat left center;
}

#header ul.assistNavi li a {
	color: #000000;
}


/* ------------------------------------------------------------
	Header GlobalNavi
------------------------------------------------------------ */

#header ul.globalNavi {
	clear: both;
	width: 800px;
	padding: 9px 0 0 0;
	text-align: left;
	line-height: 0;
}

#header ul.globalNavi li {
	float: left;
	text-indent: -9999px;
	line-height: 0;
}

#header ul.globalNavi li a {
	display: block;
	line-height: normal;
}

#header .globalNavi li.navi02,
#header .globalNavi li.navi03,
#header .globalNavi li.navi04,
#header .globalNavi li.navi05,
#header .globalNavi li.navi06,
#header .globalNavi li.navi07 {
	margin: 0 0 0 3px;
}

/* home */
#header .globalNavi li.navi01 a {
	width: 95px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu01.gif) no-repeat 0px top;
}
#header .globalNavi li.navi01 a:hover {
	width: 95px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu01.gif) no-repeat 0px bottom;
}
#home #header .globalNavi li.navi01 a,
#home #header .globalNavi li.navi01 a:hover {
	width: 95px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu01.gif) no-repeat 0px bottom;
}

/* search01 */
#header .globalNavi li.navi02 a {
	width: 109px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu02.gif) no-repeat 0px top;
}
#header .globalNavi li.navi02 a:hover {
	width: 109px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu02.gif) no-repeat 0px bottom;
}
#search01 #header .globalNavi li.navi02 a,
#search01 #header .globalNavi li.navi02 a:hover {
	width: 109px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu02.gif) no-repeat 0px bottom;
}

/* search02 */
#header .globalNavi li.navi03 a {
	width: 109px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu03.gif) no-repeat 0px top;
}
#header .globalNavi li.navi03 a:hover {
	width: 109px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu03.gif) no-repeat 0px bottom;
}
#search02 #header .globalNavi li.navi03 a,
#search02 #header .globalNavi li.navi03 a:hover {
	width: 109px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu03.gif) no-repeat 0px bottom;
}
#header .globalNavi li.navi03 ul.sub_menu a ,
#header .globalNavi li.navi03 ul.sub_menu a:hover ,
#search02 #header .globalNavi li.navi03 ul.sub_menu a,
#search02 #header .globalNavi li.navi03 ul.sub_menu a:hover {
	height: auto;
	background-image: none;
	text-indent: 10px;
	padding: 6px 0 5px 0;
	line-height: 1.3;
}

/* search03 [2011-12-21 up date] */
#header .globalNavi li.navi04 a {
	width: 132px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu04.gif) no-repeat 0px top;
}
#header .globalNavi li.navi04 a:hover {
	width: 132px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu04.gif) no-repeat 0px bottom;
}
#search03 #header .globalNavi li.navi04 a,
#search03 #header .globalNavi li.navi04 a:hover {
	width: 132px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu04.gif) no-repeat 0px bottom;
}
#header .globalNavi li.navi04 ul.sub_menu a ,
#header .globalNavi li.navi04 ul.sub_menu a:hover ,
#search03 #header .globalNavi li.navi04 ul.sub_menu a,
#search03 #header .globalNavi li.navi04 ul.sub_menu a:hover {
	height: auto;
	background-image: none;
	text-indent: 10px;
	padding: 6px 0 5px 0;
	line-height: 1.3;
}

/* search04 */
#header .globalNavi li.navi05 a {
	width: 87px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu05.gif) no-repeat 0px top;
}
#header .globalNavi li.navi05 a:hover {
	width: 87px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu05.gif) no-repeat 0px bottom;
}
#search04 #header .globalNavi li.navi05 a,
#search04 #header .globalNavi li.navi05 a:hover {
	width: 87px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu05.gif) no-repeat 0px bottom;
}
#header .globalNavi li.navi05 ul.sub_menu a ,
#header .globalNavi li.navi05 ul.sub_menu a:hover ,
#search04 #header .globalNavi li.navi05 ul.sub_menu a,
#search04 #header .globalNavi li.navi05 ul.sub_menu a:hover {
	height: auto;
	width: 100px;
	background-image: none;
	text-indent: 10px;
	padding: 6px 0 5px 0;
	line-height: 1.3;
}

/* search05 */
#header .globalNavi li.navi06 a {
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu06.gif) no-repeat 0px top;
}
#header .globalNavi li.navi06 a:hover {
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu06.gif) no-repeat 0px bottom;
}
#search05 #header .globalNavi li.navi06 a,
#search05 #header .globalNavi li.navi06 a:hover {
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu06.gif) no-repeat 0px bottom;
}

/* search06 */
#header .globalNavi li.navi07 a {
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu07.gif) no-repeat 0px top;
}
#header .globalNavi li.navi07 a:hover {
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu07.gif) no-repeat 0px bottom;
}
#search06 #header .globalNavi li.navi07 a,
#search06 #header .globalNavi li.navi07 a:hover {
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: url(../images/header/navi_menu07.gif) no-repeat 0px bottom;
}


/* ------------------------------------------------------------
	Pop-up Window Header
------------------------------------------------------------ */

#popHeader {
	width: 100%;
	min-width: 550px;  /*up-date*/
	background: url(../images/bg/bg_popgrayline.gif) repeat-x 0px bottom;
	font-size: 93%;
}
#popHeaderInner {
	width: auto;
	padding: 15px 12px;
}

#popHeader .logo {
	float: left;
	width: 200px;
	padding: 0 0 6px 0;
}

#popHeader .headerRight {
	float: right;
	display: block;
	width: 205px;
}

#popHeader p.popHeadBtn {
	float: right;
	display: block;
	width: 22px;
	padding: 0 0 0 12px;
	line-height: 0;
}

/* FontChange */
#popHeader #fontChange {
	float :right;
	width: 77px;
	height: 25px;
	padding: 5px 0 0 88px;
	background: url(../images/header/font_bg.gif) no-repeat 0px 0px;
	line-height: 0;
}