@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 共通 CSS
	
	・Since: 2007.10
	・Modified: 2007.12/26
	・Editor: KIML
	・Customize:

-------------------------------------------------------------------
	
		[1]:基礎設計
		[2]:フッター
		[3]:左カラム
		[4]:右カラム
		[5]:調整用
		[6]:検証・その他

=================================================================*/


/*-----------------------------------------------------------------
		[1]:基礎設計
-----------------------------------------------------------------*/

div, span, dl, dt, dd, input, label, form, h1, h2, h3, h4, select { margin:0 0 0 0; padding:0 0 0 0;}

body{
	color: #4f4f4f;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family: 'ＭＳ Ｐゴシック', 'sans-serif', 'Osaka';
	text-align: center;
}

*:first-child+html body { /* IE7用 */
	font-family: 'メイリオ', 'Meiryo' ;
}

a {
	color:#0e61e1;
	text-decoration:underline;
	font-family: 'sans-serif', 'Osaka';
}

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

img{
	border: 0;
}

h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 60px;
}

h2 {
	margin-bottom: 20px;
	font-size: 100%;
	border-top: solid 3px #739cd0;
	background: #f6fafd url(../image/ttl_bg_h2.gif) repeat-x top;
}

h2 span {
	display: block;
	border-bottom: solid 1px #d0d1d4;
	line-height: 110%;
	padding: 10px;
}

h1.txt {
	font-size:1.75em;
	color:#296ebc;
	font-weight:normal;
	line-height:1.0;
	border:0;
	margin:0;
	letter-spacing:0.1em;
}

h2.txt {
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
	border:none;
	background-image:none;
	background-color:#fff;
	font-weight:bold;
	line-height:1.5;
	/*font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
}

h2.m-txt {
	margin:0;
	padding:0;
	font-size:21px;
	color:#333;
	border:none;
	background-image:none;
	background-color:#fff;
	font-weight:bold;
	line-height:1.5;
	/*font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
}

h3 {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font-size: 85%;
	line-height: 105%;
	color: #2b70bd;
	background: url(../image/h3_line.gif) no-repeat left top;
}

h3 span {
	display: block;
	padding: 13px 0 0 20px;
	background: url(../image/ttl_h3.gif) no-repeat 0px 15px;
	min-height: 27px;
	_height: 27px;	/*IE用*/
}

h4 {
	padding: 10px 0 10px 23px;
	margin: 0 0 10px 0;
	font-size: 82%;
	line-height: 105%;
	border-top: solid 1px #dedede;
	background: #f7f7f7 url(../image/ttl_h4.gif) no-repeat left center;
}

h5 {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 82%;
	line-height: 105%;
}

ul {
	margin: 0 0 10px 40px;
	padding: 0 0 0 0;
	list-style: none;
}

ul.icon-list li{
	margin: 0 0 3px 0;
	padding: 0 0px 0 20px;
	font-size: 82%;
	line-height: 135%;
	background: url(../image/i_list.gif) no-repeat 0px 5px;
}

ol {
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
}

li{
	margin: 0 0 3px 0;
	padding: 0 5px 0 0;
	font-size: 82%;
	line-height: 145%;
}
	
p {
	text-align:left;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-size: 82%;
	line-height: 160%;
}

p.bottom-none {
	margin: 0 0 0 0;
}

.v-hidden {
	visibility: hidden;
}


/*　整列系　*/

.ta-center{
	text-align: center;
}

.box-center{
	margin:0 auto;
	text-align: center;
}

.ta-right{
	text-align: right !important;
}
.ta-left{
	text-align: left;
}

.va-middle{
	vertical-align: middle;
}

.va-middle img {
	vertical-align: middle;
}

.txt-indent {
	padding-left: 1em;
	text-indent: -1em;
}

.txt-indent-check {
	padding-left: 1.4em;
	text-indent: -1.4em;
}

* html .txt-indent-check {
	padding-left: 1.9em;
	text-indent: -1.9em;
}

.l-height {
	line-height: 100%;
}

.display-block {
	display: block;
}


/*　基礎BOX　*/

#layout{
	width: 950px;
	text-align: left;
	margin: 0 auto;
}

#main-container {
	width: 950px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*　JSオフ注意文言　*/
.attention-txt-box {
	border: solid 2px #ff0000;
	background :#ffecec;
	padding: 7px 0;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}


/*-----------------------------------------------------------------
		[2]:フッター
-----------------------------------------------------------------*/

#footer{
	width: 950px;
	padding: 17px 0 1px 0 !important;
	margin: 15px 0 0 0 !important;
	background: #5287bd url(../image/footer_bg.gif) no-repeat left top;
}

#footer-inner{
	text-align: left;
	line-height: 100%;
	min-height: 25px;
	_height: 25px;
	clear: both;
}

/* フッターナビ */
#footer-navi{
	width: 560px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	height: 25px;
	overflow: hidden;
}

#footer-navi ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 25px;
}

#footer-navi li{
	float: left;
	list-style: none;
	line-height: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#footer-navi li a{
	text-indent: -9999px;
	font-size: 0px;
	display: block;
	height: 25px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}


/* ボタンの幅設定 */
#footer-navi ul li.f-policy { width: 147px;}
#footer-navi ul li.f-sintakujueki { width: 200px;}
#footer-navi ul li.f-quality-policy { width: 78px; }
#footer-navi ul li.f-equality-policy { width: 130px;}
#footer-navi ul li.f-about-site { width: 125px;}
#footer-navi ul li.f-eabout-site { width: 145px;}
#footer-navi ul li.f-enviroment { width: 150px;}


/* コピーライト */
#copyright {
	font-size: 65%;
	font-family: "Helvetica","Arial";
	color: #ffffff;
	text-align: right;
	width: 360px;
	line-height: 105%;
	float :right;
	padding: 8px 10px 2px 0;
	min-height: 15px;
}

* html #copyright {
	height: 15px;
}

/*　ページの先頭　*/
#page-top {
	padding: 0x 0 0 0;
	margin: 15px 0;
	width: 950px;
}

#page-top a {
	margin: 0 0 0 850px;
	background: url(../image/i_top.gif) no-repeat left top;
	width: 100px;
	text-indent: -9999px;
	font-size: 0px;
	height: 20px;
	display: block;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ポップアップ用 */
#footer-popup{
	width: 950px;
	padding: 0 0 1px 0 !important;
	margin: 15px 0 0 0 !important;
	background: #5287bd url(../image/footer_bg_popup.jpg) repeat-x top;
}

#footer-popup #copyright {
	float: none;
	width: 940px;
	text-align: right;
}

/* 小ポップアップ用 */
#footer-popup2{
	padding: 0 0 1px 0 !important;
	margin: 15px 0 0 0 !important;
	background: #5287bd url(../image/footer_bg_popup.jpg) repeat-x top;
	float: right;
}

#footer-popup2 #copyright {
	margin:0 auto 0 auto;
	text-align: right;
}


/*-----------------------------------------------------------------
		[3]:左カラム
-----------------------------------------------------------------*/

#left-container {
	width: 205px;
	padding: 0 0 0 0;
	text-align: left;
	margin: 0 0 0 0;
	float: left;
}


/*-----------------------------------------------------------------
		[4]:中央カラム
-----------------------------------------------------------------*/

#center-container {
	float: right;
	width: 700px;
	text-align: left;
}

.contents {
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: none;
}

.icon-img {
	vertical-align: middle;
	margin-right: 6px;
}


/*　画像＋テキスト回り込み用　*/

img.f_right {
	float: right;
	margin: 0 0 10px 10px;
}

img.f_left{
	float: left;
	margin: 0 10px 10px 0;
}

.font-100 {
	font-size: 100% !important;
}

img.i-window {
	vertical-align: middle;
	margin: 0 0 0 0;
}


.btn-box {
	padding: 16px;
	border: solid 3px #dedede;
	text-align: center;
	margin: 0 0 20px 0;
}


/*-----------------------------------------------------------------
		[5]:調整用
-----------------------------------------------------------------*/

/*ハック*/

.c-box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */
 
.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


/*　フォント関連　*/

.font-normal {
	font-weight: normal;
}


.middle-l {
	font-size: 85%;
	line-height: 145%;
}

.middle-m {
	font-size: 82%;
	line-height: 140%;
}

.middle-s {
	font-size: 62%;
	line-height: 130%;
}


/*　スペース調整　*/

.top-5 {
	margin-top:5px;
}

.top-10 {
	margin-top: 10px !important;
}

.top-15 {
	margin-top:15px;
}

.top-20 {
	margin-top:20px;
}

.top-p7 {
	padding-top: 7px !important;
}

.bottom-0 {
	margin-bottom: 0px !important;
}

.bottom-5 {
	margin-bottom: 5px;
}


.bottom-10 {
	margin-bottom: 10px !important;
}

.bottom-15 {
	margin-bottom: 15px !important;
}

.bottom-20 {
	margin-bottom: 20px !important;
}

.bottom-25 {
	margin-bottom: 25px !important;
}

.bottom-30 {
	margin-bottom: 30px !important;
}

.bottom-40 {
	margin-bottom: 40px !important;
}

.bottom-50 {
	margin-bottom: 50px !important;
}

.left-0{
	margin-left: 0px !important;
}

.left-5{
	margin-left: 5px !important;
}

.left-10{
	margin-left: 10px !important;
}

.left-15{
	margin-left: 15px !important;
}

.left-20{
	margin-left: 20px !important;
}

.left-25{
	margin-left: 25px !important;
}

.right-5{
	margin-right: 5px;
}

.right-10{
	margin-right: 10px !important;
}

.right-15{
	margin-right: 15px;
}

.rl-60{
	margin-right: 60px !important;
	margin-left: 60px !important;
}

.p-right-10{
	padding-right: 10px;
}

.p-left-10{
	padding-left: 10px;
}

.box-p10{
	padding: 10px;
	margin: 0px;
}

.box-p16{
	padding:16px;
}

.box-p5{
	padding: 5px;
	margin: 0px;
}

.f-left{
	float:left;
}

.f-right{
	float:right;
}

.indent-3 {
	padding-left: 2.9em !important;
	text-indent: -2.7em;
}


/* 表組み */

.list-table {
	border: solid 3px #ebebeb;
}

.list-table th {
	background: #f5f5f5;
	padding: 16px;
	font-size: 82%;
}

.list-table td {
	border-bottom: solid 1px #dedede;
	padding: 16px;
	font-size: 82%;
}

.list-table tr.end td {
	border-bottom: none;
	padding: 16px;
	font-size: 82%;
}


/*-----------------------------------------------------------------
		[7]:1カラム用
-----------------------------------------------------------------*/

.one-column #center-container {
	width: 930px;
	margin: 0 auto;
	float: none;
}


/*-----------------------------------------------------------------
		[5]:検証・その他
-----------------------------------------------------------------*/

/*　検証用　*/

.b {
	border: solid 1px #ff0000;
}

.bg {
	background: #ff6600;
}

.none-box {
	display: none;
}

.visibility-box {
	visibility: hidden;
}