@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 初めてのお客様へ用 CSS
	
	・Since: 2007.11
	・Modified: 2007.12/19
	・Editor: KIML
	・Customize:

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

/*-----------------------------------------------------------------
		[1]:基本設定
-----------------------------------------------------------------*/

/* 中央カラム */
#first #center-container {
	float: none;
	width: 950px;
}



/*-----------------------------------------------------------------
		[2]:ビルオーナーの方
-----------------------------------------------------------------*/

/* メニュー枠 */
#first .first-menu-box {
	width: 306px;
	text-align: left;
	background: url(../../first/image/first_menu_bg.gif) repeat-y left;
}

#first .first-menu-box-inner {
	padding-bottom: 5px;
	background: url(../../first/image/first_menu_bottom.gif) no-repeat left bottom;
}

#first .first-menu h2 {
	border-top: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none;
	width: 306px;
}

#first .first-menu h3 {
	border: none;
	padding: 0 0 0 0;
	margin: 10px 0 5px 0;
}

#first .first-menu p {
	padding: 0 0 0 0;
	margin: 5px 0 10px 0;
	font-size: 82%;
	width: 274px;
}

td.p-lr {
	padding: 0 16px;
}


/* オープンメニュー設定 */
#first .accordion_toggle {
	display: block;
	font-size: 85%;
	font-weight: bold;
	text-align: left !important;
	width: 265px;
	min-height: 14px;
	_height: 14px;
	padding: 15px 5px 13px 32px !important;
	margin: 1px 0 0 2px;
	background: #d1d1d1 url(../../first/image/first_menu_bg_off.jpg) no-repeat left top;
}

#first .accordion_toggle a {
	color:#000000;
	text-decoration:none;
}

#first .accordion_toggle_active {
	color: #ffffff !important;
	background: #487ac1 url(../../first/image/first_menu_bg_on.jpg) no-repeat left top;
}

#first .accordion_toggle_active a {
	color:#ffffff;
	text-decoration:none;
}

#first .accordion_content {
	overflow: hidden;
	width:274px;
	padding: 0 0 0 0;
	margin: 0 0 0 16px;
	text-align: left !important;
}

#first .bg_color_box {
	background: #f7fafe;
}


/*-----------------------------------------------------------------
		[2]:２カラム用 設定
-----------------------------------------------------------------*/

/* メニュー枠 */
#first.two-column .first-menu-box {
	width: 467px;
	background: url(../../first/image/first_menu_bg2.gif) repeat-y left;
}

#first.two-column .first-menu-box-inner {
	background: url(../../first/image/im_entry_each_01.gif) no-repeat left bottom;
}

#first.two-column .first-menu h2 {
	width: 467px;
}


#first.two-column .first-menu p {
	width: 435px;
}

#first.two-column .first-menu .process p {
	width: 405px;
}

/* オープンメニュー設定（２カラム用） */
#first.two-column .accordion_toggle {
	width: 426px;
	background: #d1d1d1 url(../../first/image/first_menu_bg_off.jpg) no-repeat left top;
}

#first.two-column.entry .accordion_toggle {
	width: 425px;
	background: #d1d1d1 url(../../first/image/first_menu_bg_off.jpg) no-repeat left top;
}

#first.two-column .accordion_toggle_active {
	color: #ffffff !important;
	background: #487ac1 url(../../first/image/first_menu_bg_on.jpg) no-repeat left top;
}

#first.two-column.entry .accordion_toggle_active {
	color: #ffffff !important;
	background: #487ac1 url(../../first/image/first_menu_bg_on.jpg) no-repeat left top;
}

#first.two-column .accordion_content {
	width:435px;
}

/+ QA用 +/
#first .accordion_toggle {
	width: 438px;
	padding: 0 0 0 0 !important;
	background: none;
border: solid 1px #ff0000;
}

#first #qa-box .accordion_toggle {
	width: 438px;
	padding: 0 0 0 0 !important;
	margin: 1px 0 5px 7px;
	background: none;
}

body#first #qa-box .accordion_content {
	width: 430px !important;
padding: 0 0 0 0;
margin: 0 0 0 7;
}

body#first #qa-box .accordion_content p {
	width: 430px !important;
	margin: 0px 0 10px 0px;
}


/*-----------------------------------------------------------------
		[2]:２カラム用 設定
-----------------------------------------------------------------*/

/* メニュー枠 */

#first.invester .first-menu p {
	width: 499px;
}

/* オープンメニュー設定（２カラム用） */
#first.invester .accordion_toggle {
	width: 485px;
	margin: 0 0 0 1px;
}

#first.invester .accordion_content {
	width:499px;
	margin: 0 0 0 14px;
}







/* プラン枠 */
#first .plan-box {
	background: #ffffff;
	margin: 0 0 5px 0;
	font-size: 65%;
}

#first .plan-box th,
#first .plan-box td {
	border-bottom: solid 1px #d4e1f1;
	line-height: 120%;
	text-align: left;
}

#first .plan-box .none th,
#first .plan-box .none td {
	border-bottom: none;
}


/* リプランニング事業 */
#first-left-box {
	width: 720px;
	float: left;
}

#first-right-box {
	width: 205px;
	float: right;
}

.first-home-box {
	background: #f0f0f0;
}

.first-home-box .left-td {
	width: 195px;
	padding-right: 3px;
}

.first-home-box .right-td {
	width: 475px;
	padding: 10px;
	background: #ffffff;
}


/* 詳しく知りたい方はこちら */
#first-detail-box {
	background: #c8c8c8;
}

#first-detail-box td {
	background: #f3f3f3;
}

#first-detail-box td.first-detail-box-right {
	font-size: 65%;
	padding: 7px 5px 5px 10px;
}




.left-2 {
	margin-left: 2px;
}



#first .top_box{
background:#d0e6fc url(/first/image/index_im_01.jpg) no-repeat 5px top;
border:solid 5px #b6cddf;
margin:0 0 0 0;
padding:20px 3px 20px 20px;
width:917px;
min-height:269px;
}


#first .top_box_inner{
min-height:200px;
height:200px;
}




#first .main_box{
background-color:#f6f6f6;
margin:0 0 0 0;
}


#first .infolis_tb{
border-top:solid 3px #1059bf;
background-color:#ffffff;
}

#first .infolis_tb th{
background:#f5f8fd url(/building/image/result_bg_01.gif) repeat-x left top;
padding:11px 13px;
border-bottom:solid 1px #d0d1d6;
text-align:left;
}

#first .infolis_tb td{
padding:8px 7px;
background-color:#f6f6f6;
}

#first .infolis_tb td .box{
padding:13px 6px;
background-color:#ffffff;
}

#first .infolis_tb table.none td{
padding:0 0 0 0;
margin:0 0 0 0;
font-size: 100%;
font-weight:normal;
}



#first h3 span .none{
	padding: 13px 0 0 20px;
	background: none;
	min-height: 27px;
	_height: 27px;	/*IE用*/
}

#first h3.none{
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font-size: 85%;
	line-height: 105%;
	color: #2b70bd;
	background: none;
}


#first td.hdline-b{
border-top:solid 3px #81a7d4;
}


#first td.hdline-g{
border-top:solid 3px #dedede;
padding-top:0px;
}


.left-35{
margin-left:35px;

}

.p_page-top {
	padding: 0x 0 0 0;
	margin: 15px 0;
	width: 950px;
}

.p_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以外 */
}


.or{
color:#ff8900;
}

.box2{
background:url(/first/image/index_cv_01.gif) repeat-y left top;
}

#first .mi-box-tb2{
border: solid 7px #d7e6f6;
}


#first .mi-box-tb2 th{
background-color:#f2f6fd;
padding:10px 0 10px 10px;
font-weight:normal;
text-align:left;
}

#first .mi-box-tb2 td{
background-color:#ffffff;
padding:10px;
}

#first .mi-box-tb2 th .line{
border-left:solid 1px #d7e6f6;
padding:0 0 5px 0;
margin:0 0 0 0;
}



#first .nv_box{
background:#f3f3f3;
border:solid 1px #c8c8c8;
font-size: 82%;
padding:0 0 0 0;
margin:0 0 0 0;
}


#first .nv_box td.line{
border-left:solid 1px #c8c8c8;
}


#first .nv_box .tx{
padding:10px 20px;
}



/*------entry_each---*/


#first .entry_each_side{
border-right:solid 1px #729dd0;
border-left:solid 1px #729dd0;
}


#first .entry_each_right{
border-right:solid 1px #729dd0;
}

#first .entry_each_left{
background-color:#f7fafe;
border-left:solid 1px #729dd0;
}

#first .entry_each_right_bg{
border-right:solid 1px #729dd0;
background-color:#f7fafe;
}

#first .entry_each_side_bg{
border-right:solid 1px #729dd0;
border-left:solid 1px #729dd0;
background-color:#f7fafe;
}



#first td.stl{
padding:16px 8px 11px 11px;
border-bottom:solid 1px #2970bb;
}

#first td.im{
padding:0px 8px 11px 11px;
}

#first td.im_right{
padding:0px 0px 0px 0px;
}

#first td.im_right td.innner1{
padding:0px 8px 11px 11px;
border-right:none;
border-left:none;
}

#first td.im_right td.innner1 p {
width: 435px !important;
}

#first td.im_right td.innner1 .tl{
margin:15px 0 20px 0;
}

#first .second_box{
padding:7px 9px;
}

#first .second_box .tl{
padding-bottom:8px;
border-bottom:solid 1px #2970bb;
}


#first .second_box .qatl{
margin: 7px 0 7px 6px;
}

#first .second_box .qatl_p{
margin: 0px 6px 0px 6px;
}

.entry-box {
	padding: 8px;
	border: solid 6px #d6e6f6;
	text-align: center;
	background: #f2f7fd;
	margin-bottom:15px;
}

h2.btn_box {
	border-top:none;
	margin-bottom: 10px;
	font-size: 82%;
	border-left: solid 4px #5496E5;
	background:none;
	color:#155297;
	text-align:left;
}

h2.btn_box span {
	display: block;
	border-bottom:none;
	line-height: 110%;
	padding: 0px 10px 0px 10px;
}

.btn-box_tl{
background-color:#d7e6f6;
margin:0 auto;
text-align:center;
}


.btn-box{
border:solid 7px #d7e6f6;
background-color:#f9fbfe;
padding:8px;
margin:0 auto;
text-align:center;
}


.inner_btn-box{
border:solid 7px #d7e6f6;
background-color:#f9fbfe;
padding:8px;
margin:0 auto;
text-align:center;
}




.mgn-3{
margin:3px;
}

.mgn-investorbtn{
margin:11px 14px;
}


.bg_btm{
padding:6px 5px;
background-color:#F0F0F0;
}

.bg_btm_wt{
padding:15px;
background-color:#ffffff;
}


h2.nb{
	margin-bottom: 0px;
}


.bg_sidebtn{
padding:6px;
margin:0 0 0 0;
background-color:#f0Fff0;
}

#first .inverstor_tl{
margin:0 0 10px 1px;
}



#first .qatl2{
margin: 4px 0 7px 10px;
}

#first .inverstor_p{
margin: 0px 6px 0px 11px;
}


#first .index_tl_box{
background:url(/first/image/index_btn_07_03.gif) repeat-x left center;
text-align:center;
font-size: 100%;
}



#first .index_tl_box{
background:url(/first/image/index_btn_07_03.gif) repeat-x left center;
text-align:center;
font-size: 100%;
}

#first .sfsport_tx_box{
min-height:210px; /* FF用 */
} 

*html #first .sfsport_tx_box{
heigh:210px; /* IE用 */
}


#first .sfsport_tx_box2{
min-height:125px; /* FF用 */
} 

*html #first .sfsport_tx_box2{
heigh:125px; /* IE用 */
}