﻿@charset "UTF-8";
/* CSS Document */

/* =============================================================

	Copyright© Bureau of Transportation. Tokyo Metropolitan Government.
		
	Enhancing styles

============================================================= */


.ds-none { display: none; }
.skip { display: none; }

/* ------------------------------------------------------------
	font-weight
------------------------------------------------------------ */

.fw-n { font-weight: normal; }
.fw-b { font-weight: bold; }


/* ------------------------------------------------------------
	font-size
------------------------------------------------------------ */

.fs-10 { font-size: 77%; }
.fs-11 { font-size: 85%; }
.fs-12 { font-size: 93%; }
.fs-13 { font-size: 100%; }
.fs-14 { font-size: 108%; }
.fs-15 { font-size: 116%; }
.fs-16 { font-size: 123.1%; }
.fs-17 { font-size: 131%; }
.fs-18 { font-size: 138.5%; }
.fs-19 { font-size: 146.5%; }
.fs-20 { font-size: 153.9%; }
.fs-21 { font-size: 161.6%; }
.fs-22 { font-size: 167%; }
.fs-23 { font-size: 174%; }
.fs-24 { font-size: 182%; }
.fs-25 { font-size: 189%; }
.fs-26 { font-size: 197%; }


/* ------------------------------------------------------------
	font-color
------------------------------------------------------------ */

.fc-000 { color: #000000!important; }	/*黒*/
.fc-333 { color: #333333!important; }	/*黒灰*/
.fc-666 { color: #666666!important; }	/*濃灰*/
.fc-999 { color: #999999!important; }	/*薄灰*/
.fc-ccc { color: #cccccc!important; }	/*白灰*/
.fc-fff { color: #ffffff!important; }	/*白*/
.fc-f00 { color: #ff0000!important; }	/*赤*/
.fc-ff0 { color: #ff0000!important; }	/*赤*/
.fc-00f { color: #0000ff!important; }	/*青*/
.fc-090 { color: #009900!important; }	/*緑*/
.fc-f63 { color: #ff6633!important; }	/*橙*/


/* ------------------------------------------------------------
	background-color
------------------------------------------------------------ */

.bg-ff0 { background-color: #ffff00!important; }
.bg-f00 { background-color: #ff0000!important; }
.bg-00f { background-color: #0000ff!important; }
.bg-999 { background-color: #999!important; }
.bg-090 { background-color: #009900!important; }


/* ------------------------------------------------------------
	line-height
------------------------------------------------------------ */

.lh-110 { line-height: 110%; }
.lh-120 { line-height: 120%; }
.lh-130 { line-height: 130%; }
.lh-140 { line-height: 140%; }
.lh-150 { line-height: 150%; }
.lh-160 { line-height: 160%; }
.lh-170 { line-height: 170%; }
.lh-180 { line-height: 180%; }
.lh-190 { line-height: 190%; }
.lh-200 { line-height: 200%; }


/* ------------------------------------------------------------
	text-decoration
------------------------------------------------------------ */

.td-n { text-decoration: none; }
.td-u { text-decoration: underline; }
.td-o { text-decoration: overline; }
.td-t { text-decoration: line-through; }
.td-b { text-decoration: blink; }


/* ------------------------------------------------------------
	text-align
------------------------------------------------------------ */

.ta-c { text-align: center; }
.ta-r { text-align: right; }
.ta-l { text-align: left; }


/* ------------------------------------------------------------
	vertical-align
-------------------------------------------------------------*/

.va-t { vertical-align: top; }
.va-m { vertical-align: middle; }
.va-b { vertical-align: bottom; }


/* ------------------------------------------------------------
	float
-------------------------------------------------------------*/

.fl-c { clear: both; }
.fl-r { float: right; }	/*右寄せ*/
.fl-l { float: left; }	/*左寄せ*/


/* ------------------------------------------------------------
	margin
-------------------------------------------------------------*/

.m0 { margin: 0px!important; }
.mt-0 { margin-top: 0px!important; }
.mr-0 { margin-right: 0px!important; }
.mb-0 { margin-bottom: 0px!important; }
.ml-0 { margin-left: 0px!important; }

.m1 { margin: 1px!important; }
.mt-1 { margin-top: 1px!important; }	
.mr-1 { margin-right: 1px!important; }
.mb-1 { margin-bottom: 1px!important; }
.ml-1 { margin-left: 1px!important; }

.m2 { margin: 2px!important; }
.mt-2 { margin-top: 2px!important; }	
.mr-2 { margin-right: 2px!important; }
.mb-2 { margin-bottom: 2px!important; }
.ml-2 { margin-left: 2px!important; }

.m3 { margin: 3px!important; }
.mt-3 { margin-top: 3px!important; }	
.mr-3 { margin-right: 3px!important; }
.mb-3 { margin-bottom: 3px!important; }
.ml-3 { margin-left: 3px!important; }

.m4 { margin: 4px!important; }
.mt-4 { margin-top: 4px!important; }	
.mr-4 { margin-right: 4px!important; }
.mb-4 { margin-bottom: 4px!important; }
.ml-4 { margin-left: 4px!important; }

.m5 { margin: 5px!important; }
.mt-5 { margin-top: 5px!important; }	
.mr-5 { margin-right: 5px!important; }
.mb-5 { margin-bottom: 5px!important; }
.ml-5 { margin-left: 5px!important; }

.m6 { margin: 6px!important; }
.mt-6 { margin-top: 6px!important; }	
.mr-6 { margin-right: 6px!important; }
.mb-6 { margin-bottom: 6px!important; }
.ml-6 { margin-left: 6px!important; }

.m7 { margin: 7px!important; }
.mt-7 { margin-top: 7px!important; }	
.mr-7 { margin-right: 7px!important; }
.mb-7 { margin-bottom: 7px!important; }
.ml-7 { margin-left: 7px!important; }

.m8 { margin: 8px!important; }
.mt-8 { margin-top: 8px!important; }	
.mr-8 { margin-right: 8px!important; }
.mb-8 { margin-bottom: 8px!important; }
.ml-8 { margin-left: 8px!important; }

.m9 { margin: 9px!important; }
.mt-9 { margin-top: 9px!important; }	
.mr-9 { margin-right: 9px!important; }
.mb-9 { margin-bottom: 9px!important; }
.ml-9 { margin-left: 9px!important; }

.m10 { margin: 10px!important; }
.mt-10 { margin-top: 10px!important; }
.mr-10 { margin-right: 10px!important; }
.mb-10 { margin-bottom: 10px!important; }
.ml-10 { margin-left: 10px!important; }

.m12 { margin: 12px!important; }
.mt-12 { margin-top: 12px!important; }
.mr-12 { margin-right: 12px!important; }
.mb-12 { margin-bottom: 12px!important; }
.ml-12 { margin-left: 12px!important; }

.m13 { margin: 13px!important; }
.mt-13 { margin-top: 13px!important; }
.mr-13 { margin-right: 13px!important; }
.mb-13 { margin-bottom: 13px!important; }
.ml-13 { margin-left: 13px!important; }

.m15 { margin: 15px!important; }
.mt-15 { margin-top: 15px!important; }
.mr-15 { margin-right: 15px!important; }
.mb-15 { margin-bottom: 15px!important; }
.ml-15 { margin-left: 15px!important; }

.m20 { margin: 20px!important; }
.mt-20 { margin-top: 20px!important; }
.mr-20 { margin-right: 20px!important; }
.mb-20 { margin-bottom: 20px!important; }
.ml-20 { margin-left: 20px!important; }

.m25 { margin: 25px!important; }
.mt-25 { margin-top: 25px!important; }
.mr-25 { margin-right: 25px!important; }
.mb-25 { margin-bottom: 25px!important; }
.ml-25 { margin-left: 25px!important; }

.m30 { margin: 30px!important; }
.mt-30 { margin-top: 30px!important; }
.mr-30 { margin-right: 30px!important; }
.mb-30 { margin-bottom: 30px!important; }
.ml-30 { margin-left: 30px!important; }

.m40 { margin: 40px!important; }
.mt-40 { margin-top: 40px!important; }
.mr-40 { margin-right: 40px!important; }
.mb-40 { margin-bottom: 40px!important; }
.ml-40 { margin-left: 40px!important; }

.m50 { margin: 50px!important; }
.mt-50 { margin-top: 50px!important; }
.mr-50 { margin-right: 50px!important; }
.mb-50 { margin-bottom: 50px!important; }
.ml-50 { margin-left: 50px!important; }


/* ------------------------------------------------------------
	padding
-------------------------------------------------------------*/

.p0 { padding: 0px!important; }
.pt-0 { padding-top: 0px!important; }
.pr-0 { padding-right: 0px!important; }
.pb-0 { padding-bottom: 0px!important; }
.pl-0 { padding-left: 0px!important; }

.p1 { padding: 1px!important; }
.pt-1 { padding-top: 1px!important; }
.pr-1 { padding-right: 1px!important; }
.pb-1 { padding-bottom: 1px!important; }
.pl-1 { padding-left: 1px!important; }

.p2 { padding: 2px!important; }
.pt-2 { padding-top: 2px!important; }
.pr-2 { padding-right: 2px!important; }
.pb-2 { padding-bottom: 2px!important; }
.pl-2 { padding-left: 2px!important; }

.p3 { padding: 3px!important; }
.pt-3 { padding-top: 3px!important; }
.pr-3 { padding-right: 3px!important; }
.pb-3 { padding-bottom: 3px!important; }
.pl-3 { padding-left: 3px!important; }

.p4 { padding: 4px!important; }
.pt-4 { padding-top: 4px!important; }
.pr-4 { padding-right: 4px!important; }
.pb-4 { padding-bottom: 4px!important; }
.pl-4 { padding-left: 4px!important; }

.p5 { padding: 5px!important; }
.pt-5 { padding-top: 5px!important; }
.pr-5 { padding-right: 5px!important; }
.pb-5 { padding-bottom: 5px!important; }
.pl-5 { padding-left: 5px!important; }

.p6 { padding: 6px!important; }
.pt-6 { padding-top: 6px!important; }
.pr-6 { padding-right: 6px!important; }
.pb-6 { padding-bottom: 6px!important; }
.pl-6 { padding-left: 6px!important; }

.p7 { padding: 7px!important; }
.pt-7 { padding-top: 7px!important; }
.pr-7 { padding-right: 7px!important; }
.pb-7 { padding-bottom: 7px!important; }
.pl-7 { padding-left: 7px!important; }

.p8 { padding: 8px!important; }
.pt-8 { padding-top: 8px!important; }
.pr-8 { padding-right: 8px!important; }
.pb-8 { padding-bottom: 8px!important; }
.pl-8 { padding-left: 8px!important; }

.p9 { padding: 9px!important; }
.pt-9 { padding-top: 9px!important; }
.pr-9 { padding-right: 9px!important; }
.pb-9 { padding-bottom: 9px!important; }
.pl-9 { padding-left: 9px!important; }

.p10 { padding: 10px!important; }
.pt-10 { padding-top: 10px!important; }
.pr-10 { padding-right: 10px!important; }
.pb-10 { padding-bottom: 10px!important; }
.pl-10 { padding-left: 10px!important; }

.p12 { padding: 12px!important; }
.pt-12 { padding-top: 12px!important; }
.pr-12 { padding-right: 12px!important; }
.pb-12 { padding-bottom: 12px!important; }
.pl-12 { padding-left: 12px!important; }

.p15 { padding: 15px!important; }
.pt-15 { padding-top: 15px!important; }
.pr-15 { padding-right: 15px!important; }
.pb-15 { padding-bottom: 15px!important; }
.pl-15 { padding-left: 15px!important; }

.p20 { padding: 20px!important; }
.pt-20 { padding-top: 20px!important; }
.pr-20 { padding-right: 20px!important; }
.pb-20 { padding-bottom: 20px!important; }
.pl-20 { padding-left: 20px!important; }

.p30 { padding: 30px!important; }
.pt-30 { padding-top: 30px!important; }
.pr-30 { padding-right: 30px!important; }
.pb-30 { padding-bottom: 30px!important; }
.pl-30 { padding-left: 30px!important; }

.p40 { padding: 40px!important; }
.pt-40 { padding-top: 40px!important; }
.pr-40 { padding-right: 40px!important; }
.pb-40 { padding-bottom: 40px!important; }
.pl-40 { padding-left: 40px!important; }

.p50 { padding: 50px!important; }
.pt-50 { padding-top: 50px!important; }
.pr-50 { padding-right: 50px!important; }
.pb-50 { padding-bottom: 50px!important; }
.pl-50 { padding-left: 50px!important; }