@charset "UTF-8";
/* CSS Document */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

a,a:link {
	color:#666;
	text-decoration:none;
}

p {
	line-height:190%;
}

html {
	height:100%;
}

body {
	font-size:14px;
	color:#666;
	height:100%;
}

#wrapper {
	height:100%;
}

#header {
	background:#fff;
	height:80px;
}

#header h1 {
	float:left;
}

#header h1:hover {
	opacity:0.8;
}

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

#gnav ul {
	width:680px;
	float:right;
	padding-top:25px;
}

#gnav ul li {
	float:left;
	margin-right:20px;
}

#gnav ul li:hover {
	opacity:0.7;
}

#gnav ul li#active {
	border-bottom:#000 1px solid;
}

#gnav ul li#active a,#gnav ul li#active a:link {
	color:#000;
	font-weight:bold;
}

#gnav ul li.none {
	margin-right:0px;
}

.main_img_innerBox {
	width:920px;
	margin:0 auto;
	padding:145px 0 0 40px;
}

.main_img_innerBox .arrow {
	padding:50px 0 0 100px;
}

.main_img_innerBox .arrow:hover {
	opacity:0.8;
}

.main_img_innerBox .arrow img {
	width:70px;
	height:40px;
}

.main_img_innerBox h3 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	width:420px;
	line-height:180%;
}

#container {
	background:#f0f1f0;
}

#contents {
	background:#e6e8e6;
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:50px;
}

.cont_box_01 {
	padding:0 40px;
	margin-bottom:75px;
}

.cont_box_01 p {
	float:left;
	width:620px;
	margin-right505px;
}

.cont_box_01 img {
	float:right;
}

.cont_box_02 {
	padding:0 40px;
	margin-bottom:50px;
}

.cont_box_02 th span {
	border-bottom:1px #666 solid;
	padding-bottom:2px;
}

.cont_box_02 tr,.cont_box_02 th,.cont_box_02 td {
	width:880px;
	text-align:center;
}

.cont_box_02 .tableTitle {
	width:20%;
}

.cont_box_02 tr {
	height:40px;
}

.cont_box_02 tr td p:hover {
	opacity:0.8;
}

.cont_box_02 .white {
	background:#fff;
}

.cont_box_03 {
	width:474px;
	padding:0 0 40px 80px;
}

.cont_box_03 h6 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:35px;
}

.cont_box_03 dl {
	margin-bottom:25px;
	font-size:13px;
}

.cont_box_03 dl dt {
	float:left;
}

.cont_box_03 #contact {
	background:url(../image/concept_bg_02.jpg) no-repeat;
	width:454px;
	height:166px;
	padding:20px 0 0 20px;
	position:relative;
}

.cont_box_03 #contact .red {
	position: absolute;
	bottom: 45px;
	right: 30px;
	color: red;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.cont_box_03 #contact h6 {
	margin-bottom:5px;
}

.cont_box_03 #contact p {
	line-height:150%;
}

#contents h4 {
	margin-bottom:30px;
}

.cont_box_03 #contact .contact_btn {
	position:absolute;
	top:15px;
	right:15px;
}

.cont_box_03 #contact .contact_btn:hover {
	opacity:0.8;
}

#contents #footer_img {
	position:absolute;
	bottom:90px;
	right:40px;
}

#contents #footer {
	font-size:12px;
	background:#d6d7d6;
	height:45px;
	padding:25px 15px 0;
}

#contents #footer ul li {
	float:left;
}

#contents #footer ul li:hover {
	opacity:0.8;
}

#contents #footer address {
	float:right;
}

/*----------
トップページ
----------*/

#top .main_img {
	background-image:url(../image/Main_Img_01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	height:100%;
}

#top .main_img h2 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	width:380px;
	margin-bottom:40px;
}

#top .main_img h3 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	width:380px;
	line-height:180%;
	margin-bottom:30px;
}

#main_img_top h3 #family {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.firstRed {
	font-size:30px;
	color:red;
	width:290px;
}

/*----------
コンセプトページ
----------*/

#concept .main_img {
	background-image:url(../image/Main_Img_02.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	height:100%;
}

#concept .cont_box_02 ul li {
	background:url(../image/concept_bg_01.jpg) no-repeat;
	color:#000;
	width:210px;
	height:170px;
	padding:20px;
	float:left;
}

#concept .cont_box_02 ul li#cont_box_big_01 {
	margin:0 60px 40px 0;
}

#concept .cont_box_02 ul li#cont_box_big_02 {
	margin:0 60px 40px 0;
}

#concept .cont_box_02 ul li#cont_box_big_03 {
	margin:0 0 40px 0;
}

#concept .cont_box_02 ul li#cont_box_big_04 {
	margin:0 60px 0 0;
}

#concept .cont_box_02 ul li#cont_box_big_05 {
	margin:0 60px 0 0;
}

#concept .cont_box_02 ul li h5 {
	background:#e6e8e6;
	font-size:15px;
	color:#000;
	text-align:center;
	width:210px;
	height:35px;
	padding-top:10px;
	margin-bottom:10px;
}

#concept .cont_box_02 ul li p {
	font-size:13px;
	line-height:150%;
	width:210px;
	height:110px;
}

#concept .cont_box_02 ul li p#cont_box_small_01 {
	background:url(../image/concept_icon_01.jpg) bottom right no-repeat;
}

#concept .cont_box_02 ul li p#cont_box_small_02 {
	background:url(../image/concept_icon_02.jpg) bottom right no-repeat;
}

#concept .cont_box_02 ul li p#cont_box_small_03 {
	background:url(../image/concept_icon_03.jpg) bottom right no-repeat;
}

#concept .cont_box_02 ul li p#cont_box_small_04 {
	background:url(../image/concept_icon_04.jpg) bottom right no-repeat;
}

#concept .cont_box_02 ul li p#cont_box_small_05 {
	background:url(../image/concept_icon_05.jpg) bottom right no-repeat;
}

#concept .cont_box_02 ul li p#cont_box_small_06 {
	background:url(../image/concept_icon_06.jpg) bottom right no-repeat;
}

/*----------
賃料ページ
----------*/

#chinryo .main_img {
	background-image:url(../image/Main_Img_03.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	height:100%;
}

#chinryo .cont_box_01 p {
	margin-bottom:20px;
}

#chinryo .cont_box_01 ul {
	float:left;
	width:620px;
	margin-right505px;
}

/*----------
間取りページ
----------*/
#madori .main_img {
	background-image:url(../image/Main_Img_04.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	height:100%;
}

#madori .cont_box_02 p {
	margin-bottom:30px;
}

#madori .cont_box_02 .smooth_btn {
	width:820px;
	margin:0 auto 60px;
}

#madori .cont_box_02 .smooth_btn li {
	float:left;
}

#madori .cont_box_02 .smooth_btn .select_btn {
	margin-right:40px;
}

#madori .cont_box_02 h6 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}

#madori .cont_box_02 ul li {
	line-height:190%;
}

#madori .cont_box_02 .left_img {
	float:left;
	margin-bottom:30px;
}

#madori .cont_box_02 .right_img {
	float:right;
}

#madori .cont_box_02 .bg_1k_01 {
	background:url(../image/1k_bg_01.jpg) no-repeat;
	width:823px;
	height:535px;
	padding:25px 30px 0px;
}

#madori .cont_box_02 .bg_1k_02 {
	background:url(../image/1k_bg_02.jpg) no-repeat;
	width:823px;
	height:567px;
	padding:25px 30px 0px;
}

#madori .cont_box_02 .bg_1ldk_01 {
	background:url(../image/1ldk_bg_01.jpg) no-repeat;
	width:823px;
	height:603px;
	padding:25px 30px 0px;
}

#madori .cont_box_02 .bg_1ldkp_01 {
	background:url(../image/1ldkp_bg_01.jpg) no-repeat;
	width:823px;
	height:668px;
	padding:25px 30px 0px;
}

#madori .cont_box_02 .bg_2ldk_01 {
	background:url(../image/2ldk_bg_01.jpg) no-repeat;
	width:823px;
	height:808px;
	padding:25px 30px 0px;
}

#madori .cont_box_02 .bg_1k_01 ul {
	width:350px;
	float:right;
	padding-top:65px;
}

#madori .cont_box_02 .bg_1k_02 ul {
	width:350px;
	float:right;
	padding-top:65px;
}

#madori .cont_box_02 .bg_1ldk_01 ul {
	width:350px;
	float:right;
	padding-top:65px;
}

#madori .cont_box_02 .bg_1ldkp_01 ul {
	padding-top:40px;
}

#madori .cont_box_02 .bg_2ldk_01 ul {
	width:350px;
	float:right;
	padding-top:65px;
}

#madori .cont_box_02 .bread {
	text-align:right;
	font-size:14px;
	padding-top:10px;
	margin-bottom:60px;
}

#madori .cont_box_02 .bread_left:hover {
	opacity:0.8;
}

#madori .cont_box_02 .bread_right:hover {
	opacity:0.8;
}

/*----------
地域・ロケーションページ
----------*/
#area .main_img {
	background-image:url(../image/Main_Img_05.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	height:100%;
}

#area .cont_box_02 .area_box {
	background:#fff;
	padding:30px;
}

#area .cont_box_02 ul {
	float:left;
	width:300px;
	line-height:190%;
	margin-bottom:20px;
}

#area .cont_box_02 ul li span.hokulea {
	color:#72a548;
}

#area .cont_box_02 ul li span {
	color:#013a67;
	font-weight:bold;
	margin-right:10px;
}

#area .cont_box_02 p {
	float:left;
	background:#e8edf1;
	border:1px #000 solid;
	padding:10px 20px;
}

/*----------
ギャラリーページ
----------*/
#gallery .main_img {
	background-image:url(../image/Main_Img_06.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	height:100%;
}

#gallery .cont_box_01 .gallery_area {
	background:url(../image/gallery_bg_01.jpg) no-repeat;
	width:883px;
	height:891px;
	text-align:center;
}

#gallery .cont_box_01 p {
	width:100%;
	padding-top:300px;
	font-size:30px;
}

/*----------
お問い合わせページ 
----------*/
#contact .cont_box_01 h5 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
}

#contact .cont_box_01 ul {
	font-size:16px;
	line-height:190%;
	margin-bottom:50px;
}

#contact .cont_box_01 ul li span {
	color:#054f7d;
	font-size:24px;
	font-weight:bold;
	padding-left:10px;
}

#contact .cont_box_01 .contact_area {
	background:url(../image/contact_bg_01.jpg) no-repeat;
	width:885px;
	height:819px;
	padding-top:30px;
}

#contact .cont_box_01 .contact_area #formWrap h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

#contact .cont_box_01 .contact_area #formWrap ul {
	font-size:14px;
	margin-bottom:20px;
}

#contact .cont_box_01 .contact_area #formWrap span {
	color:#F00;
}

/*フォーム用CSS*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom:20px;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/*----------
会社概要ページ 
----------*/
#about .cont_box_01 .about_area {
	background:url(../image/about_bg_01.jpg) no-repeat;
	width:825px;
	height:1264px;
	padding:30px;
}

#about .cont_box_01 .about_area h5 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}

#about .cont_box_01 .about_area .first_box {
	margin-bottom:20px;
}

#about .cont_box_01 .about_area dl {
	line-height:190%;
}

#about .cont_box_01 .about_area dt {
	float:left;
	width:200px;
}

#about .cont_box_01 .about_area dd {
	float:left;
	width:620px;
}

#about .cont_box_01 .about_area dd img {
	float:none;
	margin:10px 0;
}