@charset "UTF-8";
@import "share.css";

#sidebar_left .sideInfo {
	background: url(../image/info/ta_info_body.gif) repeat-y 0 0;
	margin: 0;
	padding: 0;
	}

#sidebar_left .sideInfo ul {
	margin: 0;
	padding: 0 7px 0 7px;
	}

#sidebar_left .sideInfo li a {
	text-decoration: none;
	}

#sidebar_left .sideInfo li a:hover {
	text-decoration: underline;
	}

#sidebar_left .sideInfo li.active1,
#sidebar_left .sideInfo li.active2,
#sidebar_left .sideInfo li.active3,
#sidebar_left .sideInfo li.active4 {
	background: url(../image/info/line.gif) no-repeat 0 100%;
	margin: 0;
	padding: 5px 0 9px 0;
	}

#sidebar_left .sideInfo li.noActive {
	background: url(../image/info/p_01.gif) no-repeat 0 50%;
	margin: 5px 0 0 3px;
	padding: 0 0 0 18px;
	}

#sidebar_left .sideInfo li.active1 a {
	background: url(../image/info/p_01on.gif) no-repeat 0 50%;
	margin: 0 0 0 3px;
	padding: 0 0 0 18px;
	}

#sidebar_left .sideInfo li.active2 a,
#sidebar_left .sideInfo li.active3 a,
#sidebar_left .sideInfo li.active4 a {
	background: url(../image/info/p_01.gif) no-repeat 0 50%;
	margin: 0 0 0 3px;
	padding: 0 0 0 18px;
	}

#sidebar_left .imgBottom {
	margin: 0 0 15px 0;
	padding: 0;
	}

/*--------------------お部屋さがしマニュアル /index.html--------------------*/

#infoIndex {
	width: 570px;
	float: left;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	}

#infoIndex .description {
	width: 546px;
	text-align: left;
	margin: 21px 21px 20px 18px;
	padding: 0;
	}

#infoIndex .description h2 {
	margin: 0 0 5px 0;
	padding: 0;
	}

#infoIndex .description p {
	color: #666666;
	line-height: 140%;
	margin: 0 0 15px 0;
	padding: 0;
	}

#infoIndex .indexFlow {
	width: 546px;
	text-align: center;
	margin: 21px 21px 30px 18px;
	padding: 0;
	}

#infoIndex .step {
	width: 546px;
	text-align: left;
	margin: 21px 21px 0 18px;
	padding: 0;
	}

#infoIndex .step h2 {
	margin: 0 0 15px 0;
	padding: 0;
	}

#infoIndex .step h3 {
	margin: 0 0 8px 0;
	padding: 0;
	}

#infoIndex .step p {
	color: #666666;
	line-height: 140%;
	margin: 0 0 15px 0;
	padding: 0;
	}

#infoIndex .step .liTitle {
	color: #FF6666;
	margin: 0 0 10px 0;
	padding: 0;
	}

#infoIndex .step ul {
	color: #666666;
	margin: 0 0 15px 0;
	padding: 0;
	}

#infoIndex .step li {
	background: url(../image/info/manual/point_02.gif) no-repeat 0 2px;
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	}

#infoIndex .step .example {
	width: 543px;
	height: 155px;
	text-align: left;
	background: url(../image/info/manual/bg_step1-example.gif) no-repeat 0 0;
	position: relative;
	margin: 20px 0 30px 0;
	padding: 0;
	}

#infoIndex .step .example p.txt {
	width: 260px;
	line-height: 130%;
	position: absolute;
	top: 32px;
	left: 274px;
	}

#infoIndex .step .advice {
	width: 543px;
	margin: 0;
	padding: 0;
	}

#infoIndex .step .advice .adviceLeft {
	width: 59px;
	float: left;
	margin: 0;
	padding: 0;
	}

#infoIndex .step .advice .adviceRight {
	width: 484px;
	float: left;
	margin: 0;
	padding: 0;
	}

#infoIndex .step .advice .adviceRight p {
	color: #000000;
	background: url(../image/info/manual/bg_onepoint.gif) repeat-y 0 0;
	margin: 0;
	padding: 5px 15px;
	}

#infoIndex .step .advice .adviceRight p .orange {
	color: #FF6600;
	}

#infoIndex .step .joken {
	width: 375px;
	margin: 0 0 0 77px;
	padding: 0;
	}

#infoIndex .step .joken table {
	width: 375px;
	text-align: left;
	border: 2px solid #FF9A5C;
	border-collapse: collapse;
	margin: 2px 0 0 0;
	padding: 0;
	}

#infoIndex .step .joken td {
	text-align: left;
	border: 1px solid #FF9A5C;
	border-collapse: collapse;
	margin: 0;
	padding: 5px 8px;
	}

#infoIndex .step .joken td.item1 {
	width: 90px;
	text-align: left;
	border: 1px solid #FF9A5C;
	border-collapse: collapse;
	background: #FFFF7B;
	margin: 0;
	padding: 5px 8px;
	}

#infoIndex .step .joken td.item3 {
	width: 90px;
	text-align: left;
	border: 1px solid #FF9A5C;
	border-collapse: collapse;
	background: #FFFFCD;
	margin: 0;
	padding: 5px 8px;
	}

#infoIndex .step .joken td.item2 {
	text-align: left;
	border: 1px solid #FF9A5C;
	border-collapse: collapse;
	background: #FEFF99;
	margin: 0;
	padding: 5px 8px;
	}

#infoIndex .step .joho {
	width: 375px;
	margin: 0 0 0 77px;
	padding: 0;
	}

#infoIndex .step .joho .johoBody {
	width: 375px;
	text-align: left;
	border: 1px solid #FF999A;
	background: #FFFFCD;
	margin: 2px 0 0 0;
	padding: 8px;
	}

#infoIndex .step .joho .johoBody .bodyLeft {
	width: 190px;
	float: left;
	line-height: 180%;
	color: #FF6766;
	margin: 0;
	padding: 0;
	}

#infoIndex .step .joho .johoBody .bodyRight {
	width: 180px;
	float: left;
	line-height: 180%;
	margin: 0;
	padding: 0;
	}

#infoIndex .step .joho .johoBody .bodyRight a {
	background: url(../image/info/manual/point.gif) no-repeat 0 50%;
	margin: 0;
	padding: 0 0 0 38px;
	}

/*--------------------入居までのフロー /flow.html--------------------*/

#infoFlow {
	width: 570px;
	float: left;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	}

#infoFlow .description {
	width: 546px;
	text-align: left;
	margin: 21px 21px 30px 18px;
	padding: 0;
	}

#infoFlow .description .left {
	width: 81px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

#infoFlow .description .right {
	width: 450px;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	}

#infoFlow .description .right h2 {
	color: #0066CC;
	font-size: medium;
	margin: 0 0 5px 0;
	padding: 0;
	}

#infoFlow .description .right p {
	color: #666666;
	line-height: 140%;
	margin: 0 0 15px 0;
	padding: 0;
	}

#infoFlow .flowAll {
	width: 545px;
	margin: 0 0 20px 18px;
	padding: 0;
	}

#infoFlow .flow1 {
	width: 545px;
	height: 67px;
	text-align: center;
	background: url(../image/info/flow/bg_flow_01.gif) no-repeat 0 0;
	position: relative;
	margin: 0;
	padding: 0;
	}

#infoFlow .flow1 h2,
#infoFlow .flow2 h2,
#infoFlow .flow3 h2,
#infoFlow .flow4 h2,
#infoFlow .flow5 h2 {
	color: #FF6600;
	font-size: medium;
	margin: 0;
	padding: 12px 0 0 0;
	}

#infoFlow .flow1 img {
	position: absolute;
	top: 11px;
	right: 14px;
	}

#infoFlow .flow23 {
	width: 545px;
	height: 195px;
	margin: 0;
	padding: 0;
	}

#infoFlow .flow2 {
	width: 272px;
	height: 195px;
	float: left;
	text-align: center;
	background: url(../image/info/flow/bg_flow_02.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}

#infoFlow .flow3 {
	width: 273px;
	height: 195px;
	float: left;
	text-align: center;
	background: url(../image/info/flow/bg_flow_03.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}

#infoFlow .flow4 {
	width: 545px;
	height: 67px;
	text-align: center;
	background: url(../image/info/flow/bg_flow_04.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}

#infoFlow .flow5 {
	width: 545px;
	height: 42px;
	text-align: center;
	background: url(../image/info/flow/bg_flow_05.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}

/*--------------------間取り図の見方 /know.html--------------------*/

#infoKnow {
	width: 570px;
	float: left;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	}

#infoKnow .description {
	width: 546px;
	text-align: left;
	margin: 21px 21px 30px 18px;
	padding: 0;
	}

#infoKnow .description .left {
	width: 81px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

#infoKnow .description .right {
	width: 450px;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	}

#infoKnow .description .right h2 {
	color: #0066CC;
	font-size: medium;
	margin: 0 0 5px 0;
	padding: 0;
	}

#infoKnow .description .right p {
	color: #666666;
	line-height: 140%;
	margin: 0 0 15px 0;
	padding: 0;
	}

#infoKnow .knowDescription {
	width: 470px;
	height: 378px;
	color: #FFFFFF;
	text-align: left;
	background: url(../image/info/know/bg_know.gif) no-repeat 50% 0;
	position: relative;
	margin: 0 0 15px 58px;
	padding: 0;
	}

#infoKnow .knowDescription h2 {
	color: #FFFFFF;
	margin: 0 0 2px 0;
	padding: 0;
	}

#infoKnow .knowDescription p {
	color: #FFFFFF;
	font-size: x-small;
	line-height: 110%;
	margin: 0;
	padding: 0;
	}

#infoKnow .knowDescription .txt1 {
	width: 160px;
	height: 68px;
	position: absolute;
	top: 4px;
	left: 155px;
	}

#infoKnow .knowDescription .txt2 {
	width: 130px;
	height: 68px;
	position: absolute;
	top: 46px;
	left: 4px;
	}

#infoKnow .knowDescription .txt3 {
	width: 130px;
	height: 68px;
	position: absolute;
	top: 20px;
	right: 4px;
	}

#infoKnow .knowDescription .txt4 {
	width: 130px;
	height: 68px;
	position: absolute;
	top: 136px;
	left: 4px;
	}

#infoKnow .knowDescription .txt5 {
	width: 130px;
	height: 68px;
	position: absolute;
	top: 135px;
	right: 4px;
	}

#infoKnow .knowDescription .txt6 {
	width: 130px;
	height: 68px;
	position: absolute;
	top: 238px;
	left: 4px;
	}

#infoKnow .knowDescription .txt7 {
	width: 160px;
	height: 68px;
	position: absolute;
	top: 292px;
	left: 155px;
	}

#infoKnow .knowDescription .txt8 {
	width: 130px;
	height: 68px;
	position: absolute;
	bottom: 60px;
	right: 4px;
	}

#infoKnow .onepoint {
	width: 408px;
	font-weight: bold;
	line-height: 170%;
	background: url(../image/info/know/bg_check.gif) no-repeat 0 50%;
	margin: 0 0 50px 50px;
	padding: 12px 15px 12px 60px;
	}

#infoKnow h3 {
	color: #666666;
	font-weight: normal;
	margin: 0 0 10px 18px;
	padding: 0;
	}

#infoKnow h3 .orange {
	color: #FF9933;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#infoKnow .layout {
	width: 545px;
	color: #666666;
	background: url(../image/info/know/ta_body.gif) repeat-y 0 0;
	margin: 0 0 20px 18px;
	padding: 0;
	}

#infoKnow .layout .left {
	width: 346px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	}

#infoKnow .layout .left h3 {
	color: #FFFFFF;
	font-weight: bold;
	background: url(../image/info/know/bg_banner.gif) no-repeat 0 50%;
	margin: 0 0 8px 0;
	padding: 5px 0 5px 10px;
	}

#infoKnow .layout .left p {
	margin: 0 0 18px 0;
	padding: 0 10px;
	}

#infoKnow .layout .left .red {
	color: #FF6666;
	margin: 0 0 18px 0;
	padding: 0 10px;
	}

#infoKnow .layout .right {
	width: 188px;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 7px 0 0 0;
	}

/*--------------------提携引越し会社一覧 /supplier.html--------------------*/

#supplier {
	width: 570px;
	float: left;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	}

#supplier .titlebox {
	margin: 0 0 20px 0;
	padding: 0;
	}

#supplier .supplierBody {
	width: 520px;
	text-align: left;
	margin: 0 21px 0 32px;
	padding: 0;
	}

#supplier .supplierBody .left {
	width: 230px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#supplier .supplierBody .right {
	width: 290px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}

#supplier .supplierBody .right h3 {
	color: #0066FF;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#supplier .description {
	width: 520px;
	color: #FF6600;
	font-weight: bold;
	text-align: center;
	margin: 15px 21px 25px 32px;
	padding: 0;
	}

#supplier .btn {
	width: 520px;
	text-align: center;
	margin: 0 21px 40px 32px;
	padding: 0;
	}

/*--------------------家賃相場 /rent-market--------------------*/

#rentMarket {
	width: 570px;
	float: left;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	}

#rentMarket .description {
	width: 546px;
	text-align: left;
	margin: 21px 21px 30px 18px;
	padding: 0;
	}

#rentMarket .description .left {
	width: 88px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

#rentMarket .description .right {
	width: 443px;
	float: left;
	margin: 0;
	padding: 0;
	}

#rentMarket .description .right p {
	color: #666666;
	line-height: 140%;
	margin: 0 0 15px 0;
	padding: 0;
	}

#rentMarket .marketMap {
	width: 549px;
	text-align: center;
	margin: 21px 18px 30px;
	padding: 0;
	}

#rentMarket .advice {
	width: 543px;
	margin: 0 0 0 18px;
	padding: 0;
	}

#rentMarket .advice .adviceLeft {
	width: 59px;
	float: left;
	margin: 0;
	padding: 0;
	}

#rentMarket .advice .adviceRight {
	width: 484px;
	float: left;
	margin: 0;
	padding: 0;
	}

#rentMarket .advice .adviceRight p {
	color: #000000;
	background: url(../image/info/manual/bg_onepoint.gif) repeat-y 0 0;
	margin: 0;
	padding: 5px 15px;
	}

#rentMarket .advice .adviceRight p .orange {
	color: #FF6600;
	}

/*--------------------路線：家賃相場 /rent-market--------------------*/

#rentMarket .tLine {
	width: 545px;
	margin: 0;
	padding: 18px;
	}

#rentMarket .tLine h2.saitama {
	color: #009933;
	background: url(../image/info/rent-market/bg_banner_green.gif) no-repeat 0 50%;
	margin: 0;
	padding: 8px 0 8px 30px;
	}

#rentMarket .tLine h2.tokyo {
	color: #FF3333;
	background: url(../image/info/rent-market/bg_banner_red.gif) no-repeat 0 50%;
	margin: 0;
	padding: 8px 0 8px 30px;
	}

#rentMarket .tLine h2.kanagawa {
	color: #0066FF;
	background: url(../image/info/rent-market/bg_banner_blue.gif) no-repeat 0 50%;
	margin: 0;
	padding: 8px 0 8px 30px;
	}

#rentMarket .tLine h2.chiba {
	color: #FF6600;
	background: url(../image/info/rent-market/bg_banner_orange.gif) no-repeat 0 50%;
	margin: 0;
	padding: 8px 0 8px 30px;
	}

#rentMarket .tLine table {
	width: 520px;
	border: 0;
	margin: 10px;
	padding: 0;
	}

#rentMarket .tLine td{
	width: 124px;
	margin: 0;
	padding: 2px;
	}

#rentMarket .tLine td a{
	background: url(../image/info/rent-market/p_01.gif) no-repeat 0 1px;
	margin: 0;
	padding: 0 0 0 12px;
	}

#rentMarket .lineKobetsu {
	width: 545px;
	margin: 0;
	padding: 0 18px 30px;
	}

#rentMarket .lineKobetsu h3 {
	color: #0066CC;
	background: url(../image/info/rent-market/p_02.gif) no-repeat 0 50%;
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
	}

#rentMarket .lineKobetsu table {
	width: 545px;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}

#rentMarket .lineKobetsu td {
	width: 89px;
	border: 1px solid #FFCC99;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	}

#rentMarket .lineKobetsu td.all {
	background: #FFFF99;
	}

#rentMarket .lineKobetsu td.item {
	background: #FFFFCC;
	}

/*--------------------GO TO TOP--------------------*/

#infoIndex .gototop,
#infoFlow .gototop,
#infoKnow .gototop,
#supplier .gototop,
#rentMarket .gototop {
	width: 585px;
	text-align: right;
	margin: 0;
	padding: 15px 0 0 0;
	}