@charset "UTF-8";
/* ================================================================ *
	M.Arashima 2008/06/20
	住まいの基礎知識設定用 CSS
 * ================================================================ */

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

body{
	background: #ffffff url("../petit/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{
	position: absolute;
	top: 215px;
	left: 20px;
	/* border: 1px solid #ff0000;/* debug */
}

#sidenavi ul{
	margin: 0 0 8px 0;
	padding: 0;
}


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

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

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


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

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


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

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

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

#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{
	background: #ffffff;
	border-top: 2px solid #dddddd;
}

#main .contents#right-section{
	background: transparent url("../petit/idx2/img/idx2_n1_p11_i1.gif") no-repeat 420px 65px;
	border-left: 7px solid #14aadc;
	width: auto;
	margin-top: 20px;
	margin-left: 196px;
	padding-left: 17px;
	padding-right: 10px;
}

#main .contents#right-section p{
	line-height: 1.5;
}

#main .contents#right-section h2{
	margin-bottom: 20px;
	padding-top: 10px;
}

#main .contents#right-section p{
	margin-bottom: 20px;
}

#main .contents#right-section p#title-base{
	position: absolute;
	top: 0;
	right: 10px;
	margin-bottom: 0;
}

* html #main .contents#right-section p#title-base{
	position: absolute;
	top: 0;
	right: 20px;
}

#main .contents#right-section h3{
	margin-bottom: 20px;
}

#main .contents#right-section h4{
	margin-bottom: 15px;
}

#main .contents#right-section em{
	color: #cc0000;
}

#main .contents#right-section ul{
	margin-left: 16px;
	margin-bottom: 20px;
}

#main .contents#right-section ul li{
	list-style: disc inside;
	line-height: 1.2;
	margin-bottom: 4px;
}

#main .contents#right-section .box-area{
	width: 360px;
}

#main .contents#right-section .dispute-area{
	border: 1px solid #56bef9;
	width: 548px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#main .contents#right-section .dispute-area h3{
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
}

#main .contents#right-section .dispute-area p{
	margin-bottom: 0;
	padding: 0 10px 0 10px;
}

#main .contents#right-section .dispute-area p img{
	margin-top: 10px;
}

#main .contents#right-section .consult-area{
	background: transparent url("../petit/img/footer_hr.gif") repeat-x left top;
	width: 550px;
	padding-top: 20px;
}

#main .contents#right-section .consult-area h3{
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
	color: #657ec5;
}

#main .contents#right-section .consult-area p{
	margin-left: 10px;
}


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

.imgbox{
}


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

#sidebox .imgbox{
}


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

#sidenavi .imgbox{
}


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

#footer{
}

/* petit-common --------------------------------------------------------*/
.tel{
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 130%;
	color: #e3268e;
}

.url,
a.url{
	letter-spacing: 0.1em;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #e3268e;
}

a.url:link,
a.url:visited,
a.url:active{
	background-color: transparent;
	text-decoration: underline;
	color: #e3268e;
}

a.url:hover{
	background-color: transparent;
	text-decoration: none;
	color: #ccc;
}