@charset "Shift_JIS";

/* 		Suica電子マネーライフ 共通フレーム設定
		/suicamoney/****
--------------------------------------------------------------------
0. 共通
1. レイアウト
2. ヘッダー
3. コンテンツ
4. フッター
5. その他設定
--------------------------------------------------------------------*/

/* 0. 共通(sisコンテンツ内(div#sl-wrapper)のみ)
--------------------------------------------------------------------*/

/* reset browser settings
------------------------------------------------------------------- */

#jre_header_in * {
	line-height: 1.5;
}



body {
	margin: 0;
	padding: 0;
	font-weight:normal;
	letter-spacing:0;
	font-size:100%;
	}

#sl-wrapper,#sl-wrapper p,#sl-wrapper h1,
#sl-wrapper h2,#sl-wrapper h3,#sl-wrapper h4,#sl-wrapper h5,#sl-wrapper h6,
#sl-wrapper tr,#sl-wrapper th,#sl-wrapper td,#sl-wrapper dl,#sl-wrapper dt,#sl-wrapper dd,
#sl-wrapper a {
	margin: 0;
	padding: 0;
	font-weight:normal;
	letter-spacing:0;
	font-size:100%;
	}

#sl-wrapper ul,#sl-wrapper ol,#sl-wrapper li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	}

#sl-wrapper table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:100%;
	}

#sl-wrapper img {
	border: 0;
	margin:0;
	padding:0;
	}

#sl-wrapper strong {
	font-weight:bold;
	}

.icn-pdf {
	/*background:url("/suicainternetservice/img/announce/icon_pdf.gif") no-repeat 0px 2px;*/
	padding-left:14px;
}

.icn-blank {
	/*background:url("/suicainternetservice/img/announce/icon_blank.gif") no-repeat 0px 2px;*/
	padding-left:14px;
}

/* テキスト */

/* 1. レイアウト
--------------------------------------------------------------------*/
/* 大枠フレーム */
#sl-wrapper {
	padding:0px;
	margin:0px;
	width:950px;
	text-align:left;
	font-size:100%;
	color:#333333;
}

/* 2. ヘッダー
--------------------------------------------------------------------*/
/* 大枠フレーム */
#sl-header {
	width:950px;
}

	#sl-header h1 {
	margin: 0px;
	padding: 0px;
	}
	
	/* グローバルナビゲーション */
	#sl-header #globalnavigation {
	margin: 0px;
	padding: 0px;
	}
	
		#sl-header #globalnavigation li {
			float:left;
			line-height:1;
			height: 48px;
			overflow: hidden;
		}
	
		#globalnavigation li a {
			display: block;
			padding-top: 48px;
			width: 100%;
			height: 48px;
			background-image: url( ../img/common/bg_global01.gif);
			background-repeat: no-repeat;
			line-height:100;
		}
		
		#nav00{	width: 111px;	}
		#nav01{	width: 134px;	}
		#nav02{	width: 216px;	}
		#nav03{	width: 216px;	}
		#nav04{	width: 108px;	}
		#nav05{	width: 165px;	}
		
		#nav00 a{	background-position: 0 0;	}
		#nav01 a{	background-position: -111px 0;	}
		#nav02 a{	background-position: -245px 0;	}
		#nav03 a{	background-position: -461px 0;	}
		#nav04 a{	background-position: -677px 0;	}
		#nav05 a{	background-position: -785px 0;	}
		
		#nav00 a:hover{	background-position: 0 -48px;	}
		#nav01 a:hover{	background-position: -111px -48px;	}
		#nav02 a:hover{	background-position: -245px -48px;	}
		#nav03 a:hover{	background-position: -461px -48px;	}
		#nav04 a:hover{	background-position: -677px -48px;	}
		#nav05 a:hover{	background-position: -785px -48px;	}
		
		.home			#nav00 a{	background-position: 0 -48px;	}
		.campaign		#nav01 a{	background-position: -111px -48px;	}
		.shoplist		#nav02 a{	background-position: -245px -48px;	}
		.shoplist2		#nav03 a{	background-position: -461px -48px;	}
		.cm				#nav04 a{	background-position: -677px -48px;	}
		.shoppinglife	#nav05 a{	background-position: -785px -48px;	}

/* ぱんくず */
ol#topicPath {
	height:31px;
	padding:0px 0px 0px 10px;
}
	ol#topicPath li{
	font-size:80%;
	margin:0px;
	padding:0px;
	line-height:31px;
	display: inline;
	}
	ol#topicPath li.firstchild{
		padding:0px;
	}
	ol#topicPath li.lastchild{
		background:none;
	}
	ol#topicPath li em{
		font-style:normal;
	}

/* 3. コンテンツ
--------------------------------------------------------------------*/
/* 大枠フレーム */
#sl-contents {
	padding:0px 10px;
	background: url(../img/top/leadbox.gif) no-repeat left top;
	font-size:75%;
}

/* メインエリア	-------------*/
#mainarea {
	float:left;
	width:564px;
	background:none;
}

	/* 汎用パッディング設定 */
	#sl-wrapper #mainarea .padt01 {
		padding-top:20px;
	}

	#sl-wrapper #mainarea .padt02 {
		padding-top:45px;
	}

	#sl-wrapper #mainarea .padt03 {
		padding-top:80px;
	}

	#sl-wrapper #mainarea .padt04 {
		padding-top:44px;
	}

	#sl-wrapper #mainarea .padt05 {
		padding-top:70px;
	}

/* ページの先頭へ */
#sl-wrapper p.pagetop {
	margin: 0px 10px 15px 0px;
	padding: 0px;
	text-align: right;
}
/* フッターナビ */
#sl-wrapper #footnavi {
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background:url(../img/common/bg_footnavi01.gif) repeat-y 0 0 #F7F7F7;
	width:740px;
	margin:0 0 0 10px;
	padding:20px 0 20px 0;
}
	#sl-wrapper #footnavi #fn_box {
		background:url(../img/common/bg_footnavi02.gif) repeat-y 0 0 #F7F7F7;
		padding:0 20px 0 20px;
	}
		#sl-wrapper #footnavi #fn_box #fnb01 {
			float:left;
			width:220px;
			margin:0 17px 0 0;
		}
		#sl-wrapper #footnavi #fn_box #fnb02 {
			float:left;
			margin:0 17px 0 0;
			width:230px;
		}
		#sl-wrapper #footnavi #fn_box #fnb03 {
			float:left;
			width:200px;
		}
		#sl-wrapper #footnavi #fn_box p {
			font-size:75%;
			font-weight:bold;
			line-height:1.1;
			margin:0 0 7px 0;
		}
		#sl-wrapper #footnavi #fn_box p.nonCategory {
			margin-bottom: 1em;
		}
		#sl-wrapper #footnavi #fn_box p a {
			color:#000000;
			font-weight:bold;
			text-decoration:none;
		}
		#sl-wrapper #footnavi #fn_box p a:hover {
			color:#787878;
			text-decoration:underline;
		}
		
		
		#sl-wrapper #footnavi #fn_box ul {
			margin:0 0 13px 0;
		}
		#sl-wrapper #footnavi #fn_box li {
			font-size:63%;
			background:url(../img/common/icon_footnavi01.gif) no-repeat 0 3px;
			line-height:1.4;
			padding:0 0 0 12px;
			margin:0 0 6px 0;
		}
		#sl-wrapper #footnavi #fn_box li.arrow {
			background:url(../img/common/icon_footnavi02.gif) no-repeat 0 3px;
		}
		#sl-wrapper #footnavi #fn_box li a:link,
		#sl-wrapper #footnavi #fn_box li a:visited {
			color:#000000;
			text-decoration:none;
		}
		#sl-wrapper #footnavi #fn_box li a:hover {
			color:#787878;
			text-decoration:underline;
		}
	
/* 4. フッター
--------------------------------------------------------------------*/
#sl-footer {
	width: 930px;
	padding: 1px 0 0;
}
	#sl-footer div {
		float: left;
		margin-left: -1px;
	}
	#sl-footer div.first, 
	#sl-footer div.first-active {
		margin-left: 0;
	}
	#sl-footer div a {
		display: block;
		margin: 0 1px 1px;
	}
	#sl-footer div a:hover, 
	#sl-footer div.active a, 
	#sl-footer div.first-active a {
		margin: 0 1px 1px;
	}
#jreast_footer_w {
	font-size: 90%;
}
#jreast_footer_w ul {
    font-size: 85%;
}

/* 5. その他設定
--------------------------------------------------------------------*/
.cfx:after
	{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
	}

.cfx
	{
	display: inline-table;
	min-height: 1%;
	}

/* for macIE \*/
* html .cfx
	{
	height: 1%;
	}

.cfx
	{
	display: block;
	}
/* end of for macIE */



.clr
	{
	clear:both;
	}


/* set for noScript add 2009.07.22 */
p#noScript {
	width:738px;
	text-align:center;
	font-weight:bold;
	color:#ff4b14;
	margin:15px 0 0 10px;
	padding:10px 0;
	font-size:75%;
	line-height:140%;
	background:#fcfce4;
	border:#dddddd 1px solid;
}

#mainarea .flowblock01 .extrainfobox01 .data01 img,
#mainarea .flowblock01 .extrainfobox01 .tit01 img {
	vertical-align:middle;
	margin: 0 3px;
	position: relative;
	top: -1px;
	_top: 0;
}


/* 現在の日付 */
#date_area{
	margin:0 31px 25px 29px;
	clear:both;
}
	#date_area p{
		text-align:right;
		margin:0 0 25px 0;
	}
	#date_area li{
		font-size:90%;
		color:#505050;
		margin:0 0 3px 0;
	}



#mainarea div.clear{
	clear: both;
}

#mainarea p.toIndex{
	margin: 1em 30px;
	padding: 0.5em 13px;
	background:url(../img/common/icon_footnavi01.gif) no-repeat 0 10px;
	border-top:#A0A0A0 1px dotted;
}
#mainarea p.toIndex a:link,
#mainarea p.toIndex a:visited {
	color:#000000;
	text-decoration:none;
}
#mainarea p.toIndex a:hover {
	color:#787878;
	text-decoration:underline;
}
            
			
			#subarea p.lead{
				margin: 0.2em 0;
			}