@charset "utf-8";

/*--------------------------
　ブラウザの初期設定解除
---------------------------*/

/*◆全ての要素に対する初期値設定*/
body{
    background:url(../img/bgimg4.jpg) ;
}


body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe{
	margin:0;
	padding:0;
	font-size:small;/*IEの文字サイズ「小」に該当するサイズです*/
}

/*◆デフォルト文字設定 */
h1,h2,h3,h5,span,p,th,td,dt,dd,li,
select,textarea,input{
	font-size:small;
	color:#333333;
	line-height:1.4;/*行間表示のバグ回避のため、単位はつけません。意味は140%と同じです*/
}

/*◆画像の枠線を非表示*/
img{
	border:0;
    padding:2px 2px 2px 10px;
}

/*◆リストマーカーを非表示*/
ul,
ol{
	list-style-type:none;
}

/*◆デフォルトリンク色の設定*/
a:link{
	color:#00C4AB;/*未訪問のリンク色*/
}
a:visited{
	color:#00C4AB;/*訪問済みのリンク色*/
}
a:hover{
	color:#CCE739;/*マウスが乗った時のリンク色*/
}
a:active{
	color:#CCE739;/*クリックした瞬間のリンク色*/
}


/*--------------------------
　レイアウト
---------------------------*/

#wrap{
	margin:0 auto;
	width:800px;
	background-color: #ffffff;
}

#header{
	width:800px;
	background-color:#990000;
	margin 0 0 2em 1em;
	clear:both;
	padding:0px 0px 2px 0px;
}

#sidebar{
	width:180px;
	float:left;
	margin-top: 1em;
	
}

#main{
	width:590px;
	float:right;
	margin-top: 2em;
	

}

#footer{
	width:800px;
	clear:both;
}

/*--------------------------
　ヘッダー
---------------------------*/
/*サイトキャッチ*/
h1{
	margin-bottom: 10px;
	padding:5px 10px;
	background-color:#ffffff;
	border-top:#990000 5px solid;
	color:#003366;
	font-size:small;
}
h1.center{
          align:center;
}


#header p{
	float:left;
	padding:0 0 8px 8px;
}

#header ul{
	float:right;
	padding:0;
	margin: 0 0 0 1em;

}

.clear{
	clear:both;
}

#header li{
	display:inline;
	padding:0 10px;
	border-left:#666666 1px solid;
}

#header li.last{
	border-right:#666666 1px solid;
}

#header li a:link{
	color:#ffffff;/*未訪問のリンク色*/
	text-decoration:none;
}
#header li a:visited{
	color:#F5DEB3;/*訪問済みのリンク色*/
	text-decoration:none;
}
#header li a:hover{
	color:#ffffff;/*マウスが乗った時のリンク色*/
	text-decoration:underline;
}
#header li a:active{
	color:#ffffff;/*クリックした瞬間のリンク色*/
	text-decoration:underline;
}


/*--------------------------
　メイン
---------------------------*/
h2{
	width:590px;
	height:52px;
	text-indent:-9999px;
	margin-bottom:15px;
}

/*h2のタイトル画像部分*/
.top{
background:url(../img/title.gif) left top no-repeat;
}

.saimu{
background:url(../img/title_saimu.gif) left top no-repeat;
}

.saiban{
background:url(../img/title_saiban.gif) left top no-repeat;
}

.fudousan{
background:url(../img/title_fudousan.gif) left top no-repeat;
}

.kaisya{
background:url(../img/title_kaisya.gif) left top no-repeat;
}

.annai{
background:url(../img/title_annai.gif) left top no-repeat;
}

.ryokin{
background:url(../img/title_ryokin.gif) left top no-repeat;
}
/*ここまでがh2の画像部分*/

h3{
	background:url(../img/subtitle_bg.gif) left top no-repeat;
	width:570px;
	height:22px;
	margin-bottom:10px;
	padding-top:8px;
	padding-left:20px;
}

#main p{
    letter-spacing: 1px;
	margin-bottom:15px;
	}

span.b{
      color: #008080;
      font-weight: bold;
}	

/*h3部分*/	
.daijiaka{
         color:#DC143C ;
         font-weight: bold;
}
.kabaraigif1{
             text-align: center;
             }
	
/*topページのトピックス部分*/	
/*このh5はトップページのトピックス部分です*/

h5{
       background-color: #FFCCFF;
       border-bottom: 2px dotted;
       height:20px;
       border-color:#ff99cc ;
       padding-top:8px;
	   padding-left:20px;
	   
}


p.toiawase{
      color: #333333;
      margin: 10px;
      background:url(../img/akinire.jpg);
}

p.tel{
      color: #009999;
      font-size:15px;
      
}

p.titletel{
         color: #ffffff;
         font-size:13px;
}
/*トピック部分終了*/


p.icon{
	text-align:right;
}

p.icon a{
	background:url(../img/icon_arw01.gif) left center no-repeat;
	padding-left:10px;
}

/*TOPページの画像*/
.topimg{
      float: right;    
        
}

.textgreen{
         color: #009999;
         font-weight: bold;
         }
         
.border{
       background-color: #ffffff;
       border-bottom: 1px dotted;
       color: #666666;
}

/*不動産ページ*/

.fudousanwaku{
             background-color: #ffcccc;
             border-bottom:1px solid;
             color: #333333; 
             padding-left:30px;
             font-weight: bold;
}
/*--------------------------
　サイドバー
---------------------------*/
#menu{
	margin-bottom:15px;
	
}

#menu a{
	display:block;
	width:160px;
	padding:10px;
	text-decoration:none;
	color:#666666;
}

#menu a:link,#menu a:visited{
	border-bottom:#FFCCFF 2px solid;
	background:url(../img/menu_bg.gif) left top repeat-x;
	background-color:#F2F2F2;
}

#menu a:hover,#menu a:active{
	border-bottom:#990000 2px solid;
	background:url(../img/menu_bg_on.gif) left bottom repeat-x;
	background-color:#FFFFFF;
	font-weight:bold;
}


#menu li.selected a:link,#menu li.selected a:visited{
	border-bottom:#990000 2px solid;
	background:url(../img/menu_bg_on.gif) left bottom repeat-x;
	background-color:#FFFFFF;
	font-weight:bold;
}

#sidebar p{
	margin-bottom:10px;
}

ul#menu{
         margin:auto;
}

/*--------------------------
　フッター
---------------------------*/


#footer ul{
	background-color:#E6E6E6;
			padding:5px 10px;
	margin-bottom:5px;
}

#footer li{
	display:inline;
	padding:0 10px;
	background:url(../img/icon_arw02.gif) left center no-repeat;
}

#footer p{
	font-size:0.8em;
	text-align:right;
	
	
}

#footer li a:link{
	color:#666666;/*未訪問のリンク色*/
	text-decoration:none;
}
#footer  li a:visited{
	color:#666666;/*訪問済みのリンク色*/
	text-decoration:none;
}
#footer  li a:hover{
	color:#666666;/*マウスが乗った時のリンク色*/
	text-decoration:underline;
}
#footer li a:active{
	color:#666666;/*クリックした瞬間のリンク色*/
	text-decoration:underline;
}

