@charset "utf-8";

/**************************************************
		Personal
**************************************************/
#mainArea .table001 .th001 { width:21%; }
#mainArea .table001 .th002 { width:50%; }
#mainArea .table001 .th003 { width:25%; }
#mainArea .table001 .th004 { width:30%; }
#mainArea .table001 .th005 { width:13%; }
#mainArea .table001 .th006 { width:40%; }
#mainArea .table001 .th007 { width:18%; }
#mainArea .table001 .th008 { width:17%; }
#mainArea .table001 .th009 { width:19%; }
#mainArea .table001 .td001 { width:16%; }
#mainArea .table001 .td002 { width:46%; }
#mainArea .table001 .td003 { width:8%; }
#mainArea .table001 .td004 { width:18%; }

#mainArea .iconNum001 {
	padding:3px 0 3px 35px;
	background:transparent url("../img/icon_num_001.gif") 0 0.1em no-repeat;
}

#mainArea .iconNum002 {
	padding:3px 0 3px 35px;
	background:transparent url("../img/icon_num_002.gif") 0 0.1em no-repeat;
}

#mainArea .iconNum003 {
	padding:3px 0 3px 35px;
	background:transparent url("../img/icon_num_003.gif") 0 0.1em no-repeat;
}

#mainArea .iconNum004 {
	padding:3px 0 3px 35px;
	background:transparent url("../img/icon_num_004.gif") 0 0.1em no-repeat;
}

#mainArea .iconNum005 {
	padding:3px 0 3px 35px;
	background:transparent url("../img/icon_num_005.gif") 0 0.1em no-repeat;
}

#mainArea .clearBox {
	clear:both;
	width:100%;
}

#mainArea .contLeft001 {
	float:left;
	width:315px;
}

#mainArea .contRight001 {
	float:right;
	margin-left:15px;
	width:315px;
}

#mainArea .contLeft002 {
	float:left;
	width:475px;
}

#mainArea .contRight002 {
	float:right;
	margin-left:30px;
	width:140px;
}

#mainArea .contLeft003 {
	float:left;
	width:445px;
}

#mainArea .contRight003 {
	float:right;
	margin-left:30px;
	width:170px;
}

#mainArea .contLeft004 {
	float:left;
	width:265px;
}

#mainArea .contRight004 {
	float:right;
	margin-left:25px;
	width:355px;
}

#mainArea .contLeft005 {
	float:left;
	width:415px;
}

#mainArea .contRight005 {
	float:right;
	margin-left:30px;
	width:200px;
}

#mainArea .contLeft006 {
	float:left;
	width:120px;
}

#mainArea .contRight006 {
	float:right;
	margin-left:30px;
	width:495px;
}


#mainArea .listIcon001 .listDisc,
#mainArea .listIcon003 .listNormal,
#mainArea .listIcon003 .listDisc,
#mainArea .listIcon003 .listDecimal,
#mainArea .listIcon003 .listCaution001,
#mainArea .listNormal .listDecimal,
#mainArea .listNormal .listDisc,
#mainArea .listNormal .listIndent002,
#mainArea .listDecimal .listCaution001,
#mainArea .listDecimal .listIndent002,
#mainArea .listCaution001 .listDecimal,
#mainArea .listCaution001 .listInline,
#mainArea .listCaution002 .listDisc {
	margin:0;
	font-size:1em;
}

#mainArea .listNormal .listNormal .listNormal {
	margin-left:17px;
}


#mainArea .listIcon001 .listDisc li,
#mainArea .listIcon003 .listNormal li,
#mainArea .listIcon003 .listDisc li,
#mainArea .listIcon003 .listDecimal li,
#mainArea .listCaution001 .listDecimal li,
#mainArea .listCaution002 .listDisc li {
	margin-bottom:0;
	padding-left:0;
	background-image:none;
}

#mainArea .listDecimal .listIcon003 li,
#mainArea .listDecimal .listNormal li {
	margin-left:0;
	list-style-type:none;
	list-style-position:outside;
}

#mainArea .listDecimal .listIndent002 li {
	margin-left:1em;
	list-style-type:none;
	list-style-position:outside;
}

#mainArea .listDecimal .listNormal .listDecimal li { 
	list-style:outside decimal;
}

#mainArea .listNormal .listCaution001 dt {
	margin-bottom:0;
	font-weight:normal;
}

#mainArea .table001 .space,
#mainArea .colorBox .listIcon003 .space,
#mainArea .listNormal .space {
	display:block;
	margin-bottom:17px;
}

#mainArea .listNormal .lspace {
	margin-left:20px;
}


#mainArea .listNormal .listNormal dt {
	margin-bottom:3px;
}

#mainArea .listNormal .listNormal dd {
	margin-bottom:7px;
}



#mainArea .noticeBox {
	margin-bottom:23px;
}

#mainArea .noticeBox .bg {
	padding:15px;
	border:1px solid #EDCAC8;
}

#mainArea .noticeBox .title {
	margin-bottom:9px;
	font-size:0.9em;
	font-weight:bold;
	color:#C32426;
	line-height:1.5;
}

#mainArea .noticeBox .lastItem { margin-bottom:0; }

#mainArea .noticeBox .listIcon001 li {
	background:transparent url("/common/img/icon_001_red.gif") 0 0.5em no-repeat;
}

#mainArea .noticeBox .listIcon001 li a { color:#C32426; text-decoration:underline; }
#mainArea .noticeBox .listIcon001 li a:hover { color:#C32426; text-decoration:none; }


/**************************************************
		Home
**************************************************/
/* ===== News Area ===== */
#mainArea #newsArea {
	clear:both;
	margin-bottom:10px;
	width:100%;
}


/* ===== Urgent Area ===== */
#mainArea #urgentArea {
	clear:both;
	border: 2px solid #c32426;
	padding: 0.5em 1em;
	margin-bottom:10px;
	/*width:100%;*/
}
#mainArea #urgentArea dl dt {
	font-size:0.8em;
	line-height:1.7;
	font-weight:bold;
	/*color:#c32426;*/
	margin-bottom:0.5em;
}
#mainArea #urgentArea dl dd {
	font-size:0.8em;
	line-height:1.7;
}


/* ===== Flash Area ===== */
#mainArea #flashArea {
	clear:both;
	margin-bottom:10px;
	width:100%;
}


/* ===== Service Area ===== */
#mainArea #serviceArea {
	clear:both;
	margin-bottom:17px;
	width:100%;
}

#mainArea #serviceArea .serviceBox {
	clear:both;
	border-top:3px solid #0B3CBC;
}

#mainArea #serviceArea .serviceBox .bg {
	border:1px solid #AABBE6;
	background:transparent url("../img/bg_servicebox.gif") 0 0 repeat-y;
}

#mainArea #serviceArea .serviceBox .leftItem {
	float:left;
	margin-right:1px;
	width:224px;
}

#mainArea #serviceArea .serviceBox .centerItem {
	float:left;
	margin-right:1px;
	width:224px;
}

#mainArea #serviceArea .serviceBox .rightItem {
	float:left;
	width:223px;
}

#mainArea #serviceArea .serviceBox .listIcon001 { padding:11px 15px; }

#mainArea #serviceArea .serviceBox .lastItem { margin-bottom:0; }

#mainArea #serviceArea .serviceBox .pr {
	font-size:0.9em;
	color:#C32426;
}
#mainArea #serviceArea .serviceBox .pr a {
	color:#C32426;
}


/* ===== Notice Area ===== */
#mainArea #noticeArea {
	clear:both;
	margin-bottom:17px;
	width:100%;
}

#mainArea #noticeArea .more {
	margin:-23px 7px 8px 0;
	text-align:right;
}

#mainArea #noticeArea .noticeBox {
	margin-bottom:0;
	border-top:3px solid #C22425;
}



/* ===== Topics Area ===== */
#mainArea #topicsArea {
	clear:both;
	margin-bottom:17px;
	width:100%;
}

#mainArea #topicsArea .topicsBox {
	border-top:5px solid #0B3CBC;
	background-color:#0B3CBC;
}

#mainArea #topicsArea .topicsBox .bg {
	background-color:#FFF;
}

#mainArea #topicsArea .lastItem { margin-bottom:0; }

#mainArea #topicsArea .listIcon001 {
	padding:23px 15px;
}

* html #mainArea #topicsArea .listIcon001 li { height:1%; }
*:first-child+html #mainArea #topicsArea .listIcon001 li { width:100%; }

#mainArea .listIcon001 .topicsDate {
	display:block;
	width:10em;
}

#mainArea .listIcon001 .topicsTitle {
	display:block;
	margin:-1.7em 0 0.5em 11em;
}

* html #mainArea .listIcon001 .topicsTitle { margin-top:-1.5em; }


/* ===== Tab ===== */
#mainArea .tabMenu li {
	margin-right:4px;
}

#mainArea .tabMenu li a {
	width:219px;
	height:30px;
}

#mainArea .tabMenu li.btNews a { background:transparent url("../img/bt_news.gif") 0 0 no-repeat; }
#mainArea .tabMenu li.btCampaign a { background:transparent url("../img/bt_campaign.gif") 0 0 no-repeat; }
#mainArea .tabMenu li.btSeminar a { background:transparent url("../img/bt_seminar.gif") 0 0 no-repeat; }

#mainArea .tabMenu li a:hover { background-position:0 -30px; }
#mainArea .tabMenu li.ui-tabs-selected a { background-position:0 -60px; }

#mainArea .tabBox {
	height:210px;
	overflow:auto;
}

*:first-child+html #mainArea #topicsArea .tabBox .listIcon001 {
	width:600px;
}


/* ===== PastTopics, Seminar ===== */
#mainArea #topicsArea #tab003 .listIcon001 {
	padding-top:15px;/*23*/
}

#mainArea #topicsArea .tabBox .seminar p a {
	padding-left:21px;
	padding-right:15px;
	background:transparent url("/common/img/icon_001_blue.gif") 0 0.3em no-repeat !important;
	line-height:1.7;
}
#mainArea #topicsArea .tabBox .pasttopics p a {
	padding-left:15px;
	padding-right:15px;
	background:transparent url("/common/img/icon_002_blue.gif") 0 0.4em no-repeat !important;
}

#mainArea #topicsArea .tabBox .seminar p {
	padding-top:10px;
	padding-left:8px;
	margin:0;
}
#mainArea #topicsArea .tabBox .pasttopics p {
	float:right;
	margin:0 0 23px 0;
}

#mainArea #topicsArea .tabBox .seminar {
	width:643px;/*675*/
	margin:0 auto;
	padding-bottom:5px;
	border-bottom: 1px solid #AABBE6;
}
#mainArea #topicsArea .tabBox .pasttopics {
	width:643px;/*675*/
	margin:0 auto;
	padding-top:12px;
	border-top: 1px solid #AABBE6;/*0B3CBC*/
}




/**************************************************
	Save - Foreign
**************************************************/
#mainArea div.campaign {
	border: 1px solid #0038C1;
}
#mainArea div.campaign p.detail {
	text-align: center;
	margin-bottom:24px;
}
#mainArea table.campaign .th006 { width:23.3%; }
#mainArea table.campaign {
	margin-bottom:13px;
}
#mainArea table.campaign th {
	text-align: center;
}
#mainArea table.campaign td {
	text-align: center;
}
#mainArea table.campaign th .leftTxt {
	float:left;
}
#mainArea table.campaign th .rightTxt {
	float:right;
}


/**************************************************
	Save - Foreign - Intro
**************************************************/
#mainArea .listIntroButton {
	margin:0 70px;
	font-size:0.8em;
}

#mainArea .listIntroButton li {
	margin-bottom:17px;
}

#mainArea .listIntroButton li.leftItem {
	float:left;
	width:237px;
}

#mainArea .listIntroButton li.rightItem {
	float:right;
	margin-left:30px;
	width:237px;
}


/**************************************************
		Rent
**************************************************/
#mainArea .table001 .table002 {
	margin:0 0 13px 10px;
	font-size:1em;
	width:100%;
}

#mainArea .table001 .table002 th.th001 { width:20%; }
#mainArea .table001 .table002 th.th002 { width:50%; }


/**************************************************
		Rent - Unsecured - Qport_Step
**************************************************/
#mainArea .colorBox .leftItem001 {
	float:left;
	width:330px;
}

#mainArea .colorBox .rightItem001 {
	float:right;
	margin-left:30px;
	width:235px;
}

#mainArea .listQportButton {}

#mainArea .listQportButton li {
	float:left;
	margin-right:15px;
}

#mainArea .boxQport {
	/*width:394px;
	margin:5px auto 15px auto;*/
	border:1px solid #AABBE6;
	padding-top: 10px;
	margin-bottom: 10px;
}
#mainArea .boxQportButton {
	width:484px;
	margin:5px auto 0px auto;
}

#mainArea .boxQportButton li.left {
	float:left;
	width:235px;
	padding-bottom:15px;
}
#mainArea .boxQportButton li.right {
	float:right;
	width:235px;
	padding-bottom:15px;
}


/**************************************************
		Rent - Unsecured - Free_Application
**************************************************/
#mainArea .applicationBox {
	margin-bottom:23px;
	padding:23px 34px;
	border:1px solid #AABBE6;
	height:300px;
	overflow:auto;
}

#mainArea .applicationBox .ti003,
#mainArea .applicationBox .ti004,
#mainArea .applicationBox p {
	clear:none;
	height:auto;
}


#mainArea .listNormal .listIndent001,
#mainArea .listDecimal .listNormal {
	margin:13px 0 0 0;
	font-size:1em;
}

#mainArea .listDecimal .listNormal li {
	margin-left:0;
	list-style:outside none;
}

#mainArea .listIndent001 .listNormal li {
	margin:0;
	text-indent:0;
}


#mainArea .tableStep td .ti003 { font-size:1.1em; }
#mainArea .tableStep td p { font-size:1em; margin-bottom:0; }



/**************************************************
		Use - Exchange
**************************************************/
#mainArea #photo {
	clear:both;
}
#mainArea #photo .right {
	float:left;
	width:440px;
	padding-top:10px;
}

#mainArea #photo .left {
	float:right;
	width:190px;
}
#mainArea #photo .left img {
	margin-bottom:20px;
}


#mainArea #map {
	margin-bottom:23px;
	border:1px solid #EFEFEF;
	width:643px;
	height:492px;
}

#mainArea #map h3 {
	font-size:0.8em;
	line-height:1.5;
}

#mainArea #map p {
	margin-bottom:0;
	line-height:1.5;
}


/**************************************************
		Internet
**************************************************/
#mainArea .internetBox {
	margin-bottom:23px;
	border:1px solid #A8E1FF;
	background:transparent url("../internet/img/bg_internetbox.gif") 0 0 repeat-y;
}

#mainArea .internetBox .leftBox {
	float:left;
	padding:25px 29px;
	width:190px;
}

#mainArea .internetBox .rightBox {
	float:right;
	padding:25px 19px;
	width:387px;
}

#mainArea .internetBox .listIcon001 li.leftItem {
	clear:both;
	float:left;
	width:169px;
}

#mainArea .internetBox .listIcon001 li.rightItem {
	float:right;
	margin-left:7px;
	width:169px;
}

* html #mainArea .internetBox .listIcon001 li.rightItem { float:none; margin-left:194px; }
*:first-child+html #mainArea .internetBox .listIcon001 li.rightItem { float:none; margin-left:197px; }

#mainArea .internetBox .leftBox .listIcon001 li {
	background:transparent url("/common/img/icon_001_white.gif") 0 0.5em no-repeat;
}

#mainArea .internetBox .leftBox .listIcon001 li a { color:#FFF; text-decoration:underline; }
#mainArea .internetBox .leftBox .listIcon001 li a:hover { color:#FFF; text-decoration:none; }

#mainArea .listBanner {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listBanner li {
	float:left;
	margin-right:20px;
}

#mainArea .listButton {
	margin-left:100px;
	font-size:0.8em;
}

#mainArea .listButton li {
	float:left;
	margin-right:30px;
}

#mainArea .leftSpaceReq {
	margin-left:22%;
}


/**************************************************
		pastTopicsList
**************************************************/
#mainArea .pastTopicsList .listIcon001 {
	padding:0px 15px 23px 15px !important;
}


/**************************************************
		prepare - pension
**************************************************/
#mainArea .addText {
	font-size:0.7em;
	margin-bottom:6px;
}


/**************************************************
		fund
**************************************************/
#mainArea .fundTable .subTh {
	font-size:0.85em;
	color:#FFFFFF;
	background-color:#4D7FFF;
}
#mainArea .fundTable .borderLine th,
#mainArea .fundTable .borderLine td {
	border-top:2px solid #0B3CBC;
}


/**************************************************
		Pay-easy
**************************************************/
#mainArea .payeasy .aDay {
	background-color:#FFFCB1;
}
#mainArea .payeasy .aDay2 {
	background-color:#D6DFF7;
}

















/* ===== tabMenu Area ===== */
div#mainArea div#tabMenu {
	clear:both;
	position:relative;
	padding-bottom:13px;
	width:100%;
	/*height:79px;*/
	background-color:#e5e5e5;
}

div#mainArea div#tabMenu ul.tabMenuList {
	margin-left:14px;
	padding-top:12px;
}

div#mainArea div#tabMenu ul.tabMenuList li.btTop {
	float:left;
	width:107px;
}
div#mainArea div#tabMenu ul.tabMenuList li.btInternet,
div#mainArea div#tabMenu ul.tabMenuList li.btMobile,
div#mainArea div#tabMenu ul.tabMenuList li.btTelephone {
	float:left;
	width:182px;
}
div#mainArea div#tabMenu ul.tabMenuList li.btDirect {
	float:left;
	width:364px;
}

div#mainArea div#tabMenu ul ul {
	position:absolute;
	top:55px;
	left:0;
	margin:0;
	padding-top:10px;
	width:675px;
	font-size:1em;
}

div#mainArea div#tabMenu ul ul.top {
	border-top:3px solid #0C3BBC;
	background:#e1f4ff url("../direct/img/bg_menu.gif") left bottom repeat-x;
}
div#mainArea div#tabMenu ul ul.internet {
	border-top:3px solid #dd170a;
	background:#ffdfdf url("../direct/img/bg_menu_int.gif") left bottom repeat-x;
}
div#mainArea div#tabMenu ul ul.mobile {
	border-top:3px solid #1fbc0c;
	background:#d6ffcc url("../direct/img/bg_menu_mob.gif") left bottom repeat-x;
}
div#mainArea div#tabMenu ul ul.telephone {
	border-top:3px solid #ffbb07;
	background:#fff1a6 url("../direct/img/bg_menu_tel.gif") left bottom repeat-x;
}






#mainArea .mbwebBox {
	margin-bottom:23px;
	border:1px solid #2AB5FA;
	background:transparent url("../direct/internet/img/bg_mbwebbox.gif") 0 0 repeat-y;
}

#mainArea .mbwebBox .leftBox {
	float:left;
	padding:35px 29px 5px 29px;
	width:190px;
}

#mainArea .mbwebBox .rightBox {
	float:right;
	padding:35px 19px 25px 19px;
	width:357px;
}

#mainArea .mbwebBox .listIcon001 li.leftItem {
	clear:both;
	float:left;
	width:169px;
}

#mainArea .mbwebBox .listIcon001 li.rightItem {
	float:right;
	margin-left:7px;
	width:139px;
}

#mainArea .mbwebBox .leftBox .listIcon001 li {
	background:transparent url("/common/img/icon_001_white2.gif") 0 0.5em no-repeat;
}

#mainArea .mbwebBox .leftBox .listIcon001 li a { color:#FFF; text-decoration:underline; }
#mainArea .mbwebBox .leftBox .listIcon001 li a:hover { color:#FFF; text-decoration:none; }

#mainArea .mbwebBox .rightBox h3 {
	margin-bottom:20px;
	font-size: 1.13em;
}

#mainArea .mbwebBox .rightBox .listIcon001 li {
	margin-bottom:8px;
}





/* ===== Topics Area ===== */
#mainArea #directArea {
	clear:both;
	margin-bottom:17px;
	width:100%;
}

#mainArea #directArea .directBox {
	border-top:5px solid #0B3CBC;
	background-color:#0B3CBC;
}

#mainArea #directArea .directBox .bg {
	background-color:#FFF;
}

#mainArea #directArea .lastItem { margin-bottom:0; }

#mainArea #directArea .listIcon001 {
	padding:23px 15px;
}

* html #mainArea #directArea .listIcon001 li { height:1%; }
*:first-child+html #mainArea #directArea .listIcon001 li { width:100%; }

#mainArea .listIcon001 .topicsDate {
	display:block;
	width:10em;
}

#mainArea .listIcon001 .topicsTitle {
	display:block;
	margin:-1.7em 0 0.5em 11em;
}

* html #mainArea .listIcon001 .topicsTitle { margin-top:-1.5em; }


/* ===== Tab ===== */
#mainArea .directTabMenu {
	padding:0 5px;
	font-size:0.8em;
	background-color:#0B3ABC;
}

#mainArea .directTabMenu li {
	float:left;
	margin-right:4px;
}

#mainArea .directTabMenu li.lastItem {
	margin-right:0;
}

#mainArea .directTabMenu li a {
	width:190px;
	height:30px;
}

#mainArea .directTabMenu li a {
	display:block;
	text-indent:-9999px;
	text-align:none;
	overflow:hidden;
}

#mainArea .directTabMenu li.btTop a { width:82px; background:transparent url("../direct/img/bt_top.gif") 0 0 no-repeat; }
#mainArea .directTabMenu li.btInternet a { background:transparent url("../direct/img/bt_internet.gif") 0 0 no-repeat; }
#mainArea .directTabMenu li.btMobile a { background:transparent url("../direct/img/bt_mobile.gif") 0 0 no-repeat; }
#mainArea .directTabMenu li.btTelephone a { background:transparent url("../direct/img/bt_telephone.gif") 0 0 no-repeat; }
#mainArea .directTabMenu li.btbtDirect a { background:transparent url("../direct/img/bt_btDirect.gif") 0 0 no-repeat; }

#mainArea .directTabMenu li a:hover { background-position:0 -30px; }
#mainArea .directTabMenu li.ui-tabs-selected a { background-position:0 -60px; }

#mainArea .directBox {
	clear:both;
	/*border-left:1px solid #AABBE6;
	border-right:1px solid #AABBE6;
	border-bottom:1px solid #AABBE6;*/
	/*height:210px;
	overflow:auto;*/
}

*:first-child+html #mainArea #directArea .directBox .listIcon001 {
	width:600px;
}


/* ===== anchorMenu ===== */
#mainArea ul.anchorMenu{
	padding-bottom:0px;
	text-align:center;
}

#mainArea ul.anchorMenu li{
	display:inline-block;
	vertical-align:top;
	font-weight:normal;
	padding:0px 15px 0px 0px;
	margin:0px 7px 10px 7px;
	font-size:0.7em;
	line-height:1.2em;
	border-right:1px solid #000;
	*border-left:expression((this._firstChild = (this.parentNode.getElementsByTagName('li')[0] == this) ) ? '#000 1px solid' : 'none');
	*padding-left:expression((this._firstChild = (this.parentNode.getElementsByTagName('li')[0] == this) ) ? '15px' : '0px');
}

#mainArea ul.anchorMenu li:first-child{
	border-left:1px solid #000;
	padding:0px 15px;
}

html*#mainArea ul.anchorMenu li{
	display:inline;
	zoom:1;
}

#mainArea ul.anchorMenu li a{font-weight: normal;}












#mainArea .pointList {
	margin-bottom: 30px;
}
#mainArea .pointList li {
	float:left;
	width:217px;
}
#mainArea .pointList li.lastItem {
	float:left;
	width:210px;
}



#mainArea .listIconMark {
	margin-bottom:0px;
	font-size:0.8em;
	line-height:1.7;
}

#mainArea .listIconMark li {
	margin-bottom:7px;
	/*padding-left:32px;*/
}
#mainArea .listIconMark li.iconInternet {
	background:transparent url("../direct/img/icon_internet.gif") 0 50% no-repeat;
}
#mainArea .listIconMark li.iconMobile {
	background:transparent url("../direct/img/icon_mobile.gif") 0 50% no-repeat;
}
#mainArea .listIconMark li.iconTelephone {
	background:transparent url("../direct/img/icon_telephone.gif") 0 50% no-repeat;
}



#mainArea .iconMark {
	padding:0 0 0 5px;
	vertical-align:middle;
}


#mainArea .table001 .addText {
	font-size:0.9em !important;
}

#mainArea .explanatory {
	font-size:0.7em;
}






/* ===== Table ===== */
#mainArea .table003 {
	clear:both;
	margin-bottom:23px;
	width:100%;
	font-size:0.8em;
}

#mainArea .table003 th,
#mainArea .table003 td {
	padding:7px;
	border:1px solid #BFBFBF;
	vertical-align:middle;
	line-height:1.7;
}

#mainArea .table003 th { background-color:#F2F5FB; }
#mainArea .table003 th.emphasis { background-color:#E6EEFF; }
#mainArea .table003 td { background-color:#FFF; }

#mainArea .table003 .tr001 th {
	background-color:#0C3BBC;
	color:#FFF;
}

#mainArea .table003 caption {
	padding:7px;
	background-color:#0C3BBC;
	color:#FFF;
	vertical-align:middle;
	line-height:1.7;
}


#mainArea .table003 .th001 { width:21%; }
#mainArea .table003 .th002 { width:50%; }
#mainArea .table003 .th003 { width:19%; }
#mainArea .table003 .th004 { width:30%; }
#mainArea .table003 .th005 { width:13%; }
#mainArea .table003 .th006 { width:40%; }
#mainArea .table003 .th007 { width:18%; }
#mainArea .table003 .th008 { width:17%; }
#mainArea .table003 .td001 { width:15.5%; }
#mainArea .table003 .td002 { width:46%; }
#mainArea .table003 .td003 { width:11%; }
#mainArea .table003 .td004 { width:19%; }



#mainArea .table003 .noData {
	background-color:#eeeeee;/*dce7fb*/
}


#mainArea .table003 .separate {
	border-bottom:2px solid #0C3BBC;
}
#mainArea .table003 .separate2 {
	border-top:2px solid #0C3BBC;
}





#mainArea .table001 .noDataBox {
	/*background:transparent url("../direct/img/diagonal.gif") 100% 100% no-repeat;*/
	padding:0;
	margin:0;
}
#mainArea .table001 #noData {
	/*background:transparent url("../direct/img/diagonal.gif") 100% 100% no-repeat;*/
	/*padding:0;
	margin:0;*/
}
#mainArea .table001 .noDataBox2 {
	background:transparent url("../direct/img/diagonal.gif") 100% 100% no-repeat;
	padding:0;
	margin:0;
}


#mainArea .ti006 {
	clear:both;
	display:block;
	margin-bottom:13px;
	padding:1px 5px 1px 1px;
	border:1px solid #DEDEDE;
	background-color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	/*color:#244EC3;*/
	line-height:1.5;
}
#mainArea .ti006 .bg {
	display:block;
	padding:4px 10px;
	border-left:4px solid #0C3BBC;
}


div#sideArea div.banner002 li.direct {
	padding:0px 5px;
}



#mainArea .subMenuList {
	font-size: 0.85em;
}
#mainArea .subMenuList ul {
	margin-top: 2px;
}


/* ===== specificAccount ===== */
#mainArea .specificAccount {

}

#mainArea .specificAccount .tax {

}
#mainArea .specificAccount .tax th,
#mainArea .specificAccount .tax td{
	text-align: center;
	vertical-align: middle;
}
#mainArea .specificAccount .tax th{
	background-color:#E6EEFF;
}
#mainArea .specificAccount .tax th.specific{
	background: #ffdfb8;/*ffefdb*/
}
#mainArea .specificAccount .tax th.general{
	background: #e8d0f7;/*f4eef8*/
}
#mainArea .specificAccount .tax dl{
	background: #eeeeee;
	padding-top: 4px;
	padding-bottom: 3px;
}
#mainArea .specificAccount .tax dt{
	text-align: left;
	padding-left: 0.5em;
}
#mainArea .specificAccount .tax dd{
	text-align: right;
}

#mainArea .specificAccount .tax dl.long{
	width: 28.5em;
	margin: 0 auto;
}
#mainArea .specificAccount .tax dl.long dt{
	float:left;
	width:12em;
}
#mainArea .specificAccount .tax dl.long dd{
	float:left;
	width:16em;
	text-align: left;
}

#mainArea .listCaution003 {
	margin-bottom:23px;
	font-size:0.8em;
}
#mainArea .listCaution003 dt {
	width:2.66em;
	line-height:1.7;
}

#mainArea .listCaution003 dd {
	margin:-1.7em 0 0 2.7em;
	line-height:1.7;
}


/*info201202.html*/
#mainArea .listCaution004 {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listCaution004 dt {
	width:4.66em;
	line-height:1.7;
}

#mainArea .listCaution004 dd {
	margin:-1.7em 0 0 4.7em;
	line-height:1.7;
}


/*support*/
#mainArea .nowrapBox {
	white-space: nowrap;
}




/* ===== ladys ===== */
#mainArea .ladys .listIcon003 li li{
	padding-left:1em;
	background:none;
	line-height:1.7;
}


/* ===== education ===== */
#mainArea .education .listTerm {
	margin-bottom:23px;
	font-size:1.0em;
}

#mainArea .education .listTerm dt {
	width:5.5em;
	line-height:1.7;
}

#mainArea .education .listTerm dd {
	margin:-1.7em 0 0 6em;
	line-height:1.7;
}

#mainArea .education .listTerm dd p {
	font-size:0.8em;
	/*display:block;*/
	margin-bottom:1em;
}


#mainArea .education2 ol {
	margin-bottom:23px;
}
#mainArea .education2 ol li {
	/*list-style-type:decimal;
	margin-left:2em;
	font-size:0.8em;*/
}


#mainArea .education2 li dl {
	font-size:1.0em;
}

#mainArea .education2 li dl dt {
	width:10.5em;
	line-height:1.7;
	font-size:0.8em;
}

#mainArea .education2 li dl dd {
	margin:-1.7em 0 0 11em;
	line-height:1.7;
	font-size:0.8em;
}


#mainArea .education2 ol.aaa {
	margin-bottom:23px;
}
#mainArea .education2 ol.aaa li {
	/*list-style-type:decimal;
	margin-left:2em;*/
	font-size:0.8em;
}



/* ===== errorMessage ===== */
#mainArea .errorMessage {
	position: relative;
}

#mainArea .errorMessage .errorBox {
	position: absolute;
	left: 30px;
	top: 100px;
	width:610px;
	background-color:#ffffff;
	border: 1px solid #a9bae7;
}
#mainArea .errorMessage .errorBox span {
	display: block;
	padding: 10px 5px 0px 35px;
}

#mainArea .errorMessage .errorBox dl,
#mainArea .errorMessage .errorBox dt,
#mainArea .errorMessage .errorBox dd {
	width:155px;
	font-size:1px;
	line-height:0.1;
}
#mainArea .errorMessage .errorBox dl {
	float:left;
	width:195px;
}
#mainArea .errorMessage .errorBox dl.end {
	float:left;
	width:155px;
}
#mainArea .errorMessage .errorBox dd {
	padding-bottom: 10px;
}

#mainArea .errorMessage .defaultBTN {
	padding-top: 110px;
}



/**************************************************
		housing
**************************************************/
/* ===== interest ===== */
.housing #mainArea .table001 th,
.housing #mainArea .table001 td {
	/*vertical-align: top ;
	border:1px solid #BEBEBE;*/
}
.housing #mainArea table th {
	/*background-color: #244EC3 !important;
	color:#ffffff;
	font-weight: bold;*/
}
.housing #mainArea table .attention {
	background-color:#F2F5FB;
}

.housing #mainArea .table001 .rateBox {
	vertical-align: top !important;
	/*position:relative;*/
	padding-left:2em;
	padding-bottom:0;
	border-bottom:none;
}
.housing #mainArea table p {
	font-size:1em !important;
	margin-bottom:0;
}
.housing #mainArea strong span {
	font-size:2em !important;
	color:#C32426;
}

.housing #mainArea .maxRate {
	text-indent:2em;
}
.housing #mainArea .maxRateTxt {
	font-size:1.5em !important;
}
.housing #mainArea .rate {
	font-size:2.3em !important;
	line-height: 1.3;
}
.housing #mainArea .nextRate {
	padding-top:0.5em;
	/*margin-bottom:2em;*/
}
.housing #mainArea .table001 .detail {
	/*position:absolute;
	right:0;
	bottom:2em;*/
	border-top:none;
}


/* ===== sectionLoan ===== */
.housing #mainArea .sectionLoan {
	margin: 0 0 40px;
}

.housing #mainArea .sectionLoan h2 {
	margin: 0 0 30px;
}

.housing #mainArea .sectionLoan .content {
	padding: 26px 26px 29px 25px;
	background: #eceffa;
}

.housing #mainArea .sectionLoan .lead {
	position: relative;
	margin: 0 0 17px;
}

.housing #mainArea .sectionLoan .lead:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 99px;
	height: 80px;
	background: url(../rent/housing/img/lineup/img_loan.png) no-repeat;
}

.housing #mainArea .sectionLoan .textPlan {
	position: relative;
	padding: 0 0 0 44px;
	margin: 0;
	font-size: 0.875em;
	color: #3f62c3;
	line-height: 1.857;
}

.housing #mainArea .sectionLoan .textPlan:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 24px;
	width: 10px;
	height: 10px;
	background: #3f62c3;
}

.housing #mainArea .sectionLoan .textDate {
	margin: 0;
	font-size: 14px;
	font-size: 0.875em;
	color: #3f62c3;
	line-height: 1.857;
	text-align: right;
}

.housing #mainArea .sectionLoan .interestrate {
	overflow: hidden;
}

.housing #mainArea .sectionLoan .interestrate li {
	position: relative;
	float: left;
	min-height: 250px;
}

.housing #mainArea .sectionLoan .interestrate li.change {
	width: 313px;
	background: url(../rent/housing/img/lineup/bg_change.png) no-repeat;
}

.housing #mainArea .sectionLoan .interestrate li.fixing {
	width: 311px;
	background: url(../rent/housing/img/lineup/bg_fixing.png) no-repeat;
}

.housing #mainArea .sectionLoan .interestrate li h3 {
	padding: 7px 0 4px;
	margin: 0 0 18px;
	text-align: center;
}

.housing #mainArea .sectionLoan .interestrate li p {
	height: auto;
	padding: 0 25px 0 24px;
	margin: 0;
	font-size: 0.875em;
	line-height: 1.4;
}

.housing #mainArea .sectionLoan .interestrate li dl dt {
	padding: 7px 25px 0 27px;
	margin: 0 0 26px;
	font-size: 0;
}

.housing #mainArea .sectionLoan .interestrate li dl dd.numeric {
	font-size: 1.75em;
	font-weight: bold;
	vertical-align: bottom;
	line-height: 1;
	text-align: center;
}

.housing #mainArea .sectionLoan .interestrate li dl dd.numeric span {
	font-size: 2.15em;
	color: #fe5813;
}

.housing #mainArea .sectionLoan .interestrate li dl dd.text {
	padding: 0 21px 0 17px;
	margin: 5px 0 0;
	font-size: 0.688em;
	line-height: 1.4545;
}

.housing #mainArea .sectionLoan .interestrate li .pdf {
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 0 18px 0 0;
	background: url(../rent/housing/img/lineup/icon_pdf.png) no-repeat right;
	font-size: 0.75em;
}

.housing #mainArea .sectionLoan .interestrate li a {
	padding: 0 0 0 18px;
	background: url(../rent/housing/img/lineup/icon_arrow.png) no-repeat left;
}

.housing #mainArea .sectionLoan .notes {
	padding: 9px 14px;
	margin: 21px 0 18px;
	background: #f9fafe;
	font-size: 0.875em;
	line-height: 1.5277;
}

.housing #mainArea .sectionLoan .textDetail {
	position: relative;
	padding: 0 0 0 24px;
	margin: 0;
	font-size: 14px;
	font-size: 0.875em;
	line-height: 1.5277;
}

.housing #mainArea .sectionLoan .textDetail:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 8px;
	margin: -7px 0 0;
	background: #adbff1;
}

.housing #mainArea .sectionLoan .notesList {
	margin: 12px 0 25px;
}

.housing #mainArea .sectionLoan .notesList li {
	padding-left: 1.5rem;
	font-size: 1em;
	line-height: 1.5277;
	text-indent: -1.5rem;
}

.housing #mainArea .sectionLoan .notesList li:before {
	content: "※";
	margin: 0 10px 0 0;
}

.housing #mainArea .sectionLoan .btnList {
	overflow: hidden;
}

.housing #mainArea .sectionLoan .btnList li {
	float: left;
}

.housing #mainArea .sectionLoan .btnList li.firstItem {
	margin: 0 16px 0 0;
}

.housing #mainArea .sectionLoan .pageTop,
.housing #mainArea .sectionPoint .pageTop {
	margin-top: 35px;
	margin-right: 14px;
	text-align: right;
}


/* ===== sectionPoint ===== */
.housing #mainArea .sectionPoint {
	margin: 0 0 30px;
}

.housing #mainArea .sectionPoint h2 {
	margin: 0 0 30px;
}

.housing #mainArea .sectionPoint ul {
	margin: 0 15px;
}

.housing #mainArea .sectionPoint ul li {
	position: relative;
	margin: 0 0 20px;
}

.housing #mainArea .sectionPoint ul li.lastItem {
	margin: 0;
}

.housing #mainArea .sectionPoint ul li p {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 68px -190px;
}

.housing #mainArea .sectionPoint ul li.lastItem p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 86px 25px;
}

.housing #mainArea .sectionPoint ul li p .buttons {
	margin: 0 10px 0 0;
}


/* ===== document ===== */
.housing #mainArea .pageTop {
	text-align: right;
}

.housing #mainArea .tableDocument {
	table-layout: fixed;
	width: 645px;
	border-top: 1px solid #c5c8d0;
	border-left: 1px solid #c5c8d0;
}

/*#mainArea .table001 th, #mainArea .table001 td,.housing #mainArea .table001 th, .housing #mainArea .table001 td {*/
.housing #mainArea .tableDocument th,
.housing #mainArea .tableDocument td {
	border: none;
}

.housing #mainArea .tableDocument th {
	padding: 12px 16px;
	border-right: 1px dotted #bebebe;
	border-bottom: 1px solid #bebebe;
	background-color: #fff !important;
	font-size: 1.063em;
	color: #333333;
	vertical-align: middle;
}

.housing #mainArea .tableDocument th:last-child,
.housing #mainArea .tableDocument td:last-child {
	border-right: 1px solid #bebebe;
}

.housing #mainArea .tableDocument .headLine01 {
	width: 13px;
	padding: 0 7px;
	border-right: 1px solid #c5c8d0;
	border-bottom: 1px solid #c5c8d0;
	font-size: 1.063em;
	color: #fff;
	line-height: 1;
}

.housing #mainArea .tableDocument .headLine01 span {
	display: inline-block;
	-ms-writing-mode: tb-rl;
	-moz-writing-mode: vertical-rl;
}

.housing #mainArea .tableDocument .headLine01.application {
	background-color: #6e99d3 !important;
}

.housing #mainArea .tableDocument .headLine01.identification {
	background-color: #266ebc !important;
}

.housing #mainArea .tableDocument .headLine01.income {
	background-color: #003591 !important;
}

.housing #mainArea .tableDocument .headLine01.refinancing {
	background-color: #db6b62 !important;
}

.housing #mainArea .tableDocument .headLine01.other {
	background-color: #e8c66d !important;
}

.housing #mainArea .tableDocument .headLine01.article {
	background-color: #49b5a5 !important;
}

.housing #mainArea .tableDocument .headLine02 {
	padding: 0 !important;
	background-color: #f1f1f1 !important;
	font-size: 0.938em;
	font-weight: normal;
	color: #333333;
	text-align: center;
}

.housing #mainArea .tableDocument .headLine02.long {
	width: 240px;
}

.housing #mainArea .tableDocument .headLine02.middle {
	width: 95px;
}

.housing #mainArea .tableDocument .headLine02.short {
	width: 49px;
}

.housing #mainArea .tableDocument .headLine03 {
	padding: 0 0 0 10px;
	background-color: #999999 !important;
	font-size: 0.938em;
	color: #fff;
}

.housing #mainArea .tableDocument.type02 .headLine03 {
	padding: 0;
	width: 120px;
	text-align: center;
}

.housing #mainArea .tableDocument td {
	padding: 12px 16px;
	border-right: 1px dotted #bebebe;
	border-bottom: 1px solid #bebebe;
	font-size: 1.063em;
	vertical-align: middle;
}

.housing #mainArea .tableDocument td.centerCell {
	text-align: center;
}

.housing #mainArea .tableDocument.type02 th {
	padding: 10px;
	border-right: 1px solid #bebebe;
}

.housing #mainArea .tableDocument.type02 .headLine03 {
	padding-left: 0px;
}

.housing #mainArea .tableDocument.type02 .border {
	border-right: 1px dotted #bebebe;
}

.housing #mainArea .tableDocument.type02 td {
	padding: 12px 0;
	border-right: 1px solid #bebebe;
	text-align: center;
}

.housing #mainArea .tableDocument.type02 td span {
	display: block;
	font-size: 0.813em;
}

.housing #mainArea .notesList {
	margin: 0 0 20px;
	font-size: 0.875em;
}


/* ===== flow ===== */
.housing #mainArea .leadBanner {
	margin: 0 0 30px;
}

.housing #mainArea .tabs {
	border-bottom: 4px solid #2a4dae;
	overflow: hidden;
}

.housing #mainArea .tabs li {
	float: left;
	height: 40px;
	margin: 0 10px 0 0;
}

.housing #mainArea .tabs li a {
	display: block;
	height: 100%;
}

.housing #mainArea .tabs .purchase a {
	width: 202px;
	background: url(../rent/housing/img/flow/tab_flow01_off.png) no-repeat;
}

.housing #mainArea .tabs .purchase a:hover,
.housing #mainArea .tabs .purchase a.on {
	background: url(../rent/housing/img/flow/tab_flow01_on.png) no-repeat;
}

.housing #mainArea .tabs .refinancing a {
	width: 171px;
	background: url(../rent/housing/img/flow/tab_flow02_off.png) no-repeat;
}

.housing #mainArea .tabs .refinancing a:hover,
.housing #mainArea .tabs .refinancing a.on {
	background: url(../rent/housing/img/flow/tab_flow02_on.png) no-repeat;
}

.housing #mainArea .tabCont {
	display: block;
}

.housing #mainArea .btnList {
	margin: 60px 0 0;
	overflow: hidden;
	clear: both;
	text-align: center;
}

.housing #mainArea .btnList li {
	display: inline-block;
}

.housing #mainArea .btnList li.firstItem {
	margin: 0 9px 0 0;
}

.housing #mainArea .tabCont {
	position: relative;
	margin-bottom: 47px;
}

.housing #mainArea .tabCont.isShow .inner {
	display: none;
}

.housing #mainArea .tabCont .inner .clearfix{
	padding: 30px 20px;
	overflow: hidden;
}

.housing #mainArea .tabCont.flow01 .inner .clearfix {
	background: #fff9f3;
}

.housing #mainArea .tabCont.flow02 .inner .clearfix {
	background: #f4fcfa;
}

.housing #mainArea .tabCont.flow01 .main {
	float: left;
	width: 400px;
}

.housing #mainArea .tabCont.flow01 .side {
	float: right;
	width: 180px;
}

.housing #mainArea .tabCont.flow01 .detailBtn {
	padding: 25px 20px;
	background: #ffedd4;
}

.housing #mainArea .tabCont.flow02 .detailBtn {
	padding: 25px 20px;
	background: #d6f3ec;
}

.housing #mainArea .tabCont.flow02 .inner .btnList {
	text-align: center;
}

.housing #mainArea .tabCont.flow02 .inner .btnList li {
	display: inline-block;
	float: none;
}

.housing #mainArea .tabCont .detail {
	display: none;
	padding: 20px 0 0;
	overflow: hidden;
}

.housing #mainArea .tabCont.isShow .detail {
	display: block;
}

.housing #mainArea .tabCont .detail.green {
	clear: both;
}

.housing #mainArea .tabCont .detail .main {
	float: left;
	width: 590px;
}

.housing #mainArea .tabCont .detail.green .main {
	float: none;
	width: 644px;
	margin: 0 auto;
}


.housing #mainArea .tabCont .detail .arrow {
	padding: 0 0 40px;
	margin: 0 0 10px;
	background: url(../rent/housing/img/flow/arrow.png) no-repeat bottom center;
}

.housing #mainArea .tabCont .detail .stepContent {
	position: relative;
	padding: 15px 20px 0 20px;
	margin: 1px 0 0;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
}

.housing #mainArea .tabCont.flow01 .detail .stepContent {
	border: 2px solid #ea8d33;
}

.housing #mainArea .tabCont.flow01 .detail .step01 .stepContent {
	height: 311px;
}

.housing #mainArea .tabCont.flow01 .detail .step02 .stepContent {
	height: 146px;
}

.housing #mainArea .tabCont.flow01 .detail .step03 .stepContent {
	height: 176px;
}

.housing #mainArea .tabCont.flow01 .detail .step04 .stepContent {
	height: 93px;
}

.housing #mainArea .tabCont.flow01 .detail .step05 .stepContent {
	height: 296px;
}

.housing #mainArea .tabCont.flow01 .detail .step06 .stepContent {
	height: 86px;
}

.housing #mainArea .tabCont.flow02 .detail .stepContent {
	border: 2px solid #33c2a1;
}

.housing #mainArea .tabCont.flow02 .detail .step01 .stepContent {
	height: 302px;
}

.housing #mainArea .tabCont.flow02 .detail .step02 .stepContent {
	height: 119px;
}

.housing #mainArea .tabCont.flow02 .detail .step03 .stepContent {
	height: 145px;
}

.housing #mainArea .tabCont.flow02 .detail .step04 .stepContent {
	height: 93px;
}

.housing #mainArea .tabCont.flow02 .detail .step05 .stepContent {
	height: 241px;
}

.housing #mainArea .tabCont.flow02 .detail .step06 .stepContent {
	height: 86px;
}

.housing #mainArea .tabCont .detail .stepContent .text {
	height: auto;
	margin: 0 0 20px;
	font-size: 0.875em;
	line-height: 1.52777;
}

.housing #mainArea .tabCont .detail .stepContent .image {
	height: auto;
	text-align: right;
}

.housing #mainArea .tabCont .detail .stepContent .buttons {
	position: absolute;
	bottom: 0;
	left: 20px;
	height: auto;
	margin-bottom: 20px;
}

.housing #mainArea .tabCont .detail .stepContent .buttons .first {
	margin: 0 20px 0 0;
}

.housing #mainArea .tabCont .detail .stepContent .emphasis {
	display: inline-block;
	height: auto;
	padding: 0 5px;
	margin: 5px 0 10px;
	background: #b31524;
	font-size: 1.125em;
	color: #fff;
}

.housing #mainArea .tabCont .detail .stepText {
	display: table;
	width: 100%;
}

.housing #mainArea .tabCont .detail .stepText p {
	display: table-cell;
	height: 50px;
	margin: 0;
	background: #1437a8;
	border-radius: 25px;
	font-size: 0;
	text-align: center;
	vertical-align: middle;
}

.housing #mainArea .tabCont .detail .side {
	float: right;
	width: 40px;
}


/* ===== sideMenu ===== */
.housing div#sideArea div.sideMenu001 ul ul {
	border-left:none;
	border-right:none;
	border-bottom:none;
	font-size:1em;
}
.housing div#sideArea div.sideMenu001 ul li ul li{
	padding-top:1px;
	/*background:transparent url("/common/img/border_side.gif") 0 0 repeat-x;*/
	background:none;
	line-height:1.7;
}
.housing div#sideArea div.sideMenu001 ul ul li a {
	display:block;
	padding:9px 9px 9px 30px;
	height:1%;
	background:transparent url("/common/img/icon_001_white.gif") 12px 1.2em no-repeat;
	color:#333;
	text-decoration:none;
}
.housing div#sideArea div.sideMenu001 ul ul li a:hover,
.housing div#sideArea div.sideMenu001 ul ul li.select a {
	background-color:#E6EEF8;
	color:#0C3BBD;
	text-decoration:none;
}

.housing div#sideArea div.sideMenu001 ul li a.select {
	background-color:#E6EEF8 !important;
	color:#0C3BBD !important;
	text-decoration:none;
}