/*
分譲マンション購入ガイド up date:2007.6 by ioix

■1共通指定
■2レイアウト
■3ナビゲーション
■4コンテンツ
■5トップページ
■6フッター
■7アイコン表示（プリントアイコン、上へ戻るアイコン、お問い合わせメールアイコン、ナビグループ2）
*/


/*■1共通指定*/
*{
margin:0;
padding:0;
}
body{
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,arial,sans-serif,verdana;
color:#000;
background: url(/upload_images/template/bg.gif);
}
/* old これだとFFとNSで文字が変になる→日本語フォントを先に書く
body{ font-family:arial, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, verdana; }
*/

img{border:0;}

h1{font-size:120%; margin:0; padding:0;}
h1 span{
position:absolute;
top:-9999px;
left:-9999px;
}
h2,h3,h4{margin:0; padding:0;}
.clear{
clear:both;
font-size:1px;
}
.comment,.hide{
position:absolute;
top:-9999px;
left:-9999px;
}
.mr5{margin-top:5px;}
.mr-top{height:140px;}

/*■2レイアウト*/
#wrapper{
width:790px;
background:#fff;
border-right:#C4B99D 2px solid;
border-bottom:#C4B99D 4px solid;
margin-bottom:10px;
}
#header{
width:790px;
height:156px;
background:#E3F1F7;
}
#headerlogo{
}
#contentwrapper{
width:790px;
padding-top:13px;
}
#navarea{
float:left;
width:220px;
}
#content{
float:left;
width:540px;
}

/*■3ナビゲーション*/
#navigroup1{margin:0 0 20px 10px;}
.nav1 a{
width:162px;
padding:8px 5px 3px 20px;
background:#E7F6FA url(/upload_images/template/nav1.gif) no-repeat;
display:block;
}
.nav1 a{
font-size:83%;
color:#006699;
line-height:100%;
text-decoration:none;
}
.nav1 a:hover{
width:162px;
background:#F3FAFC url(/upload_images/template/nav1_f2.gif) no-repeat;
color:#E93116;
}
/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
.nav1 a.selected,
.nav1 a.selected:visited:hover {
width:162px;
background:#F3FAFC url(/upload_images/template/nav1_f2.gif) no-repeat;
color:#E93116;
font-weight:bold;
}
.nav3{
margin:0;padding:0;
width:187px;
height:6px;
background:url(/upload_images/template/nav3.gif) no-repeat;
font-size:2px;
}

#navigroup2 img{
vertical-align:middle;
margin-right:2px;
}
#navigroup2{
margin:0px 20px 0px 12px;
font-size:12px;
}
#navigroup2 a{
font-size:12px;
color:#333;
line-height:180%;
}
#navigroup2 a:hover{
color:#E93116;
}


/*■4コンテンツ*/
.breadcrumb{
background:url(/upload_images/template/bg_breadcrumb.gif) no-repeat;
padding:2px 10px 6px 10px;
font-size:83%;
}
.breadcrumb a{
color:#0099FF;
text-decoration:none;
}
.breadcrumb a:hover{
color:#0099FF;
text-decoration:underline;
}
.breadcrumb span{
color:#666;
text-decoration:none;
}

#content ul{
margin:20px 0 80px 0;
}
#content ul li.nav{
clear:both;
margin:6px 0 0 0;
font-size:87%;
font-weight:bold;
color:#006699;
list-style-type:none;
}
#content ul li.nav a{
padding:0 0 10px 20px;
color:#006699;
background:url(/upload_images/template/icon_cate.gif) 0 0px no-repeat;
}
#content ul li.nav a:hover{
color:#E93116;
text-decoration:none;
}
#content #category{
clear:both;
margin:16px 0 22px 0;
padding:2px 0 4px 20px;
background:url(/upload_images/template/icon_cate.gif) 0 2px no-repeat;
font-size:100%;
font-weight:bold;
color:#006699;
}
#content .pagetitle{
margin:0px 0 20px 3px;
font-size:107%;
line-height:105%;
font-weight:bold;
color:#000;
}
#content h3.subtitle{
margin:0px 0 0 0;
padding:5px 0 7px 0;
font-size:106%;
line-height:125%;
font-weight:bold;
color:#0066CC;
border-bottom:#6FCADD 1px solid;
}
/*
background-image: url(/upload_images/template/titlebar.gif);
background-repeat: no-repeat;
background-position: bottom;
*/

#content .article{
margin:6px 0 20px 3px;
padding:0 0 0 0;
font-size:83%;
line-height:180%;
color:#000;
}

/*■4-2カテゴリトップ*/
#cate #content h3{
margin:0px 0 8px 3px;
font-size:107%;
line-height:105%;
font-weight:bold;
}
#cate #content h3 a{
color:#000;
text-decoration:underline;
}
#cate #content h3 a:hover{
color:#E93116;
text-decoration:none;
}
#cate #content .summary{
margin:0px 0 20px 27px;
font-size:85%;
line-height:140%;
color:#000;
}

/*■5トップページ*/
#top #content h2.title{
margin:16px 0 0 0;
font-size:110%;
line-height:100%;
font-weight:bold;
}
#top #content .introduction{
margin:10px 0 80px 3px;
padding:0 0 0 0;
font-size:87%;
line-height:180%;
color:#000;
}
#top #content .linkarea img{
float:left;
}
#top #content .linkarea .mr{
clear:both;
height:22px;
}
#top #content .linkarea h3{
float:left;
margin:0px 0 0 13px;
padding:0 0 7px 0;
font-size:106%;
line-height:100%;
font-weight:bold;
}
#top #content .linkarea h3 a{
color:#0066CC;
text-decoration:underline;
}
#top #content .linkarea h3 a:hover{
color:#E93116;
text-decoration:none;
}

/*■6フッター*/
#footerwrapper{
margin:30px 20px 10px 0;
text-align:right;
}
#footerwrapper p{
font-size:10px;
color:#666666;
letter-spacing:0.1em;
}
#wrapper #footermr{
margin:0; padding:0;
width:805px;
height:14px;
background:#ECEBD9 url(/upload_images/template/bg_bottom.jpg) no-repeat;
}

/*■7アイコン表示*/
#content .printlink img,#content .top img{
vertical-align:middle;
margin-right:2px;
}
#content .top{
text-align:right;
}
#content .top a{
padding:0 0 0 0;
color:#666;
text-decoration:underline;
font-size:70%;
}
#content .top a:hover{
color:#E93116;
}


/*外部リンクコード用*/
#code{
margin:30px 25px 0 12px;
font-size:70%;
line-height:150%;
color:#888;
}
#code a{
text-decoration:underline;
color:#888;
}