@charset "Shift_JIS";


/* 		JR SIS 「Suicaインターネットサービスとは」固有設定
		/suicainternetservice/about/****
--------------------------------------------------------------------
0. 共通
1. トップ（/about/index.html body id="about-top"）
2. suicaポケットとは（/about/suicapocket.html body id="about-suicapocket"）
3. 利用術（/about/situation.html body id="about-situation"）
--------------------------------------------------------------------*/

/* 0. 共通
--------------------------------------------------------------------*/

/* 1. トップ（/about/index.html body id="about-top"）
--------------------------------------------------------------------*/
/* リードエリア */
#about-top #mainarea #leadbox {
	padding-top:14px;
	padding-bottom:16px;
	width:515px;
	margin-left:19px;
	margin-right:0px;
}

	#about-top #mainarea #leadbox .box-l {
		float:left;
		width:312px;
	}
	
	#about-top #mainarea #leadbox .box-r {
		float:right;
		width:186px;
	}
	
	#about-top #leadbox .box-l p,
	#about-top #leadbox .box-r p {
		padding-top:0;
	}
	
	#about-top #leadbox .box-l p.exp01 {
		padding-top:23px;
		line-height:2;
	}
	
	#about-top #leadbox .b-use {
		padding-left:3px;
	}

/* sisにできること */
#about-top #infolist01 {
	position:relative;
	width:536px;
	margin-bottom:8px;
}

	#about-top #infolist01 .info01 {
		background:url("/suicainternetservice/img/common/bg_section.gif") repeat-y 0 0;
		margin-bottom:8px;
	}
	
	#about-top #infolist01 .info01 .frm{
		padding-bottom:7px;
		background:url("/suicainternetservice/img/common/bg_section_bottom.gif") no-repeat 0 100%;
		zoom:1;
	}
	
#about-top .infolist02 {
	background:url("/suicainternetservice/about/img/bg_section_in.gif") repeat-y 0 0;
	margin:5px 5px 0 6px;
	padding:0px 6px;
}
	
	#about-top .infolist02 .li-l {
		position:relative;
		float:left;
		width:255px;
		_height:74px;
		min-height:74px;
	}
	
	#about-top .infolist02 .exp01 {
		padding-top:26px;
		margin-left:78px;
		zoom:1;
	}
	
	#about-top .infolist02 .imgicon {
		position:absolute;
		top:6px;
		left:6px;
	}
	
	#about-top .infolist02 .li-r {
		position:relative;
		float:right;
		width:255px;
		_height:74px;
		min-height:74px;
	}
	
	#about-top #infolist01 .b-moreinfo {
		position:absolute;
		top:4px;
		right:6px;
	}
	
	#about-top #infolist01 .info-l {
		float:left;
		padding-top:8px;
		width:263px;
		margin-right:10px;
	}
		
	#about-top #infolist01 .info-r {
		float:right;
		padding-top:8px;
		width:263px;
	}

/* 関連情報 */
#about-top #relationdata {
	margin-top:10px;
}


/* 2. suicaポケットとは（/about/suicapocket.html body id="about-suicapocket"）
--------------------------------------------------------------------*/
#about-suicapocket {
	width:630px;
}

/* レイアウト */
#about-suicapocket #sis-wrapper-pop {
	width:630px;
	background:none;
}

/* コンテンツ */
#about-suicapocket #sis-wrapper-pop #sis-contents {
	padding-right:0;
}


/* タイプ01（w=587,枠線(太:青)あり） ----------	*/
#about-suicapocket #sis-wrapper-pop #mainarea .infoblock01 {
	width:587px;
	padding-bottom:18px;
	background:url("/suicainternetservice/about/img/bg_pocket_bottom.gif") no-repeat 0 100%;
}

	#about-suicapocket #sis-wrapper-pop #mainarea .infoblock01 .frm {
		background:url("/suicainternetservice/about/img/bg_pocket.gif") repeat-y 0 0;
	}
	
	#about-suicapocket #sis-wrapper-pop #mainarea .infoblock01 .infobox {
		padding-top:18px;
		background:url("/suicainternetservice/about/img/bg_pocket_top.gif") no-repeat 0 0;
	}

	#about-suicapocket #sis-wrapper-pop #mainarea .infoblock01 .infobox .box-l {
		float:left;
		width:232px;
	}

	#about-suicapocket #sis-wrapper-pop #mainarea .infoblock01 .infobox .box-r {
		float:right;
		width:277px;
		margin:14px 0 20px;
	}



/* 3. 利用術（/about/situation.html body id="about-situation"）
--------------------------------------------------------------------*/
.situation-wrap{
	width:536px;
	background-color:#fff3d0;
	padding-bottom:10px;
}
.situation-wrap .ctsbg{
	width:536px;
	background:url("/suicainternetservice/about/img/table_situation_bg.gif") repeat-y;
	
}

.situation-box{
	width:536px;
	background:url("/suicainternetservice/about/img/table_situation_bottom.gif") bottom no-repeat;
	
}
.situation-bg{
	width:536px;
	background:url("/suicainternetservice/about/img/table_situation_top.gif") top no-repeat;
}



#sis-wrapper .situation-wrap h2.pos-l{
	float:left;
	padding-bottom:9px;
}
#sis-wrapper .situation-wrap h2.pos-r{
	float:right;
	padding-bottom:9px;
}

#sis-wrapper .situation-wrap .situation-leftcts{
	float:left;
	width:283px;
	padding:30px 0px 10px 0px;
}
#sis-wrapper .situation-wrap .situation-leftcts p{
	padding-left:30px;
}

#sis-wrapper .situation-wrap .situation-rightcts{
	float:right;
	padding:30px 0px 10px 0px;
}
#sis-wrapper .situation-wrap .situation-rightcts p{
	padding-right:20px;
}

#sis-wrapper .situation-wrap .situation-rightcts span.note{
	padding-left:1em;
	text-indent:-1em;
	display: block;
}

#sis-wrapper .situation-wrap .rightcts1{
	width:290px;
}
#sis-wrapper .situation-wrap .rightcts2{
	width:355px;
}

.situation-wrap .situation-catch{
	font-size:120%;
	font-weight:bold;
	color:#ff6e00;
}




#sis-wrapper .situation-toparea{
	position:relative;
}
#sis-wrapper .situation-wrap h2.pos-top{
	position:absolute;
	left:0px;
	top:-63px;
}
#sis-wrapper .txtarea-top{
	min-height:90px;
	padding:17px 20px 0px 165px;
}
/* IE6用 */
* html #sis-wrapper .txtarea-top{
	height:90px;
}
/* IE6用 */


#sis-wrapper .situation-wrap .box-control{
	position:relative;
}
#sis-wrapper .situation-wrap .box-control p.imgarea{
	position:absolute;
	left:0px;
	bottom:0px;
}

#sis-wrapper .situation-wrap .box-control p.txt-control{
	min-height:320px;
}
/* IE6用 */
* html #sis-wrapper .situation-wrap .box-control p.txt-control{
	height:320px;
}
/* IE6用 */