/* 全てのメディア用CSS */
@media all {
	
	/* マージン・パディングの初期化 */
	body,h1,h2,p,div,form,dl,dt,dd,ul,li,table,img { margin:0; padding:0; }
	
	body {
		background:url(../images/smooth_tmpl/body_bg.gif) repeat-x white;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
	a:link, a:visited, a:active { color:blue;}
	a:hover { color: #FF6600;}
	
	/******************************************************************
		テンプレート用　共通
	******************************************************************/
	
	#wrapper {
		width:880px;
		margin:0 auto;
		position:relative;}
		
		#header, #contents, #footer {position:relative;}
	
	#header {
		height:88px;
		padding:0 15px;
		/*border:1px solid #EEE;*/}
		
		#menu {
			width:350px;
			position:absolute;
			right:0;
			top:0;
			overflow:hidden;
			background: no-repeat left top;
			list-style-type:none;
			}
			
			#menu li { 
				float:left;}
			#menu li a { 
				display:block;
				height:24px;
				text-indent:-9999px;
				text-decoration:none;
				background: no-repeat; 
				margin-right:1px;
				margin-top:3px;}
			#menu #menu01 a { width:90px; margin-left:30px;}
			#menu #menu02 a { width:70px; background-position: -90px 0;}
			#menu #menu03 a { width:70px; background-position: -160px 0;}
			#menu #menu04 a { width:84px; background-position: -230px 0; }
		
		#head_org_logo { position:absolute; right:5px; top:40px;}
		
		#font_size {
			position:absolute;
			right:3px;
			top:60px;
			width:143px;
			overflow:hidden;
			background: url(../images/smooth_tmpl/font_size_title.gif) no-repeat left 5px;
			list-style-type:none;}
			
			#font_size li { 
				float:left;}
			#font_size li a { 
				display:block;
				height:20px;
				width:20px;
				text-indent:-9999px;
				text-decoration:none;
				background: url(../images/smooth_tmpl/font_size_btn.gif) no-repeat; 
				margin-right:1px;}
			#font_size #font_size_s { margin-left:80px;}
			#font_size #font_size_m { background-position: -20px 0;}
			#font_size #font_size_l { background-position: -40px 0;}
			#font_size #font_size_s.active { background-position: 0 -20px;}
			#font_size #font_size_m.active { background-position: -20px -20px;}
			#font_size #font_size_l.active { background-position: -40px -20px;}
		
	#contents {
		border:solid #D1D1D1;
		border-width:0 1px;
		background-color:white;}
		
		#pankuzu {
			height:27px;
			line-height:27px;
			padding:0 10px;
			background:repeat-x;
			font-size: 10px;
			color: rgb(102,102,102);
			margin-bottom:15px;}
		
		#content_body {}
			
	#footer {
		border:solid #D1D1D1;
		border-width:0 1px;
		padding:10px;}
	
		#foot_navi {
			border:solid gray;
			border-width:2px 0 1px 0;
			list-style-type:none;
			height:22px;}
			#foot_navi li a { height:16px; width:100px; margin:3px 0; text-indent:-9999px; text-decoration:none; display:block;}
			
			#foot_navi #foot_navi01 { float:left;}
			#foot_navi #foot_navi02 { float:right;}
			#foot_navi #foot_navi01 a { background:url(../images/smooth_tmpl/btn_history_back.gif) no-repeat;}
			#foot_navi #foot_navi02 a { background:url(../images/smooth_tmpl/btn_page_top.gif) no-repeat;}
		
		#foot_link {
			margin:5px 0;
			list-style-type:none;}
			
			#foot_link li { float:left; width:33%;}
			#foot_link02 { text-align:center;}
			#foot_link03 { text-align:right;}
		
		#copyright {
			background-color:rgb(102,102,102);
			padding:2px;
			clear:both;}
			#copyright address {
				display:block;
				float:right;
				color:#999;
				font: normal normal normal 10px Arial, Helvetica, sans-serif;
				line-height:21px;}
	
	/******************************************************************
		総合TOP用
	******************************************************************/
	
	body#home {
		padding-top:100px;
		background-image:url(../images/index/bg.jpg); 
		background-position:center;  }
	
	/* サイト選択ボタン */
	#home_select_site {
		width:100%; height:400px; 
		padding:40px 0 0 0; 
		border-width:1px 0px; 
		border-color:rgb(204,204,204); 
		border-style:solid; 
		background-color:white;
		text-align:center;}
		
		#home_select_site p,#home_select_site ul {
			visibility:hidden;
			display:none;
			text-indent:-9999px;}
	
	#home_footer {
		width:100%; 
		padding:15px 0; margin-top:30px;
		background-color:white;}
		
		#home_footer table { margin:0 auto;}
	
	/******************************************************************
		第一画面用
	******************************************************************/
	
	#index_pref_title { text-indent:-9999px; background:url(../images/smooth/by_pref_title.gif) no-repeat; width:750px; height:35px;}
	#index_pref_body { border:#D8D8D8 solid; border-width:0 1px 1px 1px;}
	
	#tbl_pref_num {
		border-top:1px solid rgb(216,216,216);
	}
	
	#tbl_pref_num td, #tbl_pref_num th {
		padding: 5px 3px;
	}
	
	#tbl_pref_num tr.u_bdr td {
		border-bottom:1px solid rgb(216,216,216);
		padding:0 3px 7px 3px;
	}
	
	#tbl_pref_num th {
		text-align: left;
		font-weight: bold;
		background-color:rgb(245,245,245);
		border-bottom:1px solid rgb(216,216,216);
	}
	
	#index_detail_title { 
		text-indent:-9999px; 
		background: no-repeat; 
		width:750px; height:35px;
		margin-top:30px;}
	#index_detail_body { border:#D8D8D8 solid; border-width:0px 1px 1px 1px;}
	
	/****  第1画面、第2画面　詳細検索  ***************************************************/

	#detail_form {
		margin: 10px auto 0 auto; 
		border-top: rgb(216,216,216) solid 1px; }
	
	#detail_form th {
		background-color:rgb(245,245,245);
		font-weight:bold;
		text-align:left;
		vertical-align:top;
		padding-top:8px;
	}
	
	#detail_form td, #detail_form th {
		border-style: solid;
		border-color: rgb(216,216,216);
		border-width: 0 0 1px 0;
	}
	/* その他のサービスのチェックボックス群 */
	#ul_other_service { list-style-type:none;}
	#ul_other_service li {
		width:50%;
		float:left;}
	
	/******************************************************************
		第二画面用
	******************************************************************/
	
	/* タイトル部分 */
	#list_title { margin-bottom:20px;}
	#list_title h1 { width:135px; height:24px; background:url(../images/smooth_tmpl/smooth_list_title.gif) no-repeat; text-indent:-9999px; float:left;}
	#list_title_pref { color:#999;	font-size:18px; font-weight:bold; float:left; line-height:26px;}
	#list_title_cond { float:right; width:70%; border:1px solid #CCC; padding:5px; font-size:80%; color:#666;}

	/* 検索結果数 */
	#list_result_num {
		width:114px; float:left; margin-right:26px;
	}
		#list_result_num dt { text-indent:-9999px; background:url(../images/smooth/result_num_head.gif) no-repeat; height:32px;}
		#list_result_num dd { text-align:center; padding-bottom:20px; background:url(../images/smooth/result_num_bottom.gif) no-repeat bottom; }
	
	/* 絞り込み検索 */
	#list_reseek { width:340px; float:left; margin-right:30px;}
		#list_reseek dt { height:23px; background:url(../images/smooth/list/reseek_head.gif) no-repeat; text-indent:-999px;}
		#list_reseek dd { border:solid #CCC; border-width:0 1px 1px 1px;}
		#list_reseek ul { list-style: none;}
		#list_reseek li { 
			padding:4px 4px 4px 75px; 
			margin:0 3px 3px 3px;
			background-repeat:no-repeat;
			background-color:#E9E9E9;}
			#list_reseek_rent { background-image:url(../images/smooth/list/reseek_rent.gif);}
			#list_reseek_area { background-image:url(../images/smooth/list/reseek_area.gif);}
			#list_reseek_city { background-image:url(../images/smooth/list/reseek_city.gif);}
			#btnReseek { float:right; vertical-align:middle;}
	
	/* 並べ替え */
	#list_sort { width:340px; float:left;}
		#list_sort dt { height:23px; background:url(../images/smooth/list/sort_head.gif) no-repeat; text-indent:-999px;}
		#list_sort dd { border:solid #CCC; border-width:0 1px 1px 1px;}
		#list_sort ul { list-style: none;}
		#list_sort li { 
			padding:4px; 
			margin:0 3px 3px 3px;
			background-repeat:no-repeat;
			background-color:#E9E9E9;}
	
	/* 印刷ページ */
	#go_print { width:340px; float:left; margin-top:20px;}
	
	#dgrList, #ApartList_dgrList {
		clear:both;
		margin-top:15px;}
	
	.LIST-HEAD {
		background-repeat:repeat-x;
		font-weight:bold;
		color:white;}
		
	.LIST-HEAD td {
		text-align: center;}
	
	.LIST-TD td {
		padding:6px 2px;
	}
	
	.LIST-PG td {
		text-align: right;
		font-weight:bold;
	}
	
	
	/******************************************************************
		第三画面用
	******************************************************************/
	
	#detail_title { 
		width:135px; height:24px; 
		margin-bottom:15px; 
		background:url(../images/smooth_tmpl/smooth_detail_title.gif) no-repeat; 
		text-indent:-9999px;}
	
	.d_table, .d_table th, .d_table td, .d_table2, .d_table2 th, .d_table2 td{ 
			border-collapse: collapse; 
			border: 1px solid gray;
			word-break: break-all;}
		
	.d_table, .d_table2 { 
			border-width:2px; 
			border-color:gray; 
			width:100%;
			}
	.d_table th, .d_table2 th {
			background-color:#EFEFEF;
			text-align:left; 
			font-weight:normal;}
	.d_table2 th { 
			font-weight:normal;}
	.d_table th { 
			width:25%;}
	
	td.right, th.right { text-align:right;}
	td.left th.left { text-align:left;}
	td.center, th.center { text-align:center;}
	th.l-gray { background-color:rgb(205,205,205); /*text-decoration:underline;#d6d6e7;*/}
	th.d-gray { background-color:#666666; color:white; border-color:gainsboro;}
	
	/* 住戸タイプなどのタイトル部分 */
	h2.detail_h2 { 
		width:100%; 
		padding:7px 0; 
		text-align:left; 
		font-size:1.1em; 
		font-weight:bold;
		margin-bottom:5px;}
		
		h2.detail_h2 small { color:#666; font-size:0.7em; font-weight:normal; }
	
	/* タブ切り替え用CSS */
	ul.tabs { width:100%; height:23px; list-style-type:none; font-size:12px;}
	ul.tabs li {
		float: left;
		width: 80px;
		height: 23px;
		margin: 0 0 0 10px;
		line-height: 23px; /* テキストの上下位置を中央ぞろえに */
		text-align: center;
		margin:0 2px 0 0;
	}
	ul.tabs li a {
		color:#666;
		text-decoration:none;
		font-weight:bold;
		display: block;
		width: 80px;
		height: 23px;
		background-repeat: no-repeat;
		background-position: -80px 0;
	}
	/* タブ自体のデザイン */
	ul.tabs li a.active {
		background-position: 0 0;
		color:white;}
	/* 住戸やサービスが登録されていない場合の表示DIV */
	.not_registered { border:2px solid gray; padding:30px; text-align:center;}
	
	/******************************************************************
		汎用クラス
	******************************************************************/
		
	.CTR 		{ text-align: center; }
	.RGT 		{ text-align: right; }
	.LFT 		{ text-align: left; }
	.RED 		{	color: #CC0000; }
	.D-GRAY { color: #333333; }
	.GB-BIG {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 1.4em;
		font-weight: bold;
		line-height:120%;}
	.F-SMALLER { font-size: smaller; }
	.F-140 {
		font-size:1.4em;
		line-height:120%;}
	.F-180 {
		font-size:1.8em;
		line-height: 120%;}
	.ARIAL {
		font-family:Geneva, Arial, Helvetica, sans-serif;}
}

@media screen {
	/* IE用のすき間対策 */
	div { overflow:hidden;}
	/* 第三画面用 */
	.print_visible, .type, .service { display:none;}
	#bukken_detail {width:750px; margin:15px auto 10px auto;}
}

/* 印刷用スタイル */
@media print {
	
	/* 第三画面用 */
	.print_hidden { display:none;}
	.type, .service { margin-bottom:10px;}
}