@charset "UTF-8";
/* 

このファイルには、全ページに共通して使用するCSSを書き込みます

*/

/*********************

	共通要素

***********************/
* {
	box-sizing:border-box;
}
a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.colorRed {
	color:#FF0000;
}
.pc {
	display:block;
}
.sp {
	display:none;
}
/*clear*/
.pcclear {
	display:block;
}
.spclear {
	display:inline-block;
}
/*********************

  ヘッダー
	
***********************/
#header {
	background:#FFF;
	padding:0 0 0 15px;
	border-bottom:#D5DDE3 solid 1px;
	overflow:hidden;
	font-size:0;
	min-width:820px;
	display: table;
	width: 100%;
}
#header .ltArea {
	display:inline-block;
	float:left;
	vertical-align:middle;
	overflow:hidden;
	padding:15px 35px 15px 0;
	width:420px;
}
#header .ltArea h1.logo {
	background:url(../images/logo.png) no-repeat left top;
	background-size:53px;
	padding:5px 0 5px 70px;
	position:relative;
}
#header .ltArea h1.logo a {
	text-decoration:none;
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#header .ltArea h1.logo a:hover {
	background:rgba(255,255,255,0.5);
}
#header .ltArea .menu-btn {
	display:none;
}
#header .rbArea {
	display:inline-block;
	float:left;
	vertical-align:middle;
	overflow:hidden;
	padding:0 35px 0 0;
}
#header .rbArea .tel {
	background:url(../images/tel_l.png) no-repeat left 50%, url(../images/tel_r.png) no-repeat right 50%;
	text-align:center;
	padding:0 12px;
	float:left;
	margin-right:20px;
	min-width:166px;
}
#header .rbArea .tel:last-child {
	margin-right:0;
}
#header .rbArea .tel .name {
	line-height:1.2;
	font-size:13px;
}
#header .rbArea .tel .num {
	font-size:16px;
	background:url(../images/icon_tel.png) no-repeat left 5px;
	background-size:12px auto;
	padding-left:16px;
	display:inline-block;
	line-height:1.3;
}
#header .dateArea {
	border-left:#D5DDE3 solid 1px;
	padding:15px 20px;
	text-align:center;
	display:inline-block;
	float:left;
	vertical-align:middle;
	text-align:left;
	min-width:200px;
}
#header .dateArea .title {
	font-size:12px;
}
#header .dateArea .time {
	font-size:16px;
}
#header .weatherArea {
	border-left:#D5DDE3 solid 1px;
	display:inline-block;
	float:right;
	vertical-align:middle;
	font-size:0;
	padding:0 20px;
	text-align:center;
	max-width:520px;
}
#header .weatherArea .inner{
	display:table-cell;
	vertical-align:middle;
	height:73px;
}
#header .weatherArea .title {
	background:#98AFBA;
	padding:1px 5px;
	color:#FFF;
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
#header .weatherArea .weather {
	font-size:13px;
	color:#5F7E8C;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
	max-width: 13em;
}
#header .weatherArea .weather_icon {
	height:21px;
	display:inline-block;
	vertical-align:middle;
	height:30px;
}
/*晴れ*/
#header .weatherArea .weather_icon.i_s {
	background:url(../images/icon_sunny.png) no-repeat left 50%;
	background-size:30px auto;
	width:30px;
}
#header .weatherArea .weather_icon.i_s_c {
	background:url(../images/icon_s_c.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_s_r {
	background:url(../images/icon_s_r.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_s_sn {
	background:url(../images/icon_s_sn.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_s_t {
	background:url(../images/icon_s_t.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
/*曇り*/
#header .weatherArea .weather_icon.i_c {
	background:url(../images/icon_cloud.png) no-repeat left 50%;
	background-size:30px auto;
	width:30px;
}
#header .weatherArea .weather_icon.i_c_s {
	background:url(../images/icon_c_s.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_c_r {
	background:url(../images/icon_c_r.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_c_sn {
	background:url(../images/icon_c_sn.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_c_t {
	background:url(../images/icon_c_t.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
/*雨*/
#header .weatherArea .weather_icon.i_r {
	background:url(../images/icon_rain.png) no-repeat left 50%;
	background-size:30px auto;
	width:30px;
}
#header .weatherArea .weather_icon.i_r_s {
	background:url(../images/icon_r_s.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_r_c {
	background:url(../images/icon_r_c.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_r_sn {
	background:url(../images/icon_r_sn.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_r_t {
	background:url(../images/icon_r_t.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
/*雪*/
#header .weatherArea .weather_icon.i_sn {
	background:url(../images/icon_snow.png) no-repeat left 50%;
	background-size:auto 30px;
	width:30px;
}
#header .weatherArea .weather_icon.i_sn_s {
	background:url(../images/icon_sn_s.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_sn_c {
	background:url(../images/icon_sn_c.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_sn_r {
	background:url(../images/icon_sn_r.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
#header .weatherArea .weather_icon.i_sn_t {
	background:url(../images/icon_sn_t.png) no-repeat left 50%;
	background-size:60px auto;
	width:60px;
}
/*********************
	pageTop
***********************/
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pageTop a {
	display: block;
}
#pageTop a img{
	width:60px;
}
#pageTop a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*********************

  メイン部分
	
***********************/
#wrap {
	overflow: hidden;
	min-height: 100%;
}
#main {
	background:#EAEEF2;
	float: right;
	width: 100%;
	margin: 0 0 0 -270px;
	min-height: 100%;
	width: 100%;
}
.whBg {
	background:#FFF;
	min-height: 100%;
	width: 100%;
}
/*サイドナビ
***********************/
#side {
	float: left;
	width: 270px;
	background: #FFF;
	border-right:#D5DDE3 solid 1px;
}
#side h2 {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 32%, rgba(238,242,244,1) 99%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 32%, rgba(238,242,244,1) 99%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 32%, rgba(238,242,244,1) 99%);
	border-bottom:#D5DDE3 solid 1px;
	padding:15px 20px;
	text-shadow: 1px 1px 1px #FFF;
	font-size:16px;
}
#side .inner {
	padding:15px 20px 35px 20px;
}
#side .read {
	margin-bottom:13px;
	font-weight:bold;
}
/*バナー*/
#side .banner {
	border-radius:3px;
	padding:15px 12px;
	position:relative;
	margin-bottom:10px;
}
#side .banner:last-child {
	margin-bottom:0;
}
#side .banner a {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#side .banner.now a,
#side .banner a:hover {
	background:rgba(255,255,255,0.5);
}
#side .banner .name {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	letter-spacing:-0.05em;
	font-size:20px;
	font-weight:500;
	background:url(../images/arrow01.png) no-repeat left 12px;
	padding-left:12px;
}
#side .banner .date {
	font-size:12px;
}
#side .banner.b_red {
	color:#FFF;
	background: rgb(255,63,40);
	background: -moz-linear-gradient(top, rgba(255,63,40,1) 34%, rgba(255,6,6,1) 99%);
	background: -webkit-linear-gradient(top, rgba(255,63,40,1) 34%, rgba(255,6,6,1) 99%);
	background: linear-gradient(to bottom, rgba(255,63,40,1) 34%, rgba(255,6,6,1) 99%);
	border:#FF0606 solid 1px;
}
#side .banner.b_orange {
	color:#FFF;
	background: rgb(243,173,19);
	background: -moz-linear-gradient(top, rgba(243,173,19,1) 0%, rgba(228,124,10,1) 57%);
	background: -webkit-linear-gradient(top, rgba(243,173,19,1) 0%, rgba(228,124,10,1) 57%);
	background: linear-gradient(to bottom, rgba(243,173,19,1) 0%, rgba(228,124,10,1) 57%);
	border:#E26905 solid 1px;
}
#side .banner.b_purple {
	color:#FFF;
	background: rgb(134,95,175);
	background: -moz-linear-gradient(top, rgba(134,95,175,1) 0%, rgba(94,53,153,1) 100%);
	background: -webkit-linear-gradient(top, rgba(134,95,175,1) 0%,rgba(94,53,153,1) 100%);
	background: linear-gradient(to bottom, rgba(134,95,175,1) 0%,rgba(94,53,153,1) 100%);
	border:#5e3599 solid 1px;
}
#side .banner.b_white{
	background: rgb(249,252,247);
	background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(230,244,247,1) 100%);
	background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(230,244,247,1) 100%);
	background: linear-gradient(to bottom, rgba(249,252,247,1) 0%,rgba(230,244,247,1) 100%);
	border: 1px solid #ccc;
}
#side .banner.b_gray{
	color:#FFF;
	background: rgb(186,203,216);
	background: -moz-linear-gradient(top, rgba(186,203,216,1) 0%, rgba(89,106,114,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,203,216,1) 0%,rgba(89,106,114,1) 100%);
	background: linear-gradient(to bottom, rgba(186,203,216,1) 0%,rgba(89,106,114,1) 100%);
	border: 1px solid #596a72;
}
#side .banner.b_none {
	background:#EBEFF1;
	border:#DEE4E9 solid 1px;
	color:#8D989C !important;
}
#side .banner.b_none:hover {
	cursor:default;
}
#side .banner.b_none .name,
#side .banner.b_white .name{
	background:url(../images/arrow02.png) no-repeat left 12px;
}
#side .banner .towerS {
	background:url(../images/icon_tower_sn.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner.b_none .towerS,
#side .banner.b_white .towerS{
	background:url(../images/icon_tower_sn_none.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner .towerN {
	background:url(../images/icon_tower_sn.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner.b_none .towerN,
#side .banner.b_white  .towerN{
	background:url(../images/icon_tower_sn_none.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner .towerW1 {
	background:url(../images/icon_tower_w1.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner.b_none .towerW1,
#side .banner.b_white .towerW1{
	background:url(../images/icon_tower_w1_none.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner .towerW2 {
	background:url(../images/icon_tower_w2.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner.b_none .towerW2,
#side .banner.b_white .towerW2{
	background:url(../images/icon_tower_w2_none.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner .towerW3 {
	background:url(../images/icon_tower_w3.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
#side .banner.b_none .towerW3,
#side .banner.b_white .towerW3{
	background:url(../images/icon_tower_w3_none.png) no-repeat left 50%;
	padding-left:56px;
	background-size:33px auto;
}
/*お役立ち*/
#side h3 {
	background:#98AFBA;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	border-top:#D5DDE3 solid 1px;
	border-bottom:#D5DDE3 solid 1px;
	padding:6px 15px;
}
#side .helpWrap .helpArea {
	padding:15px 15px 15px 82px;
	border-bottom:#D5DEE3 solid 1px;
	position:relative;
}
#side .helpWrap .helpArea a {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#side .helpWrap .helpArea a:hover, #side .helpWrap .helpArea a.now {
	background:rgba(25,150,171,0.2)
}
#side .helpWrap .helpArea .external {
	color:#FFF;
	background:#98AFBA;
	border-radius:10px;
	padding:1px 12px 0 12px;
	font-size:12px;
	display:inline-block;
	line-height:1.2;
	margin-bottom:5px;
}
#side .helpWrap .helpArea h4 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
}
#side .helpWrap .helpArea ul.helpList {
	font-size:13px;
}
#side .helpWrap .helpArea ul.helpList li {
	padding-left:12px;
	background:url(../images/icon_circle.png) no-repeat left 6px;
	background-size:5px auto;
}
#side .helpWrap .helpArea ul.helpList li a {
	text-decoration:none;
}
#side .helpWrap .helpArea ul.helpList li a:hover {
	color:#8CA5B5;
}
#side .helpWrap .helpArea:first-child {
	background:url(../images/help_icon01.png) no-repeat 22px 50%;
	background-size:37px auto;
}
#side .helpWrap .helpArea:nth-child(2) {
	background:url(../images/help_icon02.png) no-repeat 15px 50%;
	background-size:49px auto;
}
#side .helpWrap .helpArea:nth-child(3) {
	background:url(../images/help_icon03.png) no-repeat 22px 50%;
	background-size:33px auto;
}
#side .helpWrap .helpArea:nth-child(4) {
	background:url(../images/help_icon04.png) no-repeat 18px 50%;
	background-size:43px auto;
}
#side .helpWrap .helpArea:nth-child(5) {
	background:url(../images/help_icon05.png) no-repeat 21px 50%;
	background-size:39px auto;
}
#side .helpWrap .helpArea:last-child {
	background:url(../images/help_icon06.png) no-repeat 18px 50%;
	background-size:45px auto;
}
/*コンテンツ
***********************/
#content {
	margin: 0 0 0 269px;
	padding:40px 30px 40px 30px;
	background:#eaeef2;
	min-height: 100%;
	border-left:#D5DDE3 solid 1px;
}
/*タブ*/
#content .tabsWrapper {
	overflow:hidden;
}
#content #tab ul {
	font-size:0;
}
#content #tab ul li {
	display:inline-block;
	font-size:18px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	text-align:center;
	vertical-align:bottom;
	background:#EAEEF2;
	padding:10px 25px;
	min-width:200px;
	border-top:#BAC7CD solid 1px;
	position:relative;
	border-left:#BAC7CD solid 1px;
	border-right:#BAC7CD solid 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#878C94;
}
#content #tab ul li:first-child {
	border-right:none;
}
#content #tab ul li p {
	padding-left:27px;
	display:inline-block;
	line-height:1.2;
}
#content #tab ul li:first-child p {
	background:url(../images/tab01_icon_off.png) no-repeat left 2px;
	background-size:18px auto;
}
#content #tab ul li:nth-child(2) {
	left:-1px;
}
#content #tab ul li:nth-child(2) p {
	background:url(../images/tab02_icon_off.png) no-repeat left 2px;
	background-size:17px auto;
}
#content #tab ul li:last-child {
	left:-2px;
}
#content #tab.more ul li:last-child {
	left:0;
}
#content #tab.more.m01 ul li:last-child p {
	background:url(../images/tab02_icon_on.png) no-repeat left 2px;
	background-size:17px auto;
}
#content #tab ul li:last-child p {
	background:url(../images/tab03_icon_off.png) no-repeat left 4px;
	background-size:17px auto;
}
#content #tab ul li:hover, #content #tab ul li.now {
	background:#FFF;
	padding:15px 25px;
	border-top:#D5DDE3 solid 1px;
	border-right:#D5DDE3 solid 1px;
	border-left:#D5DDE3 solid 1px;
	z-index:1000;
	cursor:pointer;
	color:#000000;
	-webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.05);
	box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.05);
}
#content #tab ul li:first-child:hover p, #content #tab ul li:first-child.now p {
	background:url(../images/tab01_icon_on.png) no-repeat left 2px;
	background-size:18px auto;
}
#content #tab ul li:nth-child(2):hover p, #content #tab ul li:nth-child(2).now p {
	background:url(../images/tab02_icon_on.png) no-repeat left 2px;
	background-size:17px auto;
}
#content #tab ul li:last-child:hover p, #content #tab ul li:last-child.now p {
	background:url(../images/tab03_icon_on.png) no-repeat left 4px;
	background-size:17px auto;
}
#content .tabs {
	border:#D5DDE3 solid 1px;
	background:#FFF;
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.05);
}
#content .tabs .title {
	padding:18px 17px;
	overflow:hidden;
	border-bottom:#D5DDE3 solid 1px;
}
#content .tabs .title .moreLink {
	display:inline-block;
	background:url(../images/arrow03.png) no-repeat left 6px;
	background-size:5px auto;
	padding-left:12px;
	font-size:13px;
	float:right;
}
#content .tabs .title .moreLink a {
	text-decoration:none;
}
#content .tabs .title .moreLink a:hover {
	color:#8CA5B5;
}
#content .tabs .inner {
	padding:17px;
}
#content .tabs .noneArea {
	font-size:20px;
	color:#999;
	padding:30px 30px 60px 30px;
	text-align:center;
}
#content .tabsWrapper .r_logoArea {
	font-size:0;
	overflow:hidden;
	margin-top:15px;
	float:right;
}
#content .tabsWrapper .r_logoArea .offer {
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
#content .tabsWrapper .r_logoArea .r_logo {
	display:inline-block;
	vertical-align:middle;
}
#content .tabsWrapper .r_logoArea .r_logo img {
	width:120px;
}
#content .tabsWrapper .pager {
	overflow:hidden;
	width:100%;
	padding:0 17px 17px 17px;
}
#content .tabsWrapper .pager ul {
	font-size:0;
	text-align:right;
	float:right;
}
#content .tabsWrapper .pager ul li {
	font-size:12px;
	display:inline-block;
	margin-left:5px;
}
#content .tabsWrapper .pager ul li a {
	padding:5px 10px;
	text-decoration:none;
	background:#FFF;
	background:linear-gradient(to bottom, rgba(249,252,247,1) 0%, rgba(237,241,242,1) 100%);
	border:#CCC solid 1px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	border-radius:2px;
	display:block;
}
#content .tabsWrapper .pager ul li:hover a, #content .tabsWrapper .pager ul li.now a {
	background:#1A96AB;
	color:#FFF;
	text-shadow:none;
	box-shadow:none;
	border:#1A96AB solid 1px;
}
/*運行状況*/
#content .tabs .inner.serviceArea .item {
	border:#C8D2DB solid 1px;
	padding:12px;
	margin-bottom:8px;
}
#content .tabs .inner.serviceArea .item table th {
	white-space: nowrap;
	vertical-align:top;
	padding-left:20px;
}
#content .tabs .inner.serviceArea .item table td {
	color:#525252;
	vertical-align:top;
}
#content .tabs .inner.serviceArea .item.oedo {
	background:url(../images/service_icon_oedo.png) no-repeat 11px 16px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.metro_ew {
	background:url(../images/service_icon_metro_ew.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.metro_hanzomon {
	background:url(../images/service_icon_metro_hanzomon.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.metroraku {
	background:url(../images/service_icon_metroraku.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.metro_chiyoda {
	background:url(../images/service_icon_metro_chiyoda.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.toei_shinjuku {
	background:url(../images/service_icon_toei_shinjuku.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.toei_mita {
	background:url(../images/service_icon_toei_mita.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.jr_keiyo {
	background:url(../images/service_icon_jr_keiyo.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.jr_yamanote {
	background:url(../images/service_icon_jr_yamanote.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.jr_ueno {
	background:url(../images/service_icon_jr_ueno.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.sobu {
	background:url(../images/service_icon_sobu.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .itemrikamome {
	background:url(../images/service_iconrikamome.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.rinkai {
	background:url(../images/service_icon_rinkai.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.tobukameido {
	background:url(../images/service_icon_tobukameido.png) no-repeat 11px 17px;
	background-size:14px auto;
}
#content .tabs .inner.serviceArea .item.metro_yurakucho {
	background:url(../images/service_icon_metro_yuraku.png) no-repeat 11px 16px;
	background-size:14px auto;
}
/*ニュース*/
#content .tabs .inner.newsArea .item {
	border-bottom:#D5DDE3 solid 1px;
	padding:0 15px 10px 15px;
	margin-bottom:10px;
	background:url(../images/arrow02.png) no-repeat left 6px;
}
#content .tabs .inner.newsArea .item:last-child {
	border-bottom:none;
}
#content .tabs .inner.newsArea .item .info {
	font-size:0;
	margin-bottom:8px;
}
#content .tabs .inner.newsArea .item .info .icon {
	display:inline-block;
	font-size:13px;
	vertical-align:middle;
	padding:1px 5px 2px 5px;
	text-align:center;
	line-height:1.2;
	margin-right:10px;
}
#content .tabs .inner.newsArea .item .info .icon.redIcon {
	background:#E44949;
	color:#FFF;
}
#content .tabs .inner.newsArea .item .date {
	display:inline-block;
	vertical-align:middle;
	color:#525252;
	font-size:13px;
}
#content .tabs .inner.newsArea .item .detail {
	line-height:1.36;
}
#content .tabs .inner.newsArea .item .detail .link {
	margin-top:8px;
	background:url(../images/icon_blank.png) no-repeat left 6px;
	background-size:9px auto;
	padding-left:20px;
}
#content .tabs .inner.newsArea .item .detail .pdf {
	margin-top:8px;
	background:url(../images/icon_pdf.png) no-repeat left 4px;
	background-size:13px auto;
	padding-left:20px;
}
#content .tabs .inner.newsArea .item .detail .image {
	margin-top:8px;
	background:url(../images/icon_img.png) no-repeat left 4px;
	background-size:13px auto;
	padding-left:20px;
}
#content .tabs .inner.newsArea .item .detail .excel {
	margin-top:8px;
	background:url(../images/icon_excel.png) no-repeat left 4px;
	background-size:13px auto;
	padding-left:20px;
}
#content .tabs .inner.newsArea .item .detail .word {
	margin-top:8px;
	background:url(../images/icon_word.png) no-repeat left 4px;
	background-size:13px auto;
	padding-left:20px;
}
/*江東区の災害発生状況*/
#content .tabs .inner.disasterArea .item {
	border-bottom:#D5DDE3 solid 1px;
	padding:0 0 10px 0;
	margin-bottom:10px;
}
#content .tabs .inner.disasterArea .item:last-child {
	border-bottom:none;
}
#content .tabs .inner.disasterArea .item .info {
	font-size:0;
	margin-bottom:8px;
}
#content .tabs .inner.disasterArea .item .info .icon {
	display:inline-block;
	font-size:13px;
	vertical-align:middle;
	padding:1px 5px 2px 5px;
	text-align:center;
	line-height:1.2;
	margin-right:10px;
}
#content .tabs .inner.disasterArea .item .info .icon.redIcon {
	background:#E44949;
	color:#FFF;
}
#content .tabs .inner.disasterArea .item .info .icon.orangeIcon {
	background:#E68917;
	color:#FFF;
}
#content .tabs .inner.disasterArea .item .info .icon.yellowIcon {
	background:#D6A31B;
	color:#FFF;
}
#content .tabs .inner.disasterArea .item .info .icon.blueIcon {
	background:#0093D9;
	color:#FFF;
}
#content .tabs .inner.disasterArea .item .info .icon.grayIcon {
	background:#798A99;
	color:#FFF;
}
#content .tabs .inner.disasterArea .item .date {
	display:inline-block;
	vertical-align:middle;
	color:#525252;
	font-size:13px;
}
#content .tabs .inner.disasterArea .item .detail {
	line-height:1.36;
}
 @media only screen and (max-width: 1110px) {
/*タブ*/
#content #tab ul {
	font-size:0;
	min-width:initial;
	min-width:auto;
	padding:10px 0 0 0;
	text-align:center;
	display:table;
	width:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#content #tab ul li {
	font-size:12px;
	min-width:initial;
	min-width:auto;
	text-align:left;
	display:table-cell;
	padding:10px;
	vertical-align: middle;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 46%, rgba(231,238,240,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 46%, rgba(231,238,240,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 46%, rgba(231,238,240,1) 100%);
	color:#000000;
}
#content #tab ul li:hover, #content #tab ul li.now {
	padding:10px;
}
#content #tab ul li p {
	line-height:1.5;
	padding-left:20px;
}
#content #tab ul li:first-child p {
	background:url(../images/tab01_icon_off.png) no-repeat left 50%;
	background-size:12px auto;
}
#content #tab ul li:nth-child(2) p {
	background:url(../images/tab02_icon_off.png) no-repeat left 50%;
	background-size:12px auto;
}
#content #tab ul li:last-child p {
	background:url(../images/tab03_icon_off.png) no-repeat left 50%;
	background-size:12px auto;
}
#content #tab ul li:hover, #content #tab ul li.now {
	background:#98AFBA;
	color:#FFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#content #tab ul li:first-child:hover p, #content #tab ul li:first-child.now p {
	background:url(../images/tab01_icon_on.png) no-repeat left 50%;
	background-size:12px auto;
}
#content #tab ul li:nth-child(2):hover p, #content #tab ul li:nth-child(2).now p {
	background:url(../images/tab02_icon_on.png) no-repeat left 50%;
	background-size:12px auto;
}
#content #tab ul li:last-child:hover p, #content #tab ul li:last-child.now p {
	background:url(../images/tab03_icon_on.png) no-repeat left 50%;
	background-size:12px auto;
}
}
@media only screen and (max-width: 768px) {
/*********************

	共通要素

***********************/
.pc {
	display:none;
}
.sp {
	display:block;
}
/*clear*/
.pcclear {
	display:inline-block;
}
.spclear {
	display:block;
}
/*********************

  ヘッダー
	
***********************/
#header {
	background:none;
	padding:0;
	min-width:initial;
	min-width:auto;
	background:#F4F8F9;
}
#header .ltArea {
	display:block;
	background:#FFF;
	border-bottom:#D5DDE3 solid 1px;
	padding:15px 40px 10px 15px;
	width: 100%;
	float:none;
}
#header .ltArea h1.logo {
	font-size:15px;
	background-size:45px auto;
	padding-left:55px;
}
#header .ltArea .menu-btn {
	display:block;
}
#header .dateArea {
	display:block;
	border-left:none;
	padding: 15px 15px 10px 15px;
	width:100%;
	text-align:center;
	float:none;
}
#header .dateArea .title {
	display:inline-block;
	margin-right:10px;
}
#header .dateArea .time {
	display:inline-block;
	font-size:14px;
}
#header .weatherArea {
	display:block;
	border-left:none;
	width:100%;
	text-align:center;
	padding: 0 15px 15px 15px;
	float:none;
	max-width:initial;
	max-width:auto
}
#header .weatherArea .title,
#header .weatherArea .weather{
	font-size:11px;
}
#header .weatherArea .inner{
	display:block;
	height:auto;
}
/*ナビゲーション
***********************/
.menu-btn {
	position: absolute;
	top: 16px;
	right: 15px;
	z-index: 10000;
	display: inline;
	font-size: 32px;
}
.menu-btn a {
	display: inline-block;
	text-decoration: none;/* safari hack */
}
.btn-open {
	width:26px;
	height:32px;
	color: #333;
	background:url(../images/manu_icon.png) no-repeat left top;
	background-size:26px auto;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}
.btn-close {
	width:26px;
	height:32px;
	color: #fff;
	background:url(../images/manu_icon_close.png) no-repeat left top;
	background-size:26px auto;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}
.overlay {
	position: absolute;
	top: 0;
	left:0;
	right:0;
	z-index:9999;
	display: none;
	overflow: auto;
	width: 94%;
	background:rgba(37,49,54,0.95);
	margin:0 auto;
	font-size:13px;
	border:#98AFBA solid 2px;
}
.overlay ul {
	color:#FFF;
	z-index:1000000;
}
.overlay ul li.now a {
	color:#1996AB !important;
	font-weight:bold;
}
/*topだけ*/
.overlay ul.topList li {
	border-bottom:#98AFBA solid 1px;
	font-size:15px;
}
.overlay ul.topList li a {
	display:block;
	padding:12px 25px 12px 37px;
	color:#FFF;
	text-decoration:none;
}
.overlay ul.topList li a {
	background:url(../images/sp_naviicon01.png) no-repeat 15px 17px;
	background-size:13px auto;
}
.overlay ul.spnabiList li {
	border-bottom:#98AFBA solid 1px;
	font-size:15px;
}
/*タブへのリンク*/
.overlay ul.spnabiList li a {
	display:block;
	padding:12px 25px 12px 37px;
	color:#FFF;
	text-decoration:none;
}
.overlay ul.spnabiList li:first-child a {
	background:url(../images/sp_naviicon02.png) no-repeat 15px 17px;
	background-size:12px auto;
}
.overlay ul.spnabiList li:nth-child(2) a {
	background:url(../images/sp_naviicon03.png) no-repeat 15px 17px;
	background-size:13px auto;
}
.overlay ul.spnabiList li:nth-child(3) a {
	background:url(../images/sp_naviicon04.png) no-repeat 15px 17px;
	background-size:13px auto;
}
/*その他コンテンツへのリンク*/
.overlay ul.spnabiList02 li {
	border-bottom:#98AFBA solid 1px;
	padding:10px 15px;
	font-size:15px;
}
.overlay ul.spnabiList02 li ul.innerList {
	padding-left:15px;
}
.overlay ul.spnabiList02 li ul.innerList li {
	border-bottom:none;
	background:url(../images/arrow06.png) no-repeat left 7px;
	background-size:4px auto;
	padding:0 0 10px 12px;
	color:#999;
	font-size:12px;
}
.overlay ul.spnabiList02 li ul.innerList li:first-child {
	padding-top:10px;
	background:url(../images/arrow06.png) no-repeat left 17px;
	background-size:4px auto;
}
.overlay ul.spnabiList02 li ul.innerList li a {
	color:#FFF;
	text-decoration:none;
	display:block;
}
.overlay .btn-close.innerClose {
	background:none;
	background:#98AFBA;
	display:block;
	text-align:center;
	width:100%;
	height:auto;
	text-decoration:none;
	padding:15px 0;
}
/*********************

  メイン部分
	
***********************/
#wrap {
	overflow: hidden;
}
#main {
	float: none;
	margin: 0;
	margin: 0;
}
#side {
	float: none;
	width: 100%;
	border-right:none;
}
/*サイドナビ
***********************/
#side h2 {
	background: #98afba none repeat scroll 0 0;
	border-bottom: 1px solid #d5dde3;
	border-top: 1px solid #d5dde3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 15px;
	text-shadow:none;
}
#side .helpWrap .helpArea {
	padding:15px 15px 15px 90px;
}
#side .helpWrap .helpArea a, #side .helpWrap .helpArea a:hover {
	background:url(../images/arrow04.png) no-repeat 95% 50%;
	background-size:12px auto;
}
/*バナー*/	
#side .banner .towerS, #side .banner .towerN, #side .banner .towerW1, #side .banner .towerW2, #side .banner .towerW3 {
	background-position:5px 50% !important;
}
/*コンテンツ
***********************/
#content {
	margin:0;
	padding:0;
}
#content #tab ul {
	background:#D9E1E8;
	padding:10px 5px 0 5px;
}
#content .tabs {
	border-left:none;
	border-right:none;
}
#content .tabs .inner {
	padding:0;
}
#content .tabs .noneArea {
	font-size:16px;
	padding:30px 15px 40px 15px;
}
#content .tabsWrapper .r_logoArea {
	padding:0 15px 15px 15px;
}
#content .tabsWrapper .r_logoArea .r_logo img {
	width:107px;
}
#content .tabsWrapper .pager {
	display:block;
	float:none;
	width:100%;
	padding:0 10px;
}
#content .tabsWrapper .pager ul {
	width:100%;
	text-align:center;
	padding:10px 0;
}
/*運行情報*/
#content .tabs .inner.serviceArea .item {
	border:none;
	border-bottom: 1px solid #c8d2db;
	margin-bottom:0;
}
#content .tabs .inner.serviceArea .item table {
	font-size:13px;
}
#content .tabs .inner.serviceArea .item table th {
	white-space:normal;
	padding-left:20px;
	display:block;
}
#content .tabs .inner.serviceArea .item table td {
	display:block;
	padding-left:15px;
}
#content .tabs .inner.serviceArea .item table td .colorRed {
	display:block;
	padding-left:5px;
	margin-bottom:5px;
}
#content .tabs .inner.serviceArea .item.oedo {
	background:url(../images/service_icon_oedo.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.metro_ew {
	background:url(../images/service_icon_metro_ew.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.metro_hanzomon {
	background:url(../images/service_icon_metro_hanzomon.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.metroraku {
	background:url(../images/service_icon_metroraku.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.metro_chiyoda {
	background:url(../images/service_icon_metro_chiyoda.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.toei_shinjuku {
	background:url(../images/service_icon_toei_shinjuku.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.toei_mita {
	background:url(../images/service_icon_toei_mita.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.jr_keiyo {
	background:url(../images/service_icon_jr_keiyo.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.jr_yamanote {
	background:url(../images/service_icon_jr_yamanote.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.jr_ueno {
	background:url(../images/service_icon_jr_ueno.png) no-repeat 11px 15px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.sobu {
	background:url(../images/service_icon_sobu.png) no-repeat 11px 16px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .itemrikamome {
	background:url(../images/service_iconrikamome.png) no-repeat 11px 16px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.rinkai {
	background:url(../images/service_icon_rinkai.png) no-repeat 11px 16px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.tobukameido {
	background:url(../images/service_icon_tobukameido.png) no-repeat 11px 16px;
	background-size:12px auto;
}
#content .tabs .inner.serviceArea .item.metro_yurakucho {
	background:url(../images/service_icon_metro_yuraku.png) no-repeat 11px 16px;
	background-size:12px auto;
}
/*災害対策本部からのお知らせ*/
#content .tabs .inner.newsArea .item {
	margin:0;
	padding:15px 15px 15px 28px;
	background:url(../images/arrow05.png) no-repeat 12px 21px;
	background-size:4px auto;
}
#content .tabs .inner.newsArea .item .info .icon {
	font-size:12px;
	padding: 2px 5px 1px 5px;
}
#content .tabsWrapper:nth-child(3) {
	margin-bottom:30px;
}
/*江東区の災害発生状況*/
#content .tabs .inner.disasterArea .item {
	padding:15px;
	margin-bottom:0;
}
#content .tabs .inner.disasterArea .item .info .icon {
	font-size:12px;
	padding: 2px 5px 1px 5px;
}
}