@charset "Shift_JIS";

/* ------------------------------

 0.Default
 
------------------------------ */
* {
	margin:0;
	padding:0;
}
img {border:0;}
li {list-style:none;}
br {letter-spacing:0;}
a {
	color:#0033cc;
	text-decoration:underline;
	overflow:hidden;
	outline:none;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}

span.non {display:none;}
.clr , .clear {clear:both;}
.inline {
	display:-moz-inline-box;
	display:inline-block;
}

#wrapper-ie7 .inline {
	display:inline;
	zoom:1;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end of for macIE */


/* アイコン系 */
.icon-down {
	background:url(/suicapoint/common/img/icon_link_down.gif) 0 0.3em no-repeat;
	padding-left:12px;
}
.icon-right {
	background:url(/suicapoint/common/img/icon_link_right.gif) 0 0.3em no-repeat;
	padding-left:12px;
}
.icon-blank {
	background:url(/suicapoint/common/img/icon_link_blank.gif) 0 0.3em no-repeat;
	padding-left:12px;
}
.icon-pdf {
	background:url(/suicapoint/common/img/icon_link_pdf.gif) 0 -0.1em no-repeat;
	padding-left:12px;
}
.img-mid {vertical-align:middle;}
.img-mid2 {
	vertical-align:middle;
	margin-bottom:5px;
}
img.icon {
	vertical-align:middle;
	margin:0 5px;
}


/* テキスト系 */
.sizeS {font-size:75%;}
.sizeSS {font-size:70%;}
.sizeLL {font-size:150%;}
.sizeL {font-size:115%;}
.txtRed {color:#cc0000;}
.txtOrg {color:#ff8800;}
.txtBld {font-weight:bold;}



/* ------------------------------

 1.Base
 
------------------------------ */
html {}
body {
	background:#ffffff;
	font-size:100%;
}
div#wrapper {
	padding:15px 0 10px 10px;
	line-height:150%;
	font-size:80%;
	color:#333333;
}
div#wrapperInner {width:740px;}



/* ------------------------------

 2.Header
 
------------------------------ */
#header {
	background:url(/suicapoint/common/img/frame_top.gif) no-repeat left top;
	width:740px;
}
#logo {
	padding:0 15px;
	height:68px;
}
#logo p {
	float:left;
	padding:25px 0 0 15px;
}

/* トップページ特有 */
#logo h1 {
	float:left;
	padding:25px 0 0 15px;
}
#logo ul {
	float:right;
	padding:20px 20px 0 0;
}
#logo li {
	float:left;
	padding:8px 0 0 8px;
}
#globalMenu {
	padding:0 0 0 10px;
	height:51px;
}

/* トップページ特有 */
#sp-top #globalMenu {
/* 	height:45px; */
}
#globalMenu li {float:left;}



/* ------------------------------

 3.Contents
 
------------------------------ */
#contents {
	padding:10px 6px 0px 6px;
	border-left:#ff8b00 solid 10px;
	border-right:#ff8b00 solid 10px;
}

/* トップページ特有 */
#sp-top #contents {padding-top:0;}
#breadcrumbs {
	padding:0;
	margin:0;
	font-size:75%;
	width:700px;
}
#breadcrumbs li {
	float:left;
	padding:0 0 5px 7px;
}
div#breadcrumbs {
	padding:0px 7px 5px;
	font-size:75%;
}



/* ------------------------------

 4.Main Contents（共通部分）
 
------------------------------ */
#mainContents {
	float:right;
	width:534px;
}

#mainContents h2.pagetitle {padding-bottom:10px;}


/* フレーム */
#mainContents div.frameConts {margin:0px 0 15px;}
#mainContents div.frameConts div.conts {width:534px;}
#mainContents div.frameConts div.contsInner {
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
	border-bottom:#dddddd solid 1px;
	padding:3px 8px;
}


/* ページタイトル */
#mainContents h1 {padding:0;}


/* ページメイン画像エリア */
#mainContents div#imgMain div.illust {float:left;}
#mainContents div#imgMain div.txt {
	float:right;
	text-align:right;
}


/* ページ内アンカーリンク */
#mainContents div.pageLink,
#mainContents div.pageLink2,
#mainContents div.pageLink3 {
	margin:20px 0 15px;
	text-align:center;
}
#mainContents div.pageLink a {
	padding:0 20px 0 12px;
	background:url(/suicapoint/common/img/icon_link_down.gif) 0 0.3em no-repeat;
}
#mainContents div.pageLink2 a {
	padding:0 5px 0 12px;
	background:url(/suicapoint/common/img/icon_link_down.gif) 0 0.3em no-repeat;
}
#mainContents div.pageLink2 img {
	margin-right:20px;
	vertical-align:middle
}
#mainContents div.pageLink3 a {
	padding:0 10px 0 12px;
	background:url(/suicapoint/common/img/icon_link_down.gif) 0 0.3em no-repeat;
}
#mainContents ul.pageLink {margin-bottom:15px;}
#mainContents ul.pageLink li {
	float:left;
	padding:20px 0 0 10px;
}
#mainContents ul.pageLink li a {
	background:url(/suicapoint/common/img/icon_link_down.gif) left center no-repeat;
	padding-left:12px;
}


/* サブコンテンツ */
#mainContents div.subContents {
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
	padding:10px 10px 0;
}
#mainContents div.subContents-btm {
	clear:both;
	background:url(/suicapoint/common/img/subconts_bottom.gif) left bottom no-repeat;
	padding:7px 10px 8px;
	margin-bottom:15px;
	text-align:right;
}
#mainContents div.subContents-btm2 {
	clear:both;
	border-bottom:#dddddd solid 1px;
	margin-bottom:15px;
}


/* サブコンテンツ（関連情報） */
#mainContents div.subContentsConnected {
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
	border-bottom:#dddddd solid 1px;
	padding:10px;
	text-align:center;
}
#mainContents ul.subContentsConnected {
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
	border-bottom:#dddddd solid 1px;
	padding:5px 0 10px 20px;
	margin-bottom:15px;
}
#mainContents ul.subContentsConnected li {
	float:left;
	padding:0 20px 0 12px;
	background:url(/suicapoint/common/img/icon_link_right.gif) left center no-repeat;
}
#mainContents div.subContentsConnected2 {
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
	border-bottom:#dddddd solid 1px;
	padding:10px;
	margin-bottom:15px;
	text-align:left;
}
#mainContents div.subContentsConnected a,
#mainContents div.subContentsConnected2 a {
	background:url(/suicapoint/common/img/icon_link_right.gif) left center no-repeat;
	padding:0 10px 0 12px;
}


/* カラム内CSS */
#mainContents div.subContents p.frm {
	background:#eeeeee;
	padding:8px 10px;
	width:100%;
	margin:-10px 0 15px;
}


/* パソコンからの操作（2カラム） */
ul.box-pc {margin:0 10px 0 15px;}


/* ** Box ** */
ul.box-pc li.boxL {width:212px;}
ul.box-pc li.boxR {
	float:right;
	width:212px;
}

* html ul.box-pc li.boxR {
	margin-right: -3px;
}

ul.box-pc p {width:207px;}
ul.box-pc div.num {
	padding:0 0 5px;
	color:#ff9702;
	font-weight:bold;
}
ul.box-pc div.num img {
	float:left;
	width:33px;
	margin-right:5px;
	margin-bottom:3px;
}
ul.box-pc div.num div {
	float:left;
	width:163px;
	line-height:120%;
}
ul.box-pc p.txt {
	padding:5px 0 20px;
	word-break:break-all;
}


/* ** Box 次へボタン有り ** */
ul.box-pc li.boxL-next {
	float:left;
	width:272px;
}
ul.box-pc li.boxL-next div.box {
	float:left;
	width:207px;
}
ul.box-pc li.boxL-next div.next {
	float:left;
	width:55px;
	padding-top:100px;
	text-align:right;
}


/* ** Box 次へボタン有り（キャプチャサイズ大） ** */
ul.box-pc li.boxWide div.box {width:215px;}
ul.box-pc li.boxWide div.next {
	width:50px;
	text-align:center;
}


/* 携帯電話からの操作（3カラム） */
ul.box-mobile {margin:0 0px 0 10px;}

/* ** Box ** */
ul.box-mobile li.boxL {float:left;}
ul.box-mobile li.boxR {
	float:right;
	width:138px;
}
ul.box-mobile p {width:137px;}
ul.box-mobile div.num {
	padding:0 0 5px;
	color:#ff9702;
	font-weight:bold;
}
ul.box-mobile div.num img {
	float:left;
	width:33px;
	margin-right:5px;
	margin-bottom:3px;
}
ul.box-mobile div.num div {
	float:left;
	width:100px;
	line-height:120%;
}
#wrapper-ie7 ul.box-mobile div.num div {width:100px;}
ul.box-mobile div.num div.L2 {padding-top:0;}
ul.box-mobile p.txt {
	padding:5px 0 20px;
	word-break:break-all;
}


/* ** Box 次へボタン有り ** */
ul.box-mobile li.boxL-next {
	float:left;
	width:180px;
}
ul.box-mobile li.boxL-next div.box {
	float:left;
	width:140px;
}
ul.box-mobile li.boxL-next div.next {
	float:right;
	width:35px;
	padding-top:130px;
	text-align:center;
}


/* ご注意！ */
table#tab-attention {
	border:#dddddd solid 1px;
	margin-bottom:20px;
}
table#tab-attention th {
	width:120px;
	text-align:center;
	background:#eeeeee;
	padding:10px 0 15px;
}
table#tab-attention td {width:410px;}
table#tab-attention td ul {
	font-size:80%;
	color:#cc3300;
	padding:10px 10px 5px 20px;
	list-style:disc outside;
}
table#tab-attention td li {
	list-style:disc outside;
	padding-bottom:5px;
}
table#tab-attention td li.non {
	list-style:none;
	padding-left:10px;
}
table#tab-attention td li.non2 {
	list-style:none;
	padding-left:0;
}
table#tab-attention div.cap {text-indent:-1em;}
table#tab-attention img {margin-top:5px;}


/* 新規会員登録バナー（全ページ共通） */
#page_bnr_member {
	margin-bottom:15px;
	border:#ffcc00 solid 1px;
	padding:6px 5px 6px 6px;
}
#page_bnr_memberIn {width:520px;}
#page_bnr_member div#lft {
	float:left;
	width:342px;
}
#page_bnr_member div#btn {
	float:left;
	width:160px;
}
#page_bnr_member div#rgt {
	float:left;
	width:18px;
}


/* 新規会員登録バナー（sp2共通） */
#page_bnr_member_sp2 {
	margin-bottom:15px;
	border:#ffcc00 solid 1px;
	padding:6px 5px 6px 6px;
}
#page_bnr_member_sp2 div#lft {
	float:left;
	width:284px;
}
#page_bnr_member_sp2 div#btn {
	float:left;
	width:226px;
}
#page_bnr_member_sp2 div#rgt {
	float:left;
	width:10px;
}
#page_bnr_member_sp2 div#btn input {
	width:226px;
	height:63px;
}



/* ------------------------------

 5.Side Menu（共通部分）
 
------------------------------ */
#sideMenu {
	float:left;
	width:168px;
}
#sideMenu ul#sideRegist {padding-bottom:8px;}
#sideMenu ul#sideRegist li {padding-bottom:3px;}


/* ローカルメニュー */
div#sideMenu ul#localMenu {
	padding:0 3px 11px 3px;
	background:#ffdf00 url(/suicapoint/common/img/localm_bottom.gif) no-repeat left bottom;
}
#sideMenu ul#localMenu li a {
	background-image: url(/suicapoint/common/img/localm_bg.gif);
	color: #333;
	display: block;
	line-height: 15px;
	padding: 9px 6px 7px 16px;
	text-decoration: none;
	font-weight:normal;
	_width: 162px;
}
#sideMenu ul#localMenu li a:hover,
#sideMenu ul#localMenu li.active a {
	background-position: -162px 0;
	color: #fff;
}
#sideMenu ul#localMenu li.first a {
	background-position: -324px 0;
	padding-top: 8px
}
#sideMenu ul#localMenu li.first a:hover,
#sideMenu ul#localMenu li.first-active a,
#sideMenu ul#localMenu li.first-active a:hover {
	background-position: -486px 0;
	color: #fff;
	padding-top: 8px
}
#sideMenu ul#localMenu li.last a {
	background-position: -648px 100%;
	padding: 0;
}
#sideMenu ul#localMenu li.last a:hover,
#sideMenu ul#localMenu li.last-active a,
#sideMenu ul#localMenu li.last-active a:hover {
	background-position: -810px 100%;
	color: #fff;
	padding: 0;
}
#sideMenu ul#localMenu li.last a span {
	background-image: url(/suicapoint/common/img/localm_bg.gif);
	background-position: -972px 0;
	padding: 9px 6px 5px 16px;
	display: block;
}
#sideMenu ul#localMenu li.last a:hover span,
#sideMenu ul#localMenu li.last-active a span,
#sideMenu ul#localMenu li.last-active a:hover span {
	background-image: url(/suicapoint/common/img/localm_bg.gif);
	background-position: -1134px 0;
	display: block;
	padding: 9px 6px 5px 16px;
}
#sideMenu ul#localMenu li.level2 a {
	_display: block;
	padding: 7px 6px 5px 25px;
	background-position: -1296px 0;
	_width: 100%;
}
#sideMenu ul#localMenu li.level2 a:hover,
#sideMenu ul#localMenu li.level2-active a,
#sideMenu ul#localMenu li.level2-active a:hover {
	padding: 7px 6px 5px 25px;
	background-position: -1459px 0;
	color: #fff;
}
#sideMenu ul#localMenu li.level3 a {
	_display: block;
	padding: 7px 6px 5px 35px;
	background-position: -1620px 0;
	_width: 100%;
}
#sideMenu ul#localMenu li.level3 a:hover,
#sideMenu ul#localMenu li.level3-active a,
#sideMenu ul#localMenu li.level3-active a:hover {
	padding: 7px 6px 5px 35px;
	background-position: -1782px 0;
	color: #fff;
}
#sideMenu ul#localMenu  li img {
	vertical-align:middle;
	margin:0 3px;
}


/* ポイントためる用ローカルメニュー */
div#sideMenu ul#localMenu2 {
	padding:0 3px 11px 3px;
	background:#ffdf00 url(/suicapoint/common/img/localm_bottom.gif) no-repeat left bottom;
}
#sideMenu ul#localMenu2 li a {
	background-image:url(/suicapoint/common/img/localm_bg_sp.gif);
	background-position:-324px 100%;
	color:#333;
	display:block;
	line-height:15px;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	_width:162px;
}
#sideMenu ul#localMenu2 li a:hover ,
#sideMenu ul#localMenu2 li.active a {
	background-position:-486px 100%;
	color:#fff;
}
#sideMenu ul#localMenu2 li a span {
	background-image:url(/suicapoint/common/img/localm_bg_sp.gif);
	background-position:0 0;
	padding:9px 6px 9px 16px;
	display:block;
}
#sideMenu ul#localMenu2 li a:hover span ,
#sideMenu ul#localMenu2 li.active a span ,
#sideMenu ul#localMenu2 li.active a:hover span {
	background-image:url(/suicapoint/common/img/localm_bg_sp.gif);
	background-position:-162px 0;
	padding:9px 6px 9px 16px;
	display:block;
}


/* モバイルサイト */
#sideMenu div#sideMobile {
	margin:8px 0;
	padding:1px;
	border:#dddddd solid 1px;
}
#sideMenu div#sideMobile div {
	float:left;
	width:70px;
	padding-top:3px;
}
#sideMenu div#sideMobile p {
	float:left;
	width:90px;
	padding-top:5px;
	font-size:75%;
	line-height:150%;
}

/* よくあるご質問 */
#sideMenu h3#to-okweb{
	margin:8px 0;
	padding:1px;
	border:#dddddd solid 1px;
}

/* サポートセンター（Top） */
#sideMenu div#sideSupport {
	margin:8px 0;
	padding:1px;
	border:#dddddd solid 1px;
}
#sideMenu div#sideSupport p {
	padding:5px;
	font-size:75%;
	line-height:150%;
}


/* テキストリンク */
#sideMenu ul#sideBottomMenu {padding-left:3px;}
#sideMenu ul#sideBottomMenu li {
	background:url(/suicapoint/common/img/icon_arrow.gif) no-repeat left center;
	padding:3px 0 3px 13px;
}



/* ------------------------------

 6.Footer
 
------------------------------ */
#footer {
	background:url(/suicapoint/common/img/frame_bottom.gif) no-repeat left bottom;
	width:740px;
}

#footer p {
	text-align:right;
	padding:0 15px 10px 0;
}



/* ------------------------------

 7.Footer（コンテンツ外）
 
------------------------------ */
#sp-footer {
	width: 740px;
	padding: 1px 0 0;
}
	#sp-footer div {
		float: left;
		margin-left: -1px;
	}
	#sp-footer div.first, 
	#sp-footer div.first-active {
		margin-left: 0;
	}
	#sp-footer div a {
		display: block;
		margin: 0 1px 1px;
	}
	#sp-footer div a:hover, 
	#sp-footer div.active a, 
	#sp-footer div.first-active a {
		margin: 0 1px 1px;
	}

/*///注意書き2014.09.26///*/
.attention0926{
	width:500px;
	border:#CCC solid 1px;
	background-color: #FFFFE7;
	padding:13px 15px 10px;
	margin:5px auto 15px;
}
.attention0926 h2{
	font-weight:bold;
	color:#000000;
	border-top:#E70012 solid 2px;
	border-bottom:#E70012 solid 2px;
	margin-bottom:12px;
	text-align:center;
	background-color:#FFFE88;
	padding:4px 0;
}

* html .attention0926{
	width:532px;
	margin:10px auto 15px;
}
.txt0926-02{
	margin-top:1em;
}
.link0926{
	margin-top:1em;
	text-align:right;
}