@charset "UTF-8";
/* ================================================================ *
	M.Arashima 2009/03/05
	公共賃貸住宅情報設定用 CSS
 * ================================================================ */

@import url("base.css");
@import url("common.css");
@import url("textset.css");

body{
	background: #ffffff url("../jutaku/img/body_bg.gif") repeat-x left top;
	border-bottom: 10px solid #dddddd;
}

/* container -------------------------------------------------------*/

#container{
	/* border: 1px solid #ff0000;/* debug */
}


/* Header ----------------------------------------------------------*/

#header{
	/*border: 1px solid #ff0000;/* debug */
}


/* navi ------------------------------------------------------------*/

#navi{
	/* border: 1px solid #ff0000;/* debug */
}


/* headernavi ------------------------------------------------------------*/

#headernavi{
}


/* main ------------------------------------------------------------*/

#main{
	width: 780px;
	/* border: 1px solid #ff0000;/* debug */
}

#main:after{
}


/* sidenavi --------------------------------------------------------*/

#sidenavi{
	/* border: 1px solid #ff0000;/* debug */
}


/* ---------- バグ対策 ----------- */

[id="sidenavi"]#sidenavi{
	margin-top: 0;
}

html:lang(ja) #sidenavi{
	margin-top: 0;
}


/* sidebox ---------------------------------------------------------*/

#sidebox{
	/* border: 1px solid #ff0000;/* debug */
}


/* contents --------------------------------------------------------*/

#main .contents{
	margin-bottom: 17px;
	/* border: 1px solid #ff0000;/* debug */
}

#main .contents h1{
	margin-bottom: 17px;
}

#main .contents h2{
}

#main .contents p{
	margin-bottom: 17px;
	line-height: 1.6;
}

#main #main-title{
	position: absolute;
	top: 25px;
	left: 10px;
}

#main .contents#main-img{
	background: transparent url("../img/main_bg.gif") no-repeat left top;
	margin-bottom: 17px;
	margin-left: 218px;
	padding: 5px;
}

#main .contents#section{
	position: relative;
	background: #ffffff;
	border-top: 2px solid #dddddd;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

#main .contents#section .tel{
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-size: 110%;
	font-weight: bold;
}

#main .contents#section p#help{
	position: absolute;
	top: 60px;
	left: 520px;
}

#main .contents#section p#help img{
	vertical-align:middle;
}

#main .contents#section p#help a{
	display: block;
	border: 1px solid #ffbbcb;
	padding: 4px;
}

#about-index{
	width: 700px;
	margin-bottom: 17px;
	background:#ffd0dc;
}

#about-index div#rcontent{
	width: 100%;
	margin: 0;
	padding: 0;
	background:#ffd0dc;
	color: #fff;
}

#about-index ul{
	display: block;
	margin: 10px 30px;
}

#about-index ul li{
	display: block;
	float: left;
	background: transparent;
	border: 1px solid #fff;
	width: 313px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.4;
}

#about-index ul li a{
	display: block;
	background: #ffd0dc url("../jutaku/img/about/icon_01.gif") no-repeat 5px center;
	padding: 10px 10px 10px 40px;
}

#about-index ul li.right{
	margin: 0 0 0 10px;
}

#about-index span.rtop,
#about-index span.rbottom{
	display: block;
	background: #fff;
}

#about-index span.rtop span,
#about-index span.rbottom span{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #ffd0dc;
}

#about-index span.r1{margin: 0 5px;}

#about-index span.r2{margin: 0 3px;}

#about-index span.r3{margin: 0 2px;}

#about-index span.r4{margin: 0 1px;}

#about-index span.rtop span.r5, span.rbottom span.r5{margin: 0 1px;height: 1px;}

#main .contents#section .about-01,
#main .contents#section .about-02,
#main .contents#section .about-03{
	width: 700px;
	margin-bottom: 17px;
}

#main .contents#section .about-01 h2,
#main .contents#section .about-02 h2,
#main .contents#section .about-03 h2{
	background: #ffd0dc url("../jutaku/img/about/icon_01.gif") no-repeat 5px center;
	border: 1px solid #cdcdcd;
	margin-bottom: 17px;
	padding: 0.5em 37px;
	font-size: 110%;
	font-weight: bold;
}

#main .contents#section .about-01 h3,
#main .contents#section .about-02 h3{
	padding: 0 0 0 10px;
}

#main .contents#section .about-01 p,
#main .contents#section .about-02 p{
	margin-bottom: 0;
	padding: 0 10px 0 10px;
}

#main .contents#section .about-01 ul,
#main .contents#section .about-02 ul{
	padding: 0 10px 10px 10px;
}

#main .contents#section .about-01 ul li{
	display: block;
	float: left;
	border: 1px solid #ffbbcb;
	width: 313px;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	line-height: 1.4;
}

#main .contents#section .about-01 ul li.right{
	margin: 0 0 0 10px;
}

#main .contents#section .about-02 ul li{
	display: block;
	border: 1px solid #ffbbcb;
	width: 658px;
	margin: 0 0 5px 0;
	padding: 10px 10px;
}

#main .contents#section .about-01 a,
#main .contents#section .about-02 a{
	background: transparent url("../img/next_icon_01.gif") no-repeat left center;
	padding-left: 14px;
}

#main .contents#section .about-03 table{
	border-collapse: collapse;
	border: 1px solid #ffbbcb;
	width: 680px;
	margin: 0 10px 0px 10px;
}

#main .contents#section .about-03 table colgroup col.place{
	width: 30%;
}

#main .contents#section .about-03 table colgroup col.inquiry{
	width: 70%;
}

#main .contents#section .about-03 table th{
	background: #ffe9ee;
	border: 1px solid #ffbbcb;
	padding: 2px 8px;
	line-height: 1.4;
}

#main .contents#section .about-03 table td{
	border: 1px solid #ffbbcb;
	padding: 2px 8px;
	line-height: 1.4;
}

#main .contents#section .about-04{
	position: relative;
}

#main .contents#section .about-04 h2{
	border: 1px solid #cdcdcd;
	width: 313px;
	margin-left: 30px;
	margin-bottom: 17px;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
}

#main .contents#section .about-04 a{
	display: block;
	background: transparent url("../img/next_icon_01.gif") no-repeat left center;
	margin-left: 10px;
	padding: 8px 14px;
}

#main .contents#section .about-04 #banner{
	position: absolute;
	top: 0;
	left: 340px;
}

* html #main .contents#section .about-04 #banner{
	position: absolute;
	top: 0;
	left: 310px;
}

#main .contents#section .about-04 #banner p{
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
}


/* imgbox --------------------------------------------------------*/

.imgbox{
}


/* sidebox imgbox ------------------------------------------------*/

#sidebox .imgbox{
}


/* sidenavi imgbox -----------------------------------------------*/

#sidenavi .imgbox{
}


/* footer --------------------------------------------------------*/

#footer{
}