@charset "utf-8";

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address, caption, th {
	font-style: normal;
	font-weight: normal;
}

img {
	vertical-align: bottom;
	border: none;
}

li {
	list-style-type: none;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 62.5%;
	background: url(../images/common/com_bg01.gif) repeat-x #FFF;
	background-position: bottom;
	color: #493834;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block }
/* End hide from IE-mac */

/* 基本設定
----------------------------------------------------------------------------------------------------*/

.left,
.left1,
.left2,
.left3,
.left4 {
	float: left;
}

.right,
.right1,
.right2,
.right3,
.right4 {
	float: right;
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10 {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.hide {
	display: none;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.img{
	margin-bottom:10px;
}

.img.left{
	margin-right:10px;
}

.img.right{
	margin-left:10px;
}

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

/* 共通ヘッダー
----------------------------------------------------------------------------------------------------*/

#global-header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 200px;
}

#global-header .site-logo {
	position: absolute;
	top: 40px;
}

#global-header .site-name {
	position: absolute;
	left: 249px;
	top: 62px;
}

#global-header .tel {
	position: absolute;
	right: 0;
	top: 55px;
}

#global-header .time {
	position: absolute;
	right: 2px;
	top: 85px;
}

#global-header .select-menu {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 10px;
}

#global-header #global-nav {
	position: absolute;
	left: 0;
	top: 140px;
	width: 960px;
	padding-left: 42px;
}

#global-header #global-nav ul li {
	float: left;
}

#global-header #global-nav ul li.contact a:hover {
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
}

/* 共通フッター
----------------------------------------------------------------------------------------------------*/
#global-footer {
	color: #483833;
	width: 960px;
	padding: 30px 0 30px;
	margin: 0 auto;
}

#global-footer a { color: #D2857F; text-decoration: underline; }
#global-footer a:hover,
#global-footer a:visited,
#global-footer a:active { 
	text-decoration: none; 
}

#global-footer .company-logo {
	float: left;
	width: 127px;
	margin-right: 15px;
}

#global-footer .company-logo a:hover {
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
}

#global-footer .company-info {
	float: left;
	width: 400px;
	font-size: 10px;
}

#global-footer .copyright {
	float: right;
	width: 212px;
}

/* 共通
----------------------------------------------------------------------------------------------------*/

#wrapper {
	min-width: 960px;
	background: #FFF;
	overflow: hidden;
}

#title-bar {
	height: 100px;
	margin-bottom: 40px;
	background: url(../images/common/title_bg01.gif) repeat-x;
}

#title-bar .page-title {
	width: 960px;
	padding-top: 38px;
	margin: 0 auto;
}

#title-bar .page-title img {
	padding-left: 2px;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#container .page-top {
	text-align: right;
	padding-bottom: 20px;
}

#container .page-top a:hover {
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
}

#container #inquiry-area {
	padding: 40px 0 35px 10px;
	border-top: 1px solid #E4E4E4;
}

#container #inquiry-area h1,
#container #inquiry-area .tel,
#container #inquiry-area .time {
	float: left;
}

#container #inquiry-area h1 {
	width: 97px;
	margin: 12px 90px 0 0;
}

#container #inquiry-area .tel {
	width: 242px;
	margin: 10px 40px 0 0;
}

#container #inquiry-area .time {
	width: 159px;
	margin-top: 16px;
	line-height: 0;
}

#container #inquiry-area .btn {
	float: right;
	width: 201px;
}

#container #inquiry-area .btn a:hover {
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
}

/* ホーム
----------------------------------------------------------------------------------------------------*/

#home #top-contents {
	margin-bottom: 40px;
}

#home #main-visual {
	text-align: center;
	margin-bottom: 35px;
	background: url(../images/top_main.png) no-repeat center;
}

#home #main-visual h1 {
	height: 460px;
	padding: 40px 20px 0 0;
}

#home .news-area {
	float: left;
	width: 400px;
}

#home .news {
	margin: 10px 0 0 18px;
	padding-top: 10px; 
}

#home .news h2 {
	float: left;
	width: 88px;
}

#home .news dl {
	font-size: 120%;
}

#home .news dt {
	float: left;
	width: 80px;
	margin-bottom: 10px;
}

#home .news dd {
	margin: 0 0 10px 80px;
}

#home .news dd .new img {
	padding-top: 3px;
	vertical-align: top;
}

#home .img-banner {
	float: right;
	width: 560px;
	height: 188px;
	
	background: url(../images/top_img01.png) no-repeat;
}

#home .img-banner div {
	font-size: 120%;
	width: 280px;
}

#home .img-banner div a {
	text-decoration: none;
	display: block;
	width: 280px;
	height: 88px;
}

#home .img-banner div.left a,
#home .img-banner div.right a {
	padding-top: 100px;
}

#home .img-banner div.left a:hover {
	background: url(../images/top_img02.png) no-repeat;
}

#home .img-banner div.right a:hover {
	background: url(../images/top_img03.png) no-repeat;
}

#home .img-banner div.left dl {
	margin-left: 10px;
}

#home .img-banner div.right dl {
	margin-left: 90px;
}

#home .img-banner dt {
	float: left;
	width: 5.5em;
	margin-bottom: 2px;
}

#home .img-banner dt.type {
	width: 270px;
	margin-bottom: 2px;
}

#home .img-banner div.right dt.type {
	width: 190px;
}

#home .img-banner dd {
	margin-bottom: 2px;
}

#home .img-banner dd .attention {
	color: #D07798;
}

/* アクセス・ロケーション
----------------------------------------------------------------------------------------------------*/

#access #access-contents {
	margin-bottom: 40px;
}

#access .access-area ,
#access .location-area {
	padding-left: 16px;
}

#access .access-area {
	margin-bottom: 40px;
}

#access .access-area h2,
#access .location-area h2 {
	float: left;
	width: 150px;
}

#access .access-area .access-inner,
#access .location-area .location-inner {
	float: right;
	width: 760px;
}

#access .access-area .access-inner .left {
	width: 400px;
}

#access .access-area .access-inner dt,
#access .access-area .access-inner dd,
#access .location-area .location-inner dt,
#access .location-area .location-inner dd {
	font-size: 120%;
}

#access .access-area .access-inner p,
#access .location-area .location-inner p {
	font-size: 140%;
}

#access .access-area .access-inner h4,
#access .location-area .location-inner h4 {
	font-size: 120%;
}

#access .access-area h2 {
	padding-top: 1px;
}

#access .access-area .access-inner h3,
#access .access-area .access-inner .text {
	margin-bottom: 20px;
}

#access .location-area h2 {
	padding-top: 3px;
}

#access .location-area .location-inner h3,
#access .location-area .location-inner .text {
	margin-bottom: 20px;
}

#access .location-area .location-inner .img-map {
	margin-bottom: 20px;
}

#access .location-area .location-inner .photo-area {
	margin-bottom: 5px;
}

#access .location-area .location-inner .photo-area div {
	float: left;
	margin: 0 20px 20px 0;
}

#access .location-area .location-inner .photo-area div.none {
	margin-right: 0;
}

#access .location-area .location-inner .photo-area div .photo {
	margin-bottom: 7px;
}

#access .location-area .location-inner .info .left {
	width: 400px;
}

#access .location-area .location-inner .info .right {
	width: 360px;
}

#access .location-area .location-inner .info h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

#access .location-area .location-inner .info dl {
	margin-bottom: 30px;
}

#access .location-area .location-inner .info dt {
	width: 205px;
	float: left;
	clear: both;
	margin-bottom: 2px;
	background: url(../images/acc_bg01.gif) repeat-x left center;
}

#access .location-area .location-inner .info dt span {
	padding-right: 15px;
	background: #FFF;
}

#access .location-area .location-inner .info dd {
	margin: 0 0 2px 220px;
	width: 130px;
}

/* 区画・間取り
----------------------------------------------------------------------------------------------------*/

#plan #plan-contents {
	margin-bottom: 65px;
}

#plan .comfortable {
	margin: 0 40px 40px 15px;
}

#plan .comfortable .text-area {
	float: left;
	width: 580px;
}

#plan .comfortable .text-area h2 {
	margin-bottom: 20px;
}

#plan .comfortable .text-area p {
	font-size: 140%;
	margin-left: 20px;
}

#plan .comfortable .image-area {
	float: right;
	width: 290px;
	text-align: right;
}

#plan .select-plan {
	background: url(../images/common/com_bg01.gif) repeat;
	background-position: left top;
	margin: 0 0 40px 40px;
}

#plan .select-plan a:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
}

#plan .select-plan .contents{
	padding: 25px 20px 20px;
}

#plan .select-plan .left {
	width: 155px;
}

#plan .select-plan .left h2 {
	margin-bottom: 12px;
}

#plan .select-plan .left ul {
	margin-left: 21px;
}

#plan .select-plan .left li {
	float: left;
	margin-right: 5px;
}

#plan .select-plan .left2 {
	width: 140px;
}

#plan .select-plan .right {
	width: 560px;
	margin-top: 3px;
	position: relative;
}

#plan .select-plan .right h3 {
	margin-bottom: 10px;
}

#plan .select-plan .right dl {
	font-size: 12px;
	float: left;
	width: 540px;
}

#plan .select-plan .right dt {
	float: left;
	clear: both;
	width: 60px;
	margin-bottom: 2px;
}

#plan .select-plan .right dd {
	margin: 0 0 2px 65px;
}

#plan .select-plan .right dd.total {
	color: #D2857F;
}

#plan .select-plan .right .type {
	width: 560px;
	display: block;
}

#plan .select-plan .right .btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* プラン詳細
----------------------------------------------------------------------------------------------------*/

#plan #plan-contents {
	margin-bottom: 40px;
}

#plan .details-area {
	padding-left: 16px;
	margin-bottom: 45px;
}

#plan .details-area h2 {
	float: left;
	width: 214px;
}

#plan .details-area .details-inner {
	float: right;
	width: 730px;
}

#plan .details-area .details-inner .left {
	width: 365px;
}

#plan .details-area .details-inner dt,
#plan .details-area .details-inner dd {
	font-size: 120%;
	margin-bottom: 2px;
}

#plan .details-area .details-inner dt {
	width: 5.5em;
	float: left;
}

#plan .details-area .details-inner dt.type {
	width: 365px;
}

#plan .details-area .details-inner .attention {
	color: #D07798;
}

#plan .details-area .details-inner p {
	font-size: 140%;
}

#plan .details-area .details-inner h4 {
	font-size: 120%;
}

#plan .details-area h2 {
	padding-top: 1px;
}

#plan .details-area .details-inner h3 {
	margin-bottom: 20px;
}

#plan .details-area .details-inner .text {
	margin-bottom: 15px;
}

#plan .sketch-area .jump-img {
	width: 200px;
	margin-right: 30px;
	float: left;
}

#plan .sketch-area .jump-img a:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
}

/* 物件概要
----------------------------------------------------------------------------------------------------*/

#outline #outline-contents {
	margin-bottom: 50px;
}

#outline .outline-box {
	margin: 0;
}

#outline .outline-box .left {
	width: 470px;
}

#outline .outline-box .right {
	width: 490px;
}

#outline .outline-box dl {
	font-size: 120%;
}

#outline .outline-box dt {
	color: #D07798;
	width: 95px;
	float: left;
	clear: both;
	padding-left: 2px;
	margin-bottom: 10px;
}

#outline .outline-box dd {
	width: 370px;
	margin: 0 0 10px 120px;
}

#outline .outline-box .left dd {
	width: 300px;
}