/* ================================================================ *
	NexasDesign 2010/02
	共通 CSS
	
 * ================================================================ */



/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */


/* 記事ブロック */
.block:after,
.work-box dl:after,
.work-box:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
.block {
	clear: both;
	width:590px;
	margin : 0 0 2em;
}

.rp h3 {
	clear: both;
	width: 590px;
	margin-bottom: 1em;
	padding-left:20px;
	line-height: 50px;
	font-size : 130%;
	color : #444444;
	background: url(../img/parts/h3_bg01.jpg) 0 0 no-repeat;
}

.rp h3.no-bg {
	padding-left : 0;
	background: none;
}

h3.mb1 {
	margin-bottom: 1em;
}

.rp .img-h3 {
	padding : 15px 0 0 15px;
}

.rp h4,
.update-box h4 {
	font-size: 18px;
	margin: 0 0 1em;
	padding : 0 0 0 15px;
	color: #301f1a;
	background: url(../img/parts/h4_bg01.jpg) no-repeat 0 center;
}
.rp h4 a {
	color : #666666;
}

h3.modelname { /* 施工実例モデル名表示 */
	margin: 0 0 1em;
	padding : 0 0 0 15px;
	color: #301f1a;
	background: url(../img/parts/h4_bg01.jpg) no-repeat 0 center;
}

.rp .h4bg-none {
	padding : 0 0 0 0;
	background : none;	
}

.rp h5 {
	color : #072454;
	font-size : 1em;
}

#left-area p {
	margin : 0 0 1.2em;
}


li {
	list-style-image:none;
 	list-style-position:outside;
	list-style-type:none;
}

.check-list {
	margin : 0 0 1.5em;
}
.check-list li {
	margin : 0 0 1em;
	padding: 5px 0 0 25px;
	background : url(../img/icon/check_icon.gif) no-repeat;
}

/* フッター商品ラインナップ */
.footer-lineup{
	clear: both;
	display: table;
}
.footer-lineup ul{
	margin-bottom: 50px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	height: 250px;
	width: auto;
}
* html .footer-lineup ul{
	display: inline;
}
.footer-lineup ul li{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
/* -----------------------------------------------------------------------------
>> 更新ページ　設定
----------------------------------------------------------------------------- */

.update-box:after,
.update-box-in:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
.update-box {
	clear:both;
	width : 594px;
	margin : 0 0 15px;
	padding : 0 0 5px;
/*	border-bottom : 1px solid #e0e2e9;*/
	background : url(../img/parts/topics_bottom.jpg) no-repeat 0 bottom;
}
.update-box-in {
	width : 594px;
	background : url(../img/parts/topics_in.jpg) repeat-y;
}

/* 見出し部分 */

.update-box h3 {
/*	margin : 0 0 15px;*/
	min-height:46px;
	margin : 0 0 0;
	font-size: 1.2em;
	background : url(../img/parts/h3_bg02.jpg) no-repeat 0 0;
}
*html .update-box h3 {
	height : 46px;
}

.cont-event .update-box h3 {
	margin : 0 5px 0 0;
	border-bottom : 1px solid #e0e2e9;
}

.update-box h3 span {
	display: block;
	margin : 0 0 0 50px;
	padding : 10px 0 0;
}

.update-box h3 span img {
	padding : 0 10px 0 0;
	vertical-align:middle;
}

.update-box .cate-area {
	margin : 5px 5px 10px 20px;
	padding : 5px 0 0;
	border-top : 1px solid #e0e2e9;
}
.update-box .cate-area2 {
	text-align:right;
	margin : 5px 5px 10px 0;
	padding : 5px 0 0;
}


.update-box h3 a {
	color : #f2612c;
}
.update-box .cate {
/*	display:block;*/
	margin : 0 5px 0 0;
	padding : 10px 10px 0 0;
	font-size : 0.8em;
	font-weight:normal;
	text-align : right;
}
.update-box .cate img {
	vertical-align:middle;
}
.update-box .day {
	font-size : 0.8em;
	margin : 0 0 10px;
	padding : 0 20px 0 0;
}

.update-box .day img {
	margin : 0 5px 0 0;
	vertical-align: middle;
}


/* 本文 */
.update-box p {
	clear:both;
/*	margin : 0 0 1.2em;*/
	padding : 0 20px;
	font-size : 0.9em;
}
.update-box h4 {
	clear:both;
	margin : 0 15px 10px;
}

.relation-link {
	clear : both;
	margin : 0 0 20px;	
}
.relation-link li {
	float : left;
	margin : 0 30px 0 0;
}
li.last-bnr {
	margin : 0 0 0 0;
}

#left-area h3.modelname {
	padding : 5px;
	font-weight:normal;
	font-size:14px;
	border:1px solid #c3c3c3;
	background:none #f6f6f6;
}
#left-area h3.modelname img{
	vertical-align: bottom;
}

/*--------------------------- 施行実例一覧 ---------------------*/
.work dt.img-left {
	margin : 0 15px 5px 0;
}

.work dd {
	font-size : 0.9em;
}
.work .more {
	float : right;
	margin : 10px 5px 0 0;
}



.work .update-box {
	clear:both;
	width : 594px;
	margin : 0 0 20px;
	padding : 0 0 10px;
	border-bottom : none;
	background:none;
}

.work-box {
	clear:both;
	background : url(../img/parts/topics_in.jpg) repeat-y;
}
.work-box h3 {
	width : 594px;
	min-height:46px;
	margin : 0 0 0;
	background : url(../img/parts/h3_bg02.jpg) no-repeat 0 0;
}
.work-box dl {
	zoom : 100%;
	margin : 0 4px 0 0;
	padding : 10px 10px 10px;
	line-height:100%;
	border-top : 1px solid #e0e2e9;
	background : url(../img/parts/topics_bottom.jpg) no-repeat 0 bottom;
}


.work-box h3 a {
	display:block;
	margin : 0 160px 0 0;
	font-size: 90%;
}
.cate-box {
	float : right;
	margin : -36px 15px 10px 0;
	padding : 0 0 0 0;
	border-left : 1px dotted #e3e3e3;
	line-height: 0;
}
.cate-box li {
	display : inline;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
.cate-box a {
	display:inline;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}


/*------------------------ イベント情報　テーブル --------------------*/
.event-table {
	width : 555px;
	border-collapse:collapse;
	border : 1px solid #d9e1df;
	margin : 20px 0 15px 20px;
	color : #333333;
	font-size : 85%;
	line-height : 140%;
}
.event-table th,
.event-table td {
	padding : 4px 10px;
	border : 1px solid #d9e1df;
}
.event-table th {
	background:#f7f7f9;
	text-align:left;
}



/*--------------------------- アーカイブボックス ---------------------*/

#archive-area {
	margin : 0 0 0;
	background : url(../img/parts/archive_in.jpg) repeat-y;
}
#archive-area-in {
	margin : 0 0 20px;
	padding : 14px 20px 4px;
	background : url(../img/parts/archive_bottom.jpg) no-repeat 0 bottom;
}

.archive-box {
	margin : 0 0 10px;
	border-bottom : 1px solid #cbcbcb;
	background : url(../img/parts/archive_box_in.jpg) repeat-y;
}
.archive-box dl {
}
.archive-box dt.tree1 {
	margin : 10px 0 0 1px; 
	border-bottom : 1px dotted #cbcbcb;
}
.archive-box dd {
	margin : 0 1px;
/*	padding : 5px 5px 3px;*/
	border-bottom : 1px dotted #cbcbcb;
	font-size : 12px;
}
.archive-box dd a{
	display : block;
	padding : 10px 10px 10px 26px;
	line-height:120%;
	text-decoration : underline;
	background : url(../img/icon/miniar.gif) no-repeat 15px center;
}
.archive-box dd a:hover {
	background-color : #f1f2f5;
}

.archive-box dd.tree2 a{
	text-indent : 2em;
	background: url(../img/icon/a_icon01.gif) no-repeat 2em center;
}
.archive-box dd.tree2 a:hover {
	background: url(../img/icon/a_icon01_hover.gif) no-repeat 2em center;
}


/* カレンダー */
.calendar {
	margin : 0 0 10px 0;
	border-bottom : 1px solid #cbcbcb;
	background : url(../img/parts/archive_box_in.jpg) repeat-y;
}
.calendar-in {
	padding : 0 0 10px;
}
.calendar .caption {
	height: 35px;
	margin : 0 0 10px;
	padding : 0.4em 0 0;
	font-size : 16px;
	text-align:center;
	color : #3c416a;
	font-weight:bold;
	background : url(../img/parts/calendar_head.jpg) no-repeat;
}
.calendar .caption span {
	padding : 0 20px;
}

.calendar table {
	margin : 0 10px;
	text-align:center;
}
.calendar td, .calender th {
	padding : 2px;
}

#calendar a {
	color : #f2612c;
	font-weight:bold;
	text-decoration:underline;
}
#calendar a:hover {
	color : #3c416a;
}

/*----------アローリンク設定　---------------------*/

.arrow-box {
	clear : both;
	font-size : 13px;
}
#left-area .arrow-box p {
	margin : 0 0 5px;
	font-size : 12px;
}
.arrow-box ul {
	width : 590px;
	margin : 0 0 20px;
	padding : 6px 0;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align:center;
}
.arrow-box li {
	margin : 0 15px 0 0;
	padding:4px;
	display : inline;
	font-size : 12px;
}
.now {
	background : #3a416d;
}
.arrow-box a {
	color :#3a416d;
}
.arrow-box .now a {
	padding : 4px;
	color : #fff;
}
.arrow-box li.nowpage {
	display: block;
	margin: 0 0 10px;
	padding : 2px 0 0;
}


/*　サムネイルbox  */
.thmbbox {
	clear: both;
	padding-top: 10px;
	background: url(../img/parts/thmbimg_bg.jpg) repeat-x;
}

.thmbimg {
	width: 650px;
	padding-top: 6px;
}
.thmbimg li {
	float: left;
	width: 114px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	text-align: center;
	font-size: 0.7em;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
}
.thmbimg li.rightend {
	margin-right: 0px;
}


/* -----------------------------------------------------------------------------
>> フォーム設定
----------------------------------------------------------------------------- */
.form-intro-box {
	margin-bottom: 10px;
	width:590px;
}
#main-content .form-intro-box p {
	font-size: 0.8em;
	line-height : 140%;
	margin : 0 0 0.8em;
}
.form-intro-box img {
	float:right;
	margin-left:20px;
}
.form-intro-box ul {
	margin-bottom: 6px;
	border-top : 1px dotted #cccccc;
	border-bottom : 1px dotted #cccccc;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.form-intro-box li {
	font-size: 0.8em;
	list-style-type: square;
	margin-left: 16px;
	margin-bottom: 10px;

}
.font-sizeS {
	font-size : 0.85em;
}
.att2 {
	color : #ff3333;
}

form table {
	margin : 0 0 30px;
}
.form table p{
	font-size : 14px;
	margin : 0 0 0.7em;
}


/* -----------------------------------------------------------------------------
>> 戸建賃貸としてのFleC
----------------------------------------------------------------------------- */

.point-box {
	width : 590px;
	margin : 10px 0 20px;
	padding : 10px 0 20px;
	border-bottom : 1px dotted #cccccc;
}


#left-area .point-box h4 {
	background : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
#left-area .point-box h4 img {
	margin : 0 10px 0 0;
}
#left-area .point-box p {
	padding : 0 0 0 85px;
	font-size : 0.9em;
	line-height:140%;
}

#left-area .tax-ex01 dt {
	font-weight: bold;
	padding-top: 10px;
	padding-left: 14px;
	background: url(../img/parts/footer_dot01.gif) 0 center no-repeat;
}
#left-area .tax-ex01 dd {
	margin-top:3px;
	padding-left: 14px;
	padding-top: 0px;
	font-size: 0.8em;
}
.recommend-more {
	text-align: right;
	margin : 10px 0 0;
}

.grline {
	clear : both;
/*	background-image: url(../img/parts/thmbimg_bg.jpg);
	background-repeat: no-repeat;*/
	margin : 10px 0 0;
	padding-top: 5px;
}


/*-----------------------------------------------------------------
	個人情報ページ
-----------------------------------------------------------------*/

.policy #left-area ul, .policy #left-area ol {
	margin : 0 0 20px;
	padding : 0 0 0 1em;
	font-size : 0.9em;
}
.policy #left-area ul li {
	margin : 0 0 0.8em;
	list-style:disc;
}
.policy #left-area ol li {
	margin : 0 0 0.8em;
	list-style:decimal;
}

/*-----------------------------------------------------------------
	不動産情報ページ
-----------------------------------------------------------------*/
.estate-style p {
	margin : 0 0 1em;
	font-size : 0.9em;
}
.estate-style td {
	text-align : center;
}
.estate-style th.text-left {
	text-align : left;
}


.estate-style th {
	background:#f7f7f9;
}

.estate-style table {
	width : 590px;
	border-collapse:collapse;
	border : 1px solid #d9e1df;
	margin : 0 0 25px;
	color : #333333;
	font-size : 85%;
	line-height : 140%;
}

/*-------------------- 土地情報 【一覧】 ------------------------*/

/* ソートテーブル */
.estate-style .sort-area {
	margin : 0 0 15px;
}
.sort-area th {
	text-align : center;
	background : #414a5a;
	color : #fff;
	font-size : 0.9em;
	padding : 0px 10px;
}
.estate-style .text-left {
	text-align : left;
}


.estate-style th,
.estate-style td {
	padding : 4px 10px;
	border : 1px solid #d9e1df;
}
.estate-list th {
	text-align : left;
	font-weight:normal;
/*	background : #fffaec;*/
}

.estate-style .estate-list td p {
	line-height:150%;
	font-size : 90%;
}
.estate-style .att2 {
	margin : 0 0 15px;
	font-size : 90%;
	line-height : 140%;
}

.estate-list th,
.estate-list td.text-center, {
	text-align : center;
}

.estate-style .com-text {
	font-size : 0.8em;
	text-align:right;
/*	margin : 0 10px 30px 0;
	padding: 0 0 5px;
	border-bottom : 1px solid #cccccc;*/
}

.list2 {
/*	background:#f5f7f8;*/
}
.list2 th {
	background:#e8eaee;
}



/*-------------------- 土地情報 【詳細】 -----------------------*/
.estate-deta td {
	text-align : left;
}

.estate-photo th,
.estate-photo td {
	border : none;
}
.estate-photo img {
	margin : 0 0 5px;
}

.estate-style em {
	font-style: normal;
	font-size : 150%;
	font-weight:bold;
	color : #cc0000;
}

.thmbimg li:after {
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
	content : url(../img/parts/space.gif);
}

/* 土地情報のみレイアウト崩れるので追加 */
.form h3,
.estate-style h3 {
	padding : 0 0 0 0;
}
.form h3 span,
.estate-style h3 span {
	padding : 0 0 0 18px;
}



.hidden {
	display:none;
}




/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
#footer {
	clear : both;
	padding : 20px 0 10px;
	background : url(../img/parts/footer_bg.jpg) repeat-x;
}
#footer p.copyright {
/*	clear:both;*/
	text-align: center;
	font-size: 13px;
}
#fadd {
	float: none;
	text-align:right;
	font-size: 12px;
	padding: 0 0 0 0;
}


/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */
.block-bnr li {
	float : left;
}

.horizontal li {
	width: 195px;
	margin : 0 5px 20px 0;
	float : left;
	font-size:14px;
}
.horizontal li .list-last {
	margin : 0 0 20px 0;
}

.mr20 {
	margin-right : 20px;
}

