@charset "utf-8";

/* second page common
------------------------------------------------------------------------------------------------*/
#wrapper {
	background: none;
}

#loan-wrap a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/* main-image
------------------------------------------------*/
#loan-wrap #main-image {
	position:relative;
	padding:6px 0 10px;
	border-bottom: solid 1px #ccc;
}
	#loan-wrap #main-image h2 {
		text-align:center;
	}
	
#loan-wrap #primary {
	width:636px;
	float:left;
	border-right:solid 1px #ccc;
	text-align:center;
}

#loan-wrap #primary-inner {
	width:570px;
	margin:0 auto;
	text-align:left;
}

#loan-wrap #secondary {
	width:213px;
	float: right;
	text-align:center;
}

#loan-wrap #secondary-inner {
	width:192px;
	margin:0 auto;
	text-align:left;
}

/* Tab
------------------------------------------------*/
/* Tab */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 1px 0 0;
    position: relative;
    top: 0px;
}
.ui-tabs-nav li.ui-tabs-selected {
    top: 1px;
}
.ui-tabs-nav a {
    display: block;
    height: 30px;
	white-space: nowrap; /* required in IE 6 */ 
    outline: 0; /* prevent dotted border in Firefox */
    position: relative;
    top: 2px;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0;
}

.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
.ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
}
#tabg {
	padding: 15px 0 30px 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    _display: inline-block;
}
#tabh {
	padding: 15px 0 5px 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    _display: inline-block;
}

.ui-tabs-panel {
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(img/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#loan-cont {
	clear: both;
}
	#loan-cont #btn-tab1,
	#loan-cont #btn-tab2,
	#loan-cont #btn-tab3,
	/* 追加修正 101115 */
	#loan-cont #btn-tab4 {

		display: block;
		height: 30px;
		text-indent: -9999px;
	}
	#btn-tab1 {
		background: url(/loan/tsunagi/images/tab01_02.gif) no-repeat 0 8px;
		width: 100px;
	}
	#btn-tab1 a {display:block; width: 100px; height: 30px;}
	/*#btn-tab1 a:hover {background: url(img/tab01_01.gif) no-repeat left top;}
	#btn-tab1.ui-tabs-selected {background: url(img/tab01_01.gif) no-repeat left top;}
	#btn-tab1.ui-tabs-selected a:hover {background: url(img/tab01_01.gif) no-repeat left top;}*/

	#btn-tab2 {
		background: url(/loan/tsunagi/images/tab02_02.gif) no-repeat 0 8px;
		width: 100px;
	}
	#btn-tab2 a {display:block; width: 100px; height: 30px;}
	/*#btn-tab2 a:hover {background: url(img/tab02_01.gif) no-repeat left top;}
	#btn-tab2.ui-tabs-selected {background: url(img/tab02_01.gif) no-repeat left top;}
	#btn-tab2.ui-tabs-selected a:hover {background: url(img/tab02_01.gif) no-repeat left top;}*/
	
	#btn-tab3 {
		background: url(/loan/tsunagi/images/tab03_02.gif) no-repeat 0 8px;
		width: 200px;
	}
	#btn-tab3 a {display:block; width: 200px; height: 30px;}
	/*#btn-tab3 a:hover{background: url(img/tab03_01.gif) no-repeat left top;}
	#btn-tab3.ui-tabs-selected {background: url(img/tab03_01.gif) no-repeat left top;}
	#btn-tab3.ui-tabs-selected a:hover {background: url(img/tab03_01.gif) no-repeat left top;}*/

	/* 追加修正 101115 */
	#btn-tab4 {
		background: url(/loan/tsunagi/images/tab04_02.gif) no-repeat 0 8px;
		width: 100px;
	}
	#btn-tab4 a {display:block; width: 100px; height: 30px;}
	/*#btn-tab3 a:hover{background: url(img/tab04_01.gif) no-repeat left top;}
	#btn-tab3.ui-tabs-selected {background: url(img/tab04_01.gif) no-repeat left top;}
	#btn-tab3.ui-tabs-selected a:hover {background: url(img/tab04_01.gif) no-repeat left top;}*/



h3.tab-h3tit{
	font-weight:bold;
	font-size:110%;
	margin-bottom:3px;
	}

/* tab-1 / table-style01
------------------------------------------------*/
#loan-wrap .table-style01 th,#loan-wrap .table-style01 td{
	border:solid #ccc 1px;
	padding:3px;
	vertical-align:top;
	font-family:"Hiragino Kaku Gothic Pro W3" , "Meiryo" , "メイリオ" , "ＭＳ Ｐゴシック";
}
* html #loan-wrap .table-style01 th,* html #loan-wrap .table-style01 td {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	#loan-wrap .table-style01 th{
		background-color:#e2ebec;
		width:117px;
		white-space: nowrap;
	}
	#loan-wrap .table-style01 th span{
		font-size:80%;
	}
	#loan-wrap .table-style01 td h5{
		background:#fff;
		padding:5px;
		border:1px solid #aaaaaa;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		line-height:110%;
	}
	#loan-wrap .table-style01 td .space{
		margin:5px 5px 5px 5px;
	}
	#loan-wrap .table-style01 td table th,#loan-wrap .table-style01 td table td{
		border:none;
		background:none;
	}
	#loan-wrap .table-style01 td table th{
		width:120px;
	}

/* tab-2 / table-style02
------------------------------------------------*/
#loan-wrap .table-style02{
	width:100%;
}
#loan-wrap .table-style02 th,#loan-wrap .table-style02 td{
	border:solid #ccc 1px;
	vertical-align: middle;
	font-family:"Hiragino Kaku Gothic Pro W3" , "Meiryo" , "メイリオ" , "ＭＳ Ｐゴシック";
}
* html #loan-wrap .table-style02 th,* html #loan-wrap .table-style02 td {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	#loan-wrap .table-style02 th{
		width:59px;
		background-color:#e3e3e3;
		white-space:nowrap;
		text-align:center;
	}
	#loan-wrap .table-style02 td{
		text-align:right;
		padding:3px;
	}
	#loan-wrap #tab-2 .bdr-s{
		border:solid #fc3 1px;
		padding:10px;
		margin-top:20px;
	}

/* tab-3
------------------------------------------------*/
#loan-wrap #tab-3 h4{
	font-weight:bold;
	background-color: #e2ebec;
	border:solid #ccc 1px;
	padding:3px;
	margin-top:30px;
	margin-bottom:5px;
}
	#loan-wrap #tab-3 h4.h4-top{
		margin-top:0;
	}

#loan-wrap #telephone em{
	font-weight:bold;
	font-style:normal;
	font-size:130%;
}
#loan-wrap #telephone strong{
	font-weight:bold;
	font-size:200%;
	color:#c00;
	margin-right:1em;
}



/* btn-online-wrap
------------------------------------------------*/
#loan-wrap #btn-online-wrap{
	border-bottom:solid #ccc 1px;
}
#loan-wrap #btn-online{
	width:394px;
	margin:0 auto;
	padding-bottom:10px;
}
#loan-wrap #btn-online img{
	margin-bottom:5px;
}


/* pdf-link
------------------------------------------------*/
#primary #pdf-link{
	margin:20px 0;
}
#primary #pdf-link p{
	text-align:center;
	padding-bottom:5px;
}
#primary #pdf-link p img{
	margin-right:3px;
	vertical-align:middle;
}

/* secondary
------------------------------------------------*/
#loan-wrap #btn-online-s{
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:solid #ccc 1px;
}
#loan-wrap #btn-online-s img{
	margin-bottom:5px;
}
#loan-wrap #btn-online-s p.size11{
	margin-left:1em;
	text-indent:-1em;
}

#secondary #pdf-link{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid #ccc 1px;
}
#secondary #pdf-link { zoom:1; }
#secondary #pdf-link:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#secondary #pdf-link p strong{
font-size:114%;
}
#secondary #pdf-link p{
	font-size:86%;
	text-align:left;
	padding-bottom:5px;
}
#secondary #pdf-link p a{
	text-decoration:none;
}
#secondary #pdf-link p img{
	width:28px;
	float:left;
	margin-right:3px;
}

#secondary #simulation{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid #ccc 1px;
}

#secondary #telephone{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid #ccc 1px;
}
#secondary #telephone p{
	margin-top:5px;
	font-size:80%;
}

/* pagetop
------------------------------------------------*/
#loan-wrap #pagetop{
	padding-top:15px;
}
#loan-wrap #pagetop p{
	text-align:right;
}