/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

◆キャッシング

　/css/money.css

 - - - - - - - - - - - - - - - - - - - 

　「キャッシング」カテゴリのページについて、スタイルを設定します。

　〔HINT!〕正規表現^[^\t]でgrepをかけると、説明が抽出されます。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

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

■キャッシング共通

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

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

▽箇条書き

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

	ul.disc li {
		background-image: url(/money/images/common/listmark.gif);
	}

	li.last {
		margin-bottom:0;
	}

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

▽●数字の箇条書き

------------------------------------- */
	ol.icard-number li {
		padding-left:20px;
		padding-bottom:5px;
		background:transparent no-repeat;
		background-position:0 2px;
	}

	ol.icard-number li.icon_1 {
		background-image: url(/money/images/common/icon01.gif) ;
	}

	ol.icard-number li.icon_2 {
		background-image: url(/money/images/common/icon02.gif);
	}

	ol.icard-number li.icon_3 {
		background-image: url(/money/images/common/icon03.gif);
	}

	ol.icard-number li.icon_4 {
		background-image: url(/money/images/common/icon04.gif);
	}
	
	ol.icard-number li.icon_5 {
		background-image: url(/money/images/common/icon05.gif);
	}

	ol.icard-number li.icon_1b {
		background-image: url(/money/images/common/icon01_black.gif) ;
	}

	ol.icard-number li.icon_2b {
		background-image: url(/money/images/common/icon02_black.gif);
	}

	ol.icard-number li.icon_3b {
		background-image: url(/money/images/common/icon03_black.gif);
	}

	ol.icard-number li.icon {
		padding-left:0px;
	}

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

▽●アルファベットの箇条書き

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

	ol.icard-alpha li {
		padding-left:20px;
		background:transparent no-repeat 0em 0em;
	}

	ol.icard-alpha li.icon_a {
		background-image: url(/money/images/common/icon_a.gif);
	}

	ol.icard-alpha li.icon_b {
		background-image: url(/money/images/common/icon_b.gif);
	}

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

▽注意文言

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

	.chui {
		padding-left:1.1em;
		text-indent:-1.1em;
	}

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

▽強調箇所（目立つ文字色）カテゴリカラー（明るい緑）

　⇒ .em

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

	.em {
		color: #699 !important;
	}


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

▽強調箇所（目立つ文字色）金色＆太字

　⇒ .em

------------------------------------- */
	.em2 {
		color: #9a7700 !important;
		font-weight:bold;
	}

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

▽サブタイトル（＋本文先頭のグラデ）

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

	h2.subtitle {
		padding-top: 37px;
		background: url(/money/images/common/content_top.gif) repeat-x left top;
		margin-bottom: 10px;
	}

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

▽ページの先頭に戻る

------------------------------------- */
	#footer_up a.up {
		background: url('/money/images/common/to_pagetop.gif') no-repeat;
	}

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

▽グループ

　背景で、内容をグループ化

------------------------------------- */
	div.group {
		background-color:#ebf5f5;
		padding:11px 13px;
	}
/* -------------------------------------

▽テキストリンク全般

------------------------------------- */
	a:link    { color:#699;}
	a:visited { color:#9cc;}
	a:hover   { color:#699; text-decoration: none; }
	a:active  { color:#699;}

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

▽アイコン付きテキストリンク

　⇒ a.textlink  ： 三角マーカー付

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

	/* 共通設定 */
	a.textlink {
		background-image: url("/money/images/common/mark_textlink.gif");
	}

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

▽最後のセクション（背景用）

------------------------------------- */
	div.last-section {
		padding-bottom:41px;
		background:transparent url(/money/images/common/content_bottom.gif) repeat-x left bottom;
	}

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

▽レイアウトされたデータ表

------------------------------------- */
	table.datalayout {
		width:100%;
		margin:0 auto;
	}

	table.datalayout th,
	table.datalayout td {
	padding:0 0 10px;
	vertical-align:top;

	}

	table.datalayout th {
		font-weight:bold;
		color:#699;
		padding-right:7px;
		white-space:nowrap;
		text-align:left;
	}

	table.datalayout td div {
		padding-left:11px;
		background:url(/money/images/top/td_div_bg.gif) repeat-y left top;
	}

	table.datalayout table th,
	table.datalayout table td {
		padding:0;
		font-weight:normal;
		color:#444;
	}

	table.datalayout table th {
		padding-right:16px;
	}

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

ナビゲーション 

------------------------------------- */
#money_navi{
margin-bottom:25px; height:60px;
}

#money_navi ul {
	list-style:none;
	padding:0;
	margin:0;
}

#money_navi ul#headnav li {
	float:left;
}

#money_navi ul#headnav li a,
#money_navi ul#headnav li span {
	display:block;
	width:360px;
	height:60px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#money_navi ul#headnav li a:hover{
	background-position: 0 -60px;
}

#money_navi ul#headnav li span {
	background-position: 0 -120px;
}

#money_navi ul#headnav li#headnav_01 a,
#money_navi ul#headnav li#headnav_01 span {
	background-image:url(/money/images/common/nav_head_01.gif);
}

#money_navi ul#headnav li#headnav_02 a,
#money_navi ul#headnav li#headnav_02 span {
	background-image:url(/money/images/common/nav_head_02.gif);
}

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

■moneyトップ

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

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

■キャッシングトップ

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

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

▽メイン

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

 	#money-index .menuPanels {
	width:720px;
	margin-left:0;
	background:url(/images/common/largepanel_sideline.gif) repeat-y left top;
	/*position:static;*/



		/*visibility:visible;*/



		clear:both;
}
#money-index .menuPanel {
	padding-left:0;
	float:none;
	width:720px;
	background:url(/money/images/common/largepanel_top.gif) no-repeat left top;
}
#money-index .menuPanel .panelBody {
	margin:0 11px 16px 11px;
}
#money-index .menuPanel .panelBottom {
	margin-left:0;
	width: 720px;
	background: url(/images/common/largepanel_bottom.gif) no-repeat left bottom;
}
#money-index .menuPanel .panelBottom {
	width: 720px;
	background: url(/images/common/largepanel_bottom.gif) no-repeat left bottom;
}
#money-index .menuPanel a.link {
	position:absolute;
	top:127px;
	left:22px;
}
#money-index .menuPanel h2,  #money-index .menuPanel h3 {
	margin:0;
	padding:0;
}
#money-index .menuPanel table.datalayout {
	width:100%;
	margin:0 auto;
}
#money-index .menuPanel table.datalayout th,  #money-index .menuPanel table.datalayout td {
	padding-top:11px;
	padding-bottom:9px;
}
#money-index .menuPanel table.datalayout table th,  #money-index .menuPanel table.datalayout table td {
	padding:0;
	font-weight:normal;
	color:#444;
}
#money-index .menuPanel table.datalayout table th {
	padding-right:16px;
}
#money-index .menuPanel div.table_left {
	width:340px;
	padding-right:10px;
	margin-right:10px;
	border-right:solid 1px #ccc;
	float:left;



	}
#money-index .menuPanel table.datalayout .subinfo {
	padding-left:1.1em;
	text-indent:-1.1em;
}
#money-index .menuPanel p.chui {
	background:#ebf5f5;
	line-height:1.7em;
	margin:21px 2px 0;
	padding:12px 10px 12px 15px;
}
#money-index .menuPanel .bottom2 {
	margin:0;
	padding:15px 12px 0;
	bottom:0;
}


#money-index .menuPanel .lead_bg {
	background:url(/money/loan/images/top/lead_bg.jpg) repeat-y top;
	margin:0;
	padding:0;
	width:720px;
	height:260px;
}

#money-index .menuPanel .lead_bg .top_btn {
	float:right;
	padding:0 30px;
	;
}


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

	money/index 100319add

------------------------------------- */
.money_index_linkbox {
	width:720px;
	margin-top:30px;
	margin-bottom:15px;
	overflow:hidden;
}
.money_index_linkbox .lbox {
	width:345px;
	height:361px;
	float:left;
	background-image:url(/money/images/index_l_linkbox.gif);
	background-repeat: no-repeat;
}
.money_index_linkbox .rbox {
	width:345px;
	height:361px;
	float:right;
	background-image:url(/money/images/index_r_linkbox.gif);
	background-repeat: no-repeat;
}
.money_index_linkbox ul {
	width:315px;
	margin:13px 15px 15px;
	list-style-type: none;
}
.money_index_linkbox ul.moneylink li {
	margin:0px 0px 0px 0px;
	padding:0px;
}
.money_index_linkbox ul.moneylink li.bt {
	margin:1px 0px 0px;
	padding:0px;
}



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

▽キャッシングサービス・アイカードメンバーズローンをご契約中の皆さまへ

------------------------------------- */
	#money-index div.section2,
	#money-cash-index div.section2{
		margin-top:30px;
		padding-right:15px;
		padding-left:15px;
		padding-bottom:5px;
		background-color:#EBF5F5;
	}

	#money-index div.section2 h3,
	#money-cash-index div.section2 h3{
		padding-top:18px;
		color: #699;
		font-weight:bold;
		font-size:small;
	}

	#money-index div.section2 table,
	#money-cash-index div.section2 table{
		margin-bottom:8px;
	}

	#money-index div.section2 table td,
	#money-cash-index div.section2 table td{
		line-height:1.3em;
	}

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

▽お問い合せ

------------------------------------- */
	#money-index div.group, #money-cash-moshikomi div.group {
		margin:0;
		padding:0;
		background-image:url(/money/images/top/otoiawase_bg.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}

	/*#money-cash-moshikomi div.group {
		margin:0px;
	}*/

	#money-index div.group h3, #money-cash-moshikomi div.group h3 {
		font-size:1em;
		padding:15px 37px 7px;
		margin:0 0 0.5em;
		line-height:1em;
		font-weight:bold;
		color:#699;
		background:url(/money/images/top/tel_icon.gif) no-repeat 13px 12px;
	}

	#money-cash-moshikomi div.group h3 {
		padding:10px 37px 5px;
		margin-bottom:0px;
		background:url(/money/images/top/tel_icon.gif) no-repeat 13px 5px;
	}

	#money-index div.group p , #money-cash-moshikomi div.group p{
		margin:0;
		padding:0 15px 18px;
		background:url(/money/images/top/otoiawase_bg.gif) no-repeat left bottom;
	}

	#money-cash-moshikomi div.group p{
		padding-bottom:5px;
	}

	#money-cash-moshikomi ol{
		line-height:1.4em;
	}

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

▽キャンペーン

------------------------------------- */
	#money-index .campaign {
		margin:0 0 25px 0;
		padding:0;
		width:720px;
	}

	#money-index .campaign td {
		vertical-align:top;
	}

	#money-index .campaign td img.margin {
		margin:0 10px 0 0;
	}

	#money-index .campaign td p.text {
		margin:8px 0 10px 0;
	}

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

■キャッシング - ご利用方法

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

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

▽ATM

------------------------------------- */
	#money-cash-index #atm {
		width:720px;
		height:290px;
		margin-bottom:1em;
		background:url(/money/cash/images/goriyou/atm_bg.jpg) no-repeat left top;
	}

	#money-cash-index #atm_loan {
		width:720px;
		height:290px;
		margin-bottom:1em;
		background:url(/money/loan/images/goriyou/atm_bg.jpg) no-repeat left top;
	}

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

■キャッシング - ご返済方法

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

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

▽テーブル

------------------------------------- */
	#money-cash-hensai table.datalayout {
		width:auto;
		margin:0;
	}



	#money-cash-hensai #hensairei {
		width:720px;
		height:212px;
		background:url(/money/cash/images/hensai/img02.gif) no-repeat left top;
	}

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

▽リボ払いで計画的にお支払い！

------------------------------------- */
	#money-cash-hensai .ribo-section {
		padding-bottom:21px;
		margin-bottom:14px;
		background:url(/money/cash/images/hensai/ribo-section_bg.gif) no-repeat left bottom;
		width:100%;
		overflow:hidden;
	}

	#money-cash-hensai .ribo-section table.layout {
		border-collapse:collapse;
		float:left;
		margin:1px;
		margin-right:10px;
	}

	#money-cash-hensai .ribo-section table.layout th,
	#money-cash-hensai .ribo-section table.layout td {
		border:1px solid #ddd;
		text-align:center;
		padding:6px 43px;
	}

	#money-cash-hensai .ribo-section table.layout th {
		background:#ebf5f5;
		font-weight:bold;
		color:#699;
	}

	#money-cash-hensai .ribo-section ul.disc{
		width:230px;
		float:left;
	}

#money-cash-oversea #contents  {
	text-align:center;
}

#money-cash-oversea #contents ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#money-cash-oversea #contents li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	#money-cash-oversea {
		padding:12px 0 0;
		background:#fff url("/images/common/popup_body_bg.gif") repeat-x left top;
	}

	#money-cash-oversea div.icard_logo {
		background:transparent url("/images/common/popup_logo.gif") no-repeat left top;
		float:none;
		width:720px;
		height:32px;
		margin:0 auto 46px;
		padding:0;
	}

	#money-cash-oversea #contents {
		width:720px;
		margin:0 auto;
		padding:0;
		position:relative;
	}

	#money-cash-oversea #contents h1 {
		margin-top:0;
		margin-bottom:30px;
	}

	#money-cash-oversea #table {
		width:720px;
		height:346px;
		margin:0 0 50px;
		background:#fff url("/money/loan/images/meyasu/table.gif") no-repeat left top;
	}

	#money-cash-oversea #footer {
		width:100%;
		height:22px;
		margin:0;
		padding-top:9px;
		background:#000;
	}

	#money-cash-oversea #footer.adherebottom {
		position:absolute;
		bottom:0;
	}

	#money-cash-oversea #footer div {
		display:block;
		width:720px;
		height:13px;
		margin:0 auto;
	}

	#money-cash-oversea #footer a {	
		display:block;
		width:52px;
		height:13px;
		margin:0 0 0 auto;
		background:transparent url("/images/common/popup_close.png") no-repeat right top;
	}

	#money-cash-oversea #footer a:hover {
		background-position:right -13px;
	}

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

■ローン

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

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

▽リボ払いで計画的にお支払い！

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

	#money-cash-hensai .ribo-section-loan {
		padding-bottom:21px;
		margin-bottom:14px;
		background:url(/money/cash/images/hensai/ribo-section_bg.gif) no-repeat left bottom;
		width:100%;
		overflow:hidden;
	}

	#money-cash-hensai .ribo-section-loan table.layout {
		border-collapse:collapse;
		float:left;
		margin:1px;
		margin-right:5px;
		width:350px;
	}

	#money-cash-hensai .ribo-section-loan table.layout th,
	#money-cash-hensai .ribo-section-loan table.layout td {
		border:1px solid #ddd;
		text-align:center;
		padding:6px 12px;
	}

	#money-cash-hensai .ribo-section-loan table.layout th {
		background:#ebf5f5;
		font-weight:bold;
		color:#699;
	}

	#money-cash-hensai .ribo-section-loan ul.disc{
		width:230px;
		float:left;
	}

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

▽流れテーブル

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

	table.flow {
		margin-left:0;
		width:720px;
	}

	table.flow th {
		padding:1px 0 27px 0;
		background:transparent url(/money/images/common/flow_arrow.gif) no-repeat center 132px;
	}

	table.flow th.long {
		padding:1px 0 27px 0;
		background:transparent url(/money/images/common/flow_arrow.gif) no-repeat center 262px;
	}

	table.flow tr.last th {
		padding-bottom:0;
		background:none;
	}

	table.flow p.subinfo {
		text-indent:-1.1em;
		padding-left:1.1em;
		margin:0;
	}

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

■目的ローン - お申し込み方法

========================================================= */
	#money-loan-moshikomi table.datalayout {
		width:auto;
		margin:0 0 0 8px;
	}

	#money-loan-moshikomi table.datalayout td,
	#money-loan-moshikomi table.datalayout th {
		line-height:1em;
	}


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

■実質年率

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

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

▽教育ローン（img大）

------------------------------------- */
img.nenritsu{
	float:left;
}

.nenristu_date {
	padding: 20px 0 0 0;
	font-size:85%;
}

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

▽その他（img小）

------------------------------------- */
.nenristu_date_other {
	padding: 12px 0 0 0;
	font-size:85%;
}

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

■ご返済シミュレーション 2007 12 by m

========================================================= */
div#hensai_simulation table {
	margin:10px 0 10px;
	width: 100%;
	border-top: 1px solid #E6E6E6;
}

div#hensai_simulation table th,
div#hensai_simulation table td {
	padding:10px 10px;
	border-bottom: 1px solid #E6E6E6;
}

div#hensai_simulation table th {
	color: #699;
}

div#hensai_simulation table.simulation_result th {
	width: 50%;
}

div#hensai_simulation table tr.alignleft th {
	text-align:left;
}

div#hensai_simulation table th.separate,
div#hensai_simulation table td.separate {
	border-left: 1px solid #E6E6E6;
}

div#hensai_simulation div.attention {
	margin:0 0 10px;
}

div#hensai_simulation div.btnbox {
	margin:0 0 20px;
	text-align : right;
}

div#hensai_simulation div.detail {
	text-align : right;
}

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

■キャッシングキャンペーン-20070803

========================================================= */
	#campaignArea {
		width: 720px;
		margin-bottom:20px;
		/*background-image: url(/money/images/top/camp_bg2.jpg);
		background-repeat:repeat-y;*/
	}

	#campaignTop {
		width: 700px;
		padding-left:20px;
		padding-top:20px;
		background-image: url(/money/images/top/camp_bg1.jpg);
		background-repeat:no-repeat;
	}

	#campaignBottom {
		width: 700px;
		padding-left:10px;
		margin-bottom:0;
	}

	#campaignAreaBottom {
		position:absolute;
		_margin-top:-7px;
	}

	#campLead1 {
		margin-bottom:5px;
	}

	#campaignBottom ul.camp {
		list-style-type:none;
		margin-left:10px;
	}

	div.contactCams {
		width: 720px;
		position: relative;
		overflow: visible;
		background: url(/money/images/top/cam_bttom_bg.gif) repeat-y ;
	}

	div.markIndent_cam{
		display:block;
		float: left;
		padding:15px 15px 5px 25px;
		margin:10px 10px 0 0;
		background: url(/money/images/top/tensen.gif) repeat-x left top;
	}

	div.markIndent_cam dl{
		display:block;
		width:500px;
		float:left;
		/*margin:3px auto 0;*/
	}

	div.markIndent_cam dl dt{
		width:1em;
		float:left;
		color:#99CCCC;
		line-height:1.1em;
		margin-bottom:5px;
		font-size:85%
	}

	div.markIndent_cam dl dd{
		padding-left:13px;
		text-indent:-0.2em;
		margin-left:0px;
		margin-bottom:5px;
		color:#666666;
		line-height:1.1em;
		font-size:85%
	}

	div.markIndent_cam img{
		display:block;
		float:right;
		margin:0 auto 0;
	}

	.none {
		display:none;
}

.goriyo_tt{
	border:#ddd 1px solid;
	border-bottom:none;
	background-color:#EBF5F5;
	padding:2px 0;
	}
.goriyo_line{
	border:#ddd 1px solid;
	padding:7px 0 0;
	}