@charset "Shift_JIS";


/* 	JR SIS 「インフォメーション」固有設定
	/suicainternetservice/information/****
--------------------------------------------------------------------

	0. 共通
	1. インフォメーション（/information/index.html body id="information-top"）
	2. お問い合わせ（/contact/index.html body id="contact-page"）
	3. お知らせ（/information/000000_profit.html body id="oshirase-page"）
		3-1. リニューアル前後イメージ（/information/110121_profit.html）

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

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

/* 1. インフォメーション（/information/index.html body id="information-top"）
--------------------------------------------------------------------*/
/* サイドナビエリア */

#subarea #localnavigationarea {/* ←インフォメーション */
	padding-top:8px;
	background:url("/suicainternetservice/img/common/bg_nav_top.gif") no-repeat 3px 0;
}

#subarea #localnavigationarea .frm ul#bnr_area {
	margin-top:0;
	margin-bottom:12px;
	padding-top:2px;
}

#subarea #localnavigationarea .frm ul#bnr_area li {
	margin-top:0;
}

#subarea #localnavigationarea .frm ul#bnr_area li img {
	vertical-align:bottom;
}

#subarea #localnavigationarea .frm ul#sublink {
	padding-bottom:12px;
	background:url("/suicainternetservice/img/common/bg_nav_bottom.gif") no-repeat left bottom;
}

#contact-page #subarea #localnavigationarea #sublink li.litop a ,/* ←お問い合わせ */
#oshirase-page #subarea #localnavigationarea #sublink li.litop a ,/* ←お知らせ */
#information-top #subarea #localnavigationarea #sublink li.litop a {/* ←インフォメーション */
	broder-top:0;
}

* html #subarea #localnavigationarea #sublink li a:hover {
	background-color:#f7f7f7;
}

/* 2. お問い合わせ（/contact/index.html body id="contact-page"）
--------------------------------------------------------------------*/
#contact-page {}



/* 3. お知らせ（/information/000000_profit.html body id="oshirase-page"）
--------------------------------------------------------------------*/
#oshirase-page {}
#oshirase-page h1 {margin:0 0 14px 0;}
#oshirase-contents {
	margin:0 0 0 5px;
	width:526px;
}
#oshirase-contents #kakomi-blue {
	padding:10px 0 0 0;
	width:526px;
	background:url(../information/img/kakomi_top_blue.gif) left top no-repeat #d4edf2;
}
#oshirase-contents #kakomi-blue-inner {
	padding:0 0 16px 0;
	width:526px;
	background:url(../information/img/kakomi_bottom.gif) left bottom no-repeat;
} 
#oshirase-contents #kakomi-blue h2 {
	margin:4px 10px 10px 10px;
	padding:1px 0 0 10px;
	background:url(../information/img/kazari_blue.gif) 0 0 no-repeat;
	font-weight:bold;
	color:#000;
}
#oshirase-contents #kakomi-white {
	padding:13px 0 0 0;
	width:526px;
	background:url(../information/img/kakomi_top.gif) left top no-repeat;
}
#oshirase-contents #kakomi-white-inner {
	padding:0 21px 10px;
	background:url(../information/img/kakomi_bg.gif) left top repeat-y #fff;
}

#oshirase-contents #kakomi-white h3 {
	margin-bottom:10px;
	border-bottom:solid 1px #d3d3d3;
	padding:4px 0 4px 17px;
	background:url(../information/img/icon_maru_yellow.gif) 0 0.45em no-repeat;
	font-weight:bold;
}
/* 余白 */
#oshirase-contents #kakomi-white .mb5 {margin-bottom:5px;}
#oshirase-contents #kakomi-white .mb10 {margin-bottom:10px;}
#oshirase-contents #kakomi-white .mb15 {margin-bottom:15px;}
#oshirase-contents #kakomi-white .mb20 {margin-bottom:20px;}
#oshirase-contents #kakomi-white .mb25 {margin-bottom:25px;}

#oshirase-contents #kakomi-white ul {margin-left:18px;}/* 普通のリスト */
#oshirase-contents #kakomi-white ul li {list-style-type:disc;}
#oshirase-contents #kakomi-white ul.kome {/* 注記のリスト */
	margin-left:0;
	padding-left:1em;
}
#oshirase-contents #kakomi-white ul.kome li {
	list-style-type:none;
	text-indent:-1em;
}


/* 3-1. リニューアル前後イメージ（/information/110121_profit.html）
****************************************************************** */
#image-box {
	width:484px;
	height:379px;
}
#image-box #left-image {
	float:left;
	width:175px;
}
#image-box #right-image {
	float:right;
	width:305px;
}