@charset "utf-8";

/* CSS Document */





/* clearfix */

/*for modern browser*/

.clearfix:after,

.ul:after{

	content:".";

	display:block;

	clear:both;

	height:0;

	visibility:hidden;

}

/*for IE 6-7 */

.clearfix,

ul{

	zoom:1;

}



#container{

	width:643px;

	background:none;

}



#container p{

	line-height:1.5 !important;

	margin-bottom:20px;

	font-size:14px;

}



#container .leftBox,

#container .rightBox{

	display:inline;/*IEbugFIX*/

}

#container .leftBox{float:left;}

#container .rightBox{float:right;}





#container .large{font-size:1.1666em;}

#container .small{font-size:0.8333em;}



#container h1,

#container h2,

/*#container h3,*/

#container h4,

#container h5{

	margin:0 0 15px !important;

	padding:0 !important;

	border:none !important;

	background:none !important;

}



#container h3{

	padding:0 !important;

	border:none !important;

	background:none !important;

}



#container h2{margin-bottom:10px !important;}

#container h3{margin-bottom:0px;}

#container h4{margin-bottom:20px;}



#container .section{

	margin-bottom:20px;

	margin-left:8px;

}



#container a{

	color:#0066CC;

	text-decoration:underline;

}



.sub_section{margin-bottom:20px;}

.red{color:#ff0000;}

.alignright{text-align:right;}

.aligncenter{text-align:center;}



/*--------------------------------------*/



#container .main_visual{

	background:url(../img/p1/main.jpg) no-repeat left top;

	width:643px;

	height:275px;

	position:relative;

}



ul.pageNav01 { 

    padding: 10px 10px 5px;

    text-align: center;

}  

   

ul.pageNav01 li {  

    display: inline;

    padding: 0;  

}



ul.pageNav01 li a {

    display: inline-block;  

    margin-bottom: 5px;  

    padding:3px 3px 3px 5px;

    text-decoration: none !important;

    vertical-align: middle;

    color:#649901 !important;

    background: #fff;  

    border: 1px solid #a1bc5f;  

    font-size:15px;

}  



ul.pageNav01 li span{

    color:#fff !important;

    background: #649901;  

    border: 1px solid #a1bc5f;  

    display: inline-block;  

    margin-bottom: 5px;  

    padding:3px 3px 3px 5px;

    text-decoration: none;  

    vertical-align: middle;  

	font-size:15px;

}  

   

ul.pageNav01 li a:hover {  

    background: #649901;  

	color:#fff !important;

}  



/*----------------------------

	2010/09/13

-----------------------------*/



.vertical_top{vertical-align:top;}

.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.mb25{margin-bottom:25px;/margin-bottom:22px;}

.mb30{margin-bottom:30px;}

.mb35{margin-bottom:35px;}

.mb40{margin-bottom:40px;}

.mb45{margin-bottom:45px;}



#container h3.mb10{margin-bottom:10px;}

#container h3.mb15{margin-bottom:15px;}

#container h3.mb20{margin-bottom:20px;}



#container .clearfix .down_payment_menu{

	float:left;

	display:inline;

	background:url(../img/common/manu_bg.png) no-repeat;

	width:295px;

	height:145px;

	padding-top:5px;

	margin-right:12px;

}



#container .clearfix .down_payment_menu ul{margin-left:51px;}



#container .clearfix .down_payment_menu ul li{

	margin-bottom:1px;

	height:23px;

}



#container .clearfix .financial_profile{

	float:left;

	display:inline;

	background:url(../img/common/financial_profile.jpg) no-repeat;

	width:335px;

	height:150px;

	position:relative;

}



#container .clearfix .financial_profile a{

	position:absolute;

	left:88px;

	top:120px;

}



#container .borderbox{

	border:1px solid #CCCCCC;

	margin-bottom:3px;

}



#container .borderbox:after{

	content:".";

	height:0;

	clear:both;

	display:block;

	visibility:hidden;

}



#container .borderbox{zoom:1;}



#container .borderbox p,

#container .borderbox img{

	float:left;

	display:inline;

}



#container .borderbox p{line-height:20px!important;}



#container .borderbox_01{padding-bottom:12px;}



#container .borderbox_01 img,

#container .borderbox_02 img,

#container .borderbox_03 img{margin-right:20px;}



#container .borderbox_01 p,

#container .borderbox_02 p,

#container .borderbox_03 p{width:390px;}



#container .borderbox_01 p{padding-top:42px;}



#container .borderbox_02{

	border-bottom:none;

	margin-bottom:0;

}



#container .borderbox_02 p{padding-top:74px;}



#container .borderbox_03{

	border-top:none;

	padding-bottom:8px;

}



#container .borderbox_03 p{padding-top:36px;}



#container .borderbox_04 p{

	padding:5px 0 0 10px;

	margin-bottom:12px;

	width:602px;

}



#container .borderbox_05 p{

	padding:5px 0 0 10px;

	margin-bottom:15px;

	width:602px;

}



#container .borderbox_06{margin-bottom:8px;}



#container .borderbox_06 p{

	padding:2px 0 0 10px;

	margin-bottom:15px;

	width:602px;

}



#container .borderbox_04,

#container .borderbox_05,

#container .borderbox_06{_padding-bottom:10px;}



#container .down_payment_voice{

	background:url(../img/common/voice_box_middele.png) repeat-y;

	width:643px;

	padding-bottom:11px;

	margin-bottom:5px;

}



#container .down_payment_voice ul{margin-left:20px;}



#container .down_payment_voice ul li{

	background:url(../img/common/list_mark_01.png) no-repeat left 5px;

	padding-left:20px;

	font-size:14px;

	line-height:20px;

	width:580px;

	margin-bottom:10px;

}



#container .financial_shout{

	background:url(../img/common/financial_shout_bg.png) no-repeat;

	width:519px;

	height:119px;

	padding:35px 10px 10px 110px;

	/padding-top:45px;

}



#container .financial_shout p{

	line-height:20px!important;

}



#container .borderbox_07{

	padding:8px 0 10px 10px;

	margin-bottom:10px;

}



#container .borderbox_07 p{

	padding:2px 0 0 0px;

	width:184px;

	margin-bottom:0;

}



#container .borderbox_07 img{

	margin-top:12px;

}



#container .down_payment_estimation{

	background:url(../img/common/box_estimation_bg.png) no-repeat;

	width:643px;

	height:482px;

	position:relative;

	margin-bottom:20px;

}



#container .down_payment_estimation .estimation_down_payment,

#container .down_payment_estimation .estimation_every_month,

#container .down_payment_estimation .estimation_interest,

#container .down_payment_estimation .estimation_repayment_period,

#container .down_payment_estimation .btn_estimation,

#container .down_payment_estimation .estimation_property_price,

#container .down_payment_estimation .estimation_text,

#container .down_payment_estimation .search_menu_01{position:absolute;}



#container .down_payment_estimation .estimation_down_payment,

#container .down_payment_estimation .estimation_every_month{left:325px;border:1px solid #CCCCCC;}



#container .down_payment_estimation .estimation_down_payment{top:72px;}

#container .down_payment_estimation .estimation_every_month{top:108px;}



#container .down_payment_estimation .estimation_interest,

#container .down_payment_estimation .estimation_repayment_period{width:37px;height:18px;top:148px;border:1px solid #819EBA;}



#container .down_payment_estimation .estimation_interest{left:232px;}

#container .down_payment_estimation .estimation_repayment_period{left:397px;}



#container .down_payment_estimation .btn_estimation{

	left:220px;

	top:184px;

}



#container .down_payment_estimation .estimation_property_price{

	left:285px;

	top:236px;

	background-color:#FFFCCC;

	width:100px;

	height:24px;

	border:3px solid #CCCCCC;

}



#container .down_payment_estimation .estimation_property_price p{

	text-align:right;

}



#container .down_payment_estimation .estimation_property_price p{

	margin:0px;

	padding:0;

	line-height:0;

}



#container .down_payment_estimation .estimation_text{

	top:232px;

	right:65px;

}



#container .down_payment_estimation .search_menu_01{

	background:url(../img/common/bottom_box_bg_01.png) no-repeat;

	width:599px;

	height:109px;

	padding:37px 0 0 25px;

	left:10px;

	top:325px;

}



#container .down_payment_estimation .search_menu_01 ul li{

	float:left;

	display:inline;

	margin:0 10px 6px 0;

}



#container .borderbox_08{

	padding:0px 0 14px 0px;

	width:205px;

	float:left;

	display:inline;

	margin-right:5px;

}



#container .borderbox_08 p{

	padding:10px 0 0 10px;

	width:190px;

	margin:0;

}



#container .borderbox_09{

	padding:8px 0 70px 10px;

	width:410px;

	float:left;

	display:inline;

}



#container .borderbox_09 p{

	padding:10px 0 0 10px;

	width:384px;

	margin:0;

}



#container .borderbox_10{

	padding:13px 8px 10px 0px;

	float:left;

	display:inline;

	margin-bottom:5px;

}



#container .borderbox_10 p{

	padding:1px 0 0 0px;

	width:315px;

	margin:0;

}



#container .borderbox_10 img{

	margin-right:5px;

}



#container .box_financial{

	background:url(../img/common/box_financial_middle.png) repeat-y;

	padding:10px 25px 16px 30px;

}



#container .box_financial p{

	margin-top:0;

	line-height:20px!important;

}



#container .box_financial p.mb10{

	margin-bottom:10px;

}



#container .box_financial .box_financial_text01{

	margin:0 0 5px 0;

	padding-top:4px;

}



#container .box_financial .box_financial_text02{

	margin:0 0 0 0;

	text-align:right;

}



#container .box_summary{

	background-color:#F8F2ED;

	padding:5px 20px 10px 20px;

	margin-bottom:43px;

}



#container .box_summary p{

	color:#8A0045;

	margin:0px;

}



#container .search_menu_02{

	background:url(../img/common/bottom_box_bg_02.png) no-repeat;

	width:618px;

	height:108px;

	padding:38px 0 0 25px;

	margin-bottom:33px;

}



#container .search_menu_02 ul li{

	float:left;

	display:inline;

	margin:0 18px 5px 0;

}



#container p.down_payment_bottom{

	line-height:24px!important;

	margin:0 0 25px 0;

}



#container p.down_payment_bottom_gray{color:#666666;}



/*-------色/テキスト--------*/



.bold{font-weight:bold;}



.ryouta ,

.kurume ,

.masaki ,

.yuji ,

.ryouko , 

.chihiro{font-weight:bold;}



.ryouta{color:#B08D00;}

.kurume{color:#CC0000;}

.masaki{color:#3399CC;}

.yuji{color:#006666;}

.ryouko{color:#750075;}

.chihiro{color:#7E5328;}



#container .btm0{margin-bottom:0px;}

#container .btm5{margin-bottom:5px;}

#container .btm10{margin-bottom:10px;}

#container .btm20{margin-bottom:20px;}

#container .btm30{margin-bottom:30px;}

#container .btm40{margin-bottom:40px;}

#container .btm50{margin-bottom:50px;}

#container .ml10{margin-left:10px;}

#container .ml20{margin-left:20px;}

#container .mr10{margin-right:10px;}

#container .mr20{margin-right:20px;}