@charset "utf-8";
/* CSS Document */
.pcHide { display: none !important;}

body {
	color: #333;
	font-size: 14px;
	font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, "MS PGothic", arial, helvetica, sans-serif;
	line-height: 1.5;
	margin:0;
	padding:0;
	width: 100vw;
	background-color: #f8e5e6;
	text-align: left;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	vertical-align: baseline;
}
.clear {
	clear:both;
}
a {
	color:#970000;
}
.easyroll a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#Wrapper {
	background-color: #FFF;
	width: 994px;
	margin-right: auto;
	margin-left: auto;
}
#container {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	/*overflow: hidden;*/
}
.content {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	/*overflow: hidden;*/
}
/*******header********/

#header {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
#header h1 {
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
}
#logoCell {
	display: table-cell;
	width: 338px;
	margin-bottom: 5px;
}
#modalContainer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.85);
	z-index:99;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 0s;}
#menuCell {
	display: block;
	z-index:999;
	position: fixed;
	top: 0;
	right: -16em;
	width: 16em;
	height: 100vh;
	opacity: 0;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: ease-out;
	transition-delay: 0s;
}
	#menuCell ul#menu > span {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	right: calc(16em + 8px);
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	background: url("/images/n/x_black.png") 0 0 no-repeat;
	background-size: 24px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 3px;
	}
#menuCell ul#menu {
	width: 100%;
	height: 100vh;
	margin: 0 0;
	padding: 0 0;
	list-style: none;
	line-height: 1;
	background-color: #fff;}
#menuCell ul#menu li {
	margin: 0 0;
	padding: 15px 10px;
	list-style: none;
	line-height: 1;
	border-bottom: 1px solid #ccc;}
	#menuCell ul#menu li:first-child {
	border-top: 1px solid #ccc;}
#menuCell ul#menu li a {
	display: block;
	margin: 0 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: bold;
}
	/* 現在地 */
	#menu a:hover { }
	#menu a.here,
		body#top #menu a.top,
		body#faq #menu a.faq,
		body#howto #menu a.howto,
		body.fp #menu a.fp,
		body.sim #menu a.sim,
		body.dictionary #menu a.dictionary,
		body#sitemap #menu a.sitemap,
		body.loanlist_02 #menu a.loanlist_02,/* 入学金・授業料ローン */
		body.loanlist_01 #menu a.loanlist_01,/* 受験ローン */
		body.loanlist_03 #menu a.loanlist_03,/* 学生仕送りローン */
		body.loanlist_04 #menu a.loanlist_04,/* 資格・カルチャーローン */
		body.loanlist_05 #menu a.loanlist_05,/* 海外留学ローン */
		body.loanlist_06 #menu a.loanlist_06,/* 予備校・塾ローン */
		body.loanlist_07 #menu a.loanlist_07,/* 予備校・塾ローン */
		body.loanlist_06 #menu a.loanlist_06/* 借り換えローン */ { border-left: 5px solid red;}

#modalContainer.on { display: block;}
#modalContainer.on + #header {
	position: static;
	margin-top: -60px;}
#modalContainer.on + #header #menuCell {
	display: block;
	transform: translateX(-16em);
	opacity: 1;
}
/*******globalnav********/
#globalnav {
	width:954px;
	height:68px;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	overflow: hidden;
}

#globalnav ul li {
	height:68px;
	display:inline;
	float:left;
	margin: 0px;
	padding: 0px;
}

#globalnav ul .navi01 a {
	background-image: url(/images/navi01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}
#globalnav ul .navi01 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi01 a:hover img {
	visibility: hidden;
}

#globalnav ul .navi02 a {
	background-image: url(/images/navi02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi02 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi02 a:hover img {
	visibility: hidden;
}

#globalnav ul .navi03 a {
	background-image: url(/images/navi03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}
#globalnav ul .navi03 a:hover {
	background-color:#FFFFFF;
}
#globalnav ul .navi03 a:hover img {
	visibility: hidden;
}
#globalnav ul .navi04 a {
	background-image: url(/images/navi04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi04 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi04 a:hover img {
	visibility: hidden;
}
#globalnav ul .navi05 a {
	background-image: url(/images/navi05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi05 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi05 a:hover img {
	visibility: hidden;
}
#globalnav ul .navi06 a {
	background-image: url(/images/navi06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi06 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi06 a:hover img {
	visibility: hidden;
}
#globalnav ul .navi07 a {
	background-image: url(/images/navi07.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi07 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi07 a:hover img {
	visibility: hidden;
}
#globalnav ul .navi08 a {
	background-image: url(/images/navi08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi08 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi08 a:hover img {
	visibility: hidden;
}
#globalnav ul .navi09 a {
	background-image: url(/images/navi09.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 68px;
	width: 106px;
	overflow: hidden;
}

#globalnav ul .navi09 a:hover {
	background-color:#FFFFFF;
}

#globalnav ul .navi09 a:hover img {
	visibility: hidden;
}

/*******bread********/
#topicPath {
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}
#topicPath a {
	text-decoration: none;
}

/*******maincontent********/

#maincontent {
	width: 749px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	float: left;
	line-height: 1.4;
}
#maincontent h2 {
	margin: 0 0 20px 0;
	padding: .5em .5em;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #999;
	border-bottom: 4px solid #FF1301;
	background-color: #FDFDFD;
	background: -moz-linear-gradient(to bottom,#FFF,#FDFDFD 50%,#B0B0B0);
	background: -webkit-linear-gradient(to bottom,#FFF,#FDFDFD 50%,#B0B0B0);
	background: linear-gradient(to bottom,#FFF,#FDFDFD 50%,#B0B0B0);
}
#maincontent p {
	margin: 0.5em 1em 0.75em 1em;
	padding: 0 0;
}
#maincontent p, #maincontent p * { line-height: 1.25;}
	#maincontent p em {
		font-weight: bold;
		color: #f28d33;}
#maincontent ul,
	#maincontent ol,
	#maincontent li {
		line-height: 1.4;}
#maincontent li ul {
		margin-top: 10px;}

/*******rightside********/
#rightside {
	width: 184px;
	overflow: hidden;
	float: right;
}
#rightside h3 {
	margin: 0 0 0 0;
	padding: .5em .5em;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px solid #FF4E00;
	background-color: #FDFDFD;
	background: -moz-linear-gradient(to bottom,#FFF,#FDFDFD 50%,#A9A9A9);
	background: -webkit-linear-gradient(to bottom,#FFF,#FDFDFD 50%,#A9A9A9);
	background: linear-gradient(to bottom,#FFF,#FDFDFD 50%,#A9A9A9); }
.adFrame {
	padding: 1em;
	background-color: gray;
	border: 1px dashed #ccc;
}
.side-content01 {
	margin-bottom: 25px;
	padding: 0 0 10px 0;
	border: 1px solid #999;
}
.side-content01 ul li {
	list-style-image: url(/images/arrow01.gif);
}
.side-content01 p {
	background-image: url(/images/arrow01.gif);
	background-repeat: no-repeat;
	margin: 10px 10px 0px 10px;
	padding-left: 16px;
	font-size: 14px;
	line-height: 1.4;
}
	.side-content01 p a {
	line-height: 1.4;
	}
.side-content02 {
	width: 182px;
	border: 1px solid #999;
	margin-bottom: 20px;
}
.s-text {
	background-image: url(/images/bg03.gif);
	background-repeat: repeat;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}
.s-text a {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding-left: 12px;
	color: #540000;
	text-decoration: none;
	background: url("/images/arrow02.gif") 0 -2px no-repeat;
	background-size: 12px;
}

.side-content03 {
	width: 182px;
	margin-bottom: 20px;
	border: 1px solid #999;
}
.mgn-b20 h3,/* 基礎知識を学ぼう:タイトル */
.side-content02 h3 {/* 役立ちツール:title */
	margin: 0 0 0 0;
	padding: .25em .5em;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px solid #f63;
}
/*******footer********/

#footer {
	text-align: center;
	width: 954px;
	clear: both;
	padding-top: 40px;
}
.right {
	text-align: right;
}
#footertext {
	color: #970000;
	margin-right: 5px;
	margin-top: 40px;
	padding-top: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #F00;
	line-height: 32px;
}
#footer p {
	margin-top: 20px;
	padding-bottom: 20px;
}
address {
	display: block;
	margin: 0 0;
	padding: .5em 0;
	line-height: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	}
/******tab********/


#tab {
	width:749px;
	height:32px;
	overflow: hidden;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ff8787;
	margin-bottom: 20px;
}

#tab ul li {
	height:32px;
	display:inline;
	float:left;
	padding: 0px;
	margin-right: 7px;
}


#tab ul .tab01 a {
	background-image: url(/images/tab01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 32px;
	width: 91px;
	overflow: hidden;
}

#tab ul .tab01 a:hover {
	background-color:#FFFFFF;
}

#tab ul .tab01 a:hover img {
	visibility: hidden;
}

#tab ul .tab02 a {
	background-image: url(/images/tab02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 32px;
	width: 91px;
	overflow: hidden;
}

#tab ul .tab02 a:hover {
	background-color:#FFFFFF;
}

#tab ul .tab02 a:hover img {
	visibility: hidden;
}

/******************/

.center {
	text-align: center;
}
.font1 {
	color: #F00;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
}
.font2 {
	color: #F00;
	margin-bottom: 15px;
	font-size:14px;
	font-weight:bold;
	margin-left: 45px;

}
.marin_b20 {
	margin-bottom: 20px;
}
/*
.simu-table01{
	font-size: 14px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9999;
	border-bottom-color: #ff9999;
	border-left-color: #ff9999;



}
.simu-table01 tr th {
	background-color: #f75757;
	padding: 10px;
	text-align:left;
	width:145px;
	border-bottom:#ff9999 solid 1px;
	border-right:#ff9999 solid 1px;
	color: #FFF;
}
.simu-table01 tr td {
	background-color: #FFF;
	padding: 10px;
	width: 145px;
	border-bottom:#ff9999 solid 1px;
	border-right:#ff9999 solid 1px;
}
*/
.marin_l45b5 {
	margin-left: 45px;
}
.right01 {
	float: right;
	margin-right: 45px;
	margin-right: 22.5px;
	text-decoration: none;
	margin-top: 5px;
}

.table01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff9999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ff9999;

}
.marin_t20 {
	margin-top: 20px;
}
.simu-table02{
	font-size: 12px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #f75757;
	border-left-color: #f75757;
}
.simu-table02 tr th {
	padding: 10px;
	text-align:center;
	width:112px;
	border-bottom:#f75757 solid 1px;
	border-right:#f75757 solid 1px;
}
.simu-table02 tr td {
	padding: 10px;
	width: 112px;
	border-bottom:#f75757 solid 1px;
	border-right:#f75757 solid 1px;
	text-align: right;
}
.pinkbox01{
	background-color:#FFD7D7;
}

.pinkbox02{
	background-color:#ff9999;
}
.pinkbox01,.pinkbox02 { text-align: center;}

/***************/


#tbl-area {
	width: 749px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.w120 {
	width: 140px;
	background-color: #f75757;
	color: #FFF;
	text-align: left;
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9999;
	border-bottom-color: #ff9999;
}
.w140 {
	padding: 10px;
	width: 160px;
	background-color: #FFF;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9999;
	border-bottom-color: #ff9999;
}

.w400 {
	background-color: #FFF;
	width: auto;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9999;
	border-bottom-color: #ff9999;
}
.seach-tbl01 {
	font-size: 14px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ff9999;
	border-left-color: #ff9999;
}
.seach-tbl03 {
	font-size: 14px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ff9999;
	border-left-color: #ff9999;
	width:660px;
	margin-top: 10px;
}
.btn01 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.mgn20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#maincontent .mgn20 span {
	color: #ff3300;
}

/***************************************************************
			<ul id="sortList">
				<li><a href="/loanlist/?sort=1">実質年率（下限）</a></li>
				<li><a href="/loanlist/?sort=2">実質年率（上限）</a></li>
				<li><a href="/loanlist/?sort=3">金利（下限）</a></li>
				<li><a href="/loanlist/?sort=4">金利（上限）</a></li>
				<li><a href="/loanlist/?sort=5">借入可能額</a></li>
				<li><a href="/loanlist/?sort=6">借入期間</a></li>
				<li><a href="/loanlist/?sort=7">審査</a></li>
			</ul>
***************************************************************/
ul#sortList {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: table;
	width: 748px;
	height: 33px;
	margin: 0 auto 0 auto;
	line-height: 2;
}
ul#sortList li {
	display: block;
	height: 16px;
	float: left;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
	ul#sortList li.here {background-image: url(/images/bg02.gif);}

	ul#sortList li#sort1,
	ul#sortList li#sort2 { width: 120px;}
	ul#sortList li#sort3,
	ul#sortList li#sort4,
	ul#sortList li#sort5,
	ul#sortList li#sort6 { width: 110px;}
	ul#sortList li#sort7 { width: 60px;}
ul#sortList li a {
	padding: 2px 0 3px 16px;
	line-height: 16px;
	background: url('/images/arrow11.gif') 0px -1px no-repeat;}
ul#sortList li a:hover {font-weight: bold;}
ul#sortList li.here a {
	font-weight: bold;
	color: #333;
	text-decoration: none;}

/***************************************************************/


.info {
	background-color: #95BFFF;
	margin-top: 20px;
	padding: 10px;
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	width: 729px;
	overflow: hidden;
	float: left;
}
.float-L {
	float: left;
}
.float-R {
	float: right;
}
.seach-tbl02 {
	margin: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	width: 749px;
}
.w174 {
	padding: 10px;
	width: 154px;
	background-color: #CADFFF;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #999;
	text-align: left;
}
.w200 {
	background-color: #FFF;
	padding: 10px;
	width: 180px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
}
.w200 span {
	color: #F00;
}
.right02 {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*********************************************/
#article {
	width: auto/*749px*/;
	line-height: 1.4;
	margin: 0.5em 1em;
}
.photo {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}
#article strong {
	color: #F00;
	font-weight: normal;
}
.date {
	font-size: 11px;
}
.content03 {
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 10px;
}
.pagenavi {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.pagenavi a {
	padding: 3px;
	border: 1px solid #970000;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}

/************************** FAQ **************************/
.question, .answer {
	font-size: 100%;
	padding-left: 40px;
	background-repeat: no-repeat;
	line-height: 1.6;
	}
.question {
	background-image: url("/images/icon03.gif");
}
.answer {
	background-image: url("/images/icon04.gif");
	color: #F00;
}
.content04 {
	font-size: 95%;
	line-height: 1.4;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 40px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.content05 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F00;
	color: #F00;
}

#tabbox {
	width: 709px;
	margin-right: auto;
	margin-left: auto;
}
#tabbox h2 {
	margin: 10px 0;
	padding: 0 0 0 20px;;
	font-size: 14px;
	background-image: url("/images/icon01.png");
	background-repeat: no-repeat;
	color: #F00;
	font-weight: bold;
	border: none;
	border-bottom: none;
	background-color: transprent;}
	#tabbox h2 div { display: inline;}


.right02.button a {
		display: inline-block;
		text-decoration: none;
		/*width: 448px;*/
		margin: 0 auto;
		padding: .35em 3em;
		text-align: center;
		border: 1px solid #0027A7;
		border-radius: 6px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		background-color: #2850D1;
		background: -moz-linear-gradient(top, #4F78FC,#2850D1 25%,#0027A7 50%, #0027A7);
		background: -webkit-linear-gradient(top, #4F78FC,#2850D1 25%,#0027A7 50%, #0027A7);
		background: linear-gradient(to bottom, #4F78FC,#2850D1 25%,#0027A7 50%, #0027A7);}
	.right02.button a span {
		text-align: center;
		padding-left: 18px;
		background: url("/images/arrow05.gif") 0 4px no-repeat;}
.caption01 {
	font-size: 14px;
	background-image: url(/images/arrow10.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 15px;
	margin-top: 20px;
	color: #0066cc;
}
.product-tbl01 {
	margin: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	width: 709px;
}
.w530 {
	background-color: #FFF;
	padding: 10px;
	width: 510px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
}
.commentbox {
	width: 687px;
	border: 1px solid #999;
	overflow: hidden;
	padding: 10px;
	margin-top: 10px;
}
.user {
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #0066cc;
	border-left-color: #0066cc;
}
.comment-area {
	padding: 10px;
}
/*
#tabbox h3 {
	background-image: url(/images/bg04.gif);
	font-weight: bold;
	padding: 10px;
}*/
.line {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #999;
}
.commentbox02 {
	padding: 10px;
	background-color: #fde7c1;
	margin-top: 20px;
}

.com-tbl {
	width: 667px/*708px*/;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
.agreement {
	height: 80px;
	width: 687px;
	overflow: scroll;
	padding: 10px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999;
	margin-bottom: 10px;
}

.sitemap li {
	padding-left: 15px;
	background-image: url("/images/arrow08.gif");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.sitemap li ul li {
	background-image: url("/images/arrow09.gif");
	padding-left: 15px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

ol li .nest {
	padding-left: 20px;
}
.caption02 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sitemap li a {
	color: #970000;
}
.font10 {
	font-size: 12px;
	line-height: 14px;
}
.mgn-b5 {
	margin-bottom: 5px;
}
.w200-red {
	padding: 10px;
	width: 180px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
	font-weight: bold;
	background-image: url(/images/bg02.gif);
}
.date02 {
	font-size: 11px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 5px;
}
.w510 {
	background-color: #FFF;
	padding: 10px;
	width: 490px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
}
.caption03 {
	background-image: url(/images/bg04.gif);
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
}


/***************************************************/

/*******side********/

#side {
	float: right;
	width: 184px;
	margin-right: 8px;
}
.topics02 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366ff;
	border-left-color: #3366ff;
	color: #3366ff;
	padding-left: 7px;
	font-size: 14px;
}


/*************************************************************************/
/* index */
#search-area .seach-item {
	padding-top: 56px;
	padding-left: 13px;
	width: 480px !important;
	font-size: 12px;
	/**/
	margin-top: 15px;
	margin-left: 10px;/**/
}

table#seach-itemTable {
		width: 100%;
		margin:0 0 0 0;
		border-collapse: collapse;
		border-top: 1px solid #ede8e4;}
	table#seach-itemTable th,table#seach-itemTable td {
		border-bottom: 1px solid #ede8e4;}
		table#seach-itemTable th {
			text-align: left;
			width: 80px;
			padding-left: 10px;}


.mgn-top03 {
	text-align: center;
	margin: 10px auto 0 auto !important;
}

/* 最新コメント一覧 */
.content01 {
}
.comment01 {
}
.comment02 {
	padding-top: 0;
	line-height: 1.5em;
	border-bottom: 1px dashed #ccc;
}
.comment02 p {
	margin: 2px 0 0 0; padding: 2px 0 0 0;}

/********************** ページ送り
<div class="pageNavi">
	<a class="noHref">&lt;&lt;&nbsp;前へ</a>
	<a href="page=1">1</a>
	<a href="page=2">2</a>
	<a href="page=3">3</a>
	<a class="here">4</a>
	<a href="page=5">5</a>
	<a href="page=6">6</a>
	<a href="page=7">7</a>
	<a href="page=5">次へ&nbsp;&gt;&gt;</a>
</div>
*/

div.pageNavi {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0;
}
div.pageNavi a {
	margin: 5px 0 5px 5px;
	padding: 1px 10px;
	border: 1px solid #900;
	text-decoration: none;}
	div.pageNavi a.noHref {/*リンクなし*/
		padding: 1px 3px;
		border: none;
		color: #555;
		/*background-color: #eee*/;}
	div.pageNavi a.here {/*現在地*/
		padding: 1px 3px;
		font-weight: bold;
		border: none;
		color: #000;
	}
/* #kiyaku 利用規約
<div id="kiyaku">
	<h2>投稿に関する規約</h2>
	<div>
	<ol>

*/

#kiyaku {
	height: 200px;
	width: 660px;
	overflow: scroll;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding: 5px 15px;
}
#kiyaku h2 { margin:.5em 20px; font-weight: bold;}
#kiyaku ol { margin: .5em 1em .5em 2.5;}
/****** 利用規約 ********/
#regulationText { margin: .5em 1em .5em 1em;}
#regulationText h3 { margin: 1em 0 .5em 0; font-size: 120%; font-weight: bold;}
#regulationText ol { margin-left: 1.5em}
#regulationText li li { margin: 0 0 0 2em !important;}

#kiyaku li, #regulationText li { text-indent: -1.5em;}
/****** 履歴情報の取得について ********/
#taguseText ul, #taguseText li {
	list-style: disc;
	margin: 1em 1.5em;
	padding: 0 0 0 .25em;
	line-height: 1.4;
	}




/****************************** ローンリスト *********************************/
/***　ローンリスト：商品表示用テーブル
<div class="tab-box02">
<table class="dataTable02">
	<tr><th><div>特徴</div></th><td>取引履歴等がご確認いただける便利な会員専用サービス「Ｍｙモビ」</td></tr>
<p class="date">情報更新日:2011.07.01</p>
/***************************************************************/
form label { white-space: nowrap;}

table.dataTable02 { width: 97%; margin: 0 auto 0 0;}
table.dataTable02 th { vertical-align:top; width: 180px;
		line-height: 1.2em;
		background: url('/images/dataTable_th1.gif') left top no-repeat;}
	table.dataTable02 th div { width: 165px;
		margin: 5px auto 15px 0 !important;
		padding-right: auto !important;
		padding-bottom: 5px !important;
		text-align: center; font-weight: bold; color: #fff;
		background: url('/images/dataTable_th2.gif') left bottom no-repeat;}
table.dataTable02 td { vertical-align:top;}
	table.dataTable02 td p {}

div.date { float: right; margin: 0 0 0 7px; padding: 0 0 0 0;}


/***************************************************************/
/***　ローンリスト：商品表示用テーブル
<table class="loanlistTable">
<tr><td class="lenderCell">
	<div>
		<span class="lenderName"><a href="/bridge.php?DID=4&PID=2066">東京スター銀行</a></span>
		<span class="productName">「スターワン借換ローン」</span>
	</div></td></tr>
<tr><td class="dataCell">
	<div>
		<span>■実質年率：1.200% ～ 14.800%</span>
		<span>■限度額：30万円 ～ 1000万円</span>
		<span>■審査：10日程度</span>
	</div></td></tr>
<tr><td class="applyBtn">
	<div>
		<a href="/loandetail/?DID=4&PID=2066"><img src="../../images/buttun05.png" width="163" height="29" alt="詳しく見る" /></a>
		<a href="/bridge.php?DID=4&PID=2066"><img src="../../images/button02.png" width="163" height="29" class="mgn-left20" alt="申し込む" /></a>
	</div></td></tr>
</table>*/
/***************************************************************/

table.loanlistTable {/*.content02*/
	background-color: #ffedbd;
	width: 718px;
	border: 1px solid #ff6600;
	padding: 5px;
	height: 70px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	color : #333;
}
	#content table.loanlistTable span { color: #333}

table.loanlistTable td.lenderCell {/*.font14*/
	font-size: 14px;
	text-align: left;}
	table.loanlistTable td.lenderCell div { margin: 5px 15px 0 15px;}
	table.loanlistTable td.dataCell div { margin: 3px 15px 0 15px;}
td.applyBtn {text-align: center;}
	table.loanlistTable td.applyBtn div { margin: 3px 15px 5px 15px;}


/***************************************************************/

/************************ クチコミ *****************************
<div class="comment">
	<table class="kuchikomiTable" width="680">
		<tr>
			<th class="comName">
				<div class="requestRemove" style="float:right">
					<a href="/kuchikomi/requestRemove.php?KID=1"><img src="../../images/buttun09.gif" width="71" height="25" alt="削除を依頼する" /></a>
				</div>
				<div class="nickName">匿名</div>
				<div class="entryDateDisp">2011.07.06 13:13:07</div>
			</th>
		</tr><tr>
			<td class="commentText">
				<p>これはテスト投稿</p>
			</td>
		</tr></table>
			<div class="postComment">
				<a href="/kuchikomi/post.php?DID=4&PID=2066"><img src="../../images/buttun06.gif" width="71" height="25" alt="返信する" /></a>
			</div>
</div>
***************************************************************/
body.kuchikomi {}
	body.kuchikomi#index {}

div.comment {
	margin-top: 10px;
/*	margin-bottom: 10px;*/
	padding-right: 0px;
	padding-left: 0px;
	width: 720px;
}

table.kuchikomiTable {
	clear: both;
	width: 720px;
	border: 1px solid #999;
	border-radius: 8px;}
	th.comName {
		text-align: left;}
/** 20130528 add **/
	div.nickName {/* 投稿名 */
		font-weight: bold;
		margin: 10px auto 0px 10px;
		padding-left: 25px;
		background: url('/images/icon02.png') 5px center no-repeat;
	}
	div.entryDateDisp {/* 投稿日時 */
		font-size: 11px;
		margin-left: 10px;
		border-bottom-width: 2px;
		border-bottom-style: dotted;
		border-bottom-color: #999;
		margin-bottom: 5px;
	}
	img.btnReply {
		width: 176px;
		height: 27px;
		border: 0;
		background: url(/images/btn13.gif) left top no-repeat;
	}
	img.btnRequestRemove {
		width: 81px;
		height: 17px;
		border: 0;
		background: url(/images/btn_requestRemove.gif) left top no-repeat;
	}
	.kuchikomiPostTitle {
		background-image: url('/images/bg04.gif');
		padding: 10px;
		font-weight: bold;
		font-size: 14px;
		text-align: left;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #999;
	}
	input.btnPost, input.btnRequestRemove {
		width: 258px;
		height: 30px;
		border: 0;
		background: url(/images/btn11.gif) left top no-repeat;
	}
	#buttun {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	input.btnReturn {
		width: 66px;
		height: 31px;
		border: 0;
		background: url(/images/btn14.gif) left top no-repeat;
	}
	input.btnExecPost {
		width: 259px;
		height: 31px;
		border: 0;
		background: url(/images/btn15.gif) left top no-repeat;
	}
	input.btnExecRequestRemove {
		width: 259px;
		height: 31px;
		border: 0;
		background: url(/images/btn16.gif) left top no-repeat;
	}
	#kiyakuPopUp {
		margin-right: 0;
		padding-left: 15px;
		width: 10em;
		background: url(/images/arrow06.gif) no-repeat;
		background-position: left 40%;
	}
	.tab-box02 {
		margin: 0px;
		padding: 0;
	}


/** 20130528 add end **/

td.commentText {/*コメントテキスト*/
	 padding: 0px 0 10px 15px;
	 background-image: none;}

div.postComment {
	margin: 10px 0 20px 15px;
	text-align: right;
}

/* 書き込み用テーブル */
.popUp { float: right;}
/* #kiyakuPopUp { margin-right: 20px;width: 10em;} */

table.com-tbl {
	width: auto !important;
}
table.com-table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
table.com-table caption,
table.com-tbl caption {
	background-image: url('/images/bg04.gif');
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

table.com-table th,table.com-table td,
table.com-tbl th,table.com-tbl td{
	/*vertical-align: top;*/
	padding: 5px;}
table.com-table th,
table.com-tbl th,table.com-table td {
	background-color: #FFF;
	padding: 10px;
/*	width: 493px !important; */
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
}
/** 20130528 add  **/
	table.com-table th {
		padding: 10px;
		width: 154px;
		background-color: #CADFFF;
		border-width: 0 1px 1px 0;
		border-style: solid;
		border-color: #999;
		text-align: left;
	}
	table.com-table td {
		width: 520px;
	}
/** 20130528 add end **/

ul.alert { color: red;list-style-type: disc !important;margin-left: 1em;}
	ul.alert li{ list-style-type: disc !important;margin-left: 1em;}




/***************************************************************/
/************************ FP ***********************************/
/***************************************************************/
body.fp#index {}
body.fp#topic {}

/* 記事一覧
<div class="content06">
	<div class="qa"><a href="/fp/topic.php?num=415">カードローンと証書ローンはマネーライフに合わせて選ぼう</a>
	<p class="date">2011年05月07日</p>
	<p>Q.給料日前のピンチなどにカードローンを利用して助かっています。でも、つい使いすぎて、気づいたら借入残高が膨らんで、いつになったら返済が終わることやら・・・。　お金の使い方、借り方を見直そうと思っています。「借りすぎになりにくい」ローンなんて、ありますか？</p>
</div>
*/
div.content06 { clear: both;}
div.qa {}
	div.qa a {
		width: 620px;
		margin: 0 0; padding: 0 0;
		display: block;
		float:left;}
	div.qa p { clear: both;}
	div.qa p.date {
		width: 80px;
		margin: 0 0; padding: 0 0;
		clear: none;
		float: right;
		text-align: right;}
/* 記事
<div class="detContInner3 fpQaCont">
	<dl class="clearfix mgbt10">
		<dt><img src="../../images/common/co_im_qa_firstletter_q.gif" alt="Q." width="23" height="23" /></dt>
		<dd>貸金業法の改正で、年収の3分の1までしか借りられなくなると聞きました。</dd>
	</dl>
	<dl class="clearfix">
		<dt><img src="../../images/common/co_im_qa_firstletter_a.gif" alt="A." width="23" height="23" /></dt>
		<dd>「総量規制」には、例外とされる貸付があります。</dd>
	</dl>
</div>
*/


.content05 .con-image {
	padding-bottom: 15px !important;
}

div.topicTitle,
div.fpQaCont {
	/*margin-left: 260px;
	width: 465px;*/
	clear: both;
	float: none;
	}
div.topicTitle {
	color: #333;
	margin-bottom: 15px;
	padding: 6px 12px;
	background: #fff url('/images/bar.png') left bottom repeat-x;
	border: 1px solid #999;
	border-bottom: 3px solid #d11313;
	}
div.topicTitle h3 {
	margin: 0 0; padding: 0 10px;
	font-weight: bold;
	font-size: 14px;}
	div.topicTitle h3 span { font-weight: normal;color: #001a33 !important; font-size: small;}

.fpQaCont dl { }
.fpQaCont dl dt {/* A */
	float: left;
	width: 16px; height: 20px;
	margin: 0 0; padding: 0 0;
 	background: url('/images/icon07.gif') 0 3px no-repeat;}
	.fpQaCont dl.mgbt10 dt {/*Q*/clear: none; background: url('/images/icon06.gif') 0 3px no-repeat;}

.fpQaCont dl dt img { display:none; visibility: hidden;}

.fpQaCont dl dd {
	/*float: left;*/
	/*width: 455px;*/
	margin: 5px 0 0 20px;
	padding: 0 0 0 0;}

/* 見出し
<div class="detContSubTitWap4 mgbt10">
	<div class="subTitInner">
		<h3><strong>総量規制とは？</strong></h3>
*/

.detContSubTitWap4 h3 {
	border-left: 4px solid #f60;
	margin: 15px 0px 5px 0; padding: 2px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #C30;}

/****************************** 一覧表、定義表 *****************************/
div.detContInner3 table,
div.detContInner3 table th,
div.detContInner3 table td {/* 行間一括指定 */
	line-height: 110% !important;}

div.detContInner3 table {
	width: 600px !important;
	margin:1em auto 0 auto !important;
	font-size: small;
	border:1px solid #B9B9BB;
	border-collapse: collapse;}
	div.detContInner3 table caption {
		color:#743507;
		font-weight: bold;
		font-size:100%;
		text-align: center;
		margin:1em 0em 0em 0em;
		padding: 0px;}
div.detContInner3 table th,
	div.detContInner3 table td {
	padding: 2px 4px;
	border:1px solid #B9B9BB;
	vertical-align: middle;}
	div.detContInner3 table thead th { color: #000; text-align: center;
	 background: transparent url('/images/tab_thead_th.jpg') repeat-y !important;}
	div.detContInner3 table thead td,
	div.detContInner3 table tfoot th {
	 background: transparent url('/images/tab_thead_td.jpg') repeat-y !important;}
	div.detContInner3 table tbody th,
	div.detContInner3 table tfoot td {
	 background: transparent url('/images/tab_tbody_th.jpg') repeat-y !important;}
	div.detContInner3 table dl { margin:0em;padding:0em;}
	div.detContInner3 table dt { width: 4em;font-weight: bold; float: left;}
	div.detContInner3 table dd { margin-left:4em;}
	div.detContInner3 table th.right,div.detContInner3 table td.right { text-align:right;}
	div.detContInner3 table th.center,div.detContInner3 table td.center { text-align:center;}

/*****************************************************************************/
/************************ シミュレーション ***********************************/
/*****************************************************************************/

.simu-table01{
	font-size: 14px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9999;
	border-bottom-color: #ff9999;
	border-left-color: #ff9999;
}
.simu-table01 th { text-align:left;}
.simu-table01 td { /* 数値右揃え */ text-align: right;}

.simu-table01 thead th,
.simu-table01 tfoot th{
	background-color: #f75757;
	padding: 10px;
	text-align:left;
	width:145px;
	border-bottom:#ff9999 solid 1px;
	border-right:#ff9999 solid 1px;
	color: #FFF;
}
	.simu-table01 thead th {text-align: center;}
.simu-table01 tfoot td,
.simu-table01 tbody th {
	background-color: #F8E5E6;
	padding: 10px;
	width:145px;
	border-bottom:#ff9999 solid 1px;
	border-right:#ff9999 solid 1px;
	color: #000;
}
.simu-table01 thead td,
.simu-table01 tbody td{
	background-color: #FFF;
	padding: 10px;
	width: 145px;
	border-bottom:#ff9999 solid 1px;
	border-right:#ff9999 solid 1px;
}




input.required { background-color: #ffc;}

/**************************************************/
/*月別*/

/*********************************************/
.mgbt10 {
	margin-bottom: 10px !important;
}
.note { font-size: 95%; color: #555;}

/******************************************************************************
/*フッター
*/
.footer-menu {
	color: #970000;
	margin-right: 5px;
	margin-top: 40px;
	padding-top: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #F00;
	line-height: 32px;
	text-align:center;
}
ul#footerLinks, div#commonLinks ul {
	display: inline-block;
	padding-right: 15px;
}
ul#footerLinks li, div#commonLinks li {
	display: inline;
	list-style: none;
}
ul#footerLinks li a, div#commonLinks li a {
	border-left: 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}
.footer-menu ul li.last a,.footer-menu02 ul li.last a{
	border-right: 1px solid;
}
address#copyright {
	margin-top: 20px;
	padding-bottom: 20px;
	font-style: normal;
}
/******************************************************************************
/* ローンシミュレーション
*/
div#payment h3, #paymentTable h3 {
	color: #333;
	margin: 10px 0 15px 0;
	padding: 6px 12px;
	background: #fff url('/images/bar.png') left bottom repeat-x;
	border: 1px solid #999;
	border-bottom: 3px solid #d11313;
	clear: both;
	float: none;
	font-weight: bold;
	font-size: 14px;
}
#condTable,#resultTable {
	margin:10px auto 5px auto;
	border-collapse: collapse;
	padding: 0px;
	font-size: 14px;
	text-align: left;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ff9999;
	border-left-color: #ff9999;
	width: 660px;
}
#condTable th {
	width: 140px;
	color: #FFF;
	text-align: left;
	padding: 10px 10px 10px 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9999;
	border-bottom-color: #ff9999;
	background: #f75757 url(/images/arrow05.gif) 10px 15px no-repeat;
}
#resultTable thead td, #resultTable tbody td {
	background-color: #FFF;
	padding: 10px;
	width: 145px;
	border-bottom: #ff9999 solid 1px;
	border-right: #ff9999 solid 1px;
}
#resultTable td {
	text-align: right;
}

#resultTable thead th, #resultTable tfoot th,#resultTable thead td.itemColumn {
	background-color: #f75757;
	padding: 10px;
	text-align: left;
	width: 145px;
	border-bottom: #ff9999 solid 1px;
	border-right: #ff9999 solid 1px;
	color: #FFF;
}
#resultTable thead th {
	text-align: center;
}
#resultTable tfoot td, #resultTable tbody th {
	padding: 10px;
	width: 145px;
	border-bottom: #ff9999 solid 1px;
	border-right: #ff9999 solid 1px;
	color: #000;}
	#resultTable tfoot td {
		background-color: #f99;
		border-right: #f66 solid 1px;
		border-bottom: #f66 solid 1px;}
	#resultTable tbody th { background-color: #F8E5E6;}
#resultTable th {
	text-align: left;
}
#condTable td {
	background-color: #FFF;
	width: auto;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9999;
	border-bottom-color: #ff9999;
}
.calc {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.calc a.sender {
	display: block;
	width: 343px;
	margin: 3px auto;
	padding-top: 10px;
	padding-bottom: 9px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;

	border: 2px solid #F06102;
	background-color: #FE4621;
	background: -moz-linear-gradient(top, #FFCCB1, #FE4621 50%, #FC1316);
	background: -webkit-linear-gradient(top, #FFCCB1,  #FE4621 50%, #FC1316);
	background: linear-gradient(to bottom, #FFCCB1, #FE4621 50%, #FC1316);
}
div.calc a.sender span {
	display: inline-block;
	padding-right: 20px;
	background: url("/images/arrow05.gif") right top no-repeat;
	background-size: 16px;
}



.unit,div.sender{
	text-align:right;
	margin: 7px 40px;
}
div.sender a.sender {
	display: inline-block;
	background: url("/images/arrow03.gif") 0 0 no-repeat;
	background-size: 14px;
	padding-left: 15px;
}
.formTable {
	border-collapse: collapse;
	font-size: 12px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #f75757;
	border-left-color: #f75757;
}
.formTable tr th {
	padding: 10px;
	text-align: center;
	width: 112px;
	border-bottom: #f75757 solid 1px;
	border-right: #f75757 solid 1px;
}
.formTable tr td {
	padding: 10px;
	width: 112px;
	border-bottom: #f75757 solid 1px;
	border-right: #f75757 solid 1px;
	text-align: right;
}
.formTable caption {
	padding: 5px 0;
	text-align:left;
}
.formTable thead tr td {
	border-bottom: #f00 solid 1px;
	border-right: #f33 solid 1px;}
.formTable thead tr th {
	background-color: #ff9999;
	border-bottom: #f00 solid 1px;
	border-right: #f66 solid 1px;}
.formTable thead .numberColumn,
	.formTable thead .yearColumn,
	.formTable thead .monthColumn {
	background-color: #f75757;
	text-align: center !important;}
.formTable tbody .numberColumn,
	.formTable tbody .yearColumn,
	.formTable tbody .monthColumn {
	background-color: #ff9999;
	text-align: center !important;
}
.amountColumn,.principalColumn {
	background-color: #FFD7D7;
}
/******************************************************************************
/* ローンリスト
*/
#totalRow {
	color: #ff3300;
}
/* --------------------------------------------------
	.pager ページ送り
-------------------------------------------------- */
div.pager {
	margin: 40px auto 0 auto;
	text-align: center;
}
div.pager ul, div.pager ol, div.pager li {
	margin: 0 0;
	padding: 0 0;
	list-style: none;}
div.pager > ul {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 520px;
	margin: 0 auto !important;
}
div.pager>ul>li {
	text-align: center;
	position: relative;
	flex-grow: 1;
}
div.pager>ul>li:nth-of-type(3) {
	flex-grow: 20;
}
div.pager>ul>li:first-of-type {/* 先頭へ */
	width: 5.5em;
}
	div.pager>ul>li:first-of-type>a {
		padding-left: 0px;
	}
	div.pager>ul>li:first-of-type>span {
		padding-left: 0px;
	}
	div.pager>ul>li:first-of-type>a>span:before,
	div.pager>ul>li:first-of-type>span:before {
		display: inline-block;
		content: "<<";
		width: 1.7em;
	}
div.pager>ul>li:nth-of-type(2) {/* 前へ */
	width: 4em;
	padding-right: 0px;
}
div.pager>ul>li:nth-of-type(2)>a {
	padding-left: 0;
}
	div.pager>ul>li:nth-of-type(2)>span {
		padding-left: 0;
	}
	div.pager>ul>li:nth-of-type(2)>a>span:before,
	div.pager>ul>li:nth-of-type(2)>span:before {
		display: inline-block;
		content: "<";
		width: 1em;
	}
div.pager>ul>li:last-of-type {/* 最後へ */
	width: 5.5em;
}
	div.pager>ul>li:last-of-type>a {
		padding-right: 0;
		}
	div.pager>ul>li:last-of-type>span {
		padding-right: 0;
	}
	div.pager>ul>li:last-of-type>a>span:after,
	div.pager>ul>li:last-of-type>span:after {
		display: inline-block;
		content: ">>";
		width: 1.7em;
	}
div.pager>ul>li:nth-last-of-type(2) {/* 次へ */
	width: 4em;
	padding-left: 0px;
}
	div.pager>ul>li:nth-last-of-type(2)>a {
		padding-right: 0;
	}
	div.pager>ul>li:nth-last-of-type(2)>span {
		padding-right: 0;
	}
	div.pager>ul>li:nth-last-of-type(2)>a>span {
		}
	div.pager>ul>li:nth-last-of-type(2)>a>span:after,
	div.pager>ul>li:nth-last-of-type(2)>span:after {
		display: inline-block;
		content: ">";
		width: 1em;
	}
div#api-loans div.pager > ul > li > a {
	cursor: pointer;}
div#api-loans div.pager ul ol li a,
div#api-loans div.pager ul ol li span {
	display: inline-block;
	padding: 8px 10px;
}
div.pager>ul>li>ol,
body.fp div.pager {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
body.fp div.pager {
	margin: 40px 100px 60px 100px;
	width: auto;
	}
div.pager>ul>li>ol li,
body.fp div.pager span {}
div.pager>ul>li>ol li a {
	cursor: pointer;
}

div#api-loans div.pager>ul>li>ol li[data-select="current"] span,
div#api-loans div.pager>ul>li>ol li span[data-select="current"],
body.fp div.pager span.current {
	background-color: #970000;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
}

#maincontent div#api-loans div.pager ul,
	#maincontent div#api-loans div.pager ol,
	#maincontent div#api-loans div.pager li {
	line-height: 1;}

/* --------- /.pager ----------- */

#searchBox table,
#moreSearchBox table {
	border-collapse:collapse;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #ff9999;
	border-right-color: #ff9999;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#searchBox table tr th,
#moreSearchBox table tr th {
/*	background: url(/images/icon_arrow02.png) 2px 10px no-repeat;*/
	padding: 5px 5px 5px 7px;
	height: 20px;
	width: 100px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9999;
	border-bottom-color: #ff9999;
	font-weight: normal;
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff9999;
	background-color: #f75757;
	color: #FFF;
}
#searchBox table tr td,
#moreSearchBox table tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff9999;
	padding: 5px;
	height: 20px;
	width: 225px;
}
div#searchBox li, div#moreSearchBox li {
	list-style: none;
	display: inline;
}
a#btnSearchLoan {
	display: block;
	width: 276px;
	height: 40px;
	overflow: hidden;
	margin: 3px auto;
	padding-top: 15px;
	padding-bottom: 14px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	background: url(/images/btn07.gif) 0 0 no-repeat;
}
#btnSearchLoanBox {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}
#btnSearchLoanBox span {
	color: transparent !important;
	display: none;
}
/******************************************************************************
/* ローン詳細情報
*/
h2#spec1 div,h2#spec2 div, h2#spec3 div, h2#spec4 div, h2#spec5 div, h2#spec6 div, h2#spec7 div, h2#spec8 div {
	font-size: 14px;
	background-image: url(/images/arrow10.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 15px;
	margin-top: 20px;
	color: #0066cc;
	line-height: 22px;
}
h2#spec1,h2#spec2, h2#spec3, h2#spec4, h2#spec5, h2#spec6, h2#spec7, h2#spec8 {
	background-image: none;
	padding-left: 0;
	font-weight:normal;
	margin-bottom: 5px;
}
table#basicInfo, .specTable {
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	width: 709px;
}
.specTable th,table#basicInfo th {
	padding: 5px 10px;
	width: 154px;
	background-color: #CADFFF;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #999;
	text-align: left;
	vertical-align: middle;
}
table#basicInfo { font-size: 13px;}
table#basicInfo th {
	width: auto;
	text-align: center;}
	table#basicInfo th div { display: inline;}

.specTable td,table#basicInfo td {
	background-color: #FFF;
	padding: 10px;
	width: 510px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	text-align: left;
}
table#basicInfo td {
	width: auto;
	text-align: center;
}
.specTable td div {
	line-height: 1.25;
}
table.samplecaseTable {
	width: 100%;
	border-collapse: collapse;
	border:1px solid #999;}
table.samplecaseTable th,
	table.samplecaseTable td {
	width: 33%;}

#maincontent p.updateDate {
	margin: 0 0;
	padding: 0 0;
	line-height: 1;
	text-align: right;}
/******************************************************************************
履歴情報の取得について
*/
#taguseText h3{
	margin-top:20px;
	font-size: 14px;
	font-weight: bold;
}

/******************************************************************************
会社概要
*/

table.pickupTable {
	margin: 20px 15px;
	font-size: 110%;
	line-height: 200%;}
table.pickupTable th,
table.pickupTable td {
	vertical-align: top;
	line-height: 200%;}
table.pickupTable th {
	width: 8em;
	font-weight: bold;
	text-align: left;}
#disclaimer {
	margin: 70px 15px 15px 15px;
	color: #555;
	line-height: 1.5}

/******************************************************************************
	ローン一覧（2017.2.7）
*/

table#loanListTable,
	table#loanListTable th,
	table#loanListTable td { border: 1px solid #999;}

table#loanListTable {
	border-collapse: collapse;
	width: 749px !important;
    margin-top: 20px;
    font-size: 12px;
    border: 1px solid #999;
}

table#loanListTable thead th {
	background-color: #CADFFF;
	text-align: center;
	line-height: 1.8;
}
table#loanListTable tbody th {
	text-align:center;}
table#loanListTable tbody td {
	text-align: center;}

/* ソート */
table#loanListTable thead th.here {
    background: transparent url('/images/bg02.gif');
	font-weight: bold;}
table#loanListTable tbody td.here { background-color: #fcc; font-weight: bold; }

/*******/
table#loanListTable thead th a.sort {
	display: inline-block;
	margin: 0 2px 0 1px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	background: url('/images/arrow11.gif') 0 1px no-repeat;
	white-space: nowrap;
}
div.oneBtn a {}
div.btn a:hover,
div.oneBtn a:hover {
	opacity: 0.5;
}

.colButton a {
	display: inline-block;
	width: 70px;
	height: 35px;
	text-decoration: none;
	padding: 0 0 0 0;
	background: url('/images/btn08s.gif') 0 0 no-repeat;
}
/* セル幅 */
.loanName {/*ローン名／金融機関名*/}
.colRate2 {/*実質年率*/ width: 110px;}
.colRate1 {/*金利*/ width: 110px;}
.colAmount {/*借入可能額*/ width: 120px;}
.colPeriod {/*借入期間*/ width: 80px;}
.colAuthorizationTime {/*審査時間*/ width: 72px;}
.colButton {/*ボタン*/width: 80px; text-align:center;}
th.loanName img.lenderLogo {
	margin: 4px auto;
	padding: 0 0 0 0;
	width: 80px;
	height: 53px;
	border: none;}
p.productName {
	text-align:left;
	margin: 0 0.5em 0.5em 0.5em;
	padding: 0 0 0 0;
	line-height: 1.2;}


/****************************** パーツ ******************************/
#content02 {
	width: 749px;
	margin-top: 10px;
}
.feature {
	float: left;
	width: 365px;
	margin-right: 7px;
	border: 1px solid #999;
	margin-top: 10px;
}
.f-text {
	background-image: url(/images/bg02.gif);
	background-repeat: repeat;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
}
.f-text a {
	color: #540000;
	text-decoration: none;
display: inline-block;
	font-size: 14px;
	line-height: 1;
	padding-left: 12px;
	background: url(/images/arrow02.gif) 0 -2px no-repeat;
	background-size: 12px;
	}
a.arrowLink {
	display: inline-block;
	background: url("/images/arrow08.gif") left center no-repeat;
	padding-left: 15px;
	line-height: 1.4;}
/******************************************************************************
/* 読み物
*/
#article {
	line-height: 1.4;}

/******************************************************************************
/* 不動産担保ローンとは knowledge
*/
#topCopy {
	padding: 0 0;
	margin: 0 0 20px 0;
	text-align: center;}
#topCopy img {
}


/******************************* 1カラム時 ********************************/
body.column1 #maincontent {
	width: auto;
	float: none;
	}
body.column1 #maincontent #tab {
	width: auto;
}
body.column1 #maincontent #tabbox {
	width: auto;
	margin: 0 40px;
}
body.column1 #maincontent div.comment {
	width: auto;
}
body.column1 #maincontent table.kuchikomiTable {
	width: 100%;}

body.column1 #maincontent table#basicInfo, .specTable {
	width: 100%;}



/**************** 商品詳細：団体信用生命保険 *****************/
.modal.modal-loan * { line-height: 1.5 !important;}
/* --------------------------------------------------
    モーダルウインドウ
-------------------------------------------------- */
.modalOverlay {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.modalOverlay.block {
    z-index: 9999;
    opacity: 1;
}
.modalContent {
    display: none;
    position: fixed;
    width: 970px;
    overflow: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999;
    height: max-content;
    max-height: 90%;
}
.modalContent.block {
    z-index: 99999;
    margin: auto;
    opacity: 1;
}
.modalContent > div {
  background: #fff;
  border-radius: 3px;
  padding: 20px 40px 30px;
}

/******************************************************************************
	利用者情報の外部送信について #externalXmission 2023.06.12
*/
body#externalXmission {}
section#externalXmissionBox {}
section#externalXmissionBox ul {
	margin: 1em 2em;}
section#externalXmissionBox li {}
section#externalXmissionBox dl {
	margin: 0 0 1em 0;
	border: 1px solid #999;
	border-radius: 2px;}
section#externalXmissionBox dl > div {
	display: flex;}
section#externalXmissionBox dt,
	section#externalXmissionBox dd {
		padding: 0.35em 0.5em;
		line-height: 1.25;}
section#externalXmissionBox dt {
	width: 11em;
	background-color: #CADFFF;
	border-bottom: 1px solid #fff;}
section#externalXmissionBox dd {
	width: calc(100% - 11em);
	border-bottom: 1px solid #ccc;}
	section#externalXmissionBox li div:last-child dt,
	section#externalXmissionBox li div:last-child dd {
		border-bottom: none;}
/*  */
section#externalXmissionBox .usersInfo {
	}
section#externalXmissionBox dd > a {
		display: inline-block;
		padding-right: 1.25em;
		background: url("/unified/images/common/icon_popup-link_dred.png") center right no-repeat;
		background-size: contain;}

/*******************************
 ヘッダのPR表記
 *******************************/
#header p.pr-declaration {
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
}

/*===================================================
	20240717 貸付条件 #loanConditions
===================================================*/
	#loanConditions {
		margin: 80px auto 0 auto;
		padding: 1em 2em;
		max-width: 650px;
		background-color: #f6f6f6;
		border-radius: 6px;
		border: 1px solid #ccc;
	}
	#loanConditions h5 {
		font-weight: bold;
	}
	#loanConditions pre {
		white-space: pre-wrap;
        margin-top: .5em;
        line-height: 1.2;
	}

/*===================================================
	2025.03.06 ランキングモーダル : #modal-recommend-2
===================================================*/
.modal#modal-recommend-2 {
    width: 900px;
    padding: 0 0;
    border-radius: 6px;
}
    /* head */
.modal#modal-recommend-2 .modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ff4e00;
    border-radius: 5px 5px 0 0;
}
.modal#modal-recommend-2 .modal-head h3 {
    position: relative;
    width:auto;
    margin: 0 0;
    padding:.75em 1em;
    font-weight:bold;
    border-radius:5px;
    font-size: 18px;
    line-height: 1.1;
    border: none;
    background-color: transparent;
    color: #fff;
}
.modal#modal-recommend-2 div.modal-close { 
    position: relative;
	top: auto;
	right: auto;
    margin: 0 8px;
	width: 24px;
	height: 24px;
    color: #fff;
    font-size: 1px;
    background-image: url("/unified/images/common/btn-close.png");
    background-position: center center;
    background-size: 14px;
    background-color: #fff;
    background-repeat: no-repeat;
	border-radius: 2px;}
    /* body */
.modal#modal-recommend-2 .modal-body {
    padding:20px;
    border-radius:0 0 5px 5px;
    background-color: #fcc57d;
}
.modal#modal-recommend-2 .modal-body p {
    margin: 0 0;
    padding: 0 0;
    color: #000;
    font-weight: normal;
    font-size: 160%;
}
.modal#modal-recommend-2 dl.ranking,
.modal#modal-recommend-2 dl.ranking dt,
.modal#modal-recommend-2 dl.ranking dd,
.modal#modal-recommend-2 dl.ranking ol { 
    margin: 0 0;
    padding: 0 0;
}
    /* */
.modal#modal-recommend-2 dl.ranking > div { overflow-x: hidden;}
.modal#modal-recommend-2 dl.ranking dt {
    margin: 0 0;
    padding: .5em 0 .25em 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: 200%;
    font-weight: bold;
    color: #ff4e00;
}
.modal#modal-recommend-2 dl.ranking dt > span {/* DIV name */}
    /*  */
.modal#modal-recommend-2 dl.ranking dd {}
.modal#modal-recommend-2 dl.ranking dd ol {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom:20px;
}
.modal#modal-recommend-2 dl.ranking dd ol li {
    flex-grow: 1;
	flex-basis: 32%;
    border:1px solid #eee;
    border-radius:5px;
    margin: 2px;
    list-style: none;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.35);
}
.modal#modal-recommend-2 dl.ranking dd ol li:hover { border-color:#970000;}
.modal#modal-recommend-2 dl.ranking dd ol a {
    display: block;
    padding: 20px;
    text-decoration: none !important;
}
.modal#modal-recommend-2 dl.ranking dd ol a:hover { text-decoration: none;}
.modal#modal-recommend-2 div[data-rank] { 
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5em;}
.modal#modal-recommend-2 div[data-rank] span { 
    display: inline-block;
    padding: 16px 9px;
    border-radius: 6px;
    line-height: 1;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
}
.modal#modal-recommend-2 div[data-rank="01"] span { background: linear-gradient(-180deg,  #C19D71 0%, #FEFFC6 15%, #B28348 85%,#C8B162 100%) !important;}
.modal#modal-recommend-2 div[data-rank="02"] span { background: linear-gradient(-180deg,  #8F8F8F 0%, #E8EBEA 15%, #A7A6A7 75%,#C2BEBD 95%) !important;}
.modal#modal-recommend-2 div[data-rank="03"] span { background: linear-gradient(-180deg,  #9E6D57 0%, #E9BF8F 15%, #B67149 85%,#CB945E 100%) !important;}
.modal#modal-recommend-2 div[data-rank] img {
    width: 160px;
    margin-left: 7px;
}
.modal#modal-recommend-2 dl.ranking a > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}
.modal#modal-recommend-2 dl.ranking  a > div:nth-of-type(2) > span:nth-of-type(1) {
	display: block;
    font-weight:bold;
	line-height: 1.3em !important;
}
.modal#modal-recommend-2 dl.ranking a > div:nth-of-type(2) > span:nth-of-type(2) {
    display: block;
	color:#333;
	line-height: 1.3em !important;
}

/* すべてのランキングを見る */
.modal#modal-recommend-2 .button {
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    line-height: 1;
}
.modal#modal-recommend-2 .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin: 0 auto;
    padding: .8em 0;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid #0C41DE;
	background-color: #0C41DE;
    background: linear-gradient(to bottom, #4F78FC, #0A3ACD 50%, #0A3ACD);
}
.modal#modal-recommend-2 .button a::before {
    content: "";
    width: 26px;
    height: 14px;
    display: inline-block;
    background: url("/images/arrow05.gif") center center no-repeat;
}
.modal#modal-recommend-2 .button a:hover { 
	opacity: 0.65;
	transition: .1s;}