@charset 'UTF-8';
@import url(common.css);


/* ================================================================ *
	NexasDesign 2008/10
	丸福企画開発ページ用 CSS
	
	適用先:310.html,320.html
	
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/*	background : #f4f4ec;*/
}

.wrap {
	width : 900px;
	margin : 0 auto;
	text-align : left;
}

table {
	border-collapse: collapse;
}

li {
	list-style : none;
}
img {
	border : none;
}

/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header {
	height : 81px;
}

#header h1 {
	margin : 14px 0 0;
	float : left;
}

#header-navi {
	float : right;
	margin : 16px 0 0;
}

#mail-btn {
	display : inline;
	text-indent : -5000px;
}

#mail-btn a{
	display : block;
	width : 310px;
	height : 20px;
	overflow : hidden;
	background : url(../img/320/header_navi02.png) no-repeat;
}

/* -------------------------------------------------------------------
>> ナビ設定
------------------------------------------------------------------- */
.navi li {
	display : inline;
	text-indent : -5000px;
}
.navi a {
	display : block;
	float : left;
	overflow : hidden;
}


#navi-area {
	background : #9ad542;
}
#navi-area-in {
	height : 63px;
	background : url(../img/320/navi_bg.jpg) no-repeat;
}
#main-navi {
	clear : both;
	float : right;
}
#main-navi a {
	width : 180px;
	height : 63px;
}
#main-navi a:hover {
	background-position : 0 -63px;
}

/*  メニュー画像読み込み  */
#navi01 a{
	width : 181px;
	background : url(../img/320/navi01.jpg) no-repeat;
}

#navi02 a{
	background : url(../img/320/navi02.jpg) no-repeat;
}

#navi03 a{
	background : url(../img/320/navi03.jpg) no-repeat;
}


#estate-list-btn a {
	width : 320px;
	height : 130px; 
	background : url(../img/320/estate_list_btn.jpg) no-repeat;
}

/* -------------------------------------------------------------------
>> 見出し設定
------------------------------------------------------------------- */
h3.img-left {
	margin : 0 0 10px;
}


/* h3背景設定① */
.h3-bg {
	width : 252px;
	height : 52px;
	margin : 0 0 1em;
	color : #666666;
	background: url(../img/320/h3_bg01.gif) no-repeat;
}
.h3-bg span {
	display : block;
	padding : 14px 0 0 55px;
}

/* h3背景設定② */
.h3-bg2 {
	height : 36px;
	color : #666666;
	background: url(../img/320/h3_bg02.gif) no-repeat;
	margin-bottom: 0.8em;
}
.h3-bg2 span {
	display : block;
	padding : 5px 0 0 40px;
	font-size: 14px;
}

/* -------------------------------------------------------------------
>> コンテンツレイアウト設定
------------------------------------------------------------------- */
#content:after,
#content-in:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
#content {
	clear : both;
	margin : 0 0;
	background : url(../img/320/cont_bg.png) repeat-x;
}
#cont-bg {
	background : url(../img/320/cont_bg02.jpg) no-repeat center 0;
}
#content-in {
	width : 900px;
	background : url(../img/320/cont_border.png) repeat-y;
}
#left-area {
	float : left;
	width : 707px;
	margin : 17px 0 0;
/*	background : #d4d;*/
}
#left-area a {
	text-decoration: none;
}
#left-area-in {
	margin : 0 0 0 27px;
}
#left-area-subnavi {
	background-color: #FFFFFF;
	border: 1px solid #9AD542;
	margin-left: 27px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 120%;
}
/* 物件リスト */
#left-area-in table {
	width: 100%;
	margin-bottom: 20px;
}
.tdlabel {
	font-size: 80%;
	background-color: #E0DFE3;
	text-align: center;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
/* 左エリアで２カラムにする設定 */
.left-box {
	clear : both;
	float : left;
	width : 340px;
}
.td01 {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	font-size: 80%;
}
.td02 {
	text-align: center;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	font-size: 80%;
}
#left-area-subnavi img {
	margin-right: 2px;
	margin-left: 10px;
	position: relative;
	top: 4px;
}
.right-box {
	float : right;
	width : 330px;
/*	background : #dd4;*/
}
#left-area-subnavi a {
	text-decoration: none;
}
#right-area {
	float : right;
	margin : 24px 0 0 0;
}

#right-area-in {
/*	background : #4d4;*/
	margin : 0 20px 0 0;
}


/* -------------------------------------------------------------------
>> コンテンツ設定
------------------------------------------------------------------- */
/* pタグ設定 */

.left-box p {
	margin : 0 0 1em;
	padding : 0 30px 0 20px;
	text-indent : 1em;
	line-height : 150%;
	font-size : 80%;
}

/* 枠線をつける設定 */
.border-box {
	width : 314px;
	border : 1px solid #cccccc;
	background : #fff;
	margin-bottom: 10px;
}

.border-box dl {
	padding : 20px 10px;
	font-size : 12px;
}

/* dlタグ設定①　dt,ddを横並びにする */
.dl-layout01 {
	margin : 0 0 10px;
	padding : 0 30px 0 20px;
	font-size : 80%;
}
.dl-layout01 dt {
	clear : both;
	float : left;
	color : #003399;
}
.dl-layout01 dd {
	margin : 0 0 0.7em;
	padding : 0 0 0 8em;
	color : #666666;
}

/* ページ内リンク */
/*
.index-box {
	width : 316px;
	margin : 0 0 25px;
	background : url(../img/parts/index_box_in.png) repeat-y 16px 0;
}

.index-box dl {
	background : url(../img/parts/index_box_foot.png) no-repeat 16px bottom;
}
.index-box dt {
	padding : 0 0 20px;
}
.index-box dd {
	margin : 0 10px 0 30px;
	padding : 0 0 10px;
}
.index-box a {
	padding : 0 0 0 30px;
	text-decoration : none;
	font-size : 14px;
	color : #003399;
	background: url(../img/icon/anc01.png) no-repeat;
}
.index-box .anc02 a {
	background: url(../img/icon/anc02.png) no-repeat;
}
*/



/* おすすめ不動産物件 */
#estate-area dl:after,
.Lestate-box:after,
.Restate-box:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

#estate-area {
	height : 420px;
	min-height : 420px;
}
#estate-cont {
	clear :both;
}
.Lestate-box {
	clear : both;
	float : left;
	margin : 0 0 0;
	font-size : 12px;
	background : url(../img/320/estate_box_in.jpg) repeat-y;
/*	background : url(../img/320/estate_box_in.jpg) repeat-y;*/
}
.Restate-box {
	display : inline;
	float : right;
	margin : 0 10px 0 0;
	font-size : 12px;
	background : url(../img/320/estate_box_in.jpg) repeat-y;
}
.estate-box-in {
	width : 318px;
	background : url(../img/320/estate_box_top.jpg) no-repeat 0 top;
}

#estate-area p.more {
	display : inline;
	text-align : right;
	margin : 35px 20px 0 0;
	font-size: 14px;
	font-weight: bold;
}
#estate-area p.more a {
	padding : 0 20px 0 0;
	font-size : 12px;
	color : #666666;
	text-decoration : none;
	background: url(../img/icon/anc03.png) no-repeat right center;
}


#estate-area dl {
	width : 318px;
	padding : 10px 0 18px 0;
	line-height : 140%;
	background : url(../img/320/estate_box_foot.jpg) no-repeat 0 bottom;
}
#estate-area dt {
	padding : 0 0 0 10px;
	color : #666666;
}
#estate-area .img-right {
	margin-right : 28px;
}

#estate-area dd {
	padding : 0 18px 0 10px;
	color : #666666;
}
#estate-area dd strong {
	color : #ff6600;
}
#estate-area .more {
	display : inline;
	float : right;
	margin : 0 13px 0 0;
}
#estate-area .more a {
	padding : 0 20px 0 0;
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	background: url(../img/icon/anc03.png) no-repeat right center;
}


/* -------------------------------------------------------------------
>> グループ関連サイト
------------------------------------------------------------------- */
#group:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
#group {
	clear : both;
	width : 138px;
	margin : 0 0 20px;
	font-size : 10px;
	border : 1px solid #558fd6;
	background : #ffffff;
}
#group h4 {
	padding : 10px 6px;
}
#group ul {
	padding : 10px 0;
	text-align : center;
}
#group li {
	width : 106px;
	margin : 0 auto 10px;
	text-align : left;
}

#group span {
	display : block;
	margin : 5px 0;
}
#group a {
	text-decoration : none;
	color : #333333;
}

/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
#footer:after,
#footer-in:after,
#footer-left ul:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
#footer {
	clear : both;
	width : 900px;
	height : 104px;
	background : url(../img/320/footer_bg.jpg) no-repeat;
}
#footer-in {
	padding : 5px 0 0;
}
#footer-left {
	float : left;
	width : 520px;
/*	background : #4d4;*/
}
#footer-right {
	float : right;
	width : 375px;
/*	background : #4dd;*/
}

/* フッター左エリア */
#footer-left ul {
	clear : both;
	padding : 0 0px 0 25px;
}
#footer-left dl {
	clear : both;
	margin : 20px 0 10px 0;
	padding : 0 20px 0 20px;
	line-height : 140%;
	font-size : 12px;
}

#footer-left li {
	display : inline;
	margin : 0 4px 2px 0;
}
#footer-left li a {
	padding : 0 5px 0 0;
	text-decoration : none;
	font-size : 12px;
	color : #526bce;
	border-right : 1px solid #526bce;
}
#footer-left .border-none a {
	border-right : none;
}
#footer-left dd {
	margin : 0 0 5px;
}

/* フッター右エリア */
#footer-right dl {
	padding : 0 30px 0 25px;
	line-height : 140%;
	font-size : 12px;
	color : #333333;
}
#footer-right dt {
	margin : 0 0 5px 30px;
}
#footer-right dd {
	margin : 0 0 2px;
	padding : 0 0 0 3em;
}

#copy {
	margin : 10px 0 10px;
	padding : 10px 0 0;
	text-align : center;
	font-size : 75%;
	color : #333333;
	border-top : 4px solid #9ad542;
}

/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */
.text-center { text-align : center; }
.text-left   { text-align : left; }
.text-right  { text-align : right; }

.img-left   { float : left; }
.img-right  { float : right; }

.clear  { clear: both; }

.block { display : block; }
/* クリアーフィックス
:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
*/
.category {
	margin-bottom: 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #9AD542;
	margin-top: 10px;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
.ptop {
	background-image: url(../img/parts/ptop.gif);
	background-repeat: no-repeat;
	float: right;
	font-size: 12px;
	padding-left: 20px;
	background-position: 2px;
	margin-right: 30px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
}