
/* SEARCH-ROOM 自社検索ページ CSS Document 001 */

															/** BODY ELEMENTS **/
* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #333;
		background-color: #FFFFFF;
		font-family: "Arial", "Helvetica", sans-serif;
		font-size: 0.8em;
		line-height: 1.4;
		text-align: center;
		}

															/** MAIN CONTAINERS **/
div#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	color: #000000;
	}
	div#header {
		}
		p#navi {
			background-color: #333333;
			color: #FFFFFF;
			}
			span#pankuzu {
				margin: 0 5px;
				display: block;
				float: left;
				}
			span#count {
				margin: 0 5px;
				display: block;
				text-align: right;
				}
			p#navi a:link { color: #FFFFFF; } 
			p#navi a:visited { color: #FFFFFF; } 
			p#navi a:hover { color: #ff0000; } 
			p#navi a:active { color: #ff8000; } 
	div#content {
		margin: 10px;
		}
		div#top_comment {
			}
		div#center_comment {
			}
		div#images_top_comment {
			}
		div#center_bottom_comment {
			}
		div#contact_top_comment{
			}
/* setting */
		div#setting {
			}
			div#setting table {
				width: 100%;
				border-collapse: collapse;
				}
			div#setting table thead tr th {
				padding: 5px;
				background-color: #666666;
				border: solid 1px #000000;
				white-space: nowrap;
				text-align: center;
				color: #FFFFFF;
				}
				.checkbox_area {
					float: left;
					width: 31%;
				}
			div#setting table tbody tr th {
				padding: 5px;
				width: 10em;
				background: #CCCCCC;
				border: solid 1px #000000;
				color: #333333;
				white-space: nowrap;
				text-align: center;
				}
			div#setting table tbody tr td {
				padding: 5px;
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				}
				.checkbox {
					float: left;
					margin: 5px 3px 5px 5px;
				}
				.checkbox label{
					margin-left: 5px;
					}
				.checkbox_item_rent{
					width: 22%;
					}
				.checkbox_item_type {
					width: 8em;
					}
				.checkbox_item_type_long {
					width: 31%;
					}
				.checkbox_item_time {
					width: 8em;
					}
				.checkbox_item_space{
					width: 22%;
					}
				.checkbox_item_layout {
					width: 6em;
					}
				.checkbox_item_year {
					width: 8em;
					}
				.checkbox_item_option {
					width: 11em;
					}
				.option_subtitle {
					width: 95%;
					margin-top: 5px;
					}
				.company_item{
					margin: 0 auto;
					float: left;
					width: 6em;
				}
				.company_value{
					float: left;
					}
				div#setting table tbody tr td hr {
					clear: both;
					width: 100%;
					border-style: dotted;
					border-top-width: 1px; 
					border-top-color: #000000; 
					}
			div#setting table tfoot tr td {
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				text-align: center;
				}
/* center */
		div#center {
			margin: 0 0 0 140px;
			}
			div#center table {
				margin: 0px 0px;
				border-collapse: collapse;
				text-align: center;
				}
			div#center table thead tr th {
				padding: 2px 5px;
				background-color: #666666;
				border: solid 1px #000000;
				white-space: nowrap;
				color: #FFFFFF;
				}
			div#center table thead tr th a:link {color: #FFFFFF; }
			div#center table thead tr th a:visited { color: #FFFFFF; } 
			div#center table thead tr th a:hover { color: #ff0000; } 
			div#center table thead tr th a:active { color: #ff8000; } 
			div#center table thead tr td {
				padding: 5px;
				background-color: #0000FF;
				border: solid 1px #000000;
				font-weight: bold;
				color: #FFFFFF;
				}
			div#center table tbody tr th {
				padding: 5px;
				background: #00FFFF;
				border: solid 1px #000000;
				color: #666666;
				}
			tr.list_main td {
				padding: 5px;
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				}
			tr.list_sub td {
				padding: 5px;
				background-color: #CCCCCC;
				border: solid 1px #000000;
				color: #000000;
				}
		div.menu {
			width: 130px;
			}
			div#left {
				float: left;
				}
				div.menu h3 {
					padding: 5px;
					background-color: #666666;
					border-top: solid 1px #000000;
					border-right: solid 1px #000000;
					border-left: solid 1px #000000;
					font-size: 1em;
					color: #FFFFFF;
					}
				div.menu ul {
					padding: 10px;
					background-color: #CCCCCC;
					border: solid 1px #000000;
					color: #333333;
				}
				div.menu ul li {
					margin: 0 auto;
					border-bottom: dotted 1px #000000;
					list-style: none;
				}
				div.menu ul li p {
					margin: 0 auto;
					text-align:right;
					font-size: 0.8em;
				}
/* showroom */
		div#showroom {
			}
			table#showroom_base_info {
				width: 100%;
				border-collapse: collapse;
				}
			table#showroom_base_info thead tr th {
				padding: 2px 5px;
				background-color: #666666;
				border: solid 1px #000000;
				white-space: nowrap;
				text-align: center;
				color: #FFFFFF;
				}
			table#showroom_base_info tbody tr td {
				padding: 5px;
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				}
			div#images {
				text-align: center;
				}
				.image_photo img{}
				.image_layout {
					margin-left: 10px;
					}
			table#showroom_comment {}
				td.room_title_comment{
					width: 100%;
					}
			table#showroom_station_list {
				width: 100%;
				border-collapse: collapse;
				}
			table#showroom_station_list thead tr th {
				padding: 2px 5px;
				background-color: #666666;
				border: solid 1px #000000;
				white-space: nowrap;
				text-align: center;
				color: #FFFFFF;
				}
			table#showroom_station_list tbody tr td {
				padding: 5px;
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				}
			table#showroom_station_list tbody tr.list_sub td {
				padding: 5px;
				background-color: #CCCCCC;
				border: solid 1px #000000;
				color: #000000;
				}

			table#showroom_detail_info {
				width: 100%;
				border-collapse: collapse;
				}
			table#showroom_detail_info tbody tr th {
				padding: 5px;
				width: 124px;
				background: #CCCCCC;
				border: solid 1px #000000;
				color: #333333;
				white-space: nowrap;
				text-align: center;
				}
			td.herf_field_value {
				padding: 5px;
				width: 302px;
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				}
			td.field_value {
				padding: 5px;
				width: 752px;
				background-color: #FFFFFF;
				border: solid 1px #000000;
				color: #000000;
				}
			table#showroom_contact {
				width: 100%;
				border-collapse: collapse;
				}
			table#showroom_contact tbody tr th {
				padding: 5px;
				width: 124px;
				background: #CCCCCC;
				border: solid 1px #000000;
				color: #333333;
				white-space: nowrap;
				text-align: center;
				}
		div#map {
			width: 878px;
			height: 348px;
			border: solid 1px #000000;
			}
		div#bottom_comment {
			clear: both;
			}
	div#footer {
		}
	div#google_ad {
		text-align:center;
		}
	div#copyright {
		text-align:right;
		margin: 5px 5px;
		font-size:11px;
		}

															/** SUB CONTAINERS **/
#room_option_comment {
}

th.list_address {}
th.list_station {}
th.list_time {}
th.list_room_type {}
th.list_rent {}
th.list_layout {}
th.list_space {}
th.list_year {}
th.list_detail {}
th.list_img {}

td.list_address {
	width: 30%;
	white-space: normal;
	}
td.list_station {
	width: 30%;
	}
td.list_time {
	width: 8%;
	}
td.list_room_type {
	width: 10%;
	white-space: nowrap;
	}
td.list_rent {
	width: 10%;
	white-space: nowrap;
	}
td.list_layout {
	width: 8%;
	}
td.list_space {
	width: 8%;
	}
td.list_year {
	width: 8%;
	}
td.list_detail {
	width: 7%;
	white-space: nowrap;
	}
td.list_img {
	width: 7%;
	white-space: nowrap;
	}
td.list_img img {
	padding: 2px;
	}

															/** COMMENT **/

#text-sample{
	width:100%;
	}

#text-sample dl.rcontent {
	padding:1em;
	background: #FFFFCC;
	color: #000000;
	}

#text-sample span.rtop,
#text-sample span.rbottom {
	display:block;
	background: #FFFFFF;
	}

#text-sample span.rtop span,
#text-sample span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #FFFFCC;
	}

#text-sample span.r1{margin: 0 5px;}

#text-sample span.r2{margin: 0 3px;}

#text-sample span.r3{margin: 0 2px;}

#text-sample span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

#taro {
}

															/** LISTS **/

															/** IMG **/

.img_view_up {
	display: none;
	background-color: #FFFFFF;
	padding: 10px;
	border: solid 1px #000000;
	position: absolute;
	bottom:40px;
	right:50px;
	}

.img_view_down {
	display: none;
	background-color: #FFFFFF;
	padding: 10px;
	border: solid 1px #000000;
	position: absolute;
	top: 40px;
	right:50px;
	}															/** TYPOGRAPHY **/

.x {
	display: none;
	}

.pr {
	position: relative;
	}

															/** END **/
