@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. base
　02. header
　03. footer
　04. structure
　　　├ section
　　　├ column
　　　├ 
　　　└ 
　05. h1～h6
　06. margin/padding
　07. clearfix
　08. float ＋ align
　09. font-size
　10. 
　11. 
　12. 


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("parts.css");


/* ==

　01. base

=============================================================================== */
*{
	margin:0;
	padding:0;
	color:#666;
}
html{
	overflow-y:scroll;
	/*overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;*/
}
body{
	background-color:#fff;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
html[xmlns*=""] body{ /* hack for Safari */
	letter-spacing:-0.1em;
}
*:first-child+html body{ /* hack for IE7 */
	letter-spacing:normal;
}

/* hack fo IE8  090918追加 */
html>/**/body * { letter-spacing /*\**/: normal\9 }


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

ul, ol{ min-height:1%; list-style-type:none; }
li{ list-style-type:none; }
li img{ vertical-align:bottom; }
* html ul, * html ol{ height:1%; }
ul:after,
ol:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

img{ border:0; }
hr{ display:none; }
fieldset{ border:none; }
sup{
	font-size:8px;
	vertical-align:top;
	/font-size:11px;
	/vertical-align:super;
}

/* ==

　02. header

=============================================================================== */
.headerArea{
	width:100%;
	padding:13px 0 0;
	background:url(../images/renew2009/bk_header.gif) left top repeat-x;
	clear:both;
}
* html .headerArea{ height:1%; }
.header{
	width:950px;
	min-height:1%;
	margin:0 auto;
	clear:both;
}
.header:after,
.header .floatR div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.header a:link, .header a:visited{ color:#666; text-decoration:none; }
.header a:hover, .header a:active{ color:#666; text-decoration:underline; }
.header p.logo{
	width:80px;
	margin-bottom:10px;
	float:left;
}
.header .floatR{
	width:840px;
}
.header .floatR div{
	width:840px;
	min-height:1%;
	margin-top:10px;
	/*overflow:hidden;*/
	clear:both;
}

/* .upper
------------------------------------------------------------------------------- */
.header .floatR .upper{ margin-bottom:12px; position:relative; }
.header .floatR .upper h1,
.header .floatR .upper p{ float:left; }

/* リンク（お問い合わせ等） */
.header .floatR .upper ul{ float:right; }
.header .floatR .upper li{
	margin:9px 13px 0 0;
	/*font-size:80%;*/
	font-size:10px;
	line-height:1.2;
	white-space:nowrap;
	float:left;
}
.header .floatR .upper li a{
	padding-left:6px;
	background:url(../images/renew2009/arrow_02.gif) left 3px no-repeat;
}
.header .floatR .upper li a.blank{
	padding-left:18px;
	background:url(../images/renew2009/arrow_blank.gif) left top no-repeat;
}

/* RSS */
.header .floatR .upper li#rss{ margin:5px 0 0; }
.header .floatR .upper li#rss a{ padding-left:0; background:none; }

/* フォントサイズ変更 */
.header .floatR .upper li.btn{
	margin:0;
	text-indent:-9999px;
}
.header .floatR .upper li.btn a{
	padding-left:0;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	position:absolute;
}
.header .floatR .upper li.btn a:link, .header .floatR .upper li.btn a:visited{ background-position:left top; }
.header .floatR .upper li.btn a:hover, .header .floatR .upper li.btn a:active{ background-position:left bottom; }
.header .floatR .upper li#fontSizeChg{
	width:102px;
	margin:5px 0 0 10px;
}
.header .floatR .upper li#fontSizeChg a{
	width:102px;
	height:20px;
	top:5px;
	right:0;
}
.header .floatR .upper li#fontSizeChg a#fontsizeS{ background-image:url(../images/renew2009/btn_fontsizeS.gif); }
.header .floatR .upper li#fontSizeChg a#fontsizeL{ background-image:url(../images/renew2009/btn_fontsizeL.gif); }


/*　検索
------------------------------------------------------------------------------- */
.header .floatR div fieldset{
	margin-top:8px;
	font-size:12px;
	float:right;
}
.header .floatR div fieldset input#searchBox{
	width:100px;
	background-color:#f7f7f7;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	border-left:1px solid #999;
	border-right:1px solid #fff;
}
.header .floatR div fieldset .btn{
	height:18px;
	vertical-align:bottom;
}


/* ==

　03. footer

=============================================================================== */
.footer{
	/*width:950px;*/
	width:100%;
	margin:15px auto 0;
	padding-top:7px;
	border-top:1px solid #eaeaea;
	color:#666;
	text-align:center;
	overflow:hidden;
	clear:both;
}
.footer a:link, .footer a:visited{ color:#666; }
.footer a:hover, .footer a:active{ color:#666; }
.footer ul{
	width:auto;
	margin-bottom:7px;
	text-align:center;
}
.footer li{
	padding:0 5px;
	border-right:1px solid #666;
	font-size:12px;
	display:inline;
}
.footer li.lastChild{
	padding-right:0;
	border-right:none;
}
.footer ul.sub{
	padding:5px 0 0;
	border-top:3px solid #ed1a3d;
}
.footer ul.sub li{ font-size:10px; }
.footer address{
	margin:5px auto 10px;
	font-size:10px;
	color:#666;
	font-style:normal;
	text-align:center;
	clear:both;
}


/* ==

　04. structure

=============================================================================== */
.container{
	width:950px;
	min-height:1%;
	margin:0 auto;
	/*overflow:hidden;*/
	position:relative;
	clear:both;
}
.container:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


/* .section
------------------------------------------------------------------------------- */
.container .section{
	/*overflow:hidden;*/
	min-height:1%;
	position:relative;
	clear:both;
}
* html .container .section{ height:1%; }
.container .section:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .pickup,
.section .ranking{ position:relative; }


/* column
------------------------------------------------------------------------------- */
/* 第2階層 */
.level2 .main .floatL{ width:540px; }
.level2 .main .floatR{ width:390px; }





/* ==

　05. h1～h6

=============================================================================== */
/* h2
------------------------------------------------------------------------------- */
.container h2{
	margin-bottom:10px;
	background:url(../images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .container h2{ height:1%; }

/* ピックアップ物件、ランキング（分譲マンショントップ、分譲住宅・宅地で使用） */
.container .pickup h2,
.container .ranking h2{
	min-height:22px;
	padding:8px 5px 0 15px;
	background:url(../images/renew2009/bk_h2_520px.gif) left top no-repeat;
	font-size:14px;
	line-height:1.0;
}
* html .container .pickup h2,
* html .container .ranking h2{ height:22px; }


.container h2.txt{
	min-height:23px;
	margin:0 0 10px;
	padding:7px 0 0 12px;
	font-size:120%;
}
* html .container h2.txt{ height:23px; }


/* ==

　06. margin/padding

=============================================================================== */
/*　margin
------------------------------------------------------------------------------- */
.mgn05{ margin:5px; }
.mgn10{ margin:10px; }
.mgn15{ margin:15px; }
.mgn20{ margin:20px; }
.mgn25{ margin:25px; }
.mgn30{ margin:30px; }
.mgn35{ margin:35px; }
.mgn40{ margin:40px; }
.mgn45{ margin:45px; }

/* margin-top */
.mt05{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }

/* margin-bottom */
.mb05{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb45{ margin-bottom:45px; }

/* margin-left */
.ml05{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }

/* margin-right */
.mr05{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }
.mr45{ margin-right:45px; }

/*　padding
------------------------------------------------------------------------------- */
.pdg05{ padding:5px; }
.pdg10{ padding:10px; }
.pdg15{ padding:15px; }
.pdg20{ padding:20px; }
.pdg25{ padding:25px; }
.pdg30{ padding:30px; }
.pdg35{ padding:35px; }
.pdg40{ padding:40px; }
.pdg45{ padding:45px; }

/* padding-top */
.pt05{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }

/* padding-bottom */
.pb05{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }

/* padding-left */
.pl05{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }

/* padding-right */
.pr05{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }


/* ==

　07. clearfix

=============================================================================== */
.clearfix{
	min-height:1%;
	clear:both;
}
* html .clearfix{
	height:1%;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


/* ==

　08. float ＋ align

=============================================================================== */
/*　float
------------------------------------------------------------------------------- */
.floatL{ float:left; clear:none; }
.floatR{ float:right; clear:none; }

/*　align
------------------------------------------------------------------------------- */
.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }


/* ==

　09. font-size

=============================================================================== */
/*　font-size:10px相当
------------------------------------------------------------------------------- */
.f10l11{ font-size:80%; line-height:1.1; }
.f10l12{ font-size:80%; line-height:1.2; }
.f10l13{ font-size:80%; line-height:1.3; }
.f10l14{ font-size:80%; line-height:1.4; }
.f10l15{ font-size:80%; line-height:1.5; }
.f10l16{ font-size:80%; line-height:1.6; }
.f10l17{ font-size:80%; line-height:1.7; }
.f10l18{ font-size:80%; line-height:1.8; }

/*　font-size:12px相当
------------------------------------------------------------------------------- */
.f12l11{ font-size:100%; line-height:1.1; }
.f12l12{ font-size:100%; line-height:1.2; }
.f12l13{ font-size:100%; line-height:1.3; }
.f12l14{ font-size:100%; line-height:1.4; }
.f12l15{ font-size:100%; line-height:1.5; }
.f12l16{ font-size:100%; line-height:1.6; }
.f12l17{ font-size:100%; line-height:1.7; }
.f12l18{ font-size:100%; line-height:1.8; }

/*　font-size:14px相当
------------------------------------------------------------------------------- */
.f14l11{ font-size:120%; line-height:1.1; }
.f14l12{ font-size:120%; line-height:1.2; }
.f14l13{ font-size:120%; line-height:1.3; }
.f14l14{ font-size:120%; line-height:1.4; }
.f14l15{ font-size:120%; line-height:1.5; }
.f14l16{ font-size:120%; line-height:1.6; }
.f14l17{ font-size:120%; line-height:1.7; }
.f14l18{ font-size:120%; line-height:1.8; }

/*　font-size:16px相当
------------------------------------------------------------------------------- */
.f16l11{ font-size:140%; line-height:1.1; }
.f16l12{ font-size:140%; line-height:1.2; }
.f16l13{ font-size:140%; line-height:1.3; }
.f16l16{ font-size:140%; line-height:1.4; }
.f16l15{ font-size:140%; line-height:1.5; }
.f16l16{ font-size:140%; line-height:1.6; }
.f16l17{ font-size:140%; line-height:1.7; }
.f16l18{ font-size:140%; line-height:1.8; }

/*　font-size:10px
------------------------------------------------------------------------------- */
.f10pxl11{ font-size:10px; line-height:1.1; }
.f10pxl12{ font-size:10px; line-height:1.2; }
.f10pxl13{ font-size:10px; line-height:1.3; }
.f10pxl14{ font-size:10px; line-height:1.4; }
.f10pxl15{ font-size:10px; line-height:1.5; }
.f10pxl16{ font-size:10px; line-height:1.6; }
.f10pxl17{ font-size:10px; line-height:1.7; }
.f10pxl18{ font-size:10px; line-height:1.8; }

/*　font-size:12px
------------------------------------------------------------------------------- */
.f12pxl11{ font-size:12px; line-height:1.1; }
.f12pxl12{ font-size:12px; line-height:1.2; }
.f12pxl13{ font-size:12px; line-height:1.3; }
.f12pxl14{ font-size:12px; line-height:1.4; }
.f12pxl15{ font-size:12px; line-height:1.5; }
.f12pxl16{ font-size:12px; line-height:1.6; }
.f12pxl17{ font-size:12px; line-height:1.7; }
.f12pxl18{ font-size:12px; line-height:1.8; }

/*　font-size:14px
------------------------------------------------------------------------------- */
.f14pxl11{ font-size:14px; line-height:1.1; }
.f14pxl12{ font-size:14px; line-height:1.2; }
.f14pxl13{ font-size:14px; line-height:1.3; }
.f14pxl14{ font-size:14px; line-height:1.4; }
.f14pxl15{ font-size:14px; line-height:1.5; }
.f14pxl16{ font-size:14px; line-height:1.6; }
.f14pxl17{ font-size:14px; line-height:1.7; }
.f14pxl18{ font-size:14px; line-height:1.8; }

/*　font-size:16px
------------------------------------------------------------------------------- */
.f16pxl11{ font-size:16px; line-height:1.1; }
.f16pxl12{ font-size:16px; line-height:1.2; }
.f16pxl13{ font-size:16px; line-height:1.3; }
.f16pxl14{ font-size:16px; line-height:1.4; }
.f16pxl15{ font-size:16px; line-height:1.5; }
.f16pxl16{ font-size:16px; line-height:1.6; }
.f16pxl17{ font-size:16px; line-height:1.7; }
.f16pxl18{ font-size:16px; line-height:1.8; }