@charset "utf-8";

/***********************************************************/
/*リンクのスタイル（共通）*/
/***********************************************************/
a:link {color: #3366CC;text-decoration:underline;}
a:visited {color: #1144aa;text-decoration:underline;}
a:hover {color: #3366CC;text-decoration:underline;}
a:active {color: #5588ee;text-decoration:underline;}
/***********************************************************/
/*スタイル（共通）*/
/***********************************************************/
body{
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	background: url(../img/top/body_bg.gif) repeat-x;
	}
/* printメディアの場合にのみ適用 */
@media print { 
body { 
	background: none}
 }

th,td,li,dt,dd,p,span,a{
	font-size:100%;
	line-height:150%;
	}
ul{list-style-type:none;margin:0;padding:0;}
#main ul{list-style-type:disc;margin-left:16px;padding-left:16px;}
img{border:0px #fff none;}

/**レイアウトスタイル**/
.position_right		{text-align:right;}
.position_center	{text-align:center;}
.position_left		{text-align:left;}
.position_top		{vertical-align:top;}
.position_bottom	{vertical-align:bottom;}
.position_top_img	{vertical-align:text-top;}
.position_middle_img{vertical-align:middle;}
.position_bottom_img{vertical-align:text-bottom;}
.layout_right		{float:right;}
.layout_left		{float:left;}
.layout_clear		{clear:both;}

/**フォントスタイル**/
.fs_70 { font-size:70%;} 
.fs_80 { font-size:80%;} 
.fs_90 { font-size:90%;} 
.fs_100 { font-size:100%;} 
.fs_120 { font-size:120%;} 
.fs_130 { font-size:130%;} 
.fs_150 { font-size:150%;}
.bold { font-weight:bold;}
.chui{color:#800; font-size:80%;}
.p_style1 {padding-bottom:16px;}

h1{font-size:130%;}
/**テーブルスタイル**/
.application {
	margin-left: 16px;
}
.application table {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
.application td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
}
.application th {
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #999999;
	padding: 5px;
	border-right: 1px solid #999999;
	background-color: #FDE3E8;
	white-space:nowrap;
}
.application td.left_solid {
	border-bottom: 1px solid #999999;
	padding: 5px;
}
.application td.dotto{
	padding: 5px;
	border-bottom: 1px dotted #999999;
}
.application td.solid {
	padding: 5px;
	border-bottom: 1px solid #999999;
}
/**リストスタイル**/


/**ボタンスタイル**/
.btn,.btn input{
border				: 0px #000 solid;
text-indent 		: -9999px;
overflow 			: hidden;
cursor				: pointer;
}

/***********************************************************/
/*レイアウト（共通）*/
/***********************************************************/
#bg_toppage{
	background: url(../img/top/body_bg_repeat.png) repeat-x;
}
/***********************************************************/
/*ヘッダ*/
/***********************************************************/
#header_top {
	width: 824px;
	margin: 0 auto;
	position: relative;/****　子要素にposition: absolute;を使用する際必須。*****/
	text-align:left;
	}
#header_top #header_left {
	width: 302px;
	height: 57px;
/*	float: left;*/
	margin:0;	/* 090317haga h1のデフォルト値をクリア */
	padding-top:16px;
	}
/*#header_top #header_left img {
	padding: 0 0 10px 0;
	}*/
#header_top #header_right {
	width: 524px;
/*	height: 70px;*/
/*	float: right;*/
	}
#header_top #header_right dl#textsize {
	width: 166px;/****　178-12=166px （画像の幅-padding横の値）　*****/
	height: 43px;
/*	float: right;*/
	margin: 0;
	padding: 8px 0 0 12px;
	background: url(../img/top/header_bg_textsize.png) no-repeat;
	position: absolute;
	right: 0px;
	top:0px;
	}
#header_top #header_right dl#textsize dt, 
#header_top #header_right dl#textsize dd {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	}
dl#textsize dd a{
	background: url(../img/top/icn_textsize.gif) repeat;
	display: block;
	width:21px;
	height:22px;
	text-indent 		: -9999px;
	overflow 			: hidden;
	cursor				: pointer;
}
dl#textsize dd a.fontsize_s{background-position: 0px 0px;}
dl#textsize dd a.fontsize_m{background-position: -21px -22px;}
dl#textsize dd a.fontsize_l{background-position: -42px 0px;}

#header_top #header_right ul#exlink {
	height: 24px;
	width:auto;
	position: absolute;
	top: 44px;
	right: 0px;
	background: url(../img/top/exlink_sliceline.gif) right repeat-y;
	}
#header_top #header_right ul#exlink li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 6px;
	background: url(../img/top/exlink_sliceline.gif) left repeat-y;
	line-height:24px;
	}
#header_top #header_right ul#exlink li a{
	font-size:80%;
	background: url(../img/top/icn_exlink.png) no-repeat;
	padding-left:16px;
	}
#header_top #header_right ul#exlink li a:link,
#header_top #header_right ul#exlink li a:visited, 
#header_top #header_right ul#exlink li a:active{
color: #000;text-decoration:none;
}
#header_top #header_right ul#exlink li a:hover{
color: #000;text-decoration:underline;
}

/*saigai用に変更20100323*/
#topimg {
	/*height: 267px;*/
	height: 670px;
	/*background: url(../img/top/topimg_bg.png) repeat-x;*/
	background-color:#f0fcfc;
	}

.saigai_img{
	padding-top:160px;
	}



ul#g_navi {
	width: 824px;
	margin: 0 auto;
	}
#g_navi li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}
#g_navi li img{
	vertical-align:text-bottom;
	}

/***********************************************************/
/*コンテンツ*/
/***********************************************************/
#main,
#contents {
	width: 824px;
	margin: 24px auto 24px auto;
	text-align: left;
	}
/***********************************/
/*index*/
/***********************************/
#introduction_box {
	width: 496px;
	float: left;
	}
#introduction_box h2 {
	border-bottom: #cccccc 2px solid;
	margin:8px 0 0 0;
	}
#introduction_box p {
	line-height:200%;
	}
#info_box {
	width: 280px;
	float: right;
	text-align: center;
	}
#info_box dl {
	border: #cccccc 2px dotted;
	margin: 0 0 8px 0;
	}
#info_box dt {
	margin: 16px 0;
	}
#info_box dd {
	margin: 0px 10px 0px 0;
	text-align:right;
	}
#info_box dd img {
	vertical-align:text-bottom;
	}
*html #info_box dd img {
	margin:2px 0;/*IE*/
	}

.dl_support_business{
	padding:4px 0 8px 0;
	}
.dl_support_business dt,
.dl_support_business dd{
	padding:0px 8px;
	}
#info_box .dl_support_business dt{
	margin: 4px;
	text-align:left;
	border-bottom: #cccccc 2px solid;
	}
.dl_support_business dd{
	padding:0 8px;
	}
.dl_support_business li{
	text-align:left;
	font-size:0.7em;
	float:left;
	width:250px;
	line-height:110%;
	background: url(../img/top/icn_exlink.png) 0 2px  no-repeat;
	padding-left:16px;
	}


#menu_box {
	width: 824px;
	float: left;
	margin-top:24px;
	}
*html #menu_box{
	margin-bottom:-16px;/*IE*/
	}
#menu_box a:link,
#menu_box a:visited,
#menu_box a:hover,
#menu_box a:active {
	color: #000;
	text-decoration:none;
	cursor:pointer;}

#menu_box dl {
	margin: 0;
	padding: 0px 8px 5px 0;
	width: 200px;
	float: left;
	}
#menu_box dl.nomargin {
	margin: 0;
	padding: 0px 0 5px 0;
	width: 200px;
	float: left;
	}
#menu_box dl dt {
	/*height: 66px;*/
	}
#menu_box dt img {
	vertical-align:text-bottom;
	}
#menu_box dd {
	width: 200px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	}
#menu_box dd p {
	margin: 0;
	padding: 12px;
	}
.menu_box_m {background: url(../img/top/menu_box_bg_m.png) 0 8px repeat-y;}
.menu_box_b {background: url(../img/top/menu_box_bg_b.png) left bottom no-repeat;}


/***************************
　　　パンくず
***************************/

#pankuzu {
	background:url(../img/share/pankuzu_foot.gif) no-repeat bottom right;
	height:70px;
	width:740px;
	margin:20px auto;
	}
	/* 上端背景画像用のID */
	#pankuzuHead { background: no-repeat url(../img/share/pankuzu_head.gif) top left; height:3px;}
	
	#pankuzu ul { padding:0; margin:5px 10px;}
	#pankuzu ul li {
		list-style-type:none;
		display:block;
		float:left;
		height:50px;
		margin-right:8px;
		border:1px #EAEAEA solid;
		text-align:center;
		color:#666666;
		}
	
	#pankuzu ul li a {
		display:block;
		height:50px;
		text-decoration:none;
		color:#666666;
		vertical-align:middle;}
	/* 4つのカテゴリ */
	#pkCategory { width:80px; background: no-repeat url(../img/share/pankuzu_category.png);}
		body.foreigner #pkCategory { background-position:-80px;}
		body.handicapped #pkCategory { background-position:-160px;}
		body.nurturing #pkCategory { background-position:-240px;}
	/* 都道府県 */
	#pkPrefecture { width: 80px; font-size:0.9em; font-weight:bold; line-height:50px; }
	#pkCity 			{ width: 130px; font-size:0.9em; font-weight:bold; line-height:50px;}
	#pkOther 			{ width: 250px; font-size:0.9em; font-weight:normal; line-height:16px;}
	#pkShien			{	width: 250px; font-size:0.9em; font-weight:bold; line-height:50px;}
	#pankuzu .pkAnd { border:none;}
/***************************
　　　市区町村一覧
***************************/

/*#cityList #main {
	padding:0 10px;}*/

#cityListTable {
	width:100%;
	border-collapse:collapse;
	margin-top:10px;}
	
	#cityListTable th, #cityListTable td { padding:3px;}
	
	#cityListTable th {
		width:3%;
		background-color:#eeeedd;
		text-align:center;}
		
	#cityListTable td {
		background-color:white;}
		
	#cityListTable .cityListNested td { width:33%; padding:1px; }
	/* 物件・支援ともに0件の場合のセル */
	#cityListTable .cityListNested td.notSet { color:#999999;}
	
/***************************
　　　　　住宅一覧
***************************/

/* 検索結果ボックス */	

#boxResearch, #boxResult {
	border:1px solid #CCCCCC;
	padding:1px;
	vertical-align:top;
	}
	
#boxResearch 	{ width:80%; float:right;}
#boxResult 		{ width:17%; float:left;}
	
	#boxResearch h2, #boxResult h2 { 
		padding:3px;
		font:100% normal; 
		background-color:#E7E7E7;
		margin:0;}
		
	#boxResult strong {
		font-family:Arial Black, Helvetica, sans-serif;
		font-size:180%;
		line-height:105%;
		color:#CC6600;}
		
	#boxResult center { margin-bottom:15px;}
	
	/* 検索条件 */
	#boxResearch dt,#boxResearch dd { float:left; margin:2px 0; padding:0; color:#666666;}
	#boxResearch dt { width:12%; clear:both; font-weight:bold; text-align:center;padding:4px 2px;}
	#boxResearch dd { width:76%;}
	#boxResearch #researchBtn {float:right; margin:0 5px 5px 0;}
	
#apartListNote {
	clear:both;
	height:22px;
	text-align:right;
	padding-top:15px;
	color:#666666;}
	
	#apartListNote img { vertical-align:middle; margin:0 5px;}

#apartListTable {
/*	width:740px;*/
	width:830px;
	border-collapse:collapse;
	clear:both;
	margin-top:5px;}
	
	#apartListTable thead th {
		background-color:#CCCC99; 
		color:#333333;
		font-weight:bold;
		text-align:center;}
		
		#apartListTable thead th.desc { background: url(../img/share/th_selected_desc_bg.gif) repeat-y bottom right #E7E7CD;}
		#apartListTable thead th.cres { background: url(../img/share/th_selected_cres_bg.gif) repeat-y bottom right #E7E7CD;}
		
	#apartListTable thead td, #apartListTable tfoot td {
		background-color:white;
		font-size:0.9em;
		font-weight:bold;
		padding:3px 5px;
		line-height:150%;
		color:#666666;}
	
	#apartListTable tbody tr 				{ background-color:white; }
	#apartListTable tbody tr.altTD 	{ background-color:#F2F2F2; }
	
	#apartListTable tbody td 		{ text-align:center; padding:2px; }
	/* 所在地 */
	#apartListTable tbody .col1 { text-align:left; }
	/* 家賃 */
	#apartListTable tbody .col2 { width:80px ; }
	/* 面積 */
	#apartListTable tbody .col3 { width:80px; }
	#apartListTable tbody .col2, #apartListTable tbody .col3 { font-weight:bold;}
	/* 間取り・空室・建築年月 */
	#apartListTable tbody .col4, #apartListTable tbody .col5, #apartListTable tbody .col6 { width:40px ; }
	/* 連絡先 */
	#apartListTable tbody .col7 { width:110px; }
	/* 備考 */
	#apartListTable tbody .col8 { text-align:left; width:93px; }
		#apartListTable tbody .col8 img { margin:4px 2px 0 0;}
	/* 詳細 */
	#apartListTable tbody .col9 { width:56px;}
	
/***************************
　　　　　住宅詳細
***************************/

#apartDetail table, #apartDetail th, #apartDetail td 
												{ border-collapse:collapse; border:1px solid gray;}
#apartDetail table 			{ margin-bottom:20px; border-width:2px; border-color:#333333;}
#apartDetail th 				{ background-color:#DEDEDE; padding:4px;}
#apartDetail td 				{ padding:4px;}
#apartDetail .thLeft th {	text-align:left;	}
#apartDetail .tdCenter td {	text-align:center;}

/***************************
　　　　　支援一覧
***************************/

#shienList h2 { font-size:1.2em;}
#shienList #shienSearchBox { 
	float:right; 
	padding:5px; 
	width:60%; 
	color:#666666; 
	font-weight:bold;
	border:1px solid #DDDDDD; 
	vertical-align:middle;}

#shienList #civilTitle, #shienList #publicTitle { 
	clear:both;
	border-left:3px solid #333366; 
	background: url(../img/shien/shien_type_title_bg.gif) no-repeat right top #336699;
	width:150px;
	padding:5px;
	color:white;
	margin-top:20px;}
	
#shienListTable {
	width:830px;
	border-collapse:collapse;
	clear:both;}
	
	#shienListTable thead th {
		background-color:#CCCC99; 
		color:#333333;
		font-weight:bold;
		text-align:center;
		padding:5px;}
		
	#shienListTable thead td, #shienListTable tfoot td {
		background-color:white;
		font-size:0.9em;
		font-weight:bold;
		padding:3px 5px;
		line-height:150%;
		color:#666666;
		}
	
	#shienListTable tbody tr { background-color:white; }
	#shienListTable tbody td { padding:3px; text-align:left;font-size:0.9em;}
	#shienListTable tbody tr.altTD { background-color:#F2F2F2; }
	/* 支援内容 */
	#shienListTable tbody .col1 { text-align:left; font-weight:bold; }

/***************************
　　　　　支援詳細
***************************/

#shienDetail h2, #shienOrg h2 { font-size:1.3em; margin-bottom:20px;}

#shienDetailTable {
	border-collapse:collapse;
	border-color:#CCCCCC;
	margin:10px 0;
	}
	#shienDetailTable th,#shienDetailTable td { padding:5px;}
	
	#shienDetailTable th {
		background-color:#DEDEBC;
		text-align:left;}
	
	#shienDetailTable td { width:65%;}
	
/***************************
　　プライバシーポリシー・あんしん賃貸とは
***************************/

#guestPrivacy #main, #guestAbout #main {
	width:650px; line-height:140%;}

#guestPrivacy h2,#guestAbout h2 {
/*	color:#BE050C;*/
	font-size:20px;
	margin-bottom:25px;
	padding:6px 8px;
	border-left: 6px solid #BE050C;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background:url(../img/h1_bg.gif) repeat-x;}
#guestPrivacy h3,#guestAbout h3 {
	border-bottom: 1px solid #BE050C;
	margin-top:24px;
}
#guestPrivacy p, #guestAbout p  { 
	margin-bottom:15px;
	padding-left:15px;}
	
#guestAbout td, #guestAbout th, #guestPrivacy td,#guestPrivacy th { padding:auto;}

.tbl_qa th{
padding-left:16px;
font-size:110%;
width:56px;
}





.tbl_view_page,
#apartDetail .tbl_view_page{
	border:1px #BE050C solid;
	border-collapse: collapse;
}
.tbl_view_page th,
#apartDetail .tbl_view_page th{
	color:#fff;
	background-color:#A94138;
	padding:4px 8px; 
	width:120px; 
	text-align:center;
	border:1px #BE050C solid;
}
.tbl_view_page td,
#apartDetail .tbl_view_page td{
	padding-left:8px;
	border:1px #BE050C solid;
	text-align:left;
}


/***************************
　　QA
***************************/

ul#qamenu{/*余白と本来あるマークを消します*/
		margin:0;
		padding:0;
		list-style-type:none;
		}

li.q{
		font-size:14px;
		margin:5px 0;
		padding:0 0 0 20px;
		background:url("../img/qa/Q.PNG") no-repeat;
		}

li.a{
		font-size:14px;
		margin:5px 0;
		padding:0 0 0 20px;
		background:url("../img/qa/A.PNG") no-repeat;
		}

/***********************************************************/
/*footer*/
/***********************************************************/
#footer {
	background: url(../img/top/footer_bg.png) left top repeat-x; 
	clear:both;
	}
#footer_inner {
	width: 824px;
	margin: 0 auto;
	padding: 1px 0;
	}
ul#footer_menu li,
ul#footer_bnr li {
	float: left;
	}
ul#footer_menu li a {
	padding-left:20px;
	margin: 0 24px 0 0;
	font-size: 0.8em;
	color: #000000;
	font-style: normal;	
	background: url(../img/top/icn_arrow01.png) left center no-repeat; 
	}
ul#footer_menu li a:link,
ul#footer_menu li a:visited,
ul#footer_menu li a:active {text-decoration:none;}
ul#footer_menu li a:hover {text-decoration:underline;}
#footer address {
	font-style: normal;
	color:#999;
	font-size:11px;
	/*float:left;*/
	padding-top:24px;
	}
ul#footer_bnr {
	float:right;
	width:500px;
	}
ul#footer_bnr li {
	display: inline;
	float: right;
	padding: 12px 16px 0 0;
	}


/***********************************************************/
/*印刷時*/
/***********************************************************/




/*floatを指定したボックスに用いる必須ハック*/
.clearfix:after
{
content				: ".";
display				: block;
height				: 0;
clear				: both;
visibility			: hidden;
}

.clearfix
{
display				: inline-block;
}

/*IE-mac\*/
/** html .{height: 1%;}*/
.clearfix{display: block;}
/*IE-mac*/