@charset "utf-8";


/*----------------------------------------------------
	page
----------------------------------------------------*/

.page {
	text-align:center;}

.area {
	width:960px;
	margin:0 auto;}

/*----------------------------------------------------
	header
----------------------------------------------------*/

.header { height:100px; }
.logo {
	width: 236px;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*SEOテキスト*/
h1{
	color:#333333;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	width:600px;
	}

/*来場なし*/
.hnav_box{
	float: right;
	width: 505px;
	height: 40px;
	margin-top: 20px;
}	
.hnav_box li{
	float:left;
	list-style-type: none; }
		
/*来場あり*/	
.hnav_box2{
	float:right;
	width:484px;
	height:40px; 	
	margin-top:20px; }	
.hnav_box2 li{
	float:left;
	list-style-type: none; }
	
		
/*----------------------------------------------------
	gnav
----------------------------------------------------*/

.globalnavi{
	height:50px;
	background: url(../img/gnav_bg.jpg) repeat-x;
	margin:0 auto;
	}	

.gnav {
	width: 960px;
	float: left;
	margin: 0 auto;
	padding: 0;
	/*text-align:center;*/
    }

.gnav li {
	float: left;
	display: block;
	/*display:inline;*/
	/*margin-left:-4px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}



/*----------------------------------------------------
	contents
----------------------------------------------------*/

.contents {
	width:960px;
	margin:10px auto 0;
	text-align:left; }

.contents_con {
	width:960px;
	margin:0px auto 0;
	text-align:left; }
	
.title { margin:20px auto 30px; }		

/*---------- top ----------*/

.top_p01 {
	width:960px;
	margin:20px 0 20px;
	padding:0;
	}

.infowide { width:; float:left; }
.manga_bnr { width:; float:left; }

.top_info {
	border-top:#707070 solid 1px;
	border-bottom:#707070 solid 1px;
	float:left;
}
	

.topbox_01 {
	float:left;
	width:280px;
	height:372px;
	margin:0 0 20px;
	padding:0;}

.topbox_01 li {
	list-style-type:none;
	margin-bottom:6px; }

.topbox_02 {
	float:left;
	width:388px;
	height:372px;
	margin:0 6px 20px;
	padding:0;}	

.topbox_02 li {
	list-style-type:none;
	margin-bottom:6px; }
	
.topbox_03 {
	float:right;
	width:280px;
	height:372px;
	margin:0 0 20px;
	padding:0;}		

.topbox_03 li {
	list-style-type:none;
	margin-bottom:6px; }


/*---------- design ----------*/

.desbox01 { float:right; width:320px; }
.desbox02 { float:left; width:320px; }


/*---------- plan ----------*/

.planbtn { margin-top:100px;}
.planbtn li { list-style:none; float:left; }


/*---------- modelroom ----------*/

#mainVisual{
	width: 100%;
	height: 655px;
	margin-bottom: 50px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

#mainVisual #mainVisualInner{
	width:960px; 
	height: 660px;
	text-align:center;
	margin: 0 auto;
	position:relative; 
}

/*---slide---*/
@media screen{
ul.model{ 
	width:960px; 
	height: 580px;
	margin:auto 0;
	position:relative; 
	background:#000;
	list-style:none;
}
ul.model li {position:absolute; top:0; left:0;}
ul.model li {display:none;}
}
		
ul.thum {
	width:912px; 
	height:56px;
	padding: 9px 0 9px 48px;
	list-style:none;
	position:absolute;
	bottom:0px;
	left:0px;
	background: url(../img/modelroom/bg_thum.gif) 0 0 no-repeat;

}
ul.thum li {
	width: 92px;
	height:56px;
	margin: 0 2px;
	overflow: hidden;
	zoom: 1;
	float:left;
}
ul.thum li a{ 
	display: block; 
	cursor: pointer;
}

ul.thum li img {
	vertical-align: bottom;
}

/*---slide---*/




/*---------- equipment ----------*/

.equnav { margin:0 auto 25px;	float: left; padding:0; width:960px;}
.equnav li {
	float: left;
	display: block;
	/*display:inline;*/
	/*margin-left:-4px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.equnav li.equbtn { margin-right:5px; }

.equ_t { margin:30px 0 10px; }
.equ_t02 { margin:15px 0 ; }

.equbox { margin-top:20px; float:left; }
.equbox .tit { font-size:14px; color:#766C52; font-weight:bold; padding:12px 12px; background:#E9F5F2; margin-bottom:5px; }
.equbox .tit02 { font-size:12px; color:#766C52; font-weight:bold; padding:12px 8px; }
.equbox .txt { padding:10px 0; }
.equbox span { font-size:10px; color:#747373; }

.equbox02 { margin-top:0; float:left; }
.equbox02 .tit { font-size:14px; color:#766C52; font-weight:bold; padding:12px 12px; background:#E9F5F2; margin-bottom:5px;  }
.equbox02 .tit02 { font-size:12px; color:#766C52; font-weight:bold; letter-spacing:-0.7px; padding:12px 12px; background:#E9F5F2; margin-bottom:5px;  }
.equbox02 .txt { padding:10px 0; }
.equbox02 span { font-size:10px; color:#747373; }

.box01 { width:960px; }
.box02 { width:630px; }
.box03 { width:300px; }
.box04 { width:225px; }

.equ_p { width:300px; float:left; margin-right:30px; }
.equtit { font-size:14px; color:#766C52; font-weight:bold; padding:12px 8px 0; }


/*---------- safety ----------*/

.saf_t01 { margin:30px 0 20px ; float:left; }

.safnav { margin:0 auto 25px; padding:0; width:446px;}
.safnav li {
	float: left;
	display: block;
	/*display:inline;*/
	/*margin-left:-4px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.safnav li.safbtn { margin-right:70px; }

.saf_title { margin:20px 0 0 0; }


/*---------- access ----------*/

.acc_t { margin:30px 0 20px ; float:left; }

.accbox01 { width:420px; float:left; }
.acc_sim { margin:10px 0 20px; }


/*---------- location ----------*/

.loc_t { margin:30px 0 20px ; float:left; }

.locbox_r { width:616px; float:right; }
.locbox_r02 { width:359px; float:right; }
.locbox_l { width:530px; float:left; }


.lifebox { width:310px; float:left; margin-right:10px;}
.loc_table { width:310px; font-size:11px; letter-spacing:0.01em; }
.loc_table td { padding:2px 0 2px; }


.lifeimg { width:318px; float:left }
.lifeimg_l { width:155px; float:left; margin-right:8px; }
.lifeimg_r { width:155px; float:left; }

.lifeimg .txt { padding:2px 0 8px; text-align:right; color:#6F6F6F; font-size:11px; }

.lifebtn { margin:5px auto 0; width:640px; }


/*---------- developer ----------*/

.venimg01 { width:470px; float:left; }
.venbox01 { width:464px; float:right; margin-top:15px; padding-left:25px; border-left:1px solid #888; }
.venbox02 { width:500px; float:right; }
.venbox03 { width:680px; float:right; }
.ven_t { margin:10px 0 20px ; float:left; }





/*----------------------------------------------------
	footer
----------------------------------------------------*/


/*--- ↓info↓ ---*/
.infobox {
	float: left;
	width: 736px;
	margin: 0;
}

.info {
	text-align: left;
	width: 736px;
	height: 132px;
	position: relative;
	overflow: hidden;
	background-image: url(../img/info_bg.jpg);
	border: #C1C6BF 1px solid;
	margin-top: 10px;
}
.info dl {
	width: 736px;
}

.info dt {
	width:107px;
	text-align:center;
	color:#888;
	font-weight:bold;
	border-bottom:1px dotted #C6C9C5;	
	padding:13px 0 13px 8px;
	float:left;
	clear:both;
}

.info dd {
	color:#777;
	border-bottom:1px dotted #C6C9C5;
	padding:13px 0 13px 20px;
	letter-spacing:0.1em;
}
.info dd a  { color:#AAA; font-weight:bold; text-decoration:none; } 
.info dd a:hover { color:#147064; text-decoration:underline; }
/*--- ↑info↑ ---*/


.foot_btn {
	float: right;
	width: 204px;
	margin-top: 27px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.foot_btn li {
	list-style-type:none;
	margin-bottom:6px; }
	
.foot_btn2 {
	float:none;
	width:280px;
	margin:27px auto 0 ; }	

.foot_btn2 li {
	list-style-type:none;
	margin-bottom:6px; }
	

.foot_btn3 {
	float:none;
	width:570px;
	margin:27px auto 0 ; }	


.cap {
	padding:5px 0;
	text-align:left;
	font-size:10px;	
	color:#888;
}
.cap_foot {
	padding:20px 0 0;
	text-align:left;
	font-size:10px;	
	color:#888;
}

.under {
	background-color:#EAEAE8;
	padding-bottom:10px;
	margin-top:20px; }

.tel {
	float:left;
	margin:30px 0 15px 0; }
	
.vendor {
	float:right;
	margin:30px 0 15px 0; }		


/*--- ↓text_link↓ ---*/	
	
.minitabs {
	width: 960px;
	font-size: 11px;
	color: #A0A59E;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.minitabs ul{ list-style: none;	line-height:1.0; float:left;}
.minitabs ul li{display: inline; margin: 0;}
.minitabs ul a{text-decoration: none; padding: 1px 2px; color: #A0A59E;}
.minitabs ul a#current{color: #147064; text-decoration:underline;}
.minitabs ul a:hover{color: #147064;} 
/*--- ↑text_link↑ ---*/


.copyright { 
    background-color:#868981;
	font-size:10px;
	color:#fff;
	padding:10px 0;
	margin-top:5px;}

/*--- ↓page top↓ ---*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #333;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	line-height: 40px;
}

/*--- ↑page top↑ ---*/