@charset "Shift_JIS";

/*----------------------------------------------------*/ 
/* element reset
------------------------------------------------------*/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent; vertical-align:top;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }
input[type=text],input[type=submit]{
	-webkit-appearance:none;
}


/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/ 

#sc-container,
#sc-header,
#sc-footer {
	font: 14px/24px "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}

#sc-container {
	font-size:106%;
}

/*
	Font-size Setting
	8px  :  57.1%		17px : 121.4%
	9px  :  64.3%		18px : 128.6%
	10px :  71.4%		19px : 135.7%
	11px :  78.6%		20px : 142.9%
	12px :  85.7%		22px : 157.1%
	13px :  92.9%		24px : 171.4%
	14px :   100%		26px : 185.7%
	15px : 107.1%		28px :   200%
	16px : 114.3%		30px : 214.3%
*/

#sc-container {
	line-height:1.8;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

/* 2016.6.1追加分 */
dd span.cpfont-small{
	font-size:85%;
}

img {
	vertical-align:bottom;
}

a:link {	color:#0000EB; text-decoration:underline;}
a:visited {	color:#0000EB;	text-decoration:underline;}
a:hover {	color:#0000EB;	text-decoration:none;}
a:active {	color:#0000EB;	text-decoration:underline;}

/* 2017.1.31追加分 */
#save_ekinaka{
	padding-top:7em;
	margin-top:-7em;
}
@media only screen and (max-width: 639px) {
#save_ekinaka{
	padding-top:0.1em;
	margin-top:-0.1em;
}
}

/* //2017.1.31追加分 */

/*----------------------------------------------------*/ 
/* sc-header
------------------------------------------------------*/ 

#overlay {
	display:none;
}

#sc-header {
	background:#FFF;
}

#sc-header.fixed {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:100;
}

#sc-header header {
	width:930px;
	height:64px;
	margin:0 auto;
}

#sc-header header:after {
	content: "";
	display: block;
	clear: both;
}

#sc-header header .logo {
	float:left;
	position:relative;
}

#sc-header header .login {
	float:right;
	margin-top:13px;
}

#sc-header header .login a {
	display:block;
	border:solid 1px #FF7F00;
	border-radius:3px;
	background:#FFB300;
	text-align:center;
	width:220px;
	padding:6px 0;
}

#sc-header header .login a:after {
	content:"";
	width:12px;
	height:11px;
	background:url(/suicamoney/img/common-ico-win.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}

:root #sc-header header .login a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

:root #sc-header header .login a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#sc-header header .login img,
#sc-header header .login span {
	display:inline-block;
	vertical-align:middle;
}

#sc-header header .login span {
	padding-left:16px;
	background:url(/suicamoney/img/common-ico-spclogin02.png) no-repeat;
	font-weight:bold;
	margin-left:8px;
	color:#000;
	line-height:1.3;
	position:relative;
	top:2px;
}

#sc-header header .menu-sp {
	display:none;
}

#sc-header .gnavi ul {
	width:930px;
	margin:0 auto;
	overflow:hidden;
}

#sc-header .gnavi li {
	float:left;
	box-sizing:border-box;
	line-height:1.3;
}

#sc-header .gnavi li a {
	display:block;
	text-align:center;
	font-size:114.3%;
	font-weight:bold;
}

#sc-header .gnavi li a:before {
	content:"";
	width:0;
	height:60px;
	display:inline-block;
	vertical-align:middle;
}

#sc-header .gnavi li a > span {
	display:inline-block;
	vertical-align:middle;
}

#sc-header .gnavi .sp,
#sc-header .gnavi .login {
	display:none;
}


/* suicamoney */

#sc-header.suicamoney header .logo {
	top:9px;
}

#sc-header.suicamoney .gnavi {
	background:#008803;
}

#sc-header.suicamoney .gnavi li {
	border-right:solid 1px #004900;
}

#sc-header.suicamoney .gnavi ul li:first-child {
	border-left:solid 1px #004900;
}

#sc-header.suicamoney .gnavi li a {
	color:#FFF;
}
#sc-header.suicamoney .gnavi li a:hover,
#sc-header.suicamoney .gnavi li a.current {
	background:#004900;
}

#sc-header.suicamoney .gnavi li.top {	width:9%;}
#sc-header.suicamoney .gnavi li.use {	width:14%;}
#sc-header.suicamoney .gnavi li.shopping {	width:19%;}
#sc-header.suicamoney .gnavi li.zangaku {	width:19%;}
#sc-header.suicamoney .gnavi li.cp {	width:17%;}
#sc-header.suicamoney .gnavi li.btn {	width:22%;}

#sc-header.suicamoney .gnavi li .jre-point > span {
	box-sizing:border-box;
	border:solid 2px #FFF;
	border-radius:3px;
	padding:0 20px;
	width:92%;
	height:44px;
	background:url(/suicamoney/img/common-ico-win.png) 8px 14px no-repeat #FEE100;
	text-align:center;
	color:#1F1F1F;
}

#sc-header.suicamoney .gnavi li .jre-point > span:before {
	content:"";
	width:0;
	height:42px;
	display:inline-block;
	vertical-align:middle;
}

#sc-header.suicamoney .gnavi li .jre-point > span span {
	display:inline-block;
	vertical-align:middle;
}


/* suicapoint */
#sc-header.suicapoint header .logo {top:17px;}
#sc-header.suicapoint .gnavi {background:#FEE100;}
#sc-header.suicapoint .gnavi li {border-right:solid 1px #FFB300}
#sc-header.suicapoint .gnavi ul li.top {border-left:solid 1px #FFB300;}
#sc-header.suicapoint .gnavi li a {color:#221F1F;}
#sc-header.suicapoint .gnavi li a:hover,
#sc-header.suicapoint .gnavi li a.current {
	background:#FFB300;
}
#sc-header.suicapoint .gnavi li.top {	width:25%;}
#sc-header.suicapoint .gnavi li.use {	width:40%;}
#sc-header.suicapoint .gnavi li.btn {	width:35%;}
#sc-header.suicapoint .gnavi li .suicamoney > span {
	color:#FFF;
	border:solid 2px #FFF;
	border-radius:3px;
	box-sizing:border-box;
	width:96%;
	height:44px;
	background:#008803;
}
#sc-header.suicapoint .gnavi li .suicamoney > span:before {
	content:"";
	width:7px;
	height:7px;
	background:url(/suicamoney/img/common-ico-arrow03.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
#sc-header.suicapoint .gnavi li .suicamoney > span:after {
	content:"";
	width:0;
	height:42px;
	display:inline-block;
	vertical-align:middle;
}
#sc-header.suicapoint .gnavi li .suicamoney > span span {
	display:inline-block;
	vertical-align:middle;
}



@media only screen and (max-width: 945px) {
	#sc-header header {
		width:auto;
		margin:0 10px;
	}
	#sc-header .gnavi ul {
		width:auto;
	}
}



@media only screen and (max-width: 700px) {
	#sc-header.suicapoint .gnavi li .suicamoney > span {
		background:#008803 url(/suicamoney/img/common-ico-arrow03.png) no-repeat 4px center;
		padding-left:13px;
	}
	#sc-header.suicapoint .gnavi li .suicamoney > span:before {
		display:none;
	}
}



@media only screen and (max-width: 639px) {
	#overlay {
		position:absolute;
		background:#000;
		opacity:0.5;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:none;
		z-index:10;
	}
	#overlay.show {display:block;}
	#sc-header.fixed {
		position:static;
		width:auto;
	}
	#sc-header header {height:45px;}
	#sc-header header .login {display:none;}
	#sc-header header .logo {
		position:static;
		padding:11px 0 1px 0;
	}
	#sc-header.suicamoney header .logo img {
		width:155px;
		height:auto;
	}
	#sc-header.suicapoint header .logo img {
		width:215px;
		height:auto;
	}
	#sc-header header .menu-sp {
		display:block;
		float:right;
		width:30px;
		height:30px;
		font-size:8px;
		background:url(/suicamoney/img/common-ico-menu.png) no-repeat;
		background-size:30px 30px;
		cursor:pointer;
		margin-top:9px;
	}
	#sc-header .gnavi {
		background:none !important;
		position:absolute;
		width:100%;
		left:0;
		margin-top:10px;
		display:none;
		z-index:100;
	}
	#sc-header .gnavi.open-sp {display:block;}
	#sc-header .gnavi nav {
		background:#FFF;
		border:solid 4px #CCCCCC;
		border-radius:3px;
		margin:0 10px;
		box-shadow:rgba(0, 0, 0, 0.4) 3px 3px 3px 0px;
	}
	#sc-header .gnavi nav:before {
		content:"";
		background:url(/suicamoney/img/common-ico-fukidashi.png) no-repeat;
		background-size:15px 16px;
		width:15px;
		height:16px;
		position:absolute;
		right:17px;
		top:-12px;
	}
	#sc-header .gnavi li {
		float:none;
		border-right:none !important;
		border-left:none !important;
		width:auto !important;
		border-bottom:solid 1px #CCCCCC;
	}
	#sc-header .gnavi li a {
		text-align:left;
		font-size:14px;
		font-weight:normal;
		color:#333333 !important;
		position:relative;
	}
	#sc-header .gnavi li .sp {display:inline;}
	#sc-header .gnavi li span.ft {display:none;}
	#sc-header .gnavi li.sp {display:block;}
	#sc-header.suicamoney .gnavi li a:hover,
	#sc-header.suicamoney .gnavi li a.current,
	#sc-header.suicapoint .gnavi li a:hover,
	#sc-header.suicapoint .gnavi li a.current {
		background:none;
	}
	#sc-header .gnavi li a:before {
		width:5px;
		height:50px;
		margin-right:13px;
	}
	#sc-header .gnavi li a:after {
		content:"";
		width:9px;
		height:14px;
		background:url(/suicamoney/img/common-ico-arrow02.png) no-repeat;
		background-size:9px 14px;
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-7px;
	}
	#sc-header .gnavi li a.win:after {
		content:"";
		width:12px;
		height:12px;
		background:url(/suicamoney/img/common-ico-win.png) no-repeat;
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-6px;
	}
	#sc-header.suicamoney .gnavi li .jre-point > span,
	#sc-header.suicapoint .gnavi li .suicamoney > span {
		color:#333333;
		border:none;
		border-radius:0;
		padding-left:0;
		background:none;
		width:auto;
		height:auto;
	}
	#sc-header.suicamoney .gnavi li .jre-point > span:before {
		display:none;
	}
	#sc-header.suicamoney .gnavi li .jre-point > span span {
		display:inline;
	}
	#sc-header.suicamoney .gnavi li a:before,
	#sc-header.suicapoint .gnavi li a.suicamoney:before {
		background:#008802;
	}
	#sc-header.suicapoint .gnavi li a:before,
	#sc-header.suicamoney .gnavi li a.jre-point:before {
		background:#FFBF00;
	}
	#sc-header .gnavi .login {
		display:block;
		border:none;
		padding:10px;
	}
	#sc-header.suicapoint .gnavi .login {border-bottom:solid 1px #CCCCCC;}
	#sc-header .gnavi .login a:before {display:none;}
	#sc-header .gnavi .login a {
		display:block;
		border:solid 1px #FF7F00;
		border-radius:3px;
		background:#FFB300;
		text-align:center;
		padding:6px 0;
	}
	#sc-header .gnavi .login a:after {
		content:"";
		width:12px;
		height:11px;
		background:url(/suicamoney/img/common-ico-win.png) no-repeat;
		display:inline-block;
		vertical-align:middle;
		margin:0 0 0 10px;
		position:static;
	}
	#sc-header .gnavi .login a:hover {background:#FFB300 !important;}
	:root #sc-header .gnavi .login a:hover img {
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	#sc-header .gnavi .login img,
	#sc-header .gnavi .login span {
		display:inline-block;
		vertical-align:middle;
	}
	#sc-header .gnavi .login span {
		font-size:16px;
		min-height:22px;
		padding:2px 0 0 25px;
		background:url(/suicamoney/img/common-ico-spclogin02.png) no-repeat;
		background-size:18px auto;
		font-weight:bold;
		margin-left:20px;
		color:#000;
		line-height:1.5;
		position:relative;
		top:2px;
	}

}





/*----------------------------------------------------*/ 
/* sc-container
------------------------------------------------------*/ 

#sc-container {
	width:930px;
	margin:20px auto 50px;
	position:relative;
}

#sc-container:after {
	content: "";
	display: block;
	clear: both;
}

#sc-contents {
	width:650px;
	float:left;
}

#sc-container.column1 #sc-contents {
	width:auto;
	float:none;
}

#sc-topicpath {
	margin-bottom:10px;
	font-size:85.7%;
}


@media only screen and (max-width: 945px) {
	
#sc-container {
	width:auto;
	margin:20px 10px 50px;
}

#sc-contents {
	width:70%;
}

}

@media only screen and (max-width: 639px) {
	
#sc-container {
	margin:20px 10px;
}

#sc-topicpath {
	display:none;
}

#sc-contents {
	width:auto;
	float:none;
}

}

/*----------------------------------------------------*/ 
/* side
------------------------------------------------------*/ 

#sc-side {
	width:250px;
	float:right;
	font-size:14px;
}

#sc-side aside.fixed {
	position:fixed;
	top:0;
}

#sc-side aside.bottom {
	position:absolute;
	bottom:0;
}

#sc-side .gnavi {
	border-top:solid 4px #0F0F0F;
	position:relative;
}

#sc-side .gnavi:before {
	content:"";
	width:40%;
	height:4px;
	position:absolute;
	left:0;
	top:-4px;
}

#sc-side.suicamoney .gnavi:before {
	background:#008803;
}

#sc-side.suicapoint .gnavi:before {
	background:#FFBF00;
}

#sc-side .gnavi li {
	border-bottom:solid 1px #CCCCCC;
}

#sc-side .gnavi li a {
	display:block;
	background:url(/suicamoney/img/common-ico-arrow04.png) no-repeat 9px center;
	color:#333333;
	text-decoration:none;
}

#sc-side .gnavi li a.win {
	background-image:url(/suicamoney/img/common-ico-win02.png);
}

#sc-side .gnavi li a:hover,
#sc-side .gnavi li a.current {
	background-color:#EEEEEE;
}

#sc-side .gnavi li a.current {
	font-weight:bold;
}

#sc-side .gnavi li.top a {
	background-image:url(/suicamoney/img/common-ico-home.png);
}

#sc-side .gnavi li.login a {
	background-image:url(/suicamoney/img/common-ico-win02.png);
}

#sc-side .gnavi li a:before {
	content:"";
	width:16%;
	height:49px;
	display:inline-block;
	vertical-align:middle;
}

#sc-side .gnavi li a > span {
	display:inline-block;
	vertical-align:middle;
	width:84%;
	padding:10px 0;
}

@media only screen and (max-width: 945px) {
	
#sc-side {
	width:27%;
}

#sc-side .gnavi li {
	font-size:92.9%;
}

#sc-side .gnavi li a:before {
	width:18%;
	height:44px;
}

#sc-side .gnavi li a > span {
	width:82%;
	padding:8px 0;
}

}

@media only screen and (max-width: 800px) {

#sc-side .gnavi li a:before {
	width:20%;
	height:40px;
}

#sc-side .gnavi li a > span {
	width:80%;
	padding:4px 0;
}

}

@media only screen and (max-width: 700px) {

#sc-side .gnavi li a:before {
	width:22%;
}

#sc-side .gnavi li a > span {
	width:78%;
}

}

@media only screen and (max-width: 639px) {
	
#sc-side {
	width:auto;
	float:none;
}

#sc-side aside.fixed,
#sc-side aside.bottom {
	position:static;
}



#sc-side .gnavi {
	display:none;
}

}

/*----------------------------------------------------*/ 
/* pagetop
------------------------------------------------------*/ 

.pagetop {
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;
	margin:0;
}

.pagetop a {
	display:inline-block;
	padding:5px 10px;
	font-size:93%;
	color:#333333;
	text-decoration:none;
	background:#EEEEEE;
	border-radius:5px;
}

:root .pagetop a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.pagetop a:before {
	content:"";
	background:url(/suicamoney/img/common-ico-pagetop.png) no-repeat;
	width:14px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}


@media only screen and (max-width: 639px) {
	
.pagetop {
	display:block;
	position:static;
	text-align:center;
}

.pagetop a {
	display:block;
	padding:10px 0;
	font-size:14px;
	color:#0000EC;
	text-decoration:underline;
	background:none;
	border-radius:0;
}

.pagetop a:hover {
	opacity:1;
}

.pagetop a:before {
	background-size:14px 15px;
}


}

/*----------------------------------------------------*/ 
/* sc-footer
------------------------------------------------------*/ 

#sc-footer {
	width:930px;
	margin:0 auto 20px;
}

#sc-footer .onavi {
	border-left:solid 1px #d9d9d9;
	border-top:solid 1px #d9d9d9;
	overflow:hidden;
}

#sc-footer .onavi li {
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
	float:left;
	width:308px;
}

#sc-footer .onavi li.mobilesuica,
#sc-footer .onavi li.suicamoney {
	width:310px;
}

#sc-footer .onavi li a {
	display:block;
	text-align:center;
	background:#F7F7F7;
}

:root #sc-footer .onavi li img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#sc-footer .onavi li a:before,
#sc-footer .onavi li img {
	display:inline-block;
	vertical-align:middle;
}

#sc-footer .onavi li a:before {
	content:"";
	width:0;
	height:30px;
}

#sc-footer .onavi li a:hover,
#sc-footer .onavi li a.current {
	background:#FFF;
}

:root #sc-footer .onavi li a:hover img,
:root #sc-footer .onavi li a.current img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#sc-footer .gnavi {
	display:none;
}


@media only screen and (max-width: 945px) {
	
#sc-footer {
	width:auto;
	margin:0 10px 20px;
}

#sc-footer .onavi li {
	box-sizing:border-box;
	width:33.3% !important;
}

#sc-footer .onavi li:nth-child(2),
#sc-footer .onavi li:nth-child(4) {
	width:33.4%;
}


}

@media only screen and (max-width: 639px) {
	
#sc-footer {
	margin:40px 0 0 0;
}

#sc-footer .onavi:before {
	content:"";
	display:block;
	height:1px;
	background:#CCC;
}

#sc-footer .onavi {
	border-left:none;
	border-top:solid 5px #EEE;
}

#sc-footer .onavi li,
#sc-footer .onavi li:nth-child(2),
#sc-footer .onavi li:nth-child(4) {
	width:50% !important;
	overflow:hidden;
}

#sc-footer .onavi li:nth-child(even) {
	border-right:none;
}

#sc-footer .onavi li a:before {
	height:44px;
}

#sc-footer .onavi li a:hover {
	background:#F7F7F7;
}

:root #sc-footer .onavi li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#sc-footer .onavi li a.current:hover {
	background:#FFF;
}

:root #sc-footer .onavi li a.current:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#sc-footer .onavi li img {
	height:auto;
}

#sc-footer .onavi li.suica img {	width:60px;}
#sc-footer .onavi li.mobilesuica img {	width:120px;}
#sc-footer .onavi li.suicainternetservice img {	width:140px;}
#sc-footer .onavi li.card img {	width:107px;}
#sc-footer .onavi li.suicamoney img {	width:135px;}
#sc-footer .onavi li.suicapoint img {	width:135px;}


#sc-footer .gnavi {
	display:block;
	position:relative;
	z-index:1;
	border-bottom:solid 1px #CCC;
}

#sc-footer .gnavi:before {
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-1px;
	background:#CCC;
	z-index:10;
}

#sc-footer .gnavi ul {
	overflow:hidden;
}

#sc-footer .gnavi li {
	float:left;
	width:50%;
	border-bottom:solid 1px #CCC;
}

#sc-footer .gnavi li span.hd {
	display:none;
}

#sc-footer .gnavi li.blank {
	height:60px;
}

#sc-footer .gnavi li a {
	display:block;
	color:#333;
	font-size:14px;
	padding:0 25px 0 10px;
	position:relative;
}

#sc-footer .gnavi li a.current {
	background-color:#EEEEEE;
}

#sc-footer .gnavi li a:before {
	content:"";
	width:0;
	height:60px;
	display:inline-block;
	vertical-align:middle;
}

#sc-footer .gnavi li a:after {
	content:"";
	width:9px;
	height:14px;
	background:url(/suicamoney/img/common-ico-arrow02.png) no-repeat;
	background-size:9px 14px;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}

#sc-footer .gnavi li a.win:after {
	width:12px;
	height:12px;
	background:url(/suicamoney/img/common-ico-win.png) no-repeat;
}

#sc-footer .gnavi li.login img {
	display:none;
}

#sc-footer .gnavi li.login a:after {
	width:12px;
	height:12px;
	background:url(/suicamoney/img/common-ico-win.png) no-repeat;
}

#sc-footer .gnavi li a > span {
	display:inline-block;
	vertical-align:middle;
}

/* suicamoney */

#sc-footer.suicamoney .gnavi {
	border-top:solid 3px #239B10;
}

#sc-footer.suicapoint .gnavi {
	border-top:solid 3px #FFBF00;
}

}