/* Updated 2006/04/03,E*/

	@import "/common_css/default.css";
	@import "/common_css/component.css";

/*Updated▼ 2005/03/31,E*/

	@import "/css/kojin_jutaku_loan_comp.css";

/*Updated▲ 2005/03/31,E*/

/*Updated▼ 2006/02/21,E*/

/*NAVI_BASE*/
#contents ul.navi_base {
	float: right;
	height: 17px;
	margin-top: 12px;
	width: 153px;
	text-indent: 0px;
}
#contents ul.navi_base li {
	float: left;
	height: 17px;
}
#contents ul.navi_base li.faq {
	width: 96px;
}
#contents ul.navi_base li.faq_active {
	height: 0px !important;
	height /**/: 17px;
	width: 96px;
}
#contents ul.navi_base li.demand {
	width: 57px;
}
#contents ul.navi_base li.demand_active {
	height: 0px !important;
	height /**/: 17px;
	width: 57px;
}

/*LOCALNAVIGATION*/

#contents ul.navi_local {
	height: 43px !important;
	height /**/: 60px;
	padding-top: 17px;
	overflow: hidden;
	width: 540px;
}

#contents ul.navi_local li{
	float: left;
	height: 43px;
}

#contents ul.navi_local li.top02, 
#contents ul.navi_local li.top02_active {
	width: 180px;
}

#contents ul.navi_local li.detail, 
#contents ul.navi_local li.detail_active {
	width: 98px;
}

#contents ul.navi_local li.merit, 
#contents ul.navi_local li.merit_active {
	width: 75px;
}

#contents ul.navi_local li.yugu, 
#contents ul.navi_local li.yugu_active {
	width: 106px;
}

#contents ul.navi_local li.flow, 
#contents ul.navi_local li.flow_active {
	width: 81px;
}

/*LOCAL SUB NAVIGATION*/
#contents ul.navi_localSub {
	width: 530px !important;
	width /**/: 540px;
	background: url(/common_images/bg_localsub.gif) no-repeat top left;
	height: 45px;
	padding: 0px 5px;
	overflow: hidden;
}
#contents ul.navi_localSub li{
	float: left;
	height: 45px;
}
#contents ul.navi_localSub li.top, 
#contents ul.navi_localSub li.top_active {
	width: 133px;
}
#contents ul.navi_localSub li.atm, 
#contents ul.navi_localSub li.atm_active {
	width: 129px;
}
#contents ul.navi_localSub li.point, 
#contents ul.navi_localSub li.point_active {
	width: 134px;
}
#contents ul.navi_localSub li.payment, 
#contents ul.navi_localSub li.payment_active {
	width: 134px;
}

/*訴求ボタン下 特殊ボタン配置*/

#contents div.d_underApply {
	padding-bottom: 15px;
	width: 540px;
}

#contents div.d_underApply p.bottom {
	float: right;
	padding-right: 10px;
}

/*Updated▲ 2006/02/21,E*/

/*[/kojin/jutaku_loan/myhome/配下 タイトル]*/
#contents h1.h1K {
	float: left;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 89px;
}

#contents div.categoryK {
	float: left;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	width: 89px;
}

#contents p.subscription img.doublesize02{
	margin: 8px 0px 0px 0px;
}

/*[/kojin/jutaku_loan/myhome/配下]　共通で使えるエレメント*/
p.paragraphRight{
	font-size: small;
	text-align: right;
}

span.uppercase{
	text-transform: uppercase;
}

#contents div.greyLineBox{
	border: 1px solid #ccc;
	font-size: small;
	margin: 10px 0;
	padding: 3px;
}

#contents div.greyLineBox table td{
	vertical-align: middle;
}

#contents div.centerPosition{
	margin: 0 auto;
	text-align: center;
}

#contents img.attention{
	vertical-align: middle;
}

#contents img.attention{
	vertical-align: middle;
}

#contents img.attention02{
	vertical-align: middle;
	background: #FFCC45;
}

#contents img.sagaku{
	vertical-align: middle;
}

#contents p.pspacer {
	padding: 0 0 0 15px;
	font-size: small;
}

/*Updated▼ 2005/03/31,E*/

/*[/kojin/jutaku_loan/iroiro/配下 タイトル]*/
#contents h1.h1Iroiro {
	float: left;
	margin-bottom: -10px;
	margin-top: -10px;
	padding: 5px 0px 6px 0px;
	width: 158px;
}

#contents div.categoryI {
	float: left;
	margin-bottom: -10px;
	margin-top: -10px;
	padding: 5px 0px 6px 0px;
	width: 158px;
}

/*Updated▲ 2005/03/31,E*/

/*Updated▼ 2005/03/30,E*/

/*[/kojin/jutaku_loan/iroiro/index.html 左配置の画像]*/
.boxImage2{
	padding: 0px 7px 5px 0px;
	float: left;
}

/*[/kojin/jutaku_loan/iroiro/index.html 中央配置の画像]*/
#contents p.center{
	text-align: center;
}

/*Updated▲ 2005/03/30,E*/

/*[/kojin/jutaku_loan/iroiro/index.html オレンジボックス]*/
#contents div.orengeLineBox1, 
#contents div.orengeLineBox2{
	width: 230px !important;
	width /**/: 240px;
	border: 1px solid #FF9900;
	float: left;
	padding: 5px;
}

#contents div.orengeLineBox1{
	float: left;
	margin: 10px 0 10px 10px;
}

#contents div.orengeLineBox2{
	float: right;
	margin: 10px 10px 10px 0;
}

/*[/kojin/jutaku_loan/iroiro/index.html]　ボックス*/

/*共通*/

#contents table.box03 h3,
#contents table.box3clm h3{
	font-size: medium;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#contents div.pack img.hedingArrow2 {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

#contents table.box03 div.pack div.box_servece_detail p,
#contents table.box03 div.pack div.box_loan_detail p{
	margin-left: 13px;
	margin-top: 10px;
}


/* ライフイベントサービス　*/

#contents table.box03 div.pack div.box_servece {
	float:left;
	margin: 0px 30px 0px 10px;
	padding: 0px 0px 5px 0px;
	width: 91px;
}

#contents table.box03 div.pack div.box_servece_detail {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 360px;
}

/* ライフイベントローン　*/

#contents table.box03 div.pack div.box_loan {
	float:left;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 122px;
}

#contents table.box03 div.pack div.box_loan_detail {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 360px;
}

/*３カラム*/

#contents table.box3clm {
	border-spacing: 0px;
	width: 543px;
}

#contents table.box3clm td {
	background: url(/kojin/jutaku_loan/iroiro/image_uniq/bg_box3clm.gif) no-repeat bottom left;
	padding-bottom: 11px;
	vertical-align: top;
	width: 181px;
}

#contents table.box3clm div.pack {
	background: url(/kojin/jutaku_loan/iroiro/image_uniq/bg_head_box3clm.gif) no-repeat top left;
	padding: 10px 15px 0px 10px;
	width: 156px !important;
	width /**/: 181px;
}

#contents table.box3clm div.pack div.yugu_link01{
	font-weight: bold;
	font-size:small;
	padding:0px 0px 4px 5px;
}

#contents table.box3clm div.pack div.floatBox2 {
	width: 100%;
	margin:1em 0px 0px 0px;
}

#contents table.box3clm div.pack div.floatBox {
	width: 100%;
}
/* /kojin/jutaku_loan/iroiro/lifeeventloan.html のYES/NOのフロー */
#contents td.question {
	background-color: #FFFFCC;
	border: solid 1px #BBBBBB;
	padding: 5px 5px 0px 5px;
}

#contents div.q1 {
	background-color: #FFFFCC;
	border: solid 1px #BBBBBB;
	margin: 0 auto;
	padding: 5px 5px 0px 5px;
	text-align: left;
	width: 365px !important;
	width /**/: 375px;
}

#contents div.q1 table.t_q1 {
	margin: 0px 0px 0px 70px;
}

#contents span.cardImg {
	float: left;
	display: block;
}

#contents div.q1 table td {
	text-align: left;
	vertical-align: middle;
}

#contents div.q1 table td.r {
	padding: 0px 0px 0px 10px;
}

#contents table.q2 {
	border-spacing: 0px;
	margin: 0 auto;
	width: 375px;
}

#contents table.q2 div.d_yesArea01 {
	background-color: #D9F1FB;
	padding: 10px 10px 5px 10px;
	text-align: left;
	width: 190px !important;
	width /**/: 210px;
}

#contents table.q2 div.d_noArea01 {
	background-color: #FFE5DF;
	padding: 10px 10px 5px 10px;
	text-align: left;
	width: 122px !important;
	width /**/: 142px;
}

/*[/kojin/jutaku_loan/iroiro/direct.html 金額セル]*/
#contents table.table01 td.kingaku {
	background: #FFE6FF;
}

/*[/kojin/jutaku_loan/iroiro/direct.html 注釈]*/
#contents dl.dl_caution dd {
	margin: -1.2em 0px 10px 25px;
}

#contents dl.dl_caution	ul.unordered01{
	line-height: 125%;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 12px;
}

html>body #contents dl.dl_caution dd {
	line-height: 125%;
	margin: 0px;
	padding: 0px 0px 5px 25px;
}

/*[/kojin/jutaku_loan/yugu/cp.html 黄色のボックス部分]*/
#contents div.yellow-plate{
	width: 520px !important;
	width /**/: 540px;
	background: #FFCC45;
	padding: 10px;
	text-align: center;
}

#contents div.yellow-plate div.right-button{
	text-align: right;
}

/*Updated▼ 2005/03/31,E*/

/*[/kojin/jutaku_loan/iroiro/life.html データテーブル]*/
#contents table.table01 th.th01, 
#contents table.table01 th.th02, 
#contents table.table01 th.th03, 
#contents table.table01 th.th04 {
	background-color: #FFF;
	font-weight: normal;
	line-height: 150%;
}

#contents table.table01 th.th01 {
	width: 45%;
}

#contents table.table01 th.th02 {
	width: 20%;
}

#contents table.table01 th.th04 {
	text-align: center;
	vertical-align: middle;
}

#contents table.table01 td.td01 {
	width: 20%;
}

#contents table.table01 td.td02 {
	width: 15%;
}

#contents table.table01 td.td03 {
	width: 35%;
}

/*[/kojin/jutaku_loan/iroiro/life.html たとえば]*/
#contents table.example {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 10px 20px;
	width: 503px;
}

#contents table.example td.l {
	border: solid 1px #CCC;
	padding: 0px;
	vertical-align: top;
	width: 250px !important;
	width /**/: 252px;
}

#contents table.example td.r {
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-top: solid 1px #CCC;
	padding: 0px;
	vertical-align: top;
	width: 250px !important;
	width /**/: 251px;
}

#contents table.example h3 {
	background-color: #CF9;
	border-bottom: solid 1px #CCC;
	color: #444;
	font-size: small;
	margin: 0px;
	padding: 3px 0;
	text-align: center;
	width: 100%;
}

#contents table.example div.pack {
	padding: 8px;
	width: 234px !important;
	width /**/: 250px;
}

#contents table.example div.pack div.pack2 {
	width: 234px;
}

#contents table.example div.pack div.pack2 div.boxImage {
	float: right;
	padding: 0px;
	width: 103px;
}

#contents table.example div.pack div.pack2 div.boxImage2 {
	float: right;
	margin-top: 15px;
	padding: 0px;
	width: 100px;
}

#contents table.example div.pack div.pack2 p {
	float: left;
	width: 129px;
}

#contents img.free {
	margin-bottom: 5px;
}

#contents img.i_example {
	margin-right: 15px;
	vertical-align: middle;
}

/*[/kojin/jutaku_loan/iroiro/life.html フロート画像]*/
#contents div.atmBox01 div.boxImage {
	float: right;
	padding: 0px;
	width: 100px;
}

#contents div.atmBox01 p {
	float: left;
	width: 440px;
}

/*[/kojin/jutaku_loan/iroiro/life.html たとえば下ボックス]*/
#contents div.lifeBox01 {
	border: solid 1px #CCC;
	margin: 0px 0px 0px 20px;
	padding: 5px;
	width: 491px !important;
	width /**/: 503px;
}

#contents div.lifeBox01 div.boxImage {
	float: right;
	padding: 0px;
}

#contents div.lifeBox01 p {
	float: left;
}

/*[/kojin/jutaku_loan/iroiro/atm.html データテーブル]*/
#contents table.atm_place{
	margin-bottom:5px;
}
#contents table.atm_place th{
	text-align:center;
	vertical-align:middle;
	padding-right:30px;
	padding-bottom:5px;
}
#contents table.atm_place td{
	vertical-align:middle;
	padding-bottom:5px;
}

#contents table.atm_timetable {
	border-left: solid 2px #B4B4B4;
	border-top: solid 2px #B4B4B4;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px 0;
	width: 100%;
}
#contents table.atm_timetable caption {
	caption-side:bottom;
	font-size:80%;
	text-align:right;
	padding:5px 0;
}

HTML>BODY #contents table.atm_timetable caption {
	font-size:small;
}

#contents table.atm_timetable th {
	background-color: #FFC;
	border-bottom: solid 2px #B4B4B4;
	border-right: solid 2px #B4B4B4;
	padding: 2px 2px 0 2px;
	vertical-align: middle;
}
#contents table.atm_timetable th.name {
	background-color: #CCC;
}
#contents table.atm_timetable th .attention,#contents table.atm_timetable th .add {
	font-weight:normal;
}
#contents table.atm_timetable th img {
	background:transparent;
}
#contents table.atm_timetable td {
	border-bottom: solid 2px #B4B4B4;
	border-right: solid 2px #B4B4B4;
	padding: 2px 2px 0 2px;
	text-align: center;
	vertical-align: middle;
}
#contents table.atm_timetable thead td {
	background-color: #FFC;
}
#contents table.atm_timetable td.point {
	background-color: #FC9;
}
#contents table.atm_timetable th.weaken {
	background-color:#FFF;
	font-weight: normal;
}
#contents table.atm_timetable th.weaken ul {
	text-align: left;
}

/*[/kojin/jutaku_loan/iroiro/hikaku.html]　QAフロート*/
#contents div.qBox {
	padding: 0 10px;
	margin-bottom: 10px;
	width: 520px !important;
	width /**/: 540px;
}

#contents div.qBox dl.definition02 {
	color:#FF6600;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 385px;
}

#contents div.qBox dl.definition02 dt {
	float: left;
}

#contents div.qBox div.boxImage {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 130px;
}

#contents div.ansBox {
	background-color: #FFF3B3;
	margin-bottom: 20px;
	padding: 10px;
	width: 520px !important;
	width /**/: 540px;
}

#contents div.ansBox dl.definition02 {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 385px;
}

#contents div.ansBox dl.definition02 dt {
	float: left;
}

#contents div.ansBox div.boxImage {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 130px;
}

#contents div.ansBox img {
	background-color: transparent;
}

/*Updated▲ 2005/03/31,E*/

/*Updated▼ 2006/04/03,E*/

/*[/kojin/jutaku_loan/iroiro/kuriage.html]　テーブル*/

#contents table.kuriageboxt {
	border-collapse:collapse;
	border:none;
	margin:0px;
	width:100%;
}

#contents table.kuriageboxt th.bluethn {
	border:1px solid #00AFF0;
	background:#00AFF0;
	color:#fff;
	padding:5px 0px 0px 0px;
	width:140px;
}

#contents table.kuriageboxt th.blueth {
	border:1px solid #00AFF0;
	background:#00AFF0;
	color:#fff;
	padding:5px 0px 0px 0px;
}

#contents table.kuriageboxt th.blankth {
	width:5px;
	padding:0px;
	border:none;
}

#contents table.kuriageboxt td {
	vertical-align:middle;
	padding:5px 0px 0px 0px;
	text-align:center;
}

#contents table.kuriageboxt td.yellowtd {
	border:1px solid #00AFF0;
	background:#ffc;
	color:#F58220;
	font-weight:bold;
}

#contents table.kuriageboxt td.btd {
	border:1px solid #00AFF0;
}

#contents table.kuriageboxt td.btdr {
	border:1px solid #00AFF0;
	text-align:right;
	padding:5px 6px 0px 0px;
}

#contents table.kuriageboxt td.btdbgd {
	border:1px solid #00AFF0;
 background:#BBE6FB;
}

#contents table.kuriageboxt td.btdbgb {
	border:1px solid #00AFF0;
 background:#E2F4FD;
}

#contents div.hikakuBox01{
	margin:0 0 20px;
	border:solid 2px #00AFF0;
	padding:20px 20px 15px;
}
#contents div.hikakuBox01 dt{
	padding-bottom:10px;
}
#contents div.hikakuBox01 dl p{
	padding-left:60px;
}
#contents div.hikakuBox01 dl p.ans{
	padding:0 0 5px;
}
#contents div.hikakuBox01 dl p.img{
	text-align:center;
}

/*[/kojin/jutaku_loan/yugu/atm.html]*/
#contents .atmBox02{
	width:540px;
}
#contents .atmBox02 div.date{
	width:540px;
	text-align:right;
}
#contents .atmBox02 table{
	border-top:solid 2px #00AFF0;
	border-left:solid 2px #00AFF0;
}
#contents .atmBox02 th,
#contents .atmBox02 td{
	border-right:solid 2px #00AFF0;
	border-bottom:solid 2px #00AFF0;
}
#contents .atmBox02 th{
	width:46px;
	background-color:#00AFF0;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}
#contents .atmBox02 td h4{
	padding:0 0 5px 8px;
}
#contents .atmBox02 td p.paragraph,
#contents .atmBox02 td div.button{
	padding-left:7px;
}
#contents .atmBox02 td p.flow{
	width:488px;
	text-align:center;
	padding-bottom:5px;
}
#contents .atmBox02 td ul.unordered04{
	margin:0 8px 15px;
}
#contents .atmBox02 td div.smenu{
	padding-bottom:10px;
	text-align:center;
}
#contents .atmBox02 td div.smenu table{
	margin:auto;
	text-align:left;
}
#contents .atmBox02 td thead th,
#contents .atmBox02 td td{
	padding:5px 0 0;
}
#contents .atmBox02 td td{
	padding-right:7px;
}
#contents .atmBox02 td thead th{
	width:auto;
	background-color:#E6F6F9;
	color:#444;
}
#contents .atmBox02 td tfoot td p.paragraph{
	font-weight:bold;
	text-align:center;
}
#contents .atmBox02 td table p,
#contents .atmBox02 td table div{
	width:auto;
	display:block;
}

/*Updated▲ 2006/04/03,E*/
