@charset "utf-8"; /*utf-8の場合*/

/* 大阪で一人暮らしと部屋探し */

/* CSS Document */

/*初期化*/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}

/*レイアウト大枠*/
body{
	margin:0px;
	padding:0px;
	background:url(img/bg01.gif) repeat-y center top;
	text-align:center;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

#container{
	clear:both;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	width:790px;
	margin-top:10px;
}
#header{
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	background:url(img/wall.gif);
	border-bottom:8px solid #900;
}
#main{
	float:right;
	width:630px;
	margin-top:15px;
}
#side{
	float:left;
	width:150px;
	margin-top:15px;
}
#footer{
	clear:both;
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	border-top:8px solid #900;
}
p{
	line-height:1.4;
}
a{
	color:#00c;
}
a:visited{
	color:#00c;
}
a:hover{
	color:#f90;
}
/*ヘッダー・コンテンツ ディテール*/
h1{
    font-size:175%;
	padding:20px 15px 10px 15px;
}
h1 a,h1 a:visited,h1 a:hover{
	color:#000;
	text-decoration:none;
}

#header p{
	font-size:88%;	
	font-weight: bold;
	line-height:1.2;
	padding:5px 15px;
	color:#000;
}

.path{
	padding:8px 8px 8px 20px;
	font-size:82%;
	background:url(img/ico03.gif) no-repeat 0px 6px;
}
.path a, .path a:visited{
	text-decoration:none;
	color:#333;
}
.path a:hover{
	color:#f90;
}
/*メイン・コンテンツ ディテール*/
#main h2{
	color:#fff;
	padding:4px 4px 2px 1.6em;
	font-weight:bold;
	font-size:113%;
	background-color: #f90;
}

#main h3{
	color:#000;
	padding:4px 0px 4px 1em;
	font-weight:bold;
	font-size:107%;
	border:solid #f90;
	border-width:0px 0px 1px 12px;
}


#main h4{
	padding:8px 5px 5px 2em;
	background:url(img/ico04.gif) no-repeat left 5px;
	font-weight:bold;
	font-size:100%;
	border-bottom:1px solid #f90;
}

#main p{
	padding:1em 0 1em 1em;
	font-size:94%;
}

#main dl {
	padding:1em 0 1em 1em;
	font-size:94%;
	line-height:1.4;
}

#main dt {
    font-weight:bold;
}

#main dd {
    padding:0 0 1em 0;
}

#main ul {
	padding:1em 0 1em 2em;
	font-size:94%;
	line-height:1.4;
}

/*中央寄せ*/
.center{
    text-align:center;
}
/*画像左回りこみ*/
.imgleft{
	float:left;
	width:auto;
	padding-left:1em;
	margin-right:15px;
	margin-top:1em;
	padding-bottom:8px;
}
/*画像右回りこみ*/
.imgright{
	float:right;
	width:auto;
	padding-left:1em;
	margin-left:15px;
	margin-top:1em;
	padding-bottom:8px;
}
/*float解除*/
.clr{
	clear:both;
}
/*表*/
table.table_line {
  border-collapse: collapse;
  border: solid 1px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

td.table_line {
  border-collapse: collapse;
  border: solid 1px;
  padding : 5px 10px;
  text-align: center;
  font-size:94%;
}
/*サイドメニュー ディテール*/
#side dl{
	margin-bottom:30px;
}
#side dt{
	background:#f90;
	font-size:82%;
	padding:6px 8px;
	color:#fff;
}

#side dd{
	display:list-item;
	list-style:none;
	font-size:82%;
	font-weight:bold; 
    border-bottom:thin dotted;
}
#side dd a{
	display:block;
	text-decoration:none;
	padding:6px 6px 6px 20px;
	color:#666;
	background:url(img/ico01.gif) no-repeat 4px 50%;
}
#side dd a:hover{
	color:#f90;
	padding:6px 6px 6px 24px;
	background:url(img/ico01.gif) no-repeat 8px 50%;
}
#side .pr{
	text-align:center;
	font-size:82%;
}
/*フッターー・コンテンツ ディテール*/
#footer .copy{
	font-size:75%;
	text-align:center;
	background:url(img/wall.gif);
	padding:12px;
}
#cm{
	font-size:300%;
	font-weight:bold;
	text-align:center;
}

