@charset "utf-8";


/*============================================================================================
共通　start
============================================================================================*/

/* ■■■ header start ■■■ */
#headWrap {
	width: 100%;
	min-width: 960px;
	height: 90px;
	background: url(../images/top_content_bg.jpg) repeat-x #003a36;
}

#header {
	margin:0 auto;
	width: 960px;
	position: relative;
}


#header h1 {
	margin-left: 2.5%;
	padding-top: 20px;
	padding-left: 20px;
	width: 139px;
	height: 60px;
	float: left;
}

/* header description */
#header p.desc {
	padding-right: 2.5%;
	margin: 10px auto 0;
	width: 960px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.5px;
}

/* header button Area */
#sp_headmenu { display: none;	}

#header ul {
	padding-right: 2.5%;
	padding-top: 30px;
	float: right;
}

#header ul li {	float: left; }

/* 01トップページBtn */
#menu_1 {	background-image: url(../images/main_nav_top_btn.gif); }
#menu_1_on { background-image: url(../images/main_nav_top_btn_on.gif); }
#menu_1:hover {	background-image: url(../images/main_nav_top_btn_on.gif); }

/* 02 コンセプトBtn */
#menu_2 a {	background-image: url(../images/nav_concept_btn.gif); }
#menu_2 a:hover {	background-image: url(../images/nav_concept_btn_on.gif); }

/* 03 デザインBtn */
#menu_3 a { background-image: url(../images/nav_design_btn.gif); }
#menu_3 a:hover { background-image: url(../images/nav_design_btn_on.gif); }

/* 04 ロケーションBtn */
#menu_4 a {	background-image: url(../images/nav_location_btn.gif); }
#menu_4 a:hover {	background-image: url(../images/nav_location_btn_on.gif); }

/* 05 アクセスBtn */
#menu_5 a {	background-image: url(../images/nav_access_btn.gif); }
#menu_5 a:hover {	background-image: url(../images/nav_access_btn_on.gif); }

/* 06 室内写真Btn */
#menu_6 a {	background-image: url(../images/nav_gallery_btn.gif); }
#menu_6 a:hover {	background-image: url(../images/nav_gallery_btn_on.gif); }

/* 07 間取りBtn */
#menu_7 a {	background-image: url(../images/nav_plan_btn.gif); }
#menu_7 a:hover {	background-image: url(../images/nav_plan_btn_on.gif); }

/* 08 設備・使用Btn */
#menu_8 a { background-image: url(../images/nav_equipment_btn.gif); }
#menu_8 a:hover { background-image: url(../images/nav_equipment_btn_on.gif); }

/* 09 構造・安全性Btn */
#menu_9 a {	background-image: url(../images/nav_security_btn.gif); }
#menu_9 a:hover {	background-image: url(../images/nav_security_btn_on.gif); }

/* 10 実績Btn */
#menu_10 a { background-image: url(../images/nav_results_btn.gif); }
#menu_10 a:hover { background-image: url(../images/nav_results_btn_on.gif); }


/* header button settings */
li.topMapBtn { width: 136px; height: 35px; padding-right: 10px; }
li.topOutlineBtn { width: 136px; height: 35px; padding-right: 10px;  }
li.topReqBtn { width: 130px; height: 35px; padding-right: 10px; }
li.topResBtn { width: 130px; height: 35px; }


/* ■■■ contents ■■■ */
#contentWrap {
	width: 100%;
}


/* ■■■ footNavi ■■■ */
#footNavi {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	background-color: #000;
}

#footNavi ul {
	text-align: center;
}

#footNavi ul li {
	padding: 0 5px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	display: inline-block;
}

#footNavi ul li a {
	color: #fff;
	text-decoration: none;
}

#footNavi ul li.btnOn a {
	color: #777;
}

/*#home #footNavi {
	margin: 0 auto 40px;
	padding: 0;
	background-color: transparent;
}
#home #footNavi ul li { color: #fff; }
#home #footNavi ul li a { color: #fff; }
#home #footNavi ul li.btnOn a { color: #777; }*/



/* ■■■ footer ■■■ */
#footWrap {
	width: 100%;
	height: auto;
}

#footer {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 960px;
	height: auto;
}

#footer div {	float: left; }
#footer div:first-child {
	padding-right: 49px;
	border-right: 1px dotted #ccc;
}
#footer div.footFreeTel {
	padding-left: 48px;
	padding-right: 49px;
	border-right: 1px dotted #ccc;
}
#footer div.footQrInfo {
	padding-left: 48px;
	padding-right: 20px;
	border-right: 1px dotted #ccc;
}
/*============================================================================================
共通 end
============================================================================================*/


/*============================================================================================
トップページ　start
index.html
============================================================================================*/

/* ■■■ header start ■■■ */
#home #headWrap {
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#home #header {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
}

/* header logo */
#home #header h1 {
	width: 159px;
	background: url(../images/logo_bg.png) repeat;
}

#mainBgWrap { background-color: #000; }
#mainVisualWrap { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; }
#mainVisual {
	margin: 0 auto;
	height: auto;
	position: relative;
	background-color: #000;
}

#mainVisual p.txt1 {
	position: absolute;
	top: 30%;
	left: 7.5%;
}

#mainVisual p.txt2 {
	position: absolute;
	bottom: 1%;
	right: 2.5%;
}

#mainVisual p.txt3 {
	position: absolute;
	top: 55%;
	left: 7.5%;
}



#mainVisual img {
	width: 100%;
	height: auto;
}

#mainVisual #topMainTxt {
	width: 390px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 7%;
	margin-top: -111px;
}

#mainVisual #topTrainTxt {
	width: 388px;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 5%;
}

#mainVisual #topSubTxt {
	width: 100%;
	height: auto;
	position: absolute;
	top: 60%;
	left: 0;
	margin-top: -18px;
}
#mainVisual #topSubTxt div {
	margin: 0 auto;
	width: 492px;
	height: 42px;	
}

#slideThumb {
	position: absolute;
	bottom: 1%;
	left: 2.5%;
	z-index: 10000;
}

#slideThumb a.active {
	opacity: 0.5;
}


/* main navi */

#submenuWrap { display: none; }

#navWrap {
	width: 100%;
	min-width: 960px;
	height: auto;
	background: #000;
	border-top: 1px solid #99794e;
	border-bottom: 1px solid #99794e;
}

#navWrap ul {
	margin: 0 auto;		
	width: 960px;
	height: auto;
}

#navWrap ul li {
	width: 96px;
	height: 53px;
	display: inline;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}
	
#navWrap ul li a {
	width: 96px;
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}
	

#home #navWrap ul li:first-child { background-color: #777; }

/* contents */
#home #contentWrap { background: url(../images/top_content_bg.jpg) repeat; }

#contentWrap #topContent {
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 960px;
	height: auto;
}

/* pr_space */
#topPr {
	padding: 10px 0 10px;
	width: 100%;
	min-width: 960px;
	height: auto;
	background-color: #000;
	text-align: center;
}

/* infomation */
#info {	float: left; }
.bunnerBox { float: right; }
#info p {	margin-top: 15px; }
#info p#infoTxt_1 {	margin-top: 30px; }
.form2 { margin-top: 20px; }

.itot {	margin-top: 20px; }
.itot2 { margin-top: 20px; }

#home p.notice {
	margin: 0 auto 20px;
	width: 960px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}

/*============================================================================================
トップページ　end
index.html
============================================================================================*/


/*============================================================================================
アクセスページ　start
access.html
============================================================================================*/
/* 空撮領域 */
#accessMainWrap {	width: 100%; }

#accessMainWrap #accessMainImgBox {
	margin: 0 auto;
	width: 960px;
	height: auto;
	position: relative;
}

#accessMainWrap #accessMainImgBox .accessTitBox {
	width: 100%;
}

#accessMainWrap #accessMainImgBox .accessTitBox p {
	margin-top: 20px;
	color: #777;
}

#accessMainWrap #accessMainImgBox .accessTitBox h2 {
	width: 100%;
	margin-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}

#accessMainWrap .accessMainImg {
	width: 100%;
	height: auto;
}
#accessMainWrap .accessMainImg img {
	width: 100%;
	height: auto;
}

.accessMainImgCaption {
	margin: 0 auto;
	width: 960px;
	height: auto;
	margin-top: 10px;
	font-size: 10px;
	color: #999999;
	text-align: right;
}

/* コンテンツ領域 */
#accessContent {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 960px;
	height: auto;
	border-bottom: 1px dotted #999;
}

#accessContent h3 {
	margin-top: 100px;
	text-align: center;
}

#accessContent p.accessDesc {	text-align: center; }
.accessAreaImg { margin-top: 100px; }

.accessAreaImg div {
	width: 310px;
	height: 230px;
	float: left;
	margin-left: 15px;
}

.accessAreaImg div:first-child {
	margin-left: 0;
}

.accessAreaImg div img {
	width: 100%;
	height: auto;
}

p.accessCaption {
	margin-top: 10px;
	font-size: 10px;
	color: #999999;
	text-align: right;
	line-height: 17px;
}

.accessTrainImg {
	margin-top: 100px;
	text-align: center;
}

#stationInfo {
	width: 840px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

#stationInfo div {
	margin-left: 30px;
	width: 260px;
	height: 120px;
	float: left;
}

#stationInfo div.stationInfo01,
#stationInfo div.stationInfo04,
#stationInfo div.stationInfo07,
#stationInfo div.stationInfo10 { margin-left: 0; }

#stationInfo p {
	padding-top: 10px;
	line-height: 17px;
	font-size: 12px;
}

#accessContent h4 {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 840px;	
	padding-bottom: 5px;
	border-bottom: 1px solid #003a36;
}

/*============================================================================================
アクセスページ　end
access.html
============================================================================================*/