@charset "utf-8";
/* ------------------------------------------------------
Reset
------------------------------------------------------ */

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-indent: none;
	line-height: 1.0;
}
a {
	text-decoration: none;
	color: #215ab4;
}
a:hover {
	text-decoration: underline;
}
ul,li {
	list-style-type: none;
}
img,table {
	border: none;
}

/* ------------------------------------------------------
Font
------------------------------------------------------ */
body {
	font-size: 12px;
	color: #444444;
	font-family: "ＭＳ ゴシック","ＭＳ Ｐゴシック","sans-serif","ヒラギノ角ゴ Pro W3",Osaka-等幅,Osaka,平成角ゴシック;
}
/* ------------------------------------------------------
Base
------------------------------------------------------ */
body {
	background: url(../images/side_backgr0.gif);
}
#page {
	margin-right: auto;
	margin-left: auto;
	width: 748px;
	height: auto;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	background-color: #ffffff;
}
h1 {
	text-align: left;
	background: #215ab4;
	padding: 2px 6px 2px;
	color: #ffffff;
	font-size:11px;
}
/* ------------------------------------------------------
Header
------------------------------------------------------ */
#logo {
	float: right;
	width: 221px;
}
#copy {
	float: left;
	width: 519px;
}
#link {
	float: left;
	padding-left: 5px;
	padding-top: 7px;
}
#link li {
	float: left;
}
.link01 {
	background: url(../images/header_05-over.gif) no-repeat;
	width: 59px;
	height: 15px;
}
.link02 {
	background: url(../images/header_06-over.gif) no-repeat;
	width: 64px;
	height: 15px;
}
.link03 {
	background: url(../images/header_07-over.gif) no-repeat;
	width: 86px;
	height: 15px;
}

#nav {
	width: 100%;
	float: left;
	background: #215ab4;
	height: 42px;
}
#nav li {
	float: left;
}
.nav01 {
	background: url(../images/main_navi_01-over.gif) no-repeat;
	width: 102px;
	height: 42px;
}
.nav02 {
	background: url(../images/main_navi_02-over.gif) no-repeat;
	width: 122px;
	height: 42px;
}
.nav03 {
	background: url(../images/main_navi_03-over.gif) no-repeat;
	width: 103px;
	height: 42px;
}
.nav04 {
	background: url(../images/main_navi_04-over.gif) no-repeat;
	width: 113px;
	height: 42px;
}
.nav05 {
	background: url(../images/main_navi_05-over.gif) no-repeat;
	width: 79px;
	height: 42px;
}
.nav06 {
	background: url(../images/main_navi_06-over.gif) no-repeat;
	width: 110px;
	height: 42px;
}
.nav07 {
	background: url(../images/main_navi_07-over.gif) no-repeat;
	width: 111px;
	height: 42px;
}

#flash {
	clear: both;
	float: left;
	padding-top: 1px;
}
/* ------------------------------------------------------
breadcrumbs-list
------------------------------------------------------ */
#breadcrumbs-list {
	width: 500px;
	float: left;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	padding-bottom: 20px;
}
#breadcrumbs-list li {
	float: left;
	text-align: left;
	font-size: 11px;
	line-height: 1.0;
}
#breadcrumbs-list li a {
	color: #444444;
	font-size: 11px;
	line-height: 1.0;
}
#breadcrumbs-list li a:hover {
	text-decoration: underline;
	color: #215ab4;
}


/* ------------------------------------------------------
Top-Article
------------------------------------------------------ */
#top-title {
	clear: both;
	float: left;
	padding-top: 1px;
	float: left;
}
#top-section {
	float: left;
	width: 550px;
}
.article01 {
	margin-top: 10px;
	clear: left;
}
.article01 dt {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}
.article01 dd {
	width: 155px;
	float: left;
	font-size: 11px;
}
.article01 dd p {
	text-align: left;
	float: left;
	width: 150px;
	padding-top: 30px;
	padding-left: 8px;
	line-height: 1.1;
}
.article02 {
	clear: left;
	float: left;
}
.article02 dt {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
.article02 dd {
	width: 155px;
	float: left;
	text-align: left;
	font-size: 11px;
	line-height: 1.3;
}
.article02 dd p {
	text-align: left;
	float: left;
	width: 150px;
	padding-top: 30px;
	padding-left: 8px;
	line-height: 1.1;
}
.head01 {
	background: url(../images/top_product_img1_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 10px 10px;
}
.head02 {
	background: url(../images/top_product_img2_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 10px 10px;
}
.head03 {
	background: url(../images/top_product_img3_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 10px 10px;
}
.head04 {
	background: url(../images/top_product_img4_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 10px 10px;
}

.data01 {
	background-image: url(../images/top_product_img1.gif);
	background-repeat: no-repeat;
	height:115px;
}
.data02 {
	background-image: url(../images/top_product_img2.gif);
	background-repeat: no-repeat;
	height:115px;
}
.data03 {
	background-image: url(../images/top_product_img3.gif);
	background-repeat: no-repeat;
	height:115px;
}
.data04 {
	background-image: url(../images/top_product_img4.gif);
	background-repeat: no-repeat;
	height:115px;
}
.text-content {
	float: left;
	padding-top: 25px;
	padding-left: 30px;
	font-size: 12px;
	text-align: left;
	line-height: 1.7;
}
#attention {
	clear: left;
	float: left;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 20px;
}
/* ------------------------------------------------------
Aside
------------------------------------------------------ */

.aside {
	float: right;
	width: 190px;
	padding-top: 10px;
}
.aside li {
	float:right;
	padding-right: 10px;
	width: 170px;
	padding-top: 10px;
}
.apply {
	background: url(../images/page_side_01-over.gif) no-repeat;
	width: 170px;
	height: 46px;
	background-position: 0px 10px;
}
/* ------------------------------------------------------
Footer
------------------------------------------------------ */
#footer {
	clear: both;
	border-top: 10px solid #215ab4;
}
address {
	margin-top: 1px;
	border-top: 1px solid #215ab4;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	letter-spacing: 1px;
}
#top-bottom {
	padding-bottom: 80px;
}
/* ------------------------------------------------------
Common
------------------------------------------------------ */
.rollover a {
	display: block;
}
.rollover a:hover{
	background: none;
}
.rollover a:hover img {
	visibility: hidden;
}
.space {
	padding-top: 30px;
}
.space02 {
	padding-top: 10px;
}
.space03 {
	padding-top: 100px !important;
	background-position: 38px 100px !important;
}

.pdt-0 {
	padding-top: 0px !important;
}
.mgt-0 {
	margin-top: 0px !important;
}

.indent {
	padding-left: 84px !important;
}
.indent02 {
	padding-left: 40px !important;
}
.indent03 {
	padding-left: 6em !important;
	text-align: left;
	padding-top: 4px;
}
.indent04 {
	padding-left: 13em !important;
	text-align: left;
	padding-top: 4px;
}

.bold {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
iframe {
	border: #9f9f9f 1px solid;
	width: 500px;
}
.cb {
	clear: both;
}
/* ------------------------------------------------------
Sub-page-style
------------------------------------------------------ */
#sub-title {
	float: left;
	margin-top: 2px;
}
*html #sub-title {
	float: none;
	display: inline;
}
#sub-section {
	float: left;
	width: 549px;
	border-right: 1px dotted #000000;
}
h3 {
	clear: left;
	float: left;
	padding-left: 15px;
}
.contents-title {
	font-size: 13px;
	font-weight: bold;
	color:#2d5794;
	text-align: left;
	width: 500px;
	padding-bottom: 10px;
}
.text-content02 {
	float: left;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 30px;
	font-size: 11px;
	text-align: left;
	line-height: 1.5;
}
.text-content03 {
	clear: left;
	text-align: left;
	line-height: 1.5;
	padding-left: 30px;
}
.text-content04 {
	float: left;
	clear: left;
	text-align: left;
	line-height: 1.5;
	padding-left: 35px;
	padding-top: 10px;
	width: 650px;
}
.text-content05 {
	text-indent: 1em;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 30px;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
}
.text-content06 {
	float: left;
	clear: left;
	text-align: left;
	line-height: 1.5;
	padding-left: 35px;
	padding-top: 10px;
	width: 500px;
	text-indent: 1em;
}
.text-content07 {
	clear: left;
	float: left;
	width: 500px;
	padding-left: 20px;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
	color: #555555;
}
.text-content08 {
	clear: both;
	float: left;
	font-size: 11px;
	text-align: center;
	line-height: 1.7;
	width: 740px;
}

.page-top {
	float: right;
	padding-top: 30px;
}
*html #sub-title {
	padding-bottom: 20px;
}
.page-top {
	background: url(../images/page_top_01_01-over.gif) no-repeat;
	width: 170px;
	height: 46px;
	background-position: 38px 30px;
}
.case {
	float: left;
	padding-top: 20px;
	padding-left: 17px;
}
#map {
	clear: left;
	float: left;
	padding-left: 30px;
}
#attention-section {
	float: left;
}
#tel {
	clear: left;
	padding-top: 30px;
}
#flow {
	float: left;
	padding-left: 15px;
}
#flow dt {
	float: left;
	clear: left;
	text-align: left;
	width: 150px !importamt;
}
#flow dd {
	float: left;
	text-align: left;
	border-bottom: 1px #1e64d3 solid;
	border-top: 1px #1e64d3 solid;
	border-right: 1px #1e64d3 solid;
	width: 349px !important;
	line-height: 1.3;
}
.step01 {
	height: 24px;
	padding: 15px 8px 25px 10px;

}
.step02 {
	height: 45px;
	padding: 25px 8px 15px 10px;
}
.step03,.step04,.step05 {
	padding: 25px 8px 15px 10px;
	height: 24px;
}
.flow-arrow {
	border: none !important;
	padding: 10px 0px 3px 235px;
}
#slogan {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
#about {
	clear: left;
	float: left;
	width: 500px;
	border-collapse: collapse;
	margin-left: 20px;
}
#about th {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 40px;
	border-top: 1px #cccccc solid;
	border-right: 3px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}
#about td {
	text-align: left;
	padding-left: 20px;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	line-height: 1.3;
}
.poricy {
	clear: left;
	float: left;
	width: 450px;
	padding-top: 20px;
	padding-left: 80px;
}
.poricy li {
	text-align: left;
	line-height: 1.5;
	list-style-type: disc;
}
.poricy02 {
	clear: left;
	float: left;
	width: 450px;
	padding-top: 20px;
	padding-left: 80px;
	padding-bottom: 10px;
}
.poricy02 li {
	text-align: left;
	line-height: 1.5;
	list-style-type: decimal;
}
.poricy-title {
	clear: left !important;
	float: left !important;
	padding-top: 30px !important;
	padding-left: 30px !important;
	text-align: left !important;
	width: 300px !important;
}

h4 {
	clear: left;
	float: left;
	text-align: left;
	width: 400px;
	padding-top: 20px;
	padding-left: 40px;
	padding-bottom: 5px;
}
hr {
	clear: left;
	color: #cccccc;
	background-color: #cccccc;
	border-color: #cccccc;
	border-style: solid;
	margin: 10px auto 0px auto;
	width: 500px;
}
#faq {
	clear: left;
	float: left;
	width: 500px;
	padding-left: 30px;
}
#faq dt {
	text-align: left;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-bottom: 1px dotted #cccccc;
	background-color: #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 40px;
	padding-left: 65px;
	line-height: 1.3;
}
#faq dd {
	text-align: left;
	padding-top: 10px;
	border-right: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding-left: 65px;
	line-height: 1.3;
}
.page-top02 {
	text-align: right;
	padding-top: 5px;
}
#q01 {
	background-image: url(../images/faq_q01.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a01 {
	background-image: url(../images/faq_a01.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q02 {
	background-image: url(../images/faq_q02.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a02 {
	background-image: url(../images/faq_a02.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q03 {
	background-image: url(../images/faq_q03.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a03 {
	background-image: url(../images/faq_a03.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q04 {
	background-image: url(../images/faq_q04.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a04 {
	background-image: url(../images/faq_a04.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q05 {
	background-image: url(../images/faq_q05.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a05 {
	background-image: url(../images/faq_a05.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q06 {
	background-image: url(../images/faq_q06.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a06 {
	background-image: url(../images/faq_a06.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q07 {
	background-image: url(../images/faq_q07.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a07 {
	background-image: url(../images/faq_a07.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q08 {
	background-image: url(../images/faq_q08.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a08 {
	background-image: url(../images/faq_a08.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q09 {
	background-image: url(../images/faq_q09.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a09 {
	background-image: url(../images/faq_a09.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}#q10 {
	background-image: url(../images/faq_q10.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a10 {
	background-image: url(../images/faq_a10.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q11 {
	background-image: url(../images/faq_q11.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a11 {
	background-image: url(../images/faq_a11.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q12 {
	background-image: url(../images/faq_q12.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a12 {
	background-image: url(../images/faq_a12.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q13 {
	background-image: url(../images/faq_q13.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a13 {
	background-image: url(../images/faq_a13.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#q14 {
	background-image: url(../images/faq_q14.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#a14 {
	background-image: url(../images/faq_a14.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#agreement {
	font-weight: bold;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 5px;
}
#yes {
	clear: left;
	float: left;
	padding-top: 40px;
	padding-left: 140px;
}
#no {
	float: right;
	padding-top: 40px;
	padding-right: 145px;
	padding-bottom: 30px;
}
.aside-product {
	padding-top: 20px;
	float: right;
}
.sub-nav02 {
	background: url(../product/images/sub_navi_02-over.gif) no-repeat;
	height: 34px;
	width: 185px;
}
.sub-nav03 {
	background: url(../product/images/sub_navi_03-over.gif) no-repeat;
	height: 34px;
	width: 185px;
}
.sub-nav04 {
	background: url(../product/images/sub_navi_04-over.gif) no-repeat;
	height: 34px;
	width: 185px;
}
.sub-nav05 {
	background: url(../product/images/sub_navi_05-over.gif) no-repeat;
	height: 34px;
	width: 185px;
}
.product-title {
	clear: left;
	float: left;
	text-align: left;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	width: 400px;
}
#product-about {
	clear: left;
	float: left;
	width: 510px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-left: 20px;
}
#product-about th {
	border: 1px solid #cccccc;
	padding: 5px 20px 5px 10px;
	background-color: #f6f6f6;
	text-align:left;
}
#product-about td {
	border: 1px solid #cccccc;
	text-align:left;
	padding: 5px 0px 5px 10px;
}
#repayment {
	clear: left;
	float: left;
	width: 510px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-left: 20px;
}
.repayment-head {
	background-color: #3674ba;
	padding: 7px 0px;
	color: #ffffff;
	font-weight: bold;
}
html*.repayment-head {
	width: 102px;
}
#repayment th {
	border: 1px solid #cccccc;
}

#repayment td {
	border: 1px solid #cccccc;
}

.amount {
	background-color: #f6f6f6;
	padding: 5px 0px;
}
.supplementation {
	float: left;
	width: 530px;
	text-align: right;
	padding-top: 2px;
}
#document {
	clear: left;
	float: left;
	width: 510px;
	margin-left: 20px;
	border-top: 1px solid #cccccc;
	border-collapse: collapse;
}
#document th {
	text-align: left;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #cccccc;
	width: 400px;
}
#document td {
	text-align: right;
	padding: 5px 10px 5px 0px;
	border-bottom: 1px solid #cccccc;
}
html*#document td {
	width: 200px;
}
html*.safari {
	width: 420px;
}

#form {
	clear: left;
	padding-top: 30px;
}
#product-title {
	clear: left;
	float: left;
	width: 515px;
}
#product-index {
	padding-left: 15px;
}

.p-head01 {
	padding-top: 20px;
	float: left;
	background: url(../images/top_product_img1_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 0px 20px;
}
.p-data01 {
	font-size: 11px;
	margin-top: 25px;
	padding-top: 29px;
	text-align: left;
	padding-left: 10px;
	float: left;
	width: 390px;
	background: url(../product/images/p-list1_02.gif) no-repeat;
	background-position: left top;
}
.product-btm01 {
	padding-top: 10px;
	float: left;
	background: url(../product/images/p-list1_001-over.gif) no-repeat;
	height: 39px;
	background-position: 0px 10px;
	width: 410px;
}

.p-head02 {
	padding-top: 30px;
	float: left;
	background: url(../images/top_product_img2_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 0px 30px;
}
.p-data02 {
	font-size: 11px;
	margin-top: 35px;
	padding-top: 29px;
	text-align: left;
	padding-left: 10px;
	float: left;
	width: 390px;
	background: url(../product/images/p-list2_02.gif) no-repeat;
	background-position: left top;
}
.product-btm02 {
	padding-top: 21px;
	float: left;
	background: url(../product/images/p-list1_002-over.gif) no-repeat;
	height: 39px;
	background-position: 0px 21px;
	width: 410px;
}

.p-head03 {
	clear:left;
	padding-top: 30px;
	float: left;
	background: url(../images/top_product_img3_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 0px 30px;
}
.p-data03 {
	font-size: 11px;
	margin-top: 35px;
	padding-top: 28px;
	text-align: left;
	padding-left: 10px;
	float: left;
	width: 390px;
	background: url(../product/images/p-list3_02.gif) no-repeat;
	background-position: left top;
}
.product-btm03 {
	float: left;
	background: url(../product/images/p-list1_002-over.gif) no-repeat;
	height: 39px;
	width: 410px;
}

.p-head04 {
	clear:left;
	padding-top: 30px;
	float: left;
	background: url(../images/top_product_img4_01-over.jpg) no-repeat;
	width: 105px;
	height: 105px;
	background-position: 0px 30px;
}
.p-data04 {
	font-size: 11px;
	margin-top: 35px;
	padding-top: 29px;
	text-align: left;
	padding-left: 10px;
	float: left;
	width: 390px;
	background: url(../product/images/p-list4_02.gif) no-repeat;
	background-position: left top;
}

.product-btm04 {
	padding-top: 21px;
	float: left;
	background: url(../product/images/p-list1_004-over.gif) no-repeat;
	height: 39px;
	background-position: 0px 21px;
	width: 410px;
}

/* ------------------------------------------------------
IE6
------------------------------------------------------ */

*html .step01 {
	height: 10px;
	padding: 15px 8px 17px 10px;
}
*html .step02 {
	height: 45px;
	padding: 25px 8px 12px 10px;
}
*html .step03 {
	padding: 25px 8px 7px 10px;
	height: 24px;
}
*html .step04 {
	padding: 25px 8px 23px 10px;
	height: 24px;
}
*html .step05 {
	padding: 25px 8px 23px 10px;
	height: 24px;
}

*html .flow-arrow {
	margin-right: 100px;
}

*html .p-data01 {
	width: 400px;
}
*html #product-about,#repayment,#document {
	display: inline;
}