﻿/* CSS Document */

body{
	font-size:12px;
	color:#333333;
	line-height:150%;
	padding:0px;
	margin:0px;
	font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
}

a:link{
	color:#0066cc;
}
a:visited{
	color:#003366;
}
a:hover{
	color:#ff9900;
}
a:active{
	color:#ff9900;
}
/******************************************

	画面上部のタブ部分のスタイル

******************************************/
.header{
	width:900px;
	margin:20px;
	padding:0px;
	text-align:left;
}

.header-title{
	margin-bottom:10px;
}

table.header-menu{
	border-width:0px;
	border-collapse:collapse;
}

table.header-menu td{
	border:1px solid #003355;
	border-top-width:0px;
	border-bottom-width:0px;
}
table.header-menu img{
	border-width:0px;
}

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

	画面下部のコピーライトのスタイル

******************************************/
.footer{
	width:900px;
	margin:20px;
	border-top:1px solid #999999;
	text-align:center;
	clear:both;
}

.footer-menu{
	margin:5px;
}

.footer-address{
	margin:5px;
}

.footer-license{
	margin:5px;
}

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

	各画面の内容のスタイル

******************************************/
.contents{
	width:900px;
	margin:20px;
	text-align:center;
}

.contents-header-img{
	margin-bottom:20px;
}

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

	トップページのスタイル

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

.top-title,.top-news,.top-custom,.top-lot{
	border:1px;
	border-color:#333333;
	border-style:solid;
	margin-top:20px;
}

.top-news{
	background-image:url('../img/bg1.gif');
	background-repeat:repeat-x;
	text-align:left;
}

.top-news-title{
	margin:5px;
}

.top-news-detail{
	margin:5px;
}

.top-custom{
	width:438px;
	text-align:center;
	margin-right:7px;
	margin-bottom:20px;
	float:left;
}

.top-custom-title{
	background-image:url('../img/top_b1.jpg');
	background-repeat:no-repeat;
	text-align:left;
	width:438px;
}

.top-custom-text{
	width:200px;
	margin-left:15px;
	margin-bottom:10px;
	padding-top:70px;
	font-size:13px;
	line-height:180%;
}
.top-custom-example{
	margin:10px;
}

.top-custom-example-title{
	background-color:#003355;
	text-align:left;
	margin:5px;
}
.top-custom-example-title img{
	margin:5px;
}

.top-custom-example-name{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	margin-left:12px;
}

.top-custom-example-img img{
	margin:4px;
}

.top-lot{
	width:440px;
	margin-left:5px;
	margin-bottom:20px;
	float:right;
}

.top-lot-title{
	margin:7px;
	text-align:left;
	
}

.top-lot-title img{
	border:0px;
}

.top-lot-img{
	margin:0px;
}

.top-lot-mail{
	background-image:url('../img/top_b3_2.jpg');
	background-repeat:no-repeat;
	width:425px;
	height:57px;
	border:0px;
	margin:0px;
}

.top-lot-mail img{
	margin:6px;
}

.top-lot-mail-text{
	margin:10px;
	font-size:13px;
	float:left;
}

.top-lot-mail-img{
	margin:2px;
	float:right;
}

.top-lot-example-title{
	background-color:#003355;
	text-align:left;
	margin:5px;
}
.top-lot-example-title img{
	margin:5px;
}
.top-lot-example img{
	width:200px;
	margin:5px;
	float:left;
	clear:both;
}

.top-lot-text{
	text-align:left;
	width:210px;
	margin:5px;
	float:right;
}

.top-lot-example-name{
	font-size:14px;
	font-weight:bold;
	margin:10px;
	margin-left:0px;
}

.top-lot-example-dtl{
	line-height:200%;
	margin-right:5px;
	
}

.top-lot-jio{
	clear:both;
}
.top-lot-jio img{
	margin:10px;
}

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

	注文住宅情報画面のスタイル

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

.custom-menu{
	width:900px;
	text-align:right;
	margin-bottom:20px;
	clear:both;
}

.custom-menu-title{
	text-align:left;
	width:280px;
	margin:5px;
	font-size:14px;
	float:left;
}

.custom-menu-dtl{
	line-height:180%;
	margin:10px;
}

.custom-menu img{
	margin-left:5px;
	
}

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

	分譲住宅情報画面のスタイル

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

.lot-title-img img{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}

.lot-spec, .lot-jio{
	border:1px solid #003355;
	margin-bottom:20px;
}

.lot-spec-index{
	text-align:left;
	margin:10px;
}

.lot-spec-index strong{
	font-size:20px;
}
.lot-spec-index span{
	font-size:14px;
}

.lot-spec-title{
	background-color:#003355;
	color:#EEEEEE;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:3px;
	height:20px;
}

.lot-spec-title div{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	margin:5px;
}

.lot-spec-table{
	width:880px;
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}

.lot-spec-list{
	background-color:#66AACC;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

.lot-spec-name{
	background-color:#AACCDD;
	text-indent:5px;
	font-weight:bold;
}

.lot-spec-dtl{
	background-color:#EEEEEE;
}

.lot-jio-text{
	width:380px;
	text-align:left;
	font-size:14px;
	margin:10px;
	float:left;
}

.lot-jio-link{
	text-align:left;
	width:290px;
	margin:10px;
	float:left;
}

.lot-jio img{
	margin:10px;
	margin-top:20px;
	margin-bottom:20px;
}

.lot-flat35 img{
	float:left;
	margin:10px;
}
.lot-flat35 div{
	float:left;
	text-align:left;
	margin:10px;
}

.lot-flat35-text{
	margin-left:10px;
	text-align:left;
	clear:both;
}

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

	会社概要画面のスタイル

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

.company-greeting{
	text-align:left;
	width:900px;
	height:200px;
}

.company-greeting .company-dtl{
	border-top:3px solid #003355;
}

.company-overview{
	text-align:left;
	width:900px;
	clear:both;
}

.company-map{
	text-align:left;
	width:900px;
	clear:both;
}

.company-title{
	width:280px;
	float:left;
	border-top:3px solid #003355;
	padding-top:3px;
}

.company-dtl{
	width:600px;
	margin-left:20px;
	margin-bottom:20px;
	float:right;
	text-align:center;
}

.company-president{
	margin-top:10px;
	width:130px;
	text-align:left;
	float:left;
}

.company-president h3,.company-president h5{
	margin-top:3px;
	margin-bottom:3px;
}

.company-text{
	margin-top:10px;
	text-align:left;
	width:470px;
	float:left;
}
.company-overview-table{
	background-color:#333333;
	font-size:12px;
	text-align:left;
	width:100%;
}

.company-overview-table th{
	background-color:#EEEEEE;
}

.company-overview-table td{
	background-color:#FFFFFF;
}

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

	物件画面のスタイル

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

.object-img{
	clear:both;
}

.object-img-layout{
	width:488px;
	height:280px;
	border:1px solid #333333;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
}
.object-img-layout img{
	margin:10px;
}

.object-img-picture{
	width:390px;
	height:280px;
	margin-left:10px;
	margin-bottom:20px;
	float:right;
}

.object-spec{
	clear:both;
}

.object-spec table{
	border:1px solid #333333;
	font-size:14px;
	margin-bottom:20px;
}

.object-spec table th{
	text-align:left;
	background-color:#003355;
	color:#FFFFFF;
}

.object-spec table td{
}

.object-spec-table{
	float:left;
}

.object-about-table{
	float:right;
}
