@charset "shift-jis";

.cont {
	text-align: left;
	padding-top: 30px;
	padding-left: 30px;
	font-size: 82%;
	line-height: 140%;
	color: #333;
}
.cont .wrap {
	width: 560px;
	text-align: left;
}
.cont .wrap p {margin: 10px;}

/* ---------- Top見出し ----------- */

.Top_title_suica {
	background-image: url(../img/bg_title2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	height: 41px;
	margin-right: 1px;
}

/* -------------- sub_navi ------------- */

.sub_navi {
	float: right;
	width: 140px;
	text-align: left;
	background-image: url(../img/bg_sub_navi3.gif);
	background-repeat: repeat-y;
}
.sub_navi img {vertical-align: text-bottom;}
.sub_navi ul {list-style-type: none;}
.sub_navi ul li {
	display: block;
	height: 30px;
	background-image: url(../suica/img/img_sub_navi_ov.gif);
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
}
.sub_navi ul li a:link , .sub_navi ul li a:visited {
	font-weight: normal;
	display: block;
	background-image: url(../suica/img/btn_sub_navi.gif);
	background-repeat: no-repeat;
	height: 30px;
}
.sub_navi ul li a:hover {
	display: block;
	height: 30px;
	background-image: url(../suica/img/img_sub_navi_ov.gif);
}

/*テキスト1行用　カテゴリ区切り用実線バージョン*/
.sub_navi ul li.l1 {
	display: block;
	height: 30px;
	background-image: url(../suica/img/img_sub_navi_line_ov.gif);
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
}
.sub_navi ul li.l1 a:link , .sub_navi ul li.l1 a:visited {
	font-weight: normal;
	display: block;
	background-image: url(../suica/img/btn_sub_navi_line.gif);
	background-repeat: no-repeat;
	height: 30px;
}
.sub_navi ul li.l1 a:hover {
	display: block;
	height: 30px;
	background-image: url(../suica/img/img_sub_navi_line_ov.gif);
}

/*テキスト1行用　カテゴリ区切り用実線バージョン終了*/

.sub_navi ul li.t2 {
	display: block;
	height: 50px;
	background-image: url(../suica/img/btn_sub_navi2_ov.gif);
	font-weight: bold;
	color: #000;
}
.sub_navi ul li.t2 a:link , .sub_navi ul li.t2 a:visited {
	font-weight: normal;
	display: block;
	background-image: url(../suica/img/btn_sub_navi2.gif);
	background-repeat: no-repeat;
	height: 50px;
}
.sub_navi ul li.t2 a:hover {
	display: block;
	height: 50px;
	background-image: url(../suica/img/btn_sub_navi2_ov.gif);
}

/*テキスト２行用　カテゴリ区切り用実線バージョン*/
.sub_navi ul li.t2line {
	display: block;
	height: 50px;
	background-image: url(../suica/img/btn_sub_navi2_line_ov.gif);
	font-weight: bold;
	color: #000;
}
.sub_navi ul li.t2line a:link , .sub_navi ul li.t2line a:visited {
	font-weight: normal;
	display: block;
	background-image: url(../suica/img/btn_sub_navi2_line.gif);
	background-repeat: no-repeat;
	height: 50px;
}
.sub_navi ul li.t2line a:hover {
	display: block;
	height: 50px;
	background-image: url(../suica/img/btn_sub_navi2_line_ov.gif);
}
/*テキスト２行用　カテゴリ区切り用実線バージョン　終了*/

.sub_navi3 {
	float: right;
	width: 140px;
	text-align: left;
	background-image: url(../img/bg_sub_navi.gif);
	background-repeat: repeat-y;
}
.sub_navi3 img {vertical-align: text-bottom;}
.sub_navi3 ul {list-style-type: none;}
.sub_navi3 ul li {
	display: block;
	height: 30px;
	background-image: url(../stations/img/btn_sub_navi_ov.gif);
	font-weight: bold;
	color: #152549;
	word-spacing: -2px;
}
.sub_navi3 ul li a:link , .sub_navi3 ul li a:visited {
	font-weight: normal;
	display: block;
	background-image: url(../stations/img/btn_sub_navi.gif);
	background-repeat: no-repeat;
	height: 30px;
}
.sub_navi3 ul li a:hover {
	display: block;
	height: 30px;
	background-image: url(../stations/img/btn_sub_navi_ov.gif);
}
.sub_navi3 ul li.t3 {
	display: block;
	height: 50px;
	background-image: url(../img/btn_sub_navi2_ov.gif);
	font-weight: bold;
	color: #152549;
}
.sub_navi3 ul li.t3 a:link , .sub_navi3 ul li.t3 a:visited {
	font-weight: normal;
	display: block;
	background-image: url(../img/btn_sub_navi2.gif);
	background-repeat: no-repeat;
	height: 50px;
}
.sub_navi3 ul li.t3 a:hover {
	display: block;
	height: 50px;
	background-image: url(../img/btn_sub_navi2_ov.gif);
}
.subnaviTxt {
	padding-top: 5px;
	padding-left: 23px;
}

/* -------------- contents ------------- */

.cont .indTitle {margin-bottom: 1px;}
.cont td {vertical-align: top;}
.cont td.indTxt_R {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 237px;
	line-height: 110%;
}
.cont td.indTxt_L {
	width: 83px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
}
.cont td.indTxt_R p {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333;
}
.cont td.indTxt_R img {margin-right: 4px;}
.cont td.indTxt_L img {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
}
.cont td .tojump {text-align: right;}
h3.title {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #039;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size:1.5em;
}
h3.title2 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F07800;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size:1.5em;
}

h3.title2-m {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F07800;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size:1.5em;
}

.TipeTable {
	margin-left: 8px;
	border: 1px solid #ccc;
}
.TipeTable th {
	text-align:left;
	padding: 5px;
	background-color: #DFF4FF;
	color: #333;
}
.TipeTable th.sub {
	text-align: left;
	padding: 5px;
	background-color: #FFE8E8;
	color: #333;
}
.TipeTable th.sub2 {
	text-align: left;
	padding: 5px;
	background-color: #D8D8D8;
	color: #333;
}
.TipeTable td {
	padding: 3px;
	background-color: #F2F2F2;
	color: #333;
}
#size-up {font-size:110%;}

/* 各社リンク　*/

ul.hp {
	/*list-style-type: square;*/
	list-style-type: none;
	display: block;
}

ul.hp li{
	font-size: 14px;
	padding-bottom: 5px;
	margin-left: 15px;
}

/* ICカード乗車券相互利用　各エリアへのリンク */

.area-link ul {
	list-style-type: none;
	text-align: left;
	margin-bottom:5px;
}

.area-link ul li {
	display: inline;
	padding: 0px 0px 5px 10px;
}
.area-link2 ul {
	list-style-type: none;
	text-align: left;
}

.area-link2 ul li {
	display: inline;
	padding: 0px 0px 5px 10px;
}

/* pasmo icoca table
--------------------------------------------*/

#pasmo {
	border-style:solid;
	border-width:1px;
	border-color: #CF7DAC;
	width:670px;
}

#icoca {
	border-style:solid;
	border-width:1px;
	border-color: #3DB1BE;
	width:670px;
}

#P_ITable {margin-bottom: 10px;}
#P_ITable .icoca {
	text-align:center;
	padding: 5px;
	background-color: #DFF4FF;
	color: #333;
}
#P_ITable .pasmo {
	text-align:center;
	padding: 5px;
	background-color: #FFE8E8;
	color: #333;
}
#P_ITable th {
	text-align:center;
	padding: 5px;
	background-color: #fff;
	color: #333;
	white-space:nowrap;
}
#P_ITable td {
	padding: 3px;
	width:20%;
	background-color: #eee;
	color: #333;
}
.w20 {width: 20px;}
.center {
	text-align: center;
	vertical-align: middle;
}
.ind_tree1 {
	background-image: url(../suica/img/img_index_05.gif);
	background-repeat: repeat-y;
	font-size: 80%;
	padding-right: 15px;
	padding-left: 23px;
	color: #333;
}
.ind_tree2 {
	background-image: url(../suica/img/img_index_06.gif);
	background-repeat: repeat-y;
	font-size: 80%;
	padding-right: 25px;
	padding-left: 15px;
	color: #333;
}
.line {
	background-image: url(../img/line_01.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.line2 {
	background-image: url(../img/line_02.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.line3_B15 {
	border-bottom:#ccc dashed 1px;
	padding-bottom:10px;
}
.cont_S {
	margin-right: 25px;
	margin-left: 38px;
	font-weight: normal;
}
.mar_L15 h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #969696;
	padding-left: 5px;
}
.exaTable {border: 1px solid #f90;}
.txt_Or {
	color: #F07800;
	font-size: 140%;
	font-weight: bold;
}
.txt_Or2 {color: #F07800;}
.txt_DOr {
	color:#CC6600;
	font-size: 110%;
	font-weight: bold;
}
.txt_Rd {
	color: #DA0707;
	font-size: 140%;
	font-weight: bold;
}
.bd_Bl {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1458BE;
}
.txt_Rd2 {color: #c33;}
.txt_Bl {color: #1458BE;}
.txt_Bl2 {
	color: #1458BE;
	font-size:1.1em;
	font-weight:bold;
	margin-left: 10px;
	margin-bottom: 10px;
}
.txt_Rd3 {color: #f00;}
.txt_syoukai {
	font-size:1.1em;
	font-weight: bold;
	color:#666;
	padding:0px 0 15px 10px;
	margin:0px;
}
.align_R {text-align: right;}
.marT20 {margin-top: 20px;}
.jrwTable {border: 1px dashed #f90;}
.jrwTable ul {
	list-style-image: url(../suica/img/bg_li.gif);
	margin-left: 20px;
}
.spsTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.nml {
	margin-bottom: 15px;
	margin-left: 30px;
	list-style-type: square;
}
ul.spl {
	margin-bottom: 15px;
	margin-left: 30px;
	list-style-image: url(../suica/img/bg_li.gif);
}
ul.attention{
	margin-bottom: 15px;
	margin-left: 30px;
	list-style-image: url(../suica/img/bg_li.gif);
}
ul.attention li{
	margin-top: 15px;
	margin-bottom: 15px;
}
.nmlTable td {
	padding: 3px;
	color: #333;
}
.nmlTable2 {
	font-size: 84%;
	color: #333;
	border: 1px solid #f90;
	background-color: #FFD28E;
}
.nmlTable2 td {
	padding: 3px 5px;
	background-color: #fff;
	width: 20%;
}
.nmlTable2 th {
	padding: 3px;
	background-color: #FFF5E5;
}
/* .txtM {font-size: 84%;} */
ul.spl ol {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: none;
}
ul.spl ol li {list-style-type: none;}
.marL20TB10 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
h4.value {
	color: #1458BE;
	font-size: 99%;
	margin-left: 10px;
	margin-bottom: 5px;

}
h4.suica {
	background-color:#FFF5E5;
	font-size:.9em;
	_font-size:1em;/* 20090611 */
	color: #f90;
	padding:5px 0 5px 10px;
	margin-bottom:15px;
}

h4.goriyo {
	font-size:1.2em;
	_font-size:1.3em;
	color:#f90;
	padding:0 0 5px 10px;
	margin-bottom:0px;
	margin-top:15px;
}

h5.suica-0312 {
	background-color:#FFF5E5;
	font-size:.9em;
	_font-size:1em;/* 20090611 */
	color: #f90;
	padding:5px 0 5px 10px;
	margin-bottom:15px;
}

h4.pasmo{
	background-color:#F8ECF3;
	font-size:.9em;
	color: #CF7DAC;
	padding:5px 0 5px 10px;
	margin-bottom:5px;
}
h4.icoca {
	background-color:#E2F3F5;
	font-size:.9em;
	color: #3DB1BE;
	padding:5px 0 5px 10px;
	margin-bottom:5px;
}
h5.value {
	margin-left: 8px;
	margin-bottom: 10px;
	background-image: url(../ticket/value/img/bg_title.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 535px;
	margin-top: 30px;
}
th.value {
	font-size:110%;
	background-color: #F0FAFF;
	background-position: left;
	text-align: left;
	padding: 5px;
	width: 175px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	color: #333;
}
th.value .txtS {font-size: 70%;}
td.value {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	letter-spacing: -1px;
}
.marL8 {margin-left: 8px;}
.inTxt_value {
	background-image: url(../ticket/value/img/bg_value_01.gif);
	background-repeat: no-repeat;
	height: 133px;
	width: 513px;
}
.inTxt_value2 {
	background-image: url(../ticket/value/img/bg_value_02.gif);
	background-repeat: no-repeat;
	height: 133px;
	width: 513px;
}
.inTxt_value ul {
	margin-left: 30px;
	margin-right: 100px;
}
.inTxt_value2 ul {
	margin-left: 125px;
	margin-right: 10px;
}
.spsB10 {padding-bottom: 10px;}
.bkGr {background-color: #666;}
.bkGr th {
	background-color: #CAEEFF;
	padding: 5px;
}
td.bkw {
	background-color: #fff;
	/*padding: 2px;*/
}

.text-bkGr {
	background-color: #fff;
	padding: 2px;
	text-align: left;
	line-height: 160%;
	text-valign: middle;
	vertical-align: middle;
}
.bkGr td.text-bkGr2 {
	background-color: #fff;
	padding: 2px;
	text-align: center;
	line-height: 160%;
	text-valign: middle;
	vertical-align: middle;
}

td.haneda-t {
	background-color: #fff;
	padding: 2px;
	font-size: 100%;
	line-height: 150%;
	text-align: center;
	vertical-align: middle;
}

.money-bkGr {
	background-color: #fff;
	padding: 2px;
	font-size: 84%;
	vertical-align: middle;
	text-align: center;
}

.txtlink {
	text-align: right;
	margin-top: 35px;
}
.txtlink2 {
	margin-right: 25px;
	text-align: right;
	margin-top: 35px;
}
ul.suica {
	margin-left: 25px;
	list-style-type: disc;
}
ul.suica li {margin-bottom: 15px;}
ol.suica {margin-left: 35px;}

ul.non {
	margin-left: 10px;
	list-style-type: none;
}
ul.num li {margin-bottom: 15px;}
ol.num {margin-left: 35px;}

ol.nml {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 40px;
	list-style-image: url(../suica/img/list.gif);
}
ol.nml li {margin-bottom: 5px;}


/* suica index
--------------------------------------------*/
#suica_index ul {
	margin:0;
	padding:0;
}

#suica_index li {
	display:inline;
	height:12px;
	list-style:none;
	background-image:url(../img/arrow_04.gif);
	_background-position:left 0.3em;
	background-position:left middle;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-right:10px;
}

th.value2 {
	font-size: 92%;
	background-color: #F0FAFF;
	background-position: left;
	text-align: center;
	padding: 5px;
	width: 175px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	color: #333;
}
