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

body {
	font-size: small;
	color: #333333;
	margin: 0px;
	background-color: #dddddd;
	text-align: center;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:link		{ color:#0066CC; }
a:visited	{ color:#0066CC; }
a:hover		{ color:#003399; }

h1 { margin: 0px; } /** ヘッダー画像 **/
h2 { margin: 0px 0px 5px; } /** 画像 **/
h3 {
	padding-left: 7px;
	padding-top: 5px;
	font-size: medium;
	color: #505050;
	padding-bottom: 4px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*
h3 {
	background-image: url(../images/h3_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 1.5em;
	font-size: large;
	color: #215e89;
	padding-bottom: 20px;
	padding-left: 4px;
}
*/
h4 {
	background-image: url(../images/h4_bg.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
	color: #464646;
	background-position: 0px 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: both;
	font-size: small;
}
h4.design01 {
	background: #EBEBEB url(none);
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-bottom: 5px;
}
h5 {
	font-size: small;
	color: #464646;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


p.clear { clear:both;}
p.left { float:left;}
p.right { float:right;}
ul.leftspace { margin: 0px; padding: 0px; padding-left: 15px; }
ul.leftspace li { margin: 10px; }
ul.setLi li { margin: 0px; padding: 0px; margin-top: 10px; }
p.midasi {
/*
	padding-left: 7px;
	padding-top: 5px;
	font-size: medium;
	color: #505050;
	padding-bottom: 4px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 555px;
	*/
	padding-top: 3px;
	color: #505050;
	font-size: 16px;
	font-weight:bold;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 555px;
}

.mar0 { margin: 0px; padding: 0px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.topMargin { margin-top: 5px; }
.tableLine { border: solid 1px #cccccc; }

/* Text Deco
**************************************************/
strong.orange {
	color:#ff6600;
	font-weight: normal;
}

/* CONTAINER
**************************************************/
#container { margin: auto; width: 816px; }

/* Header Menu - ヘッダーメニュー -
**************************************************/
#menu { margin: 0px; padding: 0px; }
#menu img { margin: 0px 1px 2px 2px; }

/* Footer - フッター -
**************************************************/
.footer1 { font-size: small; }
.footer2 { margin: 0px; }
.footer2 p {
	margin: 3px 0px;
	font-size: x-small;
	color: #ffffff;
}

/* Layout Common - 共通レイアウト -
**************************************************/
.topicpath { margin: 3px 10px 15px; font-size: small; } /** パンくず **/
#innar01,#innar02 {
	width: 680px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#innar01 p { margin: 10px 20px 10px; }
#innar01 table { margin: 0px 25px 10px; }

#r_side {
	width:160px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#r_side td { padding: 5px 0px; }
#r_side img { margin: 0px 0px 0px 0px; }
#r_side p { color: #0066CC; text-decoration: underline; margin: 0px;}/* 乗換えガイド千里中央 */

/* 安全な鉄道 装置紹介 */
#r_side2 {
	width:500px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#r_side2 img { margin: 0px 0px 0px 0px; }
#r_side2 p { color: #0066CC; text-decoration: underline; margin: 0px; }


.mawari10 img { margin: 5px 10px; }
.img_b img { border: 1px solid #CCCCCC; }

.safty_mk li {
	background:url(../jpn/s_safety/images/safty_mk.gif) no-repeat;
	padding-left: 20px;
	list-style-type: none;
	background-position: 0px -1px;
	font-weight: bold;
	font-size: large;
	color: #0066cc;
	line-height: 140%;
}

#getflash_side1 {
	float: none;
	width: 380px;
	font-size: x-small;
	line-height:120%;
	margin: 3px 0px;
}

#getflash_side1 img { margin-left:5px; margin-right: 5px; }

#getflash_side {
	float: left;
	width: 380px;
	font-size: x-small;
	line-height:120%;
	margin: 3px 0px;
}

#getflash_side img { margin-left:5px; margin-right: 5px; }

ul.linklist li {
	line-height: 200%;
	list-style-type: none;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 20px;
}
table.waku { border:1px solid #CCCCCC; }

.leftM15 { margin-left: 15px; }

.hello_kakoi { border: dotted 2px #999999; }　/* こんにちは！モノレールです */


/* Layout index.html - トップページレイアウト -
**************************************************/
.m_guidance {
	color: #006633;
	padding: 4px 0px;
}

.arrow_g {
	background: url(../images/arrow_rg.gif) no-repeat;
	font-weight: bold; margin: 0px; padding: 0px 25px;
	background-position: 0px 2px;
}

.arrow_b {
	background: url(../images/arrow_rb.gif) no-repeat;
	font-weight: bold; margin: 0px; padding: 0px 25px;
	background-position: 0px 2px;
}

.arrow_y {
	background: url(../images/arrow_ry.gif) no-repeat;
	font-weight: bold; margin: 0px; padding: 0px 25px;
	background-position: 0px 2px;
}
.arrow_o {
	background: url(../images/arrow_ro.gif) no-repeat;
	font-weight: bold; margin: 0px; padding: 0px 25px;
	background-position: 0px 2px;
}

#system { margin: 0px; line-height:120%; font-size: small; }
#system p { margin: 1px 10px 0px; font-size: x-small; }

/* Layout route.html - 路線図レイアウト -
**************************************************/
.norikae{ margin: 20px 65px 3px; font-size: medium; }

#innar01 ul { margin: 0px 0px; padding-left: 40px;}

#station02 { margin: 0px; width: 260px; }
#station02 ul {	margin: 0px 0px 2px; padding-left: 20px;}
#station02 li {	margin: 0px 20px 2px; list-style-type: square;}

/* Layout fares_time.html - 運賃・所要時間ページレイアウト -
**************************************************/
#innar_fares_time { margin: 0px; }
#innar_fares_time p { margin: 10px 10px 0px; }

.fares_time_table {
	border-right:solid 1px #999999;
	border-top: solid 1px #999999;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.fares_time_table td {
	border-left:solid 1px #999999;
	border-bottom:solid 1px #999999;
}

.fare_table01 { border: 1px solid #999999; margin-right: 20px; }
.fare_table02 { border: 2px solid #CCCCCC; margin-right: 20px; }

/*- TABLE BORDER -----*/
.lineBottom { border-bottom: solid 3px #ffffff; }
.lineRight { border-right: solid 3px #ffffff; }

/* Layout index.html - 緊急のお知らせレイアウト -
**************************************************/
#m_date { color:#666666;}
#m_title { font-weight:bold;}


/* Layout form.html - お問合せフォームレイアウト -
**************************************************/
.space10 { margin: 10px; }
.form_table { width: 560px; font-size: small; }
.form_table th { font-weight: normal; background: #dcecfc; }
.form_table td { background: #f7faff; }

#form_err { margin: 20px auto; width: 400px; font-size: small; }
#form_err p { color: #ff0000; font-size: medium; }

/* Layout sitemap.html - サイトマップレイアウト -
**************************************************/

#sitemap h3 {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #999999;
	margin: 0px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: small;
	color: #333333;
	background-color: #EEEEEE;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#sitemap  h3.sitemap01 {
	border-left-color: #2284c3;
	border-bottom-color: #2284c3;
}
#sitemap  h3.sitemap02 {
	border-left-color: #57c322;
	border-bottom-color: #57c322;
}
#sitemap  h3.sitemap03 {
	border-left-color: #e4931f;
	border-bottom-color: #e4931f;
}
td.level01 {
	padding: 5px 10px 5px 10px;
}

.m_know_h3 { margin-left: 10px; }
.m_know_h4 {
	margin-top: 5px;
}
.m_know_h4_2 { font-size: small; margin: 0px; }

/* TABLE STYLE - 流し込み引き継ぎ分 -
**************************************************/
.txt10 {
	font-size: 10px;
	font-weight: normal;
	line-height: 130%;
}
.txt12 {
	font-size: 12px;
	line-height: 130%;
	font-weight: normal;
}
.txt14 {
	font-size: 14px;
	line-height: 130%;
}
.txt10B {
	font-size: 10px;
	font-weight: bold;
	line-height: 130%;
}
.txt12B {
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
}
.txt12B a { font-weight: normal; }

.txt14B {
	font-size: 14px;
	font-weight: bold;
	line-height: 130%;
}
.txt16 {
	font-size: 16px;
	line-height: 130%;
	font-weight: normal;
}
.txt16B {
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
}
.txt18 {
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
}
.txt18B {
	font-size: 18px;
	line-height: 130%;
	font-weight: bold;
}
.txt18EXB {
	font-size: 18px;
	line-height: 130%;
	font-weight: bolder;
}

/* 駅設備一覧　レイアウト
**************************************************/
#setubi table {
background-color:#FFFFFF;
border-collapse: collapse;
border: 1px solid #999999;
border-spacing: 0;
empty-cells:show;
}
#setubi th {
padding: 2px;
border: 1px solid #999999;
background-color: #999999;
color: #FFFFFF;
}
#setubi td {
	padding: 2px;
	border: 1px solid #999999;
	font-size: x-small;
	line-height: 120%;
}
/* 主要ルートガイド　レイアウト
**************************************************/
h3.route {
	color:#666666;
	margin-top: 35px;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: medium;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
}
table.route td{
	padding: 0px 3px;
	margin: 0px;
}
tr.rosen,tr.times {
font-size:x-small;
}
p.rosen {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 20px;
	padding-left: 4px;

}
/* 駅リビングPLAN　レイアウト
**************************************************/
#livingplan div.contents {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}

/* mono知識　レイアウト
**************************************************/
.r_table {
	font-size: x-small;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.r_table hr {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.mtop15 { margin-top: 15px; }

.mknow_icon {
	margin: 5px;
	list-style:none;
}
.mknow_icon li { background: url(../images/icon_01.gif) no-repeat; padding-left: 20px; margin-bottom:5px; background-position: 0px 3px; }

/* 安全な鉄道　レイアウト
**************************************************/
#map { width:555px; height:450px; border:solid 1px #999999; /* margin: 0px auto; */ }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; 
	background-color: #ffffff; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.gmap { width: 650px; height: 600px; margin: 0px auto; }
.marker_data_html2 { width: 410px; height: 300px; overflow-y: scroll; padding-right: 10px; }
.safetyTable {
	width: 380px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin: 1px auto 3px;
	line-height: 110%;
}
.safetyTable td {
	border: 1px solid #cccccc; padding: 3px;
}

/* 採用情報　レイアウト
**************************************************/
h3.rec_h3 { font-size: large; background: none; border: none; color: #215e89; padding-top: 2px; margin-top: 5px; }
h4.rec_h4 { font-weight: normal; margin-bottom: 3px; margin-left: 10px; color: #333333; }

/* lightbox 
------------------*/
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; 
	background-color: #ffffff; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.mnaviColor { border: solid 2px #79809c; }


.ppwidth { width: 600px; padding: 0px 30px; }


.b1px { border: solid 1px #999999; }
/* TEXT SIZE --*/

.txtXLar { font-size:x-large; }
.txtLar { font-size:large; }
.txtMed { font-size:medium; }
.txtSml { font-size:small; }
.txtXSml { font-size: x-small; }
.txtXXSml { font-size: xx-small; }

.txtXSml { font-size: xx-small; }


/* TEXT COLOR & DECOLATION --*/
.txtRed { color: #ff0000; }
.txtGreen { color: #00ff00; }
.txtBlue { color: #0000ff; }
.txtBlack { color: #000000; }
.txtWhite { color: #ffffff; }
.txtOrange { color: #FF9900; }
.txtPink { color: #FF6699; }
.txtBrown { color: #856A4E; }
.txtBold { font-weight: bold; }
.txtBlue2 { color: #0066cc; }
.txtNavy { color: #003399; }


/* TABLE COLOR
--------------------------------------------------*/
.tableC00 { background: #ffffff; font-size: medium; }
.tableC00b { background: #ffffff; }
.tableC01 { background: #94cfff; }
.tableC02 { background: #bfecad; }
.tableC03 { background: #ffcccc; }
.tableC04 { background: #fff23a; }
.tableC05 { background: #ffdc68; }
.tableC06 { background: #cccccc; }
.tableC07 { background: #e3e3e3; }
.tableC08 { background: #ffecff; }
.tableC09 { background: #f5f593; }
.tableC10 { background: #BBE0FF; }
.tableC11 { background: #D7EDFF; }
.tableC12 { background: #A6D7FF; }
.tableC13 { background: #FFD7D7; }