@charset "shift_jis";

/* CSS Document */
/* 移管 */
div.loan_wrap h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px auto;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
}
.pkg:after {
 content: ".";
 display: block;
 visibility: hidden;
 clear: both;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
}

.pkg {
 display: inline-block;
}

/* Hides from IE-mac \*/
.pkg {
 height: 1%;
}

.pkg {
 display: block;
}

/* End hide from IE-mac */
#contents #sidemenu {
 float: left;
 width: 259px;
 padding-bottom: 20px;
 text-align: left
}

#contents #main {
 float: left;
 width: 700px
}

#contents {
 width: 700px;
 float: left;
}

#breadcrumb {
 margin-bottom: 10px
}

#breadcrumb p {
 font-size: 10px;
 line-height: 16px
}

#breadcrumb p a {
 color: #000;
 text-decoration: underline
}

#breadcrumb p a:hover {
 color: #F90
}

#footer_contact {
 position: relative;
 height: 150px;
 width: 700px;
 clear: both
}

#footer_contact #footer_mail {
 position: absolute;
 left: 370px;
 top: 65px
}

.detail_back .title {
 padding-bottom: 20px
}

.detail_back .sub_title {
 padding-bottom: 20px
}

.detail_back .sub_title h3 {
    background-color: #2b4156;
    color: #fff;
    padding: 10px;
    font-size: 15px;
}

.detail_back .inner {
 margin-left: 20px;
 padding-bottom: 20px
}

.detail_back .inner .bodycopy {
 width: 660px
}

.detail_back .inner .bodycopy p {
 font-size: 14px;
 line-height: 24px;
 margin-bottom: 20px
}

.detail_back .inner .bodycopy p span {
 font-size: 16px;
 line-height: 26px;
 font-weight: 700
}

.detail_back .inner .bodycopy p.caption {
 font-size: 10px;
 line-height: 16px;
 margin-bottom: 20px
}

/*ASP*/
#asp_content {
 text-align: center
}

div + .topic_path {
 padding-top: 15px;
}

.topic_path {
 width: 100%;
 text-align: left;
 margin: 0 0 6px;
 padding: 0 0 0;
 clear: both;
}

.topic_path ul + ul {
 margin-top: 5px
}

.topic_path li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 display: inline;
 color: #999;
 margin: 0;
 padding: 0;
}

.topic_path li:last-child {
 font-weight: 700;
 color: #F90;
}

.topic_path li:after {
 content: ">";
 font-weight: 400;
 margin-left: 5px;
 margin-right: 5px;
}

.topic_path li:last-child:after {
 content: "";
}

.topic_path a {
 color: #000;
 text-decoration: underline;
 padding: 0 4px;
}

.topic_path a:hover {
 color: #F90;
}

#maincopy {
 position: relative;
}

#maincopy #maincopy_illust1 {
 position: absolute;
 left: 485px;
 top: -30px;
}

#maincopy #maincopy_illust2 {
 position: absolute;
 left: 510px;
 top: -15px;
}

#maincopy #maincopy_illust3 {
 position: absolute;
 left: 500px;
 top: -15px;
}

#maincopy #maincopy_illust4 {
 position: absolute;
 left: 450px;
 top: -15px;
}

#maincopy #maincopy_illust5 {
 position: absolute;
 left: 565px;
 top: -5px;
}

#maincopy #maincopy_illust6 {
 position: absolute;
 left: 460px;
 top: -30px;
}

#maincopy #maincopy_illust7 {
 position: absolute;
 left: 360px;
 top: -40px;
}

.subhead {
 margin-bottom: 15px;
 width: 660px;
}

.subhead p {
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 color: #005F8C;
}

.conditions {}

.conditions p {
 font-size: 14px;
 line-height: 20px;
 font-weight: bold;
}

.conditions ul {
 margin-left: 16px;
 margin-bottom: 15px;
}

.conditions ul li {
 font-size: 14px;
 line-height: 16px;
 margin-bottom: 2px;
 list-style-type: disc;
}

#navi {
 background-image: url(/about_loan/img/navi.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 height: 34px;
 width: 660px;
}

#navi p {
 font-size: 14px;
 line-height: 34px;
 height: 34px;
 overflow: hidden;
 margin-right: 10px;
 margin-left: 10px;
 text-align: center;
}

#navi p a {
 color: #000000;
 text-decoration: underline;
 font-weight: bold;
}

#navi p a:hover {
 color: #005F8C;
}

.column {
 background-image: url(/about_loan/img/column_main.gif);
 background-repeat: repeat-y;
 background-position: 0px 0px;
 width: 660px;
}

.column .column_hf {
 margin: 20px 0px;
}

.column p {
 font-size: 14px;
 line-height: 24px;
 margin-right: 15px;
 margin-left: 15px;
}

.column p.column_title {
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 color: #366D08;
 margin-bottom: 5px;
}

.column p.column_title2 {
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 color: #366D08;
 margin-bottom: 5px;
 padding-top: 10px;
}

.box2 {}

.box2 ul {
 overflow: hidden;
 margin-bottom: 19px;
}

.box2 ul li {
 float: left;
 width: 320px;
 background-image: url(/about_loan/img/box.gif);
 background-repeat: repeat;
 margin-top: 0px;
 margin-right: 19px;
 margin-bottom: -100px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 100px;
 padding-left: 0px;
}

.box2 ul li .box2_hf {}

.box2 ul li .box2_illust {
 margin-left: 15px;
 margin-bottom: 5px;
 background-color: #FFFFFF;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-right: 15px;
}

.box2 ul li .box2_illust2 {
 margin-left: 15px;
 margin-bottom: 15px;
 background-color: #FFFFFF;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-right: 15px;
}

.box2 ul li p {
 font-size: 14px;
 line-height: 24px;
 margin-right: 15px;
 margin-left: 15px;
 padding-bottom: 15px;
}

.box2 ul li p.box2_title {
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 color: #005F8C;
 margin-bottom: 5px;
 margin-top: 0px;
 margin-right: 15px;
 margin-left: 15px;
 padding-top: 15px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.box2 ul li p.box2_title2 {
 font-size: 14px;
 line-height: 24px;
 font-weight: bold;
 margin-bottom: 5px;
 margin-top: 0px;
 margin-right: 15px;
 margin-left: 15px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.box2 ul li ol {
 margin-right: 15px;
 margin-left: 30px;
 width: 160px;
 margin-bottom: 15px;
}

.box2 ul li ol li {
 font-size: 14px;
 line-height: 16px;
 margin-bottom: 2px;
 list-style-type: disc;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 width: 160px;
 float: none;
}

.box3 {}

.box3 ul {
 overflow: hidden;
 margin-bottom: 19px;
}

.box3 ul li {
 float: left;
 width: 210px;
 background-image: url(/about_loan/img/box.gif);
 background-repeat: repeat;
 margin-top: 0px;
 margin-right: 15px;
 margin-bottom: -500px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 500px;
 padding-left: 0px;
}

.box3 ul li .box3_hf {
 clear: both;
}

.box3 ul li .box3_illust {
 width: 180px;
 margin-left: 15px;
 margin-bottom: 5px;
 background-color: #FFFFFF;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}

.box3 ul li p {
 font-size: 14px;
 line-height: 24px;
 margin-right: 15px;
 margin-left: 15px;
 clear: both;
 margin-bottom: 10px;
}

.box3 ul li p.box3_title {
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 color: #005F8C;
 margin-bottom: 5px;
 margin-top: 0px;
 margin-right: 15px;
 margin-left: 15px;
 padding-top: 15px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.box3 ul li ol {
 margin-right: 15px;
 margin-left: 30px;
 width: 160px;
 margin-bottom: 15px;
}

.box3 ul li ol li {
 font-size: 14px;
 line-height: 16px;
 margin-bottom: 2px;
 list-style-type: disc;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 width: 160px;
 float: none;
}

#step {
 width: 660px;
}

#step ul {}

#step ul li {
 min-height: 180px;
}

#step ul li p {
 margin-left: 105px;
 font-size: 14px;
 line-height: 20px;
 margin-bottom: 10px;
}

#step ul li p.step_title {
 font-size: 20px;
 line-height: 30px;
 color: #4CABCE;
 font-weight: bold;
}

#step ul li#step1 {
 background-image: url(/about_loan/img/step1.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step2 {
 background-image: url(/about_loan/img/step2.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step3 {
 background-image: url(/about_loan/img/step3.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step4 {
 background-image: url(/about_loan/img/step4.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step5 {
 background-image: url(/about_loan/img/step5.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step6 {
 background-image: url(/about_loan/img/step6.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step7 {
 background-image: url(/about_loan/img/step7.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step8 {
 background-image: url(/about_loan/img/step8.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step9 {
 background-image: url(/about_loan/img/step9.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step10 {
 background-image: url(/about_loan/img/step10.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step11 {
 background-image: url(/about_loan/img/step11.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step12 {
 background-image: url(/about_loan/img/step12.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li#step13 {
 background-image: url(/about_loan/img/step13.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#step ul li .arrow {
 text-align: center;
 padding-top: 5px;
}

#menu {}

#menu ul {
 overflow: hidden;
}

#menu ul li {
 float: left;
 height: 50px;
 width: 326px;
 margin-right: 10px;
 margin-bottom: 10px;
}

.view {
 padding-bottom: 20px;
 width: 660px;
}

.view p {
 font-size: 14px;
 line-height: 20px;
 font-weight: bold;
 margin-bottom: 5px;
}

.view p.supplement {
 font-size: 12px;
 line-height: 16px;
 padding-top: 0px;
 font-weight: normal;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
}

.view p.sub_copy {
 font-size: 14px;
 line-height: 24px;
 font-weight: bold;
 margin-bottom: 5px;
 padding-top: 5px;
}

.view table {
 width: 680px;
 border-top-width: 5px;
 border-right-width: 4px;
 border-bottom-width: 4px;
 border-left-width: 5px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #EEE9E6;
 border-right-color: #EEE9E6;
 border-bottom-color: #EEE9E6;
 border-left-color: #EEE9E6;
 margin-bottom: 5px;
}

/*.view table.auto {
	width: auto;
}*/
.view table th {
 font-size: 14px;
 line-height: 24px;
 padding: 10px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #EEE9E6;
 border-bottom-color: #EEE9E6;
 background-color: #F7F7F5;
 text-align: left;
}

.view table td {
 font-size: 14px;
 line-height: 24px;
 padding: 10px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #EEE9E6;
 border-bottom-color: #EEE9E6;
}

.view table .right {
 text-align: right;
}

.view table .center {
 text-align: center;
}

.view table span {
 font-size: 18px;
 line-height: 28px;
 color: #CC0000;
 font-weight: bold;
}

.view table b {
 font-size: 14px;
 line-height: 24px;
 font-weight: bold;
}

.view table strong {
 color: #CC0000;
}

.view table.cate7 th {
 width: 20%;
}