/*-------------------ブラウザのマージンなどを0に設定。------------------*/	

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*-------------------containerでは、形とBack色、マージンは自動で左右にとる------------------*/	

.container{
	background-color: #FFFFFF;
	width: 816px;
	padding: 0;
	/*
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	*/
	/* use IE+XHTML */
	text-align:left;
}

/*-------------------Bodyでは、字体、大きさ、字の色、行間、背景を定義。フォント（デフォルト）＝11px------------------*/	

body{
	font: normal 11px/14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-size: 13px;
/*
	background-image:url(../img/global_bg.gif);
*/
	background-color: #D3D3D3;
	margin: 0;
	padding: 0;
	line-height: 150%;
	/* use IE+XHTML */
	text-align:left;
	  color: #333333;

}



/*-------------------pでは、インデント。------------------*/	
p{
	margin:5px 0 15px 0;
	padding:0px;
}

img{
border:0;
margin:0;
padding:0;
}
/*-------------------h系では、字の大きさとマージン。------------------*/	

h1{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 22px;
}

h2{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
}

h3{
	margin-bottom: 20px;
	padding: 0px;
	font-size: 14px;
	font-style: nomal:
	line-height: 150%;
}

h4{
	margin-bottom: 5px;
	padding: 0px;
	font-size: 14px;
	font-style: nomal:
	line-height: 150%;
}
.tx-12{
	font-size: 12px;
	line-height: 150%;
}
.tx-11{
	font-size: 11px;
	line-height: 150%;
}


/*-------------------aでは、装飾とリンク色。------------------*/	
a{
	text-decoration: none;
}

a:link {
  color: #333;
  text-decoration:none;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover, a:active {
  color: #999;
  text-decoration:underline;
}

ul{
	margin: 0px;
	padding: 0px;
}	
li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}	
table{
	margin:0px;
	border:0px;
}


/*----------------スニペット基本情報---------------------*/

/*----------------（ヘッダー）ここから---------------------------*/

.header{
height:90px;
margin:10px 0 0 8px;
}

.header_title{
margin-top:5px;
width:434px;
}
.header_logo{
position:absolute;
width:194px;
margin:0 0 0 585px;}

/*----------------（ヘッダー）ここまで---------------------------*/


/*----------------（グローバルナビ）ここから---------------------*/

.globalNav{
	width: 796px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*----------------（グローバルナビ）ここまで---------------------*/

/*----------------（パンくず）ここから---------------------------*/
.pan{
width:786px;
color: #333333;
text-decoration: none;
font-size: 12px;
margin-left:10px;
}

/*----------------（コンテント）ここから---------------------------*/

/*----------------トップページここから---------------------------*/
.top{
width:784px;
margin:10px 0 0 6px;
}
.right_banner p{
margin:0 0 5px 0;
}

.top_news{
width:544px;
padding:10px;
margin-bottom:20px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}
.top_news h2{
margin-bottom:15px;
}
.backnumber{
margin-top:10px;
}

.news_date{
width:95px;
font-size: 12px;
line-height: 150%;
border-bottom:1px dotted #CCCCCC;
}

.news_arrow{
width:36px;
border-bottom:1px dotted #CCCCCC;
}

.news_list{
font-size: 12px;
line-height: 150%;
width:413px;
border-bottom:1px dotted #CCCCCC;
}

.top_news_list{
color: #333333;
    text-decoration: none;
    font-size: 12px;
    line-height: 150%;
	margin: 5px 0 10px 10px;
	padding: 0 0 5px 0;
	border-bottom:1px dotted #CCCCCC;
}
	

/*----------------1段組テーブル（左が70%右が30%、画像は左寄せ）-------------*/
.contentSingle{
width:600px;
margin:20px 0 0 100px;
}
.contentSingle h2{
	margin-bottom: 20px;
	padding: 0px;
}

/*----------------2段組テーブル（左が70%右が30%、画像は左寄せ）-------------*/
.contentdouble{
width:786px;
margin:20px 5px 0 5px;
padding:0;
}

/*-----------3段組テーブル（左が33%中央が33%右が34%、画像は左寄せ）-------------*/
.contentTriple img{
	float:left;
}

.contentTriple td#left{
	width:33%;
}
.contentTriple td#center{
	width:33%;
}
/*----------------各カテゴリ共通-------------*/

.navi_base{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
	color: #333333;
    text-decoration: none;
    font-size: 11px;
    line-height: 180%;
}
.base2{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.navi_base h2{
	margin-bottom: 10px;
}
.list{
background-color:#FFFFFF;
padding:5px;}

.menu{
margin-bottom:-5px;
padding:0;
}
* html .menu{
margin-bottom:0px;
padding:0;
}
.navi_btn{
float:left;
    width:266px;
	margin:20px 12px 10px 12px;
	}

/*----------------ニュース・トピックス-------------*/
.content_single{
margin:10px -10px 0 6px;
padding:10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
width:762px;
/* Hack for MacIE begin ＼*/
width:784px;
/* Hack for MacIE end */
}

.content_news{
margin:10px -10px 0 6px;
padding:10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
width:762px;
/* Hack for MacIE begin ＼*/
width:784px;
/* Hack for MacIE end */
}


.content_news h3{
	color: #333333;
    text-decoration: none;
    font-size: 12px;
    line-height: 150%;
	margin: 10px 0 0 0;
	padding: 0px;
	border-bottom:1px dotted #CCCCCC;
}
.content_news p{

    text-decoration: none;
    font-size: 13px;
    line-height: 150%;
	margin: 0 0 5px 10px;
}
.topics_img{
float:right;
margin-left:10px;
margin-bottom:10px;
width:200px;
clear:right;
}
.date{
	color: #333333;
    text-decoration: none;
    font-size: 12px;
    line-height: 150%;
	margin-bottom: 5px;
	}
.content_news a:link {
  color: #FF0000;
  text-decoration:underline;
}
.content_news a:visited {
  color: #FF0000;
  text-decoration: underline;
}
.content_news a:hover, a:active {
  color: #FF0000;
  text-decoration:underline;
}

.privacy_area{
    width:280px;
 margin-left:80px;
}
.link_area{
    width:550px;
 margin-left:160px;
 margin-bottom:20px;
}


#topicsContentList {padding:10px;}
#topicsContentList h3 {display:block;padding:4px 0px;}
#topicsContentList h3 span{display:block;}
#topicsContentList h3 span.date{float:left;width:100px;clear:both;background-image: url('/img/top_arrow.gif');background-repeat:no-repeat;background-position:right;background-position:70px 3px;}
#topicsContentList h3  span.title{width:420px;margin-left:100px;}

	
/*----------------サイトマップ-------------*/


.sitemap{
padding-left:5px;
padding-top:2px;
background-image: url(../../sitemap/img/bg.gif);
background-repeat: no-repeat;
}

/*----------------全宅連・全宅保証とは（青）-------------*/
	
#ccc{
    text-decoration: none;
    font-size: 12px;
    line-height: 150%;
}
#ccc td{
padding:3px;
}
#ddd{
background-color:#ddd;
}
#eee{
background-color:#eee;
}
#fff{
background-color:#fff;
}
.merit_area{
    width:448px;
 margin-left:95px;
 margin-bottom:20px;
}


/*----------------不動産業に従事される方（黄色）-------------*/

.training_list{
    width:550px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
.training_list table{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #CCCCCC;
}
#realpartnerlist{
	font-size: 10px;
	line-height: 130%;}

/*----------------お役立ち情報（赤）-------------*/

.second_area{
    width:500px;
 margin-left:20px;
	padding:5px;
}


.check{
    width:530px;
	background-color:#F5E0E3;
		border-left:1px solid #FF9999;
	border-right:1px solid #FF9999;
	border-top:1px solid #FF9999;
	border-bottom:1px solid #FF9999;
	padding:10px;
}



/*----------------（コンテント）ここまで---------------------------*/

/*-------------------（フッター）ここから-------------------------*/
.footer{
width:786px;
margin-right:auto;
margin-left:auto;
margin-top:15px;}

.footer td{
height:20px;}

.footer img{
margin:0 8px 8px 8px;
}

/*-------------------（フッター）ここまで-------------------------*/



/*----------------スニペット基本情報ここまで--------------*/




/* サイトTOPのバナー --  */


#bannerArea .swapbanner {width:208px;display:block;}
#bannerArea .swapbanner a:hover{margin-left:-208px;}