@charset "shift-jis";

/* --------------------------------------------------- */
/* --- reset ----------------------------------------- */
/* --------------------------------------------------- */

html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-size:16px;
	font-size:62.5%;
}

body {
	font-size:100%;
	font-family: "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	color:rgba(51,51,51,1);
}

header, header *, header *:before, header *:after,
nav, nav *, nav *:before, nav *:after,
div#contents, div#contents *, div#contents *:before, div#contents *:after,
footer, footer *, footer *:before, footer *:after {
	box-sizing:border-box;
}

div#contents, div#contents *, div#contents *:before, div#contents *:after {
	font-size: 14px; /* ie8 */
	font-size: 1.4rem;
}

div#contents table,
div#contents table tr,
div#contents table tr th,
div#contents table tr td {
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
}

div#contents table caption {
	display:none;
}

div#jreFooter {
	font-size: 13px;
	font-size: 1.3rem;
}

/*
a { text-decoration:none; }
*/


/* --------------------------------------------------- */
/* --- font styles ----------------------------------- */
/* --------------------------------------------------- */

.fs_10 { font-size:1.0rem !important; }	/* font size 10px */
.fs_11 { font-size:1.1rem !important; }	/* font size 11px */
.fs_12 { font-size:1.2rem !important; }	/* font size 12px */
.fs_13 { font-size:1.3rem !important; }	/* font size 13px */
.fs_14 { font-size:1.4rem !important; }	/* font size 14px */
.fs_15 { font-size:1.5rem !important; }	/* font size 15px */
.fs_16 { font-size:1.6rem !important; }	/* font size 16px */
.fs_17 { font-size:1.7rem !important; }	/* font size 17px */
.fs_18 { font-size:1.8rem !important; }	/* font size 18px */
.fs_19 { font-size:1.9rem !important; }	/* font size 19px */
.fs_20 { font-size:2.0rem !important; }	/* font size 20px */
.fs_21 { font-size:2.1rem !important; }	/* font size 21px */
.fs_22 { font-size:2.2rem !important; }	/* font size 22px */
.fs_23 { font-size:2.3rem !important; }	/* font size 23px */
.fs_24 { font-size:2.4rem !important; }	/* font size 24px */
.fs_25 { font-size:2.5rem !important; }	/* font size 25px */
.fs_26 { font-size:2.6rem !important; }	/* font size 26px */
.fs_27 { font-size:2.7rem !important; }	/* font size 27px */
.fs_28 { font-size:2.8rem !important; }	/* font size 28px */
.fs_29 { font-size:2.9rem !important; }	/* font size 29px */
.fs_30 { font-size:3.0rem !important; }	/* font size 30px */

.fw_n { font-weight:normal; }
.fw_b { font-weight:bold; }


/* --------------------------------------------------- */
/* --- margin styles --------------------------------- */
/* --------------------------------------------------- */

.mt0  { margin-top:0px !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }

.mr0  { margin-right:0px !important; }

.mb0  { margin-bottom:0px !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }

.ml0  { margin-left:0px !important; }


/* --------------------------------------------------- */
/* --- width & height styles ------------------------- */
/* --------------------------------------------------- */

.w100 { width: 100% !important; }
.w75 { width: 75% !important; }
.w66 { width: 66% !important; }
.w50 { width: 50% !important; }
.w33 { width: 33% !important; }
.w25 { width: 25% !important; }
.wauto { width: auto !important; }

.h100 { height: 100% !important; }
.h75 { height: 75% !important; }
.h50 { height: 50% !important; }
.hauto { height: auto !important; }


/* --------------------------------------------------- */
/* --- clear fix & float clear ----------------------- */
/* --------------------------------------------------- */

.cfx:after {
	content: "";
	display:block;
	clear:both;
}


/* --------------------------------------------------- */
/* --- basic layout ---------------------------------- */
/* --------------------------------------------------- */

	header,
	nav {
		padding-right: 10px;
		padding-left: 10px;
		width:auto;
	}
	div#contents,
	footer {
		margin-right: auto;
		margin-left: auto;
		padding-right: 10px;
		padding-left: 10px;
		width: 950px;
	}

/* --------------------------------------------------- */
/* --- header group ---------------------------------- */
/* --------------------------------------------------- */

div#hg{
	position: relative;
}

	div#hg.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index:10;
		width: 100%;
		background-color: rgba(255,255,255,1);
	}


/* --------------------------------------------------- */
/* --- header ---------------------------------------- */
/* --------------------------------------------------- */

header div:after {
	content: '';
	display: block;
	clear: both;
}
header div h1 {
	float: left;
}
header div p {
	float: right;
}


	header div {
		margin-right: auto;
		margin-left: auto;
		width: 930px;
	}

	header div {
		padding-right: 10px;
	}

	header {
		border-top: 3px solid rgba(231,238,233,1);
	}
	header div h1 {
		margin: 17px 15px;
	}
	header div p {
		margin-top: 14px;
		border-radius: 3px;
		border: 1px solid rgba(153,153,153,1);
	}
	header div p a {
		display: block;
		position: relative;
		line-height: 1;
		text-align: center;
		text-decoration: none !important;
		font-size: 1.4rem;
		color: rgba(51,51,51,1);
	}
	header div p a.cp {
		padding: 10px 38px;
	}
	header div p a.faq {
		padding: 10px 50px 10px 20px;
	}
	header div p a.cp:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 15px;
		display: block;
		margin-top: -11px;
		width: 17px;
		height: 19px;
		background-image: url(/suica/common/img/ico_cp_present.png);
	}
	header div p a:after {
		content: '';
		position: absolute;
		top: 50%;
		display: block;
	}
	header div p a.cp:after {
		right: 10px;
		margin-top: -7px;
		width: 9px;
		height: 14px;
		background-image: url(/suica/common/img/ico_arrow_blk_s.png);
	}
	header div p a.faq:after {
		right: 8px;
		margin-top: -12px;
		width: 23px;
		height: 23px;
		background-image: url(/suica/common/img/ico_link_blank_nav.png);
	}
	header div p a:hover {
		background-color: rgba(238,238,238,1);
		color: rgba(51,51,51,1);
	}

/* --------------------------------------------------- */
/* --- navi ------------------------------------------ */
/* --------------------------------------------------- */

nav ul#nav_suica li#n_ms a { border-color: rgba(89,178,36,1); }
nav ul#nav_suica li#n_sm a { border-color: rgba(0,136,3,1); }
nav ul#nav_suica li#n_sp a { border-color: rgba(254,225,0,1); }
nav ul#nav_suica li#n_sis a { border-color: rgba(94,200,237,1); }
nav ul#nav_suica li#n_vs a { border-color: rgba(0,140,208,1); }

	nav ul#nav_suica,
	nav ul#nav_suica_inner {
		margin-right: auto;
		margin-left: auto;
		width: 930px;
	}
	nav ul#nav_suica,
	nav ul#nav_suica_inner {
		padding-right: 10px;
		padding-left: 10px;
		width: auto;
	}

	nav ul#nav_suica li#n_sis a { background-size: 90% 33px; }
	nav ul#nav_suica li#n_vs a { background-size: 90% 16px; }

	nav.inner {
		background-color: rgba(0,0,0,1);
	}
	div#nav_modal {
		display: none;
	}
	nav {
		border-top: 1px solid rgba(0,0,0,1);
		border-bottom: 1px solid rgba(0,0,0,1);
	}
	nav ul#nav_suica:after,
	nav ul#nav_suica_inner:after {
		content: '';
		display: block;
		clear: both;
	}
	nav ul#nav_suica li,
	nav ul#nav_suica_inner li {
		float: left;
		border-left: 1px solid rgba(0,0,0,1);
		text-align: center;
	}
	nav ul#nav_suica li {
		width: 20%;
	}
	nav ul#nav_suica_inner li {
		border-left: 1px solid rgba(255,255,255,1);
		width: calc( 100% / 6 );
	}
	nav ul#nav_suica li:last-child {
		border-right: 1px solid rgba(0,0,0,1);
	}
	nav ul#nav_suica_inner li:last-child {
		border-right: 1px solid rgba(255,255,255,1);
	}
	nav ul#nav_suica li a,
	nav ul#nav_suica_inner li a {
		display: block;
		overflow: hidden;
		height: 59px;
	}
	nav ul#nav_suica li a {
		border-top: 6px solid;
		padding: 10px;
		height: 59px;
		background-repeat: no-repeat;
		background-position: center center;
		text-indent: 120%;
		white-space: nowrap;
	}
	nav ul#nav_suica_inner li a {
		padding: 20px 13px;
		height: 59px;
		text-decoration:none;
		line-height:1.2;
		font-size:1.6rem;
		font-weight: bold;
		color:rgba(255,255,255,1);
	}
	nav ul#nav_suica_inner li a.now,
	nav ul#nav_suica_inner li a:hover {
		background-color: rgba(0,136,3,1);
	}
	nav ul#nav_suica_inner li a span {
		display: block;
	}
	nav ul#nav_suica_inner li a span.line2 {
		margin-top: -8px;
	}
	nav ul#nav_suica li#n_ms a {
		background-image: url(/suica/common/img/nav_mobilesuica.png);
		background-size: 61px 31px;
	}
	nav ul#nav_suica li#n_sm a {
		background-image: url(/suica/common/img/nav_suicamoney.png);
		background-size: 74px 33px;
	}
	nav ul#nav_suica li#n_sp a {
		background-image: url(/suica/common/img/nav_suicapoint.png);
		background-size: 110px 33px;
	}
	nav ul#nav_suica li#n_sis a {
		background-image: url(/suica/common/img/nav_sis.png);
		background-size: 128px 33px;
	}
	nav ul#nav_suica li#n_vs a {
		background-image: url(/suica/common/img/nav_viewsuica.png);
		background-size: 132px 16px;
	}

	nav ul#nav_suica li#n_ms a:hover { background-color: rgba(89,178,36,0.15); }
	nav ul#nav_suica li#n_sm a:hover { background-color: rgba(0,123,3,0.15); }
	nav ul#nav_suica li#n_sp a:hover { background-color: rgba(254,225,0,0.15); }
	nav ul#nav_suica li#n_sis a:hover { background-color: rgba(94,200,237,0.15); }
	nav ul#nav_suica li#n_vs a:hover { background-color: rgba(8,94,180,0.15); }

	nav ul#nav_local,
	nav ul#nav_campaign,
	nav ul#nav_information {
		display: none;
	}

	nav ul#nav_suica li#n_sis a { background-size: 90% 33px; }
	nav ul#nav_suica li#n_vs a { background-size: 90% 16px; }


/* --------------------------------------------------- */
/* --- wrapper --------------------------------------- */
/* --------------------------------------------------- */

div#contents:after {
	content:'';
	display:block;
	clear:both;
}

	div#contents section#cnt_body {
		float: left;
		margin-bottom: 3.225%;
		width: 69.8925%;
	}
	div#contents section#lnav {
		float: right;
		width: 26.8817%;
	}
	div#contents {
		padding: 0 1.5625%;
	}


/* --------------------------------------------------- */
/* --- footer ---------------------------------------- */
/* --------------------------------------------------- */

footer ul {
	border: 1px solid rgba(217,217,217,1);
}
footer ul:after {
	content: '';
	display: block;
	clear: both;
}

footer ul li {
	float: left;
	border-right: 1px solid rgba(217,217,217,1);
	border-bottom: 1px solid rgba(217,217,217,1);
	background-color: rgba(247,247,247,1);
}
footer ul li a {
	display: block;
	padding-top: 8px;
	width: 100%;
	height: 30px;
	text-align: center;
}
footer ul li a img {
	width: auto;
	max-width: 90%;
	height: auto;
	max-height: 14px;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}
footer ul li#f_vc a img{
	max-height: 17px;
}
footer ul li#f_sm a img {
	max-height: 16px;
}
footer ul li a:hover,
footer ul li a.now {
	background-color: rgba(255,255,255,1);
}
footer ul li a:hover img,
footer ul li a.now img {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity: 1.0;
}

	footer {
		margin-bottom: 2.105%;
	}
	footer ul li {
		width: 33%;
	}
	footer ul li:nth-of-type(3n-1) {
		width: 34%;
	}
	footer ul li:nth-of-type(3n) {
		border-right: none;
	}
	footer ul li:nth-of-type(4),
	footer ul li:nth-of-type(5),
	footer ul li:nth-of-type(6){
		border-bottom: none;
	}


/* --------------------------------------------------- */
/* --- page_top -------------------------------------- */
/* --------------------------------------------------- */

	div#movetop {
		position:fixed;
		right:20px;
		bottom:20px;
		margin:0;
	}
	div#movetop a {
		display:inline-block;
		border-radius:5px;
		padding:5px 10px;
		background:#EEEEEE;
		text-decoration:none;
		font-size:1.3rem;
		color:#333333;
	}
	:root div#movetop a:hover {
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	div#movetop a:before {
		content:"";
		display:inline-block;
		margin-right:5px;
		width:14px;
		height:15px;
		background:url(/suica/common/img/ico_pagetop.png) no-repeat;
		vertical-align:middle;
	}


/* --------------------------------------------------- */
/* --- common parts ---------------------------------- */
/* --------------------------------------------------- */

/*
a:hover img {
	opacity:0.75;
}
*/

/* --- セクションボックス ------------------------------------------ */

	div#contents > section,
	section#cnt_body > section {
		margin-bottom: 50px;
	}

/* --- ローカルナビゲーション ------------------------------------------ */

	div#contents section#lnav {
		position: relative;
		border-top: 4px solid rgb(35,31,32);
	}
	div#contents section#lnav:after {
		content: '';
		display: block;
		position: absolute;
		top: -4px;
		width: 40%;
		height: 4px;
		background-color: rgb(0,136,3);
	}
	div#contents section#lnav h1 {
		border-bottom: 1px solid rgb(204,204,204);
		background-color: rgb(246,250,245);
	}
	div#contents section#lnav h1 a:hover {
		background-color: rgb(218,237,217);
	}
	div#contents section#lnav h1 a {
		display: block;
		padding: 6%;
		padding-left: 40px;
		background: url(/suica/common/img/lnav_home.png) no-repeat 3.6% center;
	}
	div#contents section#lnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	div#contents section#lnav ul.common {
		margin-top: 25px;
		border-top: 1px solid rgb(204,204,204);
	}
	div#contents section#lnav ul li {
	}
	div#contents section#lnav ul li a {
		display: block;
		border-bottom: 1px solid rgb(204,204,204);
		padding: 6%;
		padding-left: 40px;
		background: url(/suica/common/img/ico_arrow_box_l.png) no-repeat 3.6% center;
	}
	div#contents section#lnav ul li ul li a {
		padding-left: 70px;
		background: url(/suica/common/img/ico_arrow_box_l.png) no-repeat 15.6% center;
	}
	div#contents section#lnav a {
		text-decoration: none;
		color: rgb(0,0,0);
	}
	div#contents section#lnav a.now,
	div#contents section#lnav a:hover {
		background-color: rgb(238,238,238);
	}


/* --- 下層レイアウト パンくず ------------------------------------------ */

	div#contents section#breadcrumb {
		padding: 10px 0px;
		margin: 0;
	}
	div#contents section#breadcrumb ul {
		list-style:none;
		margin: 0;
		padding: 0;
	}
	div#contents section#breadcrumb ul:after {
		content:'';
		display:block;
		clear: both;
	}
	div#contents section#breadcrumb ul li {
		float: left;
	}
	div#contents section#breadcrumb ul li:after {
		content:'>';
		margin: 0px 5px;
	}
	div#contents section#breadcrumb ul li:last-child:after {
		content:'';
	}


/* --- 下層レイアウト 見出し1 コンテンツトップ ------------------------------------------ */

div#contents section#cnt_h1 {
	position: relative;
	background-color: rgba(218,237,217,1);
}
div#contents section#cnt_h1 h1 {
	font-weight:bold;
}

	div#contents section#cnt_h1 {
		margin-bottom: 40px;
		padding-top: 50px;
		padding-left: 60px;
		min-height: 240px;
		background-repeat: no-repeat;
		background-position: 87.4193% center;
	}
	div#contents section#cnt_h1 h1 {
		margin-bottom: 15px;
		width: 46.2366%;
		font-size:3.4rem;
	}
	div#contents section#cnt_h1 p {
		width: 46.2366%;
		font-size:1.6rem;
	}


/* --- 下層レイアウト 見出し1 コンテンツページ ------------------------------------------ */

div#contents section#cnt_h1_inner {
	border-bottom: 2px dotted rgba(218,237,217,1);
}
div#contents section#cnt_h1_inner h1 {
	font-weight:bold;
}

	div#contents section#cnt_h1_inner {
		margin-bottom: 40px;
	}
	div#contents section#cnt_h1_inner h1 {
		margin-left: 19px;
		font-size:3.4rem;
	}

/* --- 下層レイアウト 見出し2  ------------------------------------------ */

section#cnt_body section.body h1 {
	clear: both;
	border: 1px solid rgba(153,153,153,1);
	font-weight:bold;
}
section#cnt_body section.body h1 span {
	display: block;
	border-left: 5px solid rgba(0,132,4,1);
	padding-left: 10px;
}
	section#cnt_body section.body h1 {
		margin-bottom: 20px;
		border-radius: 3px;
		padding: 14px 19px;
	}
	section#cnt_body section.body h1 span {
		font-size:1.8rem;
	}


/* --- 下層レイアウト 見出し3  ------------------------------------------ */

section#cnt_body section.body h2 {
	clear: both;
	background-color: rgba(218,237,217,1);
	font-size:1.6rem;
	font-weight:bold;
}
	section#cnt_body section.body h2 {
		margin-bottom: 20px;
		padding: 7px 20px;
	}


/* --- 下層レイアウト 見出し4  ------------------------------------------ */

section#cnt_body section.body h3 {
	clear: both;
	font-size:1.6rem;
	font-weight:bold;
}
	section#cnt_body section.body h3 {
		margin-bottom: 10px;
		padding: 0 20px;
	}


/* --- 下層レイアウト pタグ（画像含む） ------------------------------------------ */

section#cnt_body section.body p {
	margin-bottom: 1em;
}

	section#cnt_body section.body p img.fl_img {
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}

	section#cnt_body section.body p.p_img {
		float: left;
		margin-right: 20px;
	}


/* --- 下層レイアウト aタグ リンクボタン  ------------------------------------------ */

section#cnt_body section.body a.link_btn {
	clear: both;
	display:block;
	position:relative;
	border-radius: 3px;
	border: 1px solid rgba(153,153,153,1);
	padding: 14px 25px 11px;
	background-color: rgba(255,255,255,1);
	text-align: center;
	text-decoration: none;
	color: rgba(0,0,0,1);
}
section#cnt_body section.body a.link_btn.line_b {
	border: 3px solid rgba(153,153,153,1);
}
section#cnt_body section.body a.link_btn:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -7px;
	width: 9px;
	height: 14px;
	background-image: url(/suica/common/img/ico_arrow_blk_s.png);
}
section#cnt_body section.body a.link_btn.arrow_s {
}
section#cnt_body section.body a.arrow_s:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -4px;
	width: 6px;
	height: 7px;
	background-image: url(/suica/common/img/ico_arrow02_blk_s.png);
}
	section#cnt_body section.body a.link_btn {
		margin:0 auto 20px;
		width: 320px;
	}
	section#cnt_body section.body a.link_btn:hover {
		background-color: rgba(238,238,238,1);
	}


/* --- 下層レイアウト ulタグ リンクボタン 2カラム  ---------------------------------- */

section#cnt_body section.body ul.link_btn_2c {
	clear: both;
	list-style:none;
	margin: 0 0 20px;
	padding: 0;
}
section#cnt_body section.body ul.link_btn_2c li a {
	display:block;
	position:relative;
	border-radius: 3px;
	border: 1px solid rgba(153,153,153,1);
	padding: 14px 25px 11px;
	background-color: rgba(255,255,255,1);
	text-align: center;
	text-decoration: none;
	color: rgba(0,0,0,1);
}
section#cnt_body section.body ul.link_btn_2c li a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -4px;
	width: 6px;
	height: 7px;
	background-image: url(/suica/common/img/ico_arrow02_blk_s.png);
}

	section#cnt_body section.body ul.link_btn_2c {
		margin:0 0 20px;
	}
	section#cnt_body section.body ul.link_btn_2c:after {
		content:'';
		display: block;
		clear: both;
	}
	section#cnt_body section.body ul.link_btn_2c li {
		float: left;
		margin-bottom: 20px;
		width: calc( (100% - 20px) / 2 );
	}
	section#cnt_body section.body ul.link_btn_2c li:nth-of-type(2n) {
		float: right;
	}
	section#cnt_body section.body ul.link_btn_2c li a:hover {
		background-color: rgba(238,238,238,1);
	}


/* --- 下層レイアウト 注意事項ボックス  ---------------------------------- */

section#cnt_body section.notice {
	background:rgba(238,238,238,1);
}
section#cnt_body section.notice h1 {
	margin-bottom:0;
	font-size:1.6rem;
	font-weight:bold;
}
section#cnt_body section.notice ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
section#cnt_body section.notice ul li {
	padding-left: 1em;
	text-indent:-1em;
}
section#cnt_body section.notice ul li:before {
	content:'・';
}
section#cnt_body section.notice ul li:last-child {
	margin-bottom: 0;
}

	section#cnt_body section.notice {
		margin: 0 0 20px;
		padding: 20px;
	}
	section#cnt_body section.notice h1 {
		padding:0 0 10px;
	}
	section#cnt_body section.notice ul {
	}
	section#cnt_body section.notice ul li {
		margin-bottom: 10px;
	}


/* --- 下層レイアウト ご注意！ボックス  ---------------------------------- */

section#cnt_body section.caution {
	border:solid 3px rgba(255,191,0,1);
	background:rgba(255,191,0,1);
}
section#cnt_body section.caution h1 {
	margin-bottom:0;
	font-size:1.8rem;
	font-weight:bold;
}
section#cnt_body section.caution ul {
	list-style:none;
	background-color: rgba(255,239,191,1);
}
section#cnt_body section.caution ul li {
	padding-left: 1em;
	text-indent:-1em;
}
section#cnt_body section.caution ul li:before {
	content:'・';
}
section#cnt_body section.caution ul li:last-child {
	margin-bottom: 0;
}

	section#cnt_body section.caution {
		margin: 0 0 20px;
	}
	section#cnt_body section.caution h1 {
		padding:5px 20px;
	}
	section#cnt_body section.caution ul {
		padding:10px 20px;
	}
	section#cnt_body section.caution ul li {
		margin-bottom: 10px;
	}


/* --- 下層レイアウト hrタグ 区切り線  ---------------------------------- */

section#cnt_body section.body hr.line_dot {
	clear:both;
	display:block;
	margin-bottom: 20px;
	border:none;
	border-bottom:1px dotted rgba(153,153,153,1);
	height: 0;
	line-height: 1;
	font-size: 0;
}


/* --- 下層レイアウト ページ下部 バナーエリア ------------------------------------------ */

	section#suica_contents_bnr  {
		margin-top: 4.6153%;
	}

section#suica_contents_bnr a.ms_bnr {
	display:block;
	border-radius:5px;
	border-style:solid;
	border-color: rgba(89,178,36,1);
	text-decoration: none;
	color:rgba(0,0,0,1);
}
section#suica_contents_bnr a.ms_bnr div {
	text-align: center;
}
section#suica_contents_bnr a.ms_bnr div:first-child {
	background-color: rgba(89,178,36,1);
	text-align: center;
}
section#suica_contents_bnr a.ms_bnr div:last-child p:last-child {
	position:relative;
	border-radius:3px;
	border:1px solid rgba(89,178,36,1);
}
section#suica_contents_bnr a.ms_bnr div:last-child p:first-child span {
	font-weight: bold;
	color:rgba(234,32,38,1);
}
section#suica_contents_bnr a.ms_bnr div:last-child p:last-child:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	background-image: url(/suica/common/img/ico_arrow_blk_s.png);
}
section#suica_contents_bnr a.ms_bnr div:last-child p:last-child {
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(219,239,207,1);
}

	section#suica_contents_bnr a.ms_bnr {
		margin-bottom: 3.0769%;
		border-width: 4px;
	}
	section#suica_contents_bnr a.ms_bnr:after {
		content:'';
		display: block;
		clear: both;
	}
	section#suica_contents_bnr a.ms_bnr div:first-child {
		float: left;
		width: 42.5%;
	}
	section#suica_contents_bnr a.ms_bnr div:first-child img {
		margin-top: 13.8686%;
		margin-bottom: 13.1386%;
		width: 83.9416%;
		height: auto;
	}
	section#suica_contents_bnr a.ms_bnr div:last-child {
		float: right;
		width: 57%;
		text-align: center;
	}
	section#suica_contents_bnr a.ms_bnr div:last-child p:first-child {
		margin-top: 4%;
		margin-bottom: 2%;
		padding-left: 0.8em;
		font-size: 2.0rem;
		font-weight: bold;
	}
	section#suica_contents_bnr a.ms_bnr div:last-child p:first-child span {
		font-size: 2.0rem;
	}
	section#suica_contents_bnr a.ms_bnr div:last-child p:last-child {
		margin-bottom:3%;
		padding: 3% 22px 3% 10%;
		width: 80%;
	}
	section#suica_contents_bnr a.ms_bnr div:last-child p:last-child:after {
		margin-top: -7px;
		width: 9px;
		height: 14px;
		background-image: url(/suica/common/img/ico_arrow_blk_s.png);
	}

section#suica_contents_bnr a.dpamph_bnr {
	display:block;
	overflow: hidden;
	position:relative;
	border-radius:5px;
	border-width: 1px;
	border-style:solid;
	border-color: rgba(153,153,153,1);
	text-decoration: none;
	color:rgba(0,0,0,1);
}
section#suica_contents_bnr a.dpamph_bnr:after {
	content:'';
	display: block;
	position: absolute;
	background-image: url(/suica/common/img/ico_link_blank_nav.png);
	background-repeat: no-repeat;
}
section#suica_contents_bnr a.dpamph_bnr p {
	float: left;
	text-align: center;
	line-height: 1;
}
section#suica_contents_bnr a.dpamph_bnr img {
	float: right;
}
section#suica_contents_bnr a.dpamph_bnr p:first-child {
	border-bottom: 1px solid rgba(0,136,3,1);
	color: rgba(0,136,3,1);
}

	section#suica_contents_bnr a.dpamph_bnr:after {
		bottom: 10px;
		right: 10px;
		width: 23px;
		height: 23px;
	}
	section#suica_contents_bnr a.dpamph_bnr p {
		margin-left: 3.0769%;
		width: 73.8461%;
	}
	section#suica_contents_bnr a.dpamph_bnr p:first-child {
		margin-top: 3.5%;
		margin-bottom: 2.0%;
		padding-bottom: 1.75%;
		font-size: 2.0rem;
	}
	section#suica_contents_bnr a.dpamph_bnr p:last-child {
		margin-bottom: 3.25%;
		font-size: 2.6rem;
		font-weight: bold;
	}
	section#suica_contents_bnr a.dpamph_bnr img {
		margin-top: 1.5384%;
		margin-right: 6.1538%;
		margin-bottom: 1.5384%;
		width: 15.3846%;
	}


/* --- Adobe PDF reader ------------------------------------------ */

	#contents #pdf_reader {
		clear:both;
		margin-bottom: 50px;
		border: 1px solid rgba(221,221,221,1);
		padding: 10px;
	}
	#contents #pdf_reader:after {
		content: '';
		display: block;
		clear: both;
	}
	#contents #pdf_reader > a {
		float: left;
		margin-right: 10px;
		width: 158px;
		height: 39px;
	}
	#contents #pdf_reader p a {
		padding-left: 17px;
		background: url(/suica/common/img/ico_link_blank01_s.png) no-repeat 0px 5px;
	}

