@charset "utf-8";

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

	SYNCER 知識、感動をみんなと同期(Sync)するブログ

	* 配布場所
	https://syncer.jp/jquery-modal-window

	* 最終更新日時
	2015/08/17 15:38

	* 作者
	あらゆ

	** 連絡先
	Twitter: https://twitter.com/arayutw
	Facebook: https://www.facebook.com/arayutw
	Google+: https://plus.google.com/114918692417332410369/
	E-mail: info@syncer.jp

	※ バグ、不具合の報告、提案、ご要望など、お待ちしております。
	※ 申し訳ありませんが、ご利用者様、個々の環境における問題はサポートしていません。

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


.modal-content {
	width: 950px ;
	margin: -25px 0px 0px 0px ;
	padding: 10px 10px 10px 10px;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 8000 ;
}
  
#modal-overlay {
	z-index: 7000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}





/********************************************************************************
コンテンツ部分
********************************************************************************/

.modal-title{
background:#000000;
font-size:12px;
color:#cccccc;
padding:10px 10px 10px 10px;
text-align:left;
}
.modal-title span{
font-size:16px;
color:#ffffff;
font-weight:bold;
padding:0px 0px 5px 0px;
text-align:left;
}


.c1_l{
float:left;
text-align:left;
padding: 10px 0px 10px 0px;
}
.c1_r{
float:right;
padding: 0px 0px 0px 0px;
text-align:left;
}

.ol{
width: 520px;
}
.ol th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #555;
border-left: 5px solid #adacac; 
vertical-align: middle;
font-size: 12px;
}
.ol2 th{
width: 490px;
padding: 6px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #555;
border-left: 5px solid #ff6633; 
vertical-align: middle;
font-size: 12px;
}
.ol td{
width: 25%;
font-size: 12px;
line-height: 15px;
padding: 6px;
margin: 0px 0px 10px 0px;
border: 1px solid #999;
vertical-align: middle;
}
.ol2 td{
width: 490px;
padding: 6px;
border: 1px solid #999;
}

.overview_ttl{
font-size:16px;
padding: 0px 0px 5px 0px;
}

.c1_price{
color:#FF0000;
font-size:22px;
font-weight:bold;
padding:10px 0px 10px 0px;
}
.c1_price .p2{
color:#FF0000;
font-size:32px;
font-weight:bold;
padding:0px 0px 10px 0px;
}
.c1_loan{
border:1px solid #024466;
}
.c1_loan .ttl{
background:#000000;
width:400px;
height:25px;
display:table-cell;
vertical-align:middle;
padding:3px 0px 3px 10px;
color:#ffffff;
font-size:14px;
}
.c1_loan .fee{
color:#ff0000;
font-size:24px;
padding:5px;
}
.c1_loan .p1{
color:#000000;
font-size:14px;
line-height:18px;
padding:5px;
}
.c1_loan .p2{
color:#000000;
font-size:12px;
padding:5px;
}

.c1_point{
padding:10px 0px 0px 0px;
width:400px;
}
.c1_point ul{
}
.c1_point li{
color:#888888;
font-size:12px;
border:1px solid #888888;
float:left;
padding:3px;
margin:0px 5px 5px 0px;
}



.c2{
}

#rusp{
padding:10px 0px 0px 0px;
text-align:left;
float:left;
background: url(../img/tokusyu/common/rusp_bg.png) no-repeat left bottom;
}
#rusp p{
margin:0px 0px 0px 0px;
padding:30px 10px 0px 10px;
width:380px;
height:70px;
text-align:left;
}
#rusp p span{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:12px;
line-height:16px;
color:#ffffff;
}
#rusp p strong{
font-size:14px;
line-height:16px;
color:#ffff00;
font-weight:bold;
}



.point {
margin:0px 0px 0px 0px;
padding:10px 10px 0px 0px;
float:right;
}
.point  ul {
width:520px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.point  li {
float:left;
position:relative;
display:block;
width:120px;
height:90px;
margin:0px 10px 10px 0px;
}
.point li:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.hzz{
float:left;
position:relative;
display:block;
width:120px;
height:90px;
margin:0px -10px 0px 0px;
}
.point  p {
font-size:12px;
background:rgba(0,0,0,0.35);
background: #000000\9; /* IE8 */
*background: #000000; /* IE7 */
_background: #000000; /* IE6 */
color:#fff;
position:absolute;
bottom:0px;
left:0px;
width:120px;
padding:5px 0px 5px 0px;
text-align:center;
}
.point  p span{
width:120px;
font-size:12px;
text-align:center;
}





.koga06 { overflow: auto; clear: left; }



.clear{
clear:both;
}








/*---------自由ヶ丘5丁目-------- */
#jiyuugaoka05_01 { display:block; }
#jiyuugaoka05_02 { display:none; }
#jiyuugaoka05_03 { display:none; }
#jiyuugaoka05_04 { display:none; }
#jiyuugaoka05_05 { display:none; }
#jiyuugaoka05_06 { display:none; }
#jiyuugaoka05_07 { display:none; }
#jiyuugaoka05_08 { display:none; }
#jiyuugaoka05_09 { display:none; }
#jiyuugaoka05_10 { display:none; }
#jiyuugaoka05_11 { display:none; }
#jiyuugaoka05_12 { display:none; }
#jiyuugaoka05_13 { display:none; }
#jiyuugaoka05_14 { display:none; }
#jiyuugaoka05_15 { display:none; }
#jiyuugaoka05_16 { display:none; }



/*---------東郷4丁目-------- */
#tougou04_01 { display:block; }
#tougou04_02 { display:none; }
#tougou04_03 { display:none; }
#tougou04_04 { display:none; }
#tougou04_05 { display:none; }
#tougou04_06 { display:none; }
#tougou04_07 { display:none; }
#tougou04_08 { display:none; }
#tougou04_09 { display:none; }
#tougou04_10 { display:none; }
#tougou04_11 { display:none; }
#tougou04_12 { display:none; }
#tougou04_13 { display:none; }
#tougou04_14 { display:none; }
#tougou04_15 { display:none; }
#tougou04_16 { display:none; }