@charset "UTF-8";


body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","Verdana","Arial","Helvetica","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
	text-align: center;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	color: #333;
	line-height: 0;
}

h1, h2, h3, h4, h5, div, p, ul, li, dl, dd, dt{
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.4;
	font-size: 88%;
}
ul {
	list-style-type: none;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
a, a img {
	outline: none;
}
img {
	border: none;
	vertical-align: top;
}


#container {
	position: relative;
}

.left{float: left;}
.right{float: right;}


#checker {
	position: fixed;
	top: 20px;
	left: 0px;
	width: 768px;
	background: #ccc;
	position: fixed;
}


#menu {
	position: fixed;
	height: 53px;
	width: 100%;
	overflow: hidden;
	top: 93px;
	background: url(../../images/bg_menu.jpg) repeat-x;
}

#menu .btnArea {
	width: 900px;
	margin: 0 auto;
}


#container .fws {
	margin: 0 auto;
	height: 952px;
	overflow: hidden;
}

#container .regular {
	width: 900px;
	margin:0 auto;
}

#container .note {
	font-size: 10px;
}

#container .ssBtn img {
	cursor: pointer;
}




#container #menu1 {
	
}
#container #menu1 #top_upper {
	background: url(../../images/bg_top.jpg) center top no-repeat;
	background-size:cover;
}
#container #menu1 #headblock {
	height: 93px;
	position: relative;
	text-align: left;
}

#container #menu1 #headblock h1 {
	padding: 36px 0 0 0;
}

#container #menu1 #headblock #languageSelect {
	position: absolute;
	left: 520px;
	top: 20px;
}
#container #menu1 #headblock #languageSelect div{
	width: 75px;
	float: left;
	
}
#container #menu1 #headblock #languageSelect .right {
	border-left: 1px solid #fff;
	text-align: center;
}

#container #menu1 #headblock #forerent {
	position: absolute;
	right: 0;
	top: 15px;
}

#container #menu1 #headblock #empty,
#container #menu1 #headblock #pamphlet,
#container #menu1 #headblock #ibooks {
	top: 50px;
}
#container #menu1 #headblock #empty {
	position: absolute;
	right: 0;
}
#container #menu1 #headblock #pamphlet {
	position: absolute;
	right: 139px;
}
#container #menu1 #headblock #ibooks {
	position: absolute;
	left: 519px;
	color: #fff;
}
#container #menu1 #headblock #empty p,
#container #menu1 #headblock #ibooks p {
	padding-top: 4px;
}

#container #menu1 #mainarea {
	height: 670px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background: url(../../images/top_view.png) center 352px no-repeat;
}

#container #menu1 #mainarea p{
	text-align: center;
	padding-top: 100px;
}

#container #menu1 #mainarea .note {
	position: absolute;
	right: 0;
	bottom: 4px;
	color: #fff;
	text-align: left;
	font-size: 10px;
}

#container #menu1 #info {
	text-align: left;
	padding: 10px 0 0 0;
}

#container #menu1 #info h2 {
	width: 88px;
	float: left;
	padding: 10px 0 0 0;
}
#container #menu1 #info dl {
	width: 794px;
	float: right;
	padding: 10px 0;
	border-left: 1px solid #999;
	line-height: 1.5;
	font-size: 70%;
}
#container #menu1 #info dd {
	width: 75px;
	float: left;
	text-align: right;
	clear: both;
}
#container #menu1 #info dt {
	width: 705px;
	float: right;
}


#container .footer {
	text-align: left;
	height: 116px;
	overflow: hidden;
	position: relative;
}
#container .footer div.jisho {
	padding-top: 17px;
}
#container .footer p.privacy {
	padding-top: 10px;
}
#container .footer p.privacy a {
	padding-left: 11px;
	font-size: 12px;
	background:url(../../images/marker_blk.gif) left center no-repeat;
}
#container .footer p.privacy a:link,
#container .footer p.privacy a:visited {
	text-decoration: none;
	color: #333;
}
#container .footer p.privacy a:hover,
#container .footer p.privacy a:active {
	text-decoration: underline;
	background:url(../../images/marker_red.gif) left center no-repeat;
}

#container .footer p.copy {
	padding-top: 8px;
	font-size: 12px;
}

#container .footer div.relay {
	position: absolute;
	left: 524px;
	top: 32px;
}

#container .footer div.freecall {
	position: absolute;
	right: 0;
	top: 20px;
}



#container #menu2 {
}

#container #menu2 .slideframe {
}

#container #menu2 #concept1 {
	background: url(../../images/bg2_1.jpg) center top no-repeat;
	background-size: cover;
	float: left;
}
#container #menu2 h2 {
	padding:97px 0 40px 0;
	text-align: left;
}
#container #menu2 #concept1 #lead {
	background: url(../../images/bg_concept_bar.png);
	text-align: center;
	padding: 19px 0;
}

#container #menu2 #concept1 #lead div.mat {
	width: 634px;
	position: relative;
}
#container #menu2 #concept1 #lead div.mat div.ssBtn {
	position: absolute;
	right: 0px;
	top: 67px;
}


#container #menu2 #concept2 {
	background: url(../../images/bg2_2.jpg) center top no-repeat;
	background-size: cover;
	float: left;
}
#container #menu2 #concept2 div.mat {
	width: 1432px;
	position: relative;
}
#container #menu2 #concept2 div.mat div.ssBtn {
	position: absolute;
	left: 0px;
	top: 307px;
}





#container #menu3 #access1 {
	background: url(../../images/bg3_1.jpg) center top no-repeat;
	background-size: cover;
}
#container #menu3 #access1 h2 {
	padding:103px 0 50px 0;
	text-align: left;
}
#container #menu3 #access1 p {
	text-align: center;
}

#container #menu3 #access {
	position: relative;
}

#container #menu3 .slideframe {
	height: 1040px;
	width: 5496px;
	text-align: left;
	overflow: hidden;
}
#container #menu3 .slider {
	height: 1040px;
	width: 1832px;
	float: left;
	text-align: center;
}


#container #menu3 #access2 {
	text-align: left;
}
#container #menu3 h2 {
	padding:80px 0 36px 0;
}

#container #menu3 h3 {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #999;
}

#container #menu3 #access2 #mapTypeBtnArea {
	margin: 18px 0 40px 0;
}
#container #menu3 #access2 #mapTypeBtnArea li {
	padding: 6px 0;
	text-align: center;
	width: 127px;
	float: left;
	border-left: 1px solid #666;
	cursor: pointer;
}
#container #menu3 #access2 #mapTypeBtnArea li.edge {
	border-right: 1px solid #999;
}

#container #menu3 #access2 #lifeinfo div.left {
	width: 720px;
}
#container #menu3 #access2 #lifeinfo div.right {
	width: 180px;
	height: 523px;
}

#container #menu3 #access2 div.infomap,
#container #menu3 #access2 div.maplist {
	display: none;
}
#container #menu3 #access2 div#infomap1,
#container #menu3 #access2 div#maplist1 {
	display: block;
}


#container #menu3 #access2 #areaimages {
	padding-top: 40px;
	width: 900px;
	overflow: hidden;
}
#container #menu3 #access2 #areaimages div.each {
	width: 230px;
	float: left;
}
#container #menu3 #access2 #areaimages div.edge {
	width: 210px;
}
#container #menu3 #access2 #areaimages div.each p {
	font-size: 75%;
	line-height: 1.2;
	padding-top: 4px;
}




#container #menu3 #access3 {
	text-align: left;
}
#container #menu3 #access3 #routemap {
	
	padding: 28px 0;
}



#container #menu3 #access3 #routemap p.note {
	padding-top: 6px;
}

#container #menu3 #access3 #requiredtimes {
	width: 900px;
}
#container #menu3 #access3 #requiredtimes div.left img {
	margin-bottom: 22px;
}
#container #menu3 #access3 #requiredtimes div.left {
	width: 470px;
}
#container #menu3 #access3 #requiredtimes div.right {
	width: 424px;
	padding: 14px 0 0 0;
}



#container #menu4 {
	background: url(../../images/bg4_1.jpg) center top no-repeat;
	background-size:cover;
}
#container #menu4 #btnframe {
	width: 1188px;
	margin: 0 auto;
	position: relative;
}

#container #menu4 #btnframe #roomrwd {
	position: absolute;
	left: 0;
	top: 500px;
	display: none;
}
#container #menu4 #btnframe #roomfwd {
	position: absolute;
	right: 0;
	top: 500px;
}

#container #menu4 #roomchart {
	position: relative;
	width: 1090px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	padding-bottom: 47px;
	background: url(../../images/bg4_2.jpg) center top repeat-y;
}

#container #menu4 #roomrwd {
	position: absolute;
}
#container #menu4 #roomfwd {
	position: absolute;
}

#container #menu4 h2 {
	text-align: left;
	padding: 82px 0 39px 88px;
}
#container #menu4 p {
	text-align: center;
}
#container #menu4 #roombtns {
	padding: 14px 0 25px 0;
	text-align: center;
}
#container #menu4 #roombtns img {
	cursor: pointer;
}

#container #menu4 #chartframe {
	width: 1090px;
	height: 604px;
	overflow: hidden;
	
}
#container #menu4 .slideframe {
	width: 15260px;
}
#container #menu4 div.room {
	width: 1090px;
	float: left;
	text-align: center;
}

#container #menu4 #orientxt {
	position: absolute;
	top: 909px;
	left: 732px;
}
#container #menu4 #roominfo {
	position: absolute;
	top: 306px;
	left: 88px;
}
#container #menu4 #roominfo div{
	display: none;
}
#container #menu4 #roominfo div#roominfo1{
	display: block;
}

#container #menu4 #orientation {
	position: absolute;
	top: 898px;
	left: 862px;
}
#container #menu4 #orientation div{
	display: none;
}
#container #menu4 #orientation div#ori1{
	display: block;
}












#container #ecology {
	margin: 20px 0;
	padding: 20px 0;
	background: #c8dad5;
	
}
#container #ecology div.regular {
	text-align: left;
}
#container #ecology div.left {
	width: 600px;
	padding-top: 54px;
}
#container #ecology div.right {
	width: 262px;
}
/*
#container #ecology h3 {
	padding: 23px 0 28px 0;
}
*/
#container #ecology div.right p {
	padding: 6px 0 0 0;
	font-size: 67%;
	line-height: 1.4;
}







#container #menu5 {
	background: #b4b5ba;
}

#container #menu5 h2 {
	width:900px;
	margin: 0 auto;
	text-align: left;
	padding: 100px 0 50px 0;
}

#container #menu5 .bgSlider {
	width: 11520px;
}

#container #menu5 .bgSlider li {
	width: 960px;
	height: 630px;
	float: left;
	overflow: hidden;
	text-align: center;
}
#container #menu5 .bgSlider li.bgMenu1 {
	background:url(../../images/bg_gmenu1.jpg)  no-repeat;
}
#container #menu5 .bgSlider li.bgMenu2 {
	background:url(../../images/bg_gmenu2.jpg)  no-repeat;
}
#container #menu5 .bgSlider li.bgMenu3 {
	background:url(../../images/bg_gmenu3.jpg)  no-repeat;
}
#container #menu5 .bgSlider li.bgMenu4 {
	background:url(../../images/bg_gmenu4.jpg)  no-repeat;
}

#container #menu5 div#galleryArea {
	width: 100%;
	height: 630px;
	position: relative;
}
#container #menu5 div#galleryStage {
	position: absolute;
	width: 100%;
	height: 630px;
	overflow: hidden;
	left: 0;
	top: 0;
	text-align: center;
	background-color:rgba(0,0,0,0.3);
}
#container #menu5 #thumbArea {
	width:960px;
	height: 630px;
	margin: 0 auto;
	text-align: center;
	background: #333;
}
#container #menu5 #thumbArea li {
	cursor: pointer;
	display: none;
}
#container #menu5 #thumbArea li#gthumb1 {
	display: block;
}

#container #menu5 #photoArea {
	width:1194px;
	height: 630px;
	margin: 0 auto;
	text-align: center;
	background: #333;
	display: none;
}
#container #menu5 #photoArea li {
	display: none;
}
#container #menu5 #photoArea li#gimg1 {
	display: block;
}

#container #menu5 #shade {
	width:1394px;
	height: 630px;
	overflow: hidden;
	position: absolute;
}

#container #menu5 #shade_left,
#container #menu5 #shade_right {
	width: 100px;
	height: 630px;
	position: absolute;
	top: 0;
	display: none;
}
#container #menu5 #shade_left {
	left: 0;
	background: url(../../images/bg_gallery_l.png) repeat-y;
}
#container #menu5 #shade_right {
	right: 0;
	background: url(../../images/bg_gallery_r.png) repeat-y;
}

#container #menu5 #g_rwd,
#container #menu5 #g_fwd{
	position: absolute;
	top: 290px;
	display: none;
}

#container #menu5 #g_rwd {
	left: 100px;
}
#container #menu5 #g_fwd {
	right: 100px;
}

#container #menu5 #galleryMenu {
	width: 1194px;
	width: 960px;
	margin: 0 auto;
	height: 21px;
	overflow: hidden;
	
	background:#595757;
	text-align: left;
}

#container #menu5 #galleryMenu div.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#container #menu5 #galleryMenu #menuSelector {
	width: 240px;
	height: 21px;
	overflow: hidden;
	background: #231815;
}
#container #menu5 #galleryMenu ul {
	width: 960px;
	position: absolute;
	left: 0;
	top: 0;
}
#container #menu5 #galleryMenu li {
	width: 240px;
	height: 15px;
	padding-top: 6px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#container #menu5 #gCaution {
	width:1194px;
	margin: 0 auto;
}
#container #menu5 #gCaution li {
	font-size: 67%;
	padding-top: 1.5em;
	text-align: right;
	display: none;
}




#container #menu6 {
	position: relative;
}

#container #menu6 #eq_head {
	text-align: left;
	height: 170px;
}
#container #menu6 #eq_head div.left{
	width: 450px;
	padding-top: 89px;
}
#container #menu6 #eq_head div.right{
	width: 400px;
	text-align: left;
}

#container #menu6 #eq_head div#securityTitle {
	display: none;
}
#container #menu6 #eq_head div.right #eqButtonArea {
	padding-top: 92px;
}
#container #menu6 #eq_head div.right #eqButtonArea li {
	float: left;
	width: 90px;
	text-align: right;
	cursor: pointer;
}
#container #menu6 #eq_head div.right #eqButtonArea li.edge {
	float: left;
	width: 130px;
}


#container #menu6 .eqTitleArea{
	height: 184px;
	text-align: left;
	display: none;
}
#container #menu6 #eqttl1 {
	display: block;
}
#container #menu6 .eqTitleArea p {
	padding-top: 32px;
}

#container .slideBtnFrame {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	
}

#container .slideBtnFrame .dam {
	height: 0;
}

#container #menu3 .slideBtnFrame{top: 500px;}
#container #menu6 .slideBtnFrame{top: 597px;}

#container .slideBtnFrame .slideBtns {
	width: 1400px;
	margin:0 auto;
	text-align: left;
}



#container #menu3 .slideBtnFrame .slideBtns #acrwd,
#container #menu6 .slideBtnFrame .slideBtns #eqrwd {
	float: left;
	width: 50px;
	display: none;
}
#container #menu3 .slideBtnFrame .slideBtns #acfwd,
#container #menu6 .slideBtnFrame .slideBtns #eqfwd {
	float: right;
	width: 50px;
}


#container #menu6 #eqMainArea {
	width: 100%;
	background: #5a5a5a;
	height: 533px;
	overflow: hidden;
	margin-bottom: 32px;
	text-align: left;
}

#container #menu6 .slideframe {
	width: 7328px;
	height: 533px;
	text-align: left;
	
}
#container #menu6 .slider {
	width: 1832px;
	height: 533px;
	float: left;
	text-align: center;
	
}

#container #menu6 #eqMainArea .eqContents{
	width: 1210px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#container #menu6 #eqMainArea .eqContents div.left {
	width: 760px;
}
#container #menu6 #eqMainArea .eqContents div.center,
#container #menu6 #eqMainArea .eqContents div.right {
	float: left;
	padding-top: 20px;
}
#container #menu6 #eqMainArea .eqContents div.center {
	width: 237px;
	
}
#container #menu6 #eqMainArea .eqContents div.right {
	width: 213px;
}

#container #menu6 #eqMainArea .eqContents dl {
}
#container #menu6 #eqMainArea .eqContents dd {
	height: 176px;
}
#container #menu6 #eqMainArea .eqContents dt {
	display: block;
	height: 80px;
	width: 213px;
	color: #fff;
	font-size: 67%;
	line-height: 1.3;
	overflow: hidden;
}
#container #menu6 #eqMainArea .eqContents .note {
	color: #fff;
	font-size: 67%;
	line-height: 1.2;
	letter-spacing: -1px;
	position: absolute;
	right: 0;
	bottom : 4px;
}

#container #menu6 #eqMainArea #eqCont4 div.regular {
	text-align: left;
}
#container #menu6 #eqMainArea #eqCont4 #steps {
	height: 290px;
}
#container #menu6 #eqMainArea #eqCont4 #steps div {
	padding: 26px 0 0 0;
}
#container #menu6 #eqMainArea #eqCont4 #steps p {
	padding: 8px 0 0 0;
	color: #fff;
	font-size: 67%;
	text-align: right;
}

#container #menu6 #eqMainArea #eqCont4 #securityImages div.unit {
	float: left;
	width: 321px;
}
#container #menu6 #eqMainArea #eqCont4 #securityImages div.unit h4,
#container #menu6 #eqMainArea #eqCont4 #securityImages div.edge h4 {
	padding-bottom: 10px;
}
#container #menu6 #eqMainArea #eqCont4 #securityImages div.unit p {
	color: #fff;
	font-size: 67%;
	line-height: 1.4;
	padding: 6px 62px 0 0;
}
#container #menu6 #eqMainArea #eqCont4 #securityImages div.edge {
	width: 258px;
}
#container #menu6 #eqMainArea #eqCont4 #securityImages div.edge p {
	padding-right: 0;
}







#container #menu7 {
	background: #e2ceb3 url(../../images/bg_7.jpg)  top repeat-x;
	padding-bottom: 100px;
}

#container #menu7 #facHead {
	height: 345px;
}
#container #menu7 #facHead h2 {
	padding: 100px 0 39px 0;
	text-align: left;
}


#container #menu7 #distantView {
	height: 298px;
	background: url(../../images/bg7_1.jpg) top center no-repeat;
	background-size: cover;
}
#container #menu7 #distantView p {
	text-align: left;
	color: #fff;
	padding: 272px 0 0 0;
	margin-left: -68px;
}

#container #menu7 #facCont {
	text-align: left;
	padding: 54px 0 0 0;
}
#container #menu7 #facCont div.clearfix {
	width: 900px;
}
#container #menu7 #facCont div.left,
#container #menu7 #facCont div.right {
	width: 432px;
}
#container #menu7 #facCont div.right {
	float: right;
}

#container #menu7 #facCont h3 {
	margin: 0 0 23px 0;
	padding: 0px 0 2px 0;
	border-bottom: 1px solid #5c5856;
}

#container #menu7 #facCont dd {
	height: 225px;
}
#container #menu7 #facCont dt {
	height: 70px;
	line-height: 1.4;
	font-size: 75%;
}

#container #menu7 #facCont p {
	font-size: 80%;
	line-height: 1.5;
	padding: 0 0 14px 0;
}
#container #menu7 #facCont h4 {
	padding: 20px 0 18px 0;
}




#container #menu8 {
	background: #aaacaf url(../../images/bg_8.jpg) top repeat-x;
}

#container #menu8 h2 {
	
	text-align: left;
	padding: 93px 0 58px 0;
}

#container #menu8 #outline {
	margin: 70px 0 70px 120px;
	text-align: left;
}

#container #menu8 #outline dl {
	line-height: 1.8;
	font-size: 90%;
	
}
#container #menu8 #outline dd {
	width: 150px;
	float: left;
	clear: both;
}

#container #menu8 #outline dt {
	width: 565px;
	float: right;
}

#container #footarea {
	background: #fff;
}