@charset "Shift_JIS";

/* ==============================================================================

	Suica 電子マネー決済導入のご案内サイト用CSS
	/suicamoney/membershop/***

	01. 初期化
	02. ヘッダー
	03. グローバルナビ
	04. コンテンツ
	05. 汎用クラス

	06. Suica導入のメリット（トップページ）（index.html）
	07. Suicaの加盟店になるには（form.html）
	08. Suicaネット決済について（netshopping.html）
	09. お問い合わせ先（contact.html）

============================================================================== */
/* 全ページ共通 */
body.membershop {}



/* ==============================================================================

	01. 初期化

============================================================================== */
/* コンテンツのセンタリング */
.membershop #layout-center {
	margin:0 auto;
	width:950px;
}
.membershop div.headborder_w {
	margin:0 auto;
	width:950px;
	border-bottom:none;
	/*border-bottom: 3px solid #e7eee9;*/
}
.membershop div.noscriptBox {margin:10px auto;}
.membershop #jreast_footer_w {
	margin:0 auto;
	width:950px;
}
.membershop #jreast_footer_w ul {
	border-top:none;
	/*border-top: 1px solid #999999;*/
}

/* ヘッダー下とフッター上の罫線 */
#sl-wrapper {
	width:auto;
	border-top:3px solid #e7eee9;
	border-bottom:1px solid #999999;
}
.rollover {/* rollover2.jsで使用 */}



/* ==============================================================================

	02. ヘッダー

============================================================================== */
#ms-header {
	position:relative;
	width:950px;
	height:63px;
	background:url(../img/common/bg-header.jpg) no-repeat;
}
#logo {
	position:absolute;
	top:19px;
	left:28px;
}
#sl-btn {
	position:absolute;
	top:5px;
	left:731px;
}
#jreHeader {
	height: auto;
}



/* ==============================================================================

	03. グローバルナビ

============================================================================== */
#ms-gnavi {}
#ms-gnavi li {
	overflow:hidden;
	float:left;
	height:51px;
	line-height:1;
}
#ms-gnavi li a {
	display:block;
	padding-top:51px;
	width:100%;
	height:51px;
	background-image:url(../img/common/g-navi.gif);
	background-repeat:no-repeat;
	line-height:100;
}
#msnav01 {width:244px;}
#msnav02 {width:234px;}
#msnav03 {width:234px;}
#msnav04 {width:238px;}

#msnav01 a {background-position:0 0;}
#msnav02 a {background-position:-244px 0;}
#msnav03 a {background-position:-478px 0;}
#msnav04 a {background-position:-712px 0;}

#msnav01 a:hover,
#ms-top #msnav01 a {background-position:0 -51px;}
#msnav02 a:hover,
#ms-form #msnav02 a {background-position:-244px -51px;}
#msnav03 a:hover,
#ms-netshopping #msnav03 a {background-position:-478px -51px;}
#msnav04 a:hover,
#ms-contact #msnav04 a {background-position:-712px -51px;}



/* ==============================================================================

	04. コンテンツ

============================================================================== */
/* パン屑 */
ol#topicPath {
	font-size:75%;
	background:url(../img/common/bg-stripe.gif) 0 0 repeat-x;
}

/* コンテンツ */
#ms-contents {
	padding:18px 10px 20px;
	line-height:1.6;
}
#ms-contents .cont-box {padding:4px 20px 30px;}
#ms-contents .cont-box-inner {}

/* 番号付リスト */
#ms-contents ol.num-list {}
#ms-contents ol.num-list li {
	margin-bottom:0.4em;
	padding:0 0 0 28px;
}
#ms-contents ol.num-list li.nl1 {background:url(../img/common/icon-num1.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl2 {background:url(../img/common/icon-num2.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl3 {background:url(../img/common/icon-num3.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl4 {background:url(../img/common/icon-num4.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl5 {background:url(../img/common/icon-num5.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl6 {background:url(../img/common/icon-num6.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl7 {background:url(../img/common/icon-num7.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl8 {background:url(../img/common/icon-num8.gif) 0 0.15em no-repeat;}
#ms-contents ol.num-list li.nl9 {background:url(../img/common/icon-num9.gif) 0 0.15em no-repeat;}



/* ==============================================================================

	05. 汎用クラス

============================================================================== */
/* フォントサイズ（16px100%基準） */
#ms-contents .fsxs {font-size:62% !important;}
#ms-contents .fs10 {font-size:65% !important;}
#ms-contents .fs11 {font-size:69% !important;}
#ms-contents .fs12 {font-size:75% !important;}
#ms-contents .fs13 {font-size:82% !important;}
#ms-contents .fs14 {font-size:88% !important;}
#ms-contents .fs15 {font-size:94% !important;}
#ms-contents .fs16 {font-size:100% !important;}
#ms-contents .fs17 {font-size:107% !important;}
#ms-contents .fs18 {font-size:113% !important;}
#ms-contents .fs19 {font-size:119% !important;}
#ms-contents .fs20 {font-size:125% !important;}

/* 余白 */
#ms-contents .mt05 {margin-top:5px !important;}
#ms-contents .mt10 {margin-top:10px !important;}
#ms-contents .mt15 {margin-top:15px !important;}
#ms-contents .mt20 {margin-top:20px !important;}
#ms-contents .mt1em {margin-top:1em !important;}

#ms-contents .mr05em {margin-right:0.5em !important;}
#ms-contents .mr1em {margin-right:1em !important;}
#ms-contents .mr2em {margin-right:2em !important;}

#ms-contents .mb0 {margin-bottom:0 !important;}
#ms-contents .mb02 {margin-bottom:2px !important;}
#ms-contents .mb05 {margin-bottom:5px !important;}
#ms-contents .mb10 {margin-bottom:10px !important;}
#ms-contents .mb15 {margin-bottom:15px !important;}
#ms-contents .mb20 {margin-bottom:20px !important;}
#ms-contents .mb25 {margin-bottom:25px !important;}
#ms-contents .mb30 {margin-bottom:30px !important;}
#ms-contents .mb35 {margin-bottom:35px !important;}
#ms-contents .mb40 {margin-bottom:40px !important;}

#ms-contents .mlr05em {
	margin-left:0.5em !important;
	margin-right:0.5em !important;
}
#ms-contents .m0 {margin:0 !important;}

#ms-contents .pt04 {padding-top:4px !important;}
#ms-contents .pt10 {padding-top:10px !important;}

/* 文字揃え */
#ms-contents .txt-al-c {text-align:center !important;}
#ms-contents .txt-al-l {text-align:left !important;}
#ms-contents .txt-al-r {text-align:right !important;}

/* 太字 */
#ms-contents .bold {font-weight:bold !important;}

/* 文字色 */
#ms-contents .green {color:#569e47 !important;}
#ms-contents .blue {color:#3497b0 !important;}

/* フロート */
#ms-contents .l-box {float:left;}
#ms-contents .r-box {float:right;}

/* 基本リスト */
#ms-contents ul.basic-list {padding-left:18px;}
#ms-contents ul.basic-list li {list-style-type:disc;}

/* 注釈用リスト（インデント付） */
#ms-contents ul.kome {
	list-style-type:none;
	padding-left:1em !important;
}
#ms-contents ul.kome li {text-indent:-1em;}

/* 別ウィンドウアイコン */
#ms-contents a.link-window {/* アイコンを右につける */
	margin-right:3px;
	padding:0 14px 0 0;
	background:url(../img/common/icon-window.gif) right 0.25em no-repeat;
}
#ms-contents a.window-link {/* アイコンを左につける */
	padding:0 0 0 14px;
	background:url(../img/common/icon-window.gif) left 0.25em no-repeat;
}

/* 矢印アイコン(.fs18用) */
#ms-contents a.arrow-link {
	padding:0 0 0 22px;
	background:url(../img/common/icon-arrow.gif) left 0.1em no-repeat;
}

/* 丸アイコン(.fs18用) */
#ms-contents .maru-green {
	padding:0 0 0 22px;
	background:url(../img/common/icon-maru-green.gif) left 0.3em no-repeat;
}
#ms-contents .maru-blue {
	padding:0 0 0 22px;
	background:url(../img/common/icon-maru-blue.gif) left 0.3em no-repeat;
}




/* ==============================================================================

	06. Suica導入のメリット（トップページ）（index.html）

============================================================================== */
body#ms-top {}



/* ==============================================================================

	07. Suicaの加盟店になるには（form.html）

============================================================================== */
body#ms-form {}


/* ==============================================================================

	08. Suicaネット決済について（netshopping.html）

============================================================================== */
body#ms-netshopping {}
#ms-contents #netshopping-box {width:614px;}
#ms-contents #netshopping-box ul li img {display:block;}

#ms-contents #ms-sis-box {}
#ms-contents #ms-sis-box .l-box,
#ms-contents #ms-sis-box .r-box {width:432px;}
#ms-contents #ms-sis-box .c-box {
	border:solid #7cc16e;
	border-width:0 2px 2px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding:20px 20px 20px;
}
#ms-contents #ms-sis-box .r-box .c-box {border-color:#6fbdd1;}
#ms-contents #kessai-nagare-box ol li {float:left;}



/* ==============================================================================

	09. お問い合わせ先ページ（contact.html）

============================================================================== */
body#ms-contact {}

/* テーブルスタイル2 */
#ms-contents table.tablestyle2 {
	border-collapse:separate !important;
	border-spacing:0;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-left:solid 1px #569e47;
	width:100%;
	background-color:#569e47;
}
#ms-contents table.tablestyle2 thead {}
#ms-contents table.tablestyle2 thead th {
	padding:6px 35px !important;
	color:#fff;
	text-align:center;
}
#ms-contents table.tablestyle2 thead tr th.last {border-right:none !important;}
#ms-contents table.tablestyle2 tbody {
	background-color:#fff;
	vertical-align:top;
}
#ms-contents table.tablestyle2 tbody th {
	border:solid #569e47;
	border-width:0 1px 1px 0;
	padding:15px 24px !important;
	width:250px;
	background-color:#f3f8f2;
	text-align:left;
}
#ms-contents table.tablestyle2 tbody td {
	border:solid #569e47;
	border-width:0 1px 1px 0;
	padding:15px 24px !important;
	text-align:left;
}
#ms-contents table.tablestyle2 tbody td dl.date-time {}
#ms-contents table.tablestyle2 tbody td dl.date-time dt {
	float:left;
	width:4em;
}
#ms-contents table.tablestyle2 tbody td dl.date-time dd {
	margin-left:6em;
}
#ms-contents table.tablestyle2 tbody td dl.name-tel dd {
	display:inline-block;
}
.data-layout1 {
	float:left;
	width:490px;
}
.mark-layout1 {
	float:right;
	width:50px;
	text-align:right;
}
.data-layout2 {
	float:left;
	width:446px;
}
.mark-layout2 {
	float:right;
	width:94px;
	text-align:right;
}
.mark-layout2 img {margin-left:5px !important;}