@charset "utf-8";
/* ===================================================================
CSS information

 file name  :web_service.css
 style info :WEBサービス用
=================================================================== */

/*----------------------------------------------------
	#mpn_service
----------------------------------------------------*/
#mpn_service h3 {
	clear: both;
	color: #666;
	background-image: url(../img/share/titleBg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 15px;
	font-size: 1.5em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 5px;
	border-left: 6px solid #666;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bolder;
}

#mpn_service h3.red {
	color: #F90800;
	background-image: url(../img/share/titleBg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 15px;
	font-size: 1.5em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 5px;
	border-left: 6px solid #F90800;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bolder;
}

/*----------------------------------------------------
	#web_banking
----------------------------------------------------*/
#web_banking h3 {
	clear: both;
	color: #666;
	background-image: url(../img/share/titleBg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 15px;
	font-size: 1.5em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 5px;
	border-left: 6px solid #666;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bolder;
}

#web_banking h4 {
	clear: both;
	width: 550px;
	font-size: 1.25em;
	font-weight: bold;
	color: #1381AA;
	background-image: url(../img/share/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 0.25em;
	_background-position: left 0.3em;
	padding-left: 15px;
	margin-bottom: 0.5em;
	margin-top: 1em;
	margin-left: 1em;
}

#web_banking dl.hyou {
	background-color: #FAF8E2;
}

#web_banking dl.hyou dt {
	width: 9.75em;
}

#web_banking dl.hyou dd {
	margin-left: 10.5em;
}

#web_banking div.box03 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px 15px;
}

#web_banking p.none {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#web_banking table.index {
	margin: 0px;
	padding: 0px;
	width: 100%;
	_width: 99%;
}

#web_banking table.index th {
	background-color: #DDDDDD;
}

#web_banking table.index td {
	text-align: center;
}

#web_banking table.index td.yen {
	background-color: #F2F2F2;
}

#web_banking table.spec {
	margin: 0.5em auto;
	padding: 0px;
	width: 95%;
	_width: 99%;
}

#web_banking table.spec th {
	width: 30%;
}

#web_banking table.spec th.ver {
	valign: middle;
	width: 40%;
}

#web_banking table.spec td {
	text-align: center;
}

#web_banking table.spec td.name {
	background-color: #FAF8E2;
}

#web_banking div.flow {
	width: 670px;
	padding-bottom: 80px;
	background-image: url(../img/web_banking/flow_arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#web_banking div.last {
	background-image: none;
	padding-bottom: 0px;
}

#web_banking div.flow h3 {
	margin-top: 0.5em;
	background-image: none;
	border-style: none;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 65px;
	height: 55px;
	font-size: 1.5em;
}

#web_banking div.flow h4 {
	width: 625px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
}

/*背景設定１～３*/
#web_banking div.flow h3#bg01 {
	background-image: url(../img/web_banking/flowBg_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#web_banking div.flow h3#bg02 {
	background-image: url(../img/web_banking/flowBg_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#web_banking div.flow h3#bg03 {
	background-image: url(../img/web_banking/flowBg_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*----------------------------------------------------
	#web_fb
----------------------------------------------------*/
#web_fb h3 {
	clear: both;
	color: #666;
	background-image: url(../img/share/titleBg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 15px;
	font-size: 1.5em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 5px;
	border-left: 6px solid #666;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bolder;
}

#web_fb h4 {
	clear: both;
	width: 550px;
	font-size: 1.25em;
	font-weight: bold;
	color: #1381AA;
	background-image: url(../img/share/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 0.25em;
	_background-position: left 0.3em;
	padding-left: 15px;
	margin-bottom: 0.5em;
	margin-top: 1em;
	margin-left: 1em;
}

#web_fb h5 {
	clear: both;
	width: 550px;
	font-size: 1.125em;
	font-weight: bold;
	background-image: url(../img/share/arrow_03.gif);
	background-repeat: no-repeat;
	background-position: left 0.25em;
	_background-position: left 0.3em;
	padding-left: 15px;
	margin-bottom: 0.5em;
	margin-top: 1em;
	margin-left: 1em;
}

#web_fb div.box {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 0px 15px;
	font-size: 0.85em;
}

#web_fb p.none {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#web_fb .box p.kome {
}

/*テーブル設定*/
#web_fb table {
	width: 640px;
	margin: 0 auto;
	padding: 0px;
}

#web_fb table table {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

#web_fb table th {
	background-color: #DDDDDD;
}

#web_fb table td.color {
	background-color: #FAF8E2;
	text-align: center;
}

#web_fb table td.color2 {
	background-color: #F2F2F2;
	text-align: center;
}

#web_fb table td.center {
	text-align: center;
}

/*サービスメニュー*/
#web_fb table.menu .cel1 {
	width: 25%;
}

#web_fb table.menu .cel2 {
	width: 75%;
}

/*ご利用可能時間帯*/
#web_fb table.time td {
	text-align: center;
}

#web_fb table.time .cel1 {
	width: 40%;
}

#web_fb table.time .cel2 {
	width: 20%;
}

/*データ送信可能期間*/
#web_fb table.kikan .cel1 {
	width: 40%;
}

#web_fb table.kikan .cel2 {
	width: 60%;
}

/*ご利用手数料*/
#web_fb table.tesuuryou .cel1 {
	width: 30%;
}

#web_fb table.tesuuryou .cel2 {
	width: 70%;
}

#web_fb table.tesuuryou table td {
	text-align: center;
}

#web_fb table.tesuuryou table .cel3 {
	width: 70%;
}

#web_fb table.tesuuryou table .cel4 {
	width: 30%;
}

#web_fb table.tesuuryou table .cel5 {
	width: 35%;
}

/*セキュリティー（ご利用者IDの設定）*/
#web_fb table.id .cel1 {
	width: 20%;
}

#web_fb table.id .cel2 {
	width: 60%;
}

/*セキュリティー（４つのパスワード）*/
#web_fb table.pw .cel1 {
	width: 25%;
}

#web_fb table.pw .cel2 {
	width: 75%;
}

#web_fb ol {
	margin: 5px 25px 5px 75px;
	padding: 0;
}

/*推奨するパソコンのOSとブラウザ*/
#web_fb table.spec td {
	text-align: center;
}

#web_fb table.spec .cel1 {
	width: 30%;
}

#web_fb table.spec .cel2 {
	width: 35%;
}

/*--- ご利用までの流れ ---*/
#web_fb div.flow {
	width: 670px;
	padding-bottom: 80px;
	background-image: url(../img/web_fb/flow_arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#web_fb div.last {
	background-image: none;
	padding-bottom: 0px;
}

#web_fb div.flow h3 {
	margin-top: 0.5em;
	background-image: none;
	border-style: none;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 65px;
	height: 55px;
	font-size: 1.5em;
}

#web_fb div.flow h4 {
	width: 625px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
}

/*背景設定１～３*/
#web_fb div.flow h3#bg01 {
	background-image: url(../img/web_fb/flowBg_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#web_fb div.flow h3#bg02 {
	background-image: url(../img/web_fb/flowBg_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#web_fb div.flow h3#bg03 {
	background-image: url(../img/web_fb/flowBg_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#web_fb div.flow h3#bg04 {
	background-image: url(../img/web_fb/flowBg_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*--- ご利用ガイド ---*/
#web_fb #guide .waku {
	background-color: #F2F2F2;
}

#web_fb #guide ol {
	margin: 0 0 0 1em;
	padding: 0;
}

#web_fb #guide ol li {
	list-style-type: none;
	padding: 5px 0;
}

#web_fb #guide ol.guideL {
	float: left;
	width: 290px;
	font-size: 0.95em;
	margin-left: 3.35em;
	_margin-left: 2em;
	margin-right: 20px;
}

#web_fb #guide ol.guideR {
	float: left;
	width: 290px;
	font-size: 0.875em;
}

/*--- 全銀・CSVフォーマット規格 ---*/
#web_fb table.format .cel1 {
	width: 10%;
}

#web_fb table.format .cel2 {
	width: 23%;
}

#web_fb table.format .cel3 {
	width: 12%;
}

#web_fb table.format .cel4 {
	width: 45%;
}