/* 
--------------------------------------------------------------------------
01. Rayout
02. Header
03. Contents
04. Footer
05. Font
--------------------------------------------------------------------------
*/


body {
margin:0;
padding:0;
text-align:center;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
background:#ffffff url(../images/bg_body.gif) top left repeat-x;
}






/* 01. Rayout
----------------------------------------------------------------------- */

#header {
width:960px;
height:195px;
margin:0 auto;
text-align:left;
position:relative;
background:url(../images/bg_header.jpg) top left repeat-x;
}

#contents {
width:980px;
margin:0 auto;
padding:5px 0 0 0;
background:url(../images/bg_contents.jpg) top left repeat-x;
}

#footer {
width:100%;
background:url(../images/bg_footer.gif) bottom left repeat-x;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

	.clearfix { min-height: 1px; }
	
	* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}





/* 02. Header
----------------------------------------------------------------------- */

#header h1,
#header p {
margin:0;
padding:0;
line-height:0;
font-size:0;
}

#header h1 {
top:22px;
left:12px;
position:absolute;
}

#header .catch {
top:145px;
left:20px;
position:absolute;
}

#header .year {
top:0px;
left:796px;
position:absolute;
}

#header .loanlab {
top:142px;
left:739px;
position:absolute;
}





/* 03. contents
----------------------------------------------------------------------- */

.prTxt a {
width:920px;
margin:0 auto;
text-align:center;
line-height:40px;
display:block;
outline:none;
}


h2.st {
clear:both;
width:920px;
margin:0 auto;
padding:20px 0 10px 0;
line-height:0;
font-size:0;
background:url(../images/bg_st.gif) top left repeat-x;
}

.column {
width:930px;
margin:0 auto;
}

	.column .col {
	float:left;
	width:300px;
	margin:0 5px 0 5px;
	padding:0 0 30px 0;
	}
	
	.column .col h3.sst {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	}
	
	.column .col .name {
	line-height:40px;
	margin:0;
	padding:0;
	background:url(../images/bg_sst_text.gif) top left repeat-x;
	}
	
	.column .col table.detail {
	margin:5px 0 5px 0;
	}

	.column .col table.detail th,
	.column .col table.detail td { border-bottom:solid #ffffff 1px; }

		.column .col table.detail tr.odd th { background-color:#d4ebff; padding:16px 10px 16px 10px;}
		.column .col table.detail tr.odd td { background-color:#e2f3ff; }

		.column .col table.detail tr.even th { background-color:#efefef; padding:16px 10px 16px 10px; }
		.column .col table.detail tr.even td { background-color:#f4f6f7; }

	.column .col table.detail th { border-right:solid #ffffff 1px; }
	
	.column .col table.detail th { text-align:left; }
	
	.column .col table.detail td {
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	color:#333333;
	text-align:center;
	}
	
	table.comDetail {
	margin:0 auto;
	table-layout: fixed;
	}
	
	table.comDetail th {
	font-size:12px;
	font-weight:bolod;
	color:#333333;
	line-height:14px;
	text-align:center;
	padding:8px 0 8px 0;
	border:1px solid #ffffff;
	background:#efefef url(../images/bg_sst_th.gif) bottom left repeat-x;
	}
	
	table.comDetail td {
	font-size:12px;
	line-height:18px;
	color:#333333;
	padding:10px;
	background-color:#ffffff;
	text-align:left;
	vertical-align:middle;
	}
	
	table.comDetail td.center { text-align:center; }
	
	table.comDetail td.sc {
	width:160px;
	text-align:center;
	padding:9px;
	border:1px solid #ffffff;
	background:#ffffff url(../images/bg_sst_td.gif) bottom left repeat-x;
	}
	
	table.comDetail td.sc a.scr {
	margin:0 0 10px 0;
	border:3px solid #efefef;
	display:block;
	}
	
		table.comDetail td.sc a:hover.scr {
		border:3px solid #df0b16;
		display:block;
		}

.merit {
width:920px;
margin:30px auto 0 auto;
padding:20px 0 0 0;
background:url() top left no-repeat
}
		
.merit .section {
width:910px;
margin:0 auto;
padding:0 0 10px 0;
border:5px solid #efefef;
}

.merit .section h3,
.merit .section h4 {
margin:0 0 10px 0;
padding:0;
font-size:0;
line-height:0;
}

.merit .section p {
margin:0 40px 20px 40px;
text-align:left;
}






/* 04. Footer
----------------------------------------------------------------------- */

#footer .section {
width:980px;
margin:0 auto;
padding:30px 0 0 0;
text-align:left;
background:url(../images/bg_footerSection.gif) bottom left repeat-x;
}

#footer .section h4 {
width:920px;
margin:0 auto;
padding:0;
font-size:0;
line-height:0;
}

	#footer .section .col_fpL {
	float:left;
	width:170px;
	margin:0 0 0 30px;
	padding:10px 0 30px 0;
	}
	
	#footer .section .col_fpR {
	float:left;
	width:750px;
	margin:0;
	padding:14px 0 30px 0;
	}
	
	#footer .section .col_fpR .name {
	font-size:18px;
	line-height:22px;
	margin:0 0 15px 0;
	padding:0 0 0 37px;
	background:url(../images/list_fp.gif) top left no-repeat;
	}
	
	#footer .section .col_fpR .name .kana {
	font-size: 11px;
	font-weight: normal;
	}

#footer .section .prTxt a {
clear:both;
width:920px;
margin:0 auto;
text-align:center;
line-height:40px;
display:block;
outline:none;
}

#footer .section .copy {
width:920px;
margin:0 auto;
color:#ffffff;
text-align:center;
line-height:53px;
display:block;
}

#footer .section .copy a { color:#ffffff; text-decoration:underline; }
#footer .section .copy a:hover { color:#ffffff; text-decoration:none; }








/* 05. Font
----------------------------------------------------------------------- */

a:hover img.card {
opacity:0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
}


p {
	font-size:12px;
	line-height:18px;
	color:#333333;
	margin:0;
	padding:0;
}

.client {
	font-size:18px;
	line-height:18px;
	color:#333333;
	margin:0;
	padding:20px 0 10px 0;
	font-weight: bold;
}

.client a {
	font-size:18px;
	line-height:18px;
	color:#AB2121;
	margin:0;
	padding:20px 0 10px 0;
	font-weight: bold;
}

br {
font-size:12px;
line-height:12px;
margin:0;
padding:0;
}

.large {
font-size:16px;
line-height:22px;
color:#333333;
margin:0;
padding:0;
}

a {
color:#333333;
text-decoration:underline;
}

a:hover {
color:#df0b16;
text-decoration:none;
}

hr {
width:auto;
height:0;
margin:0 0 14px 0;
padding:21px 0 0 0;
border: 0px none;
background:url(../images/line_g.gif) bottom left repeat-x;
}

	* html hr{
	border-top:#cccccc 1px dotted;
	margin:5px 0 5px 0;
	}
	*:first-child+html hr{ /* for IE7 */
	border-top:#cccccc 1px dotted;
	margin:5px 0 5px 0;
	} 

img { border:0; }


/*20160524追加 サイトセットラベル*/

.list--taggroup {
  padding: 5px 0 0 20px;
    text-align: center;
}
.list--taggroup ul {
  margin: 0;
  padding: 0;
}
.list--taggroup ul:after {
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  display: block;
  content: "";
}
* html .list--taggroup ul,
*:first-child + html .list--taggroup ul {
  zoom: 1;
}
.list--taggroup ul:after {
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  display: block;
  content: "";
}
* html .list--taggroup ul,
*:first-child + html .list--taggroup ul {
  zoom: 1;
}
.list--taggroup li {
	background-color: #E7E7E7;
	list-style-type: none;
	float: left;
	padding: 1px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 75px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	line-height: 2.6em;
	color: #a1a1a1;
}
.list--taggroup li:last-child {
  margin-right: 0;
}
.list--taggroup .red  {
	background-color: #ffe0e0;
	color: #cb4f4f;
	font-weight: bold;
}
.list--taggroup .yellow  {
  background-color: #f5e3b9;
  color: #9a7a2b;
}
.list--taggroup .blue  {
  background-color: #d8f0fc;
  color: #2b5d9a;
}






/* 文字装飾 */
.font_down {
font-size:12px;
line-height:20px;
color:#333333;
margin:0;
padding:0;
}

.highlight { background:#fffacd;
padding:3px 3px;
}

.highlight_a { background:#fffacd;
padding:3px 3px;
font-weight:bold;
}

.red yellow,
.red--a { background:#fffacd;
color:#FF0000;
padding:3px 3px;
font-weight:bold;
}

.highlight_a_blue,
.blue--a { background:#fffacd;
color:#03C;
padding:3px 3px;
font-weight:bold;
}

.highlight_red {
color:#FF0000;
font-weight:bold;
}

.highlight_blue {
color:#03C;
font-weight:bold;
}

.red {
color:#FF0000;
}

.blue {
color:#03C;
}
.yellow{
background:#fffacd;
padding:3px 3px;
}


.highlight { background:#fffacd;
padding:3px 3px;
}

.highlight_a { background:#fffacd;
padding:3px 3px;
font-weight:bold;
}

.highlight_a_red { background:#fffacd;
color:#FF0000;
padding:3px 3px;
font-weight:bold;
}

.highlight_a_blue { background:#fffacd;
color:#03C;
padding:3px 3px;
font-weight:bold;
}

.highlight_red {
color:#FF0000;
font-weight:bold;
}

.highlight_blue {
color:#03C;
font-weight:bold;
}