@charset "Shift_JIS";
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 */

/***スタッフ顔イラスト***/
.face_r {
	float: right;
	width: 100px;
}
.face_l {
	float: left;
	width: 100px;
}

/********************TOP********************/
/***エレガンス特長***/
#top ul#tokucyo,
#top ul#simu_miho {
	list-style: none;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#top ul#simu_miho {
	height: 100px;
	margin-top: 15px;
}
#top ul#tokucyo li a,
#top ul#simu_miho li a {
	display: block;
}
#top ul#tokucyo li.left,
#top ul#simu_miho li.left {
	float: left;
}
#top ul#tokucyo li.right,
#top ul#simu_miho li.right {
	float: right;
}
#top ul#tokucyo li.left a {
	width: 295px;
	height: 115px;
	background-image: url(../img/top_point1.gif);
}
#top ul#tokucyo li.left a:hover {
	background-position: 0 115px;
}
#top ul#simu_miho li.left a {
	width: 250px;
	height: 90px;
	background-image: url(../img/top_simulation.gif);
}
#top ul#simu_miho li.left a:hover {
	background-position: 0 90px;
}
/***安心の秘密***/
#top #himitsu {
	background-color: #fff7dc;
}
#top #himitsu_ue {
	width: 600px;
	height: 130px;
	background-color: #fff;
	background-image: url(../img/top_himitsu_ue.gif);
	text-indent: -9999px;
	text-decoration: none;
}
#top #himitsu_shita {
	width: 600px;
	height: 15px;
	background-image: url(../img/top_himitsu_shita.gif);
}
#top #himitsu p {
	margin: -15px 20px 0 20px;
	
}
#top #himitsu em {
	color: #ff9900;
}
/***融資の説明***/
#top th {
	width: 80px;	
}
/***電話・WEB申込み***/
#top #telweb {
	width: 600px;
	height: 110px;	
}
/** IE7のみ適用 **/
*:first-child+html #top #telweb {
	margin-bottom: 30px;
}
#top #tel,
#top #web a {
	width: 290px;
	height: 110px;
	margin-top: 40px;
	text-indent: -9999px;
	text-decoration: none;
}
#top #tel {
	float: left;
	background-image: url(../img/top_tel.gif);
}
#top #web a {
	display: block;
	float: right;
	background-image: url(../img/top_web.gif);
}
#top #web a:hover{
	background-position: 290px 0px;
}
/***主婦・教育ローン・年収 ボタン***/
#top ul#top_skn {
	list-style: none;
	margin-top: 0px;
	text-indent: -9999px;
	height:80px;
}
#top ul#top_skn li {
	float: left;
}
#top ul#top_skn li a {
	display: block;
	width: 194px;
	height:80px;
}
#top ul#top_skn li#syufu a {
	margin-right: 9px;
	background-image: url(../img/top_bt_syufu.gif);
}
#top ul#top_skn li#kyouiku a {
	margin-right: 9px;
	background-image: url(../img/top_bt_kyouiku.gif);
}
#top ul#top_skn li#nensyu a {
	background-image: url(../img/top_bt_nensyu.gif);
}
#top ul#top_skn li#syufu a:hover,
#top ul#top_skn li#kyouiku a:hover,
#top ul#top_skn li#nensyu a:hover {
	background-position: 0 80px;
}

/********************マイページについて********************/
#mypage02 h1.medium_m+h2.small {
	margin-top: 0;
}
#mypage02 h2.small {
	margin-top: 20px;
}
#mypage02 ol {
	list-style-position: outside;
	margin-left: 2em;
}
#mypage02 #main0 a:link,
#mypage02 #main0 a:visited {
	color: #f87e16;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f87816;
}


/********************お知らせ********************/
#news {
	background-color: #fff;
	_text-align: left;/** IE4〜6適用 **/
}
#news #kakikomi {
	padding: 10px 5px 0 10px;
}
#news h1 {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
	color: #663300;
}
#news p {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff7dc;
}
#news .day {
	font-size: 85%;
	font-weight: bold;
	color: #f87816;
}


/********************WEBからお申込み/とびら********************/
#form0 #box #main0 #main ul {
	list-style-type: none;	
}
#form0 li#form_susumu a {
	display: block;
	width: 210px;
	height: 44px;
	margin-top: 20px;
	background-image: url(../form/img/bt_susumu.gif);
	text-indent: -9999px;
	text-decoration: none;	
}
#form0 li#form_susumu a:hover {
	background-position: 210px 0px;
}


/********************WEBからお申込み/form********************/
#form table th {
	width: 10em;
	padding-left: 1em;
	text-align: left;
}
#form table .shiji {
	margin-left: 5px;
}
#form table .ex {
	margin-bottom: 0;
	margin-left: 15px;
	color: #888;
	font-size: 80%;
}
#form #enter {
	margin: 20px auto 0 auto;
	text-align: center;
}
#form input.button {
	width: 100px;
	height: auto;
}


/********************融資ご希望の方********************/
#yushi #houhou {
	width: 600px;
	height: 105px;
	background-image: url(../yushi/img/illustration03.gif);
}
/***お問い合せの指示もあり***/
h2.yushi_tel,
h2.yushi_web,
h2.yushi_mobile,
h2.inquiry_tel,
h2.inquiry_mail {
	width: 600px;
	height: 40px;
	text-indent: -9999px;
	text-decoration: none;
}
h2.yushi_tel {
	margin-top: 10px;
	background-image: url(../yushi/img/h2_tel.gif);
}
h2.yushi_web {
	margin-top: 40px;
	background-image: url(../yushi/img/h2_web.gif);
}
h2.yushi_mobile {
	margin-top: 40px;
	background-image: url(../yushi/img/h2_mobile.gif);
}
#yushi .yushi0,
#inquiry .inquiry0 {
	clear: both;
	width: 598px;
	_width: 600px;/** IE4〜6 **/
	height: 100%;
	padding-top: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ffdf73;
	border-bottom-color: #ffdf73;
	border-left-color: #ffdf73;
}
#yushi .moushi0,
#inquiry .moushi0 {
	width: 578px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#yushi .moushi_left,
#inquiry .moushi_left {
	float: left;
	width: 250px;
	text-indent: -9999px;
	text-decoration: none;
}
#yushi .moushi_left #bt_web a {
	display: block;
	width: 250px;
	height: 40px;
	margin-top: 5px;
	background-image: url(../yushi/img/bt_web.gif);
}
#yushi .moushi_left #bt_mobile a {
	display: block;
	width: 250px;
	height: 40px;
	margin-top: 5px;
	background-image: url(../yushi/img/bt_mobile.gif);
}
#yushi .moushi_left #bt_web a:hover,
#yushi .moushi_left #bt_mobile a:hover {
	background-position: 250px 0px;
}
#yushi .moushi_right,
#inquiry .moushi_right {
	float: right;
	width: 300px;
	margin-left: 20px;
}
#yushi #qr {
	float: left;
	width: 540px;
	_width: 560px;/** IE4〜6適用 **/
	margin-top: 10px;
	padding: 10px;
	background-color: #fff7dc;
	font-size: 90%;
	line-height: 150%;
}
#yushi #qr h3.small {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 100%;
}
#yushi #qr em {
	font-weight: normal;
}
#yushi #qr #qr_left {
	float: left;
	width: 150px;
}
#yushi #qr #qr_right {
	float: left;
	width: 390px;
}
/** IE4〜6適用 **/
#yushi h3.small {
	_margin-top: 0;
}
/***融資の説明***/
#yushi th {
	width: 80px;	
}


/********************金利・返済方法********************/
/** IE4〜6、MacIE4〜5適用 **/
#kinri h2.medium_m {
	_margin-bottom: -20px;
}
#kinri .kakomi {
	width: 580px;
	padding: 10px 10px 5px 10px;
	background-color: #fff7dc;
}
#kinri .kakomi em {
	font-weight: normal;
}
#kinri #box #main0 #main li {
	list-style-position: inside;	
}


/********************スタッフ紹介********************/
#staff p+h2.medium_m {
	margin-top: 0;
}
/** IE4〜6、MacIE4〜5適用 **/
#staff p {
	_margin-bottom: -30px;
}
#staff .staff0 {
	width: 600px;
}
#staff .face {
	float: left;
	width: 100px;
}
#staff .blood {
	float: right;
	width: 500px;
}
#staff th {
	width: 8em;
}


/********************お客様の声********************/
#voice .kakomi {
	width: 570px;
	_width: 600px;/** IE4〜6適用 **/
	margin-bottom: 30px;
	padding: 15px;
	background-color: #fff7dc;
}
#voice .kakomi em {
	font-weight: normal;
}
#voice .kakomi h2.small {
	margin-top: 0;
	color: #f87e16;
}
#voice .koe_hoka {
	float: right;
}
#voice .koe_hoka a:link,
#voice .koe_hoka_shita a:link {
	color: #f87e16;
}
#voice .koe_hoka a:visited,
#voice .koe_hoka_shita a:visited {
	color: #ccc;
}
#voice .koe_hoka strong {
	color: #888;
	font-weight: bold;
}
#voice #page_top {
	margin-top: 0;
	_margin-top: -20px;/** IE4〜6適用 **/
}
/** IE7のみ適用 **/
*:first-child+html #voice #page_top {
	margin-top: -20px;
}
/** IE4〜6適用 **/
#voice #footer {
	_margin-top: -30px;
}
/** IE7のみ適用 **/
*:first-child+html #voice #footer {
	margin-top: -30px;
}


/********************お問い合せ********************/
/***金利にも指示もあり***/
h2.inquiry_tel {
	margin-top: 10px;
	background-image: url(../inquiry/img/h2_tel.gif);
}
h2.inquiry_mail {
	margin-top: 40px;
	background-image: url(../inquiry/img/h2_mail.gif);
}
#inquiry .moushi_left #bt_mail a {
	display: block;
	width: 250px;
	height: 40px;
	margin-top: 5px;
	background-image: url(../inquiry/img/bt_mail.gif);
}
#inquiry .moushi_left #bt_mail a:hover {
	background-position: 250px 0px;
}


/********************個人情報保護********************/
#privacy h2.small {
	margin-top: 0;
}
/** IE4〜6適用 **/
#privacy #box #main0 #main ol {
	_margin-top: 40px;
}
#privacy #box #main0 #main li.number {
	list-style-position: outside;
	margin-left: 2em;
}
#privacy #box #main0 #main ol a:link,
#privacy #box #main0 #main ol a:visited {
	color: #f87e16;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f87816;
}


/********************会社概要********************/
#company #box #main0 #main p {
	margin-bottom: 0;
}
#company #box #main0 #main table {
	margin-top: 10px;
}
#company #box #main0 #main table a:link,
#company #box #main0 #main table a:visited,
#company02 #box #main0 table a:link,
#company02 #box #main0 table a:visited {
	color: #f87e16;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f87816;
}


/********************サイトマップ********************/
#sitemap h1.large_m {
	margin-bottom: -15px;
}
#sitemap #box #main0 #main ul li.large {
	list-style-type: none;
	width: 577px;
	height: 25px;
	margin-top: 30px;
	padding-left: 23px;
	background-color: #eee;
	background-image: url(../sitemap/img/sitemap_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 200%;
}
/***テキスト以外もリンクボタンに***/
#sitemap #box #main0 #main ul li.large a {
	display: block;
	width: 100%;
}
/** IE4〜6、MacIE4〜5適用 **/
#sitemap #box #main0 #main ul li.large {
	_width: 600px;
}
#sitemap #box #main0 #main ul li.medium {
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 5px;
	color: #f87e16;
	font-weight: bold;
}
#sitemap #box #main0 #main ul li.medium a {
	padding-left: 5px;
	font-weight: normal;
}


/********************別窓/個人情報／会社概要********************/
#privacy02 #box li,
#privacy03 #box li,
#company02 #box li {
	list-style-position: outside;
	margin-left: 2em;	
}
/***閉じる***/
#close a {
	display: block;
	width: 70px;
	height: 25px;
	margin: 0 auto 10px auto;
	background-image: url(../img/common_close.gif);
	text-indent: -9999px;
	text-decoration: none;
}
#close a:hover {
	background-position: 70px 0px;
}