@charset "UTF-8";

/* 共通
--------------------------------------------- */
.leftBlock {
	float: left;
}

.rightBlock {
	float: right;
}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}



/* --------------------------------------------------------------------------------------
 index
--------------------------------------------------------------------------------------- */

ul.spec {
	float: left;
	width: 290px;
	margin: 0 10px 0 0;
}

ul.equip {
	float: left;
	width: 460px;
}

ul.spec li,ul.equip li {
	margin: 0 0 0 0;
	font-size:11px;
}

ul.spec .ttl,ul.equip .ttl {
	font-size: 12px !important;
	font-weight: bold;
	margin-bottom: 5px;
}

.price {
	clear: both;
	padding-top: 10px;
}

#information {
	margin: 18px 0 20px;
}

#information .ttl {
	width: 100%;
	border-bottom: 1px #CCC solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#bnrArea {
	margin: 0 0 60px 0;
	overflow: hidden;
	zoom: 1;
}

#bnrArea lil {
	float: left;
	margin-right: 5px;
	display: inline;
}

#bnrArea lir {
	float: right;
	margin-left: 5px;
	display: inline;
}

#bnrArea2 {
	margin: 0 0 10px 0;
	overflow: hidden;
	zoom: 1;
}

#bnrArea2 li {
	float: left;
	display: inline;
}


/* =======================================
	Slideshow
======================================= */
#slideshow {
	margin: 0 auto;
	width: 770px;
	text-align: left;
}
#mainArea {
	width: 770px;
	height: 392px;
	margin-bottom: 1px;
	overflow: hidden;
	position: relative;
	background: #fff;
}
#mainArea div {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}
#mainArea div img {
	background: #000;
}
ul#thumb {
	margin: 0 -2px 0 0;
	overflow: hidden;
	zoom: 1;
}

ul#thumb li {
	width: 191px;
	height: 131px;
	margin: 0 2px 2px 0;
	float: left;
	display: inline;
	background: #fff;
}
ul#thumb li a {
	background: #fff;
}
ul#thumb li img {
	background: #fff;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#slideshow .front {
	z-index: 4000;
}
#slideshow #mainArea #loopAnimation {
	width: 770px;
	height: 392px;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}
#slideshow #mainArea #loopAnimation ul {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	*zoom: 1;
}
#slideshow #mainArea #loopAnimation ul li {
	position: absolute;
	top: 0;
	left: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	overflow: hidden;
	zoom: 1;
	width: 100%;
	height: 100%;
}
#slideshow #mainArea #loopAnimation ul li img {
	position: absolute;
	filter: inherit;
}
#slideshow #mainArea #loopAnimation ul li#slide01 {

}
#slideshow #mainArea #loopAnimation ul li#slide02 {

}
#slideshow #mainArea #loopAnimation ul li#slide03 {

}
#slideshow #mainArea #loopAnimation ul li#slide01 img {
	top: 0;
	left: -220px;
}
#slideshow #mainArea #loopAnimation ul li#slide02 img {
	top: 0;
	left: -70px;
}
#slideshow #mainArea #loopAnimation ul li#slide03 img {
	top: 0;
	left: -187px;
}

#slideshow #mainArea #loopAnimation ul li#slideG01 {

}
#slideshow #mainArea #loopAnimation ul li#slideG02 {

}
#slideshow #mainArea #loopAnimation ul li#slideG03 {

}
#slideshow #mainArea #loopAnimation ul li#slideG01 img {
	top: 0;
	left: -192px;
}
#slideshow #mainArea #loopAnimation ul li#slideG02 img {
	top: 0;
	left: -5px;
}


#flashcontent {
	width: 770px;
	height: 392px;
	background: url(../../img/bg_flash.gif) no-repeat;
}
.noFlash {
	width: 770px;
	height: 392px;
	background: url(../../img/panorama_alt.jpg) no-repeat;
	position: relative;
}
.noFlash #adobe {
	width: 158px;
	height: 39px;
	position: absolute;
	bottom: 20px;
	right: 60px;
	z-index: 4100;
}

#mainArea p.btn a {
	position: absolute;
	top: 30px;
	left: 30px;
	display: block;
	width: 79px;
	height: 30px;
	background: url(../../img/index_slidebtn01.gif) no-repeat left top;
	text-indent: -9999px;
	z-index: 4100;
}

#mainArea p.btn a:hover {
	background: url(../../img/index_slidebtn01_over.gif) no-repeat left top;
}


/* =======================================
	ClearFixElements
======================================= */
/*#slideshow #thumb:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow #thumb {
	display: inline-block;
	overflow: hidden;
}*/


.gtArea {
	margin: 20px 0;
	padding: 20px 0 20px 13px;
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
}
.gtArea .area1 {
	position: relative;
	height: 198px;
	margin: 20px 0 0;
}
.gtArea .area1 .ph {
	position: absolute;
	left: 0;
	top: 0;
}
.gtArea .area1 p {
	width: 355px;
	position: absolute;
	left: 405px;
	top: 0px;
}
.gtArea .area1 .btn-detail {
	position: absolute;
	left: 410px;
	bottom: 0px;
}


/* --------------------------------------------------------------------------------------
 Grades & Prices
--------------------------------------------------------------------------------------- */

#price {
	margin-bottom: 28px;
}
#price p {
	margin-bottom: 10px;
}

.newPrice a {
	overflow: hidden;
	text-decoration: none;
	color: #cc0000;
	font-size: 12px;
}
.newPrice a:visited {
	text-decoration: none;
	color: #cc0000;
}
.newPrice a:hover {
	text-decoration: underline;
}

.intens {
	margin-bottom: 20px;
	overflow: hidden;
}
.intens .name {
	margin: 5px 0 6px 150px;
}
.intens .name2 {
	margin: 13px 0 10px 150px;
}
.intens .name3 {
	margin: 13px 0 10px 0;
}

.intens .exterior {
	width: 150px;
	float: left;
}
.intens .exterior ul li {
	margin-bottom: 6px;
}

.intens .interior {
	width: 620px;
	float: left;
}

.bdr {
	border-top: 1px #CCC solid;
	margin-top: 30px;
}

.collection {
	border-top: 1px #CCC solid;
	margin: 30px 0 0;
	overflow: hidden;
}
.collection p {
	margin: 10px 0;
}
.collection .leftBlock,.collection .rightBlock {
	width: 374px;
}
.collection .leftBlock img,.collection .rightBlock img {
	margin-bottom: 13px;
}
.collection ul {
	margin: 10px 0 15px 5px;
}
.collection li {
	margin-bottom: 5px;
	font-size: 85%;
	line-height: 1.7em;
}
.collection .heading {
	font-weight: bold;
	text-decoration: none;
 border-bottom: 1px solid #999;
}
.collection .spcr {
	display: inline-block;
	width: 1em;
}


/* --------------------------------------------------------------------------------------
 presentation
--------------------------------------------------------------------------------------- */

/* presentationArea
--------------------------------------------- */
.presentationArea {
	position: relative;
	width: 575px;
	margin: 0 auto;
}

/* tabArea01
--------------------------------------------- */
.presentationArea .tabArea01 ul.tabMenu01 {
	position: absolute;
	width: 575px;
	top: 459px;
	left: 0;
	z-index: 99;
}

.presentationArea .tabArea01 ul.tabMenu01 li {
	float: left;
}

.presentationArea .tabArea01 ul.tabMenu01 li a {
	display: block;
	margin-right: 1px;
	width: 287px;
	height: 64px;
	text-indent: -9999px;
}
.presentationArea .tabArea01 ul.tabMenu01 li#tab02 a {
	margin-right: 0px;
}
.presentationArea .tabArea01 ul.tabMenu01 #tab01 a {	background: url(../../presentation/img/presentation_tabbtn01.gif) no-repeat left top;}
.presentationArea .tabArea01 ul.tabMenu01 #tab01 a:hover,
.presentationArea .tabArea01 ul.tabMenu01 #tab01.select a {	background: url(../../presentation/img/presentation_tabbtn01_over.gif) no-repeat left top;}
.presentationArea .tabArea01 ul.tabMenu01 #tab02 a {	background: url(../../presentation/img/presentation_tabbtn02.gif) no-repeat left top;}
.presentationArea .tabArea01 ul.tabMenu01 #tab02 a:hover,
.presentationArea .tabArea01 ul.tabMenu01 #tab02.select a {	background: url(../../presentation/img/presentation_tabbtn02_over.gif) no-repeat left top;}

/* tabArea02,tabArea03
--------------------------------------------- */
.presentationArea .tabArea02,
.presentationArea .tabArea03 {
	position: relative;
	width: 575px;
}

.presentationArea .tabArea02 ul.tabMenu02,
.presentationArea .tabArea03 ul.tabMenu03 {
	position: absolute;
	width: 575px;
	top: 393px;
	left: 0;
}

.presentationArea .tabArea02 ul.tabMenu02 li,
.presentationArea .tabArea03 ul.tabMenu03 li {
	float: left;
	margin-right: 1px;
}

.presentationArea .tabArea02 ul.tabMenu02 li.last,
.presentationArea .tabArea03 ul.tabMenu03 li.last {
	margin-right: 0px;
}

.presentationArea .tabArea02 ul.tabMenu02 li a,
.presentationArea .tabArea03 ul.tabMenu03 li a {
	display: block;
	width: 95px;
	height: 65px;
	text-indent: -9999px;
}

.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb01 a {background:url(../../presentation/img/design_tabimg01_s.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb01 a:hover,
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb01 a.selected {background:url(../../presentation/img/design_tabimg01_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb02 a {background:url(../../presentation/img/design_tabimg02_s.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb02 a:hover,
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb02 a.selected {background:url(../../presentation/img/design_tabimg02_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb03 a {background:url(../../presentation/img/design_tabimg03_s.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb03 a:hover,
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb03 a.selected {background:url(../../presentation/img/design_tabimg03_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb04 a {background:url(../../presentation/img/design_tabimg04_s.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb04 a:hover,
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb04 a.selected {background:url(../../presentation/img/design_tabimg04_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb05 a {background:url(../../presentation/img/design_tabimg05_s.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb05 a:hover,
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb05 a.selected {background:url(../../presentation/img/design_tabimg05_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb06 a {background:url(../../presentation/img/design_tabimg06_s.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb06 a:hover,
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb06 a.selected {background:url(../../presentation/img/design_tabimg06_s_over.jpg) top left no-repeat;}

.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb01 a {background:url(../../presentation/img/amenity_tabimg01_s.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb01 a:hover,
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb01 a.selected {background:url(../../presentation/img/amenity_tabimg01_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb02 a {background:url(../../presentation/img/amenity_tabimg02_s.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb02 a:hover,
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb02 a.selected {background:url(../../presentation/img/amenity_tabimg02_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb03 a {background:url(../../presentation/img/amenity_tabimg03_s.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb03 a:hover,
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb03 a.selected {background:url(../../presentation/img/amenity_tabimg03_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb04 a {background:url(../../presentation/img/amenity_tabimg04_s.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb04 a:hover,
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb04 a.selected {background:url(../../presentation/img/amenity_tabimg04_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb05 a {background:url(../../presentation/img/amenity_tabimg05_s.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb05 a:hover,
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb05 a.selected {background:url(../../presentation/img/amenity_tabimg05_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb06 a {background:url(../../presentation/img/amenity_tabimg06_s.jpg) top left no-repeat;}
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb06 a:hover,
.presentationArea .tabArea03 ul.tabMenu03 li#tM03Thumb06 a.selected {background:url(../../presentation/img/amenity_tabimg06_s_over.jpg) top left no-repeat;}

/* tabCt02,tabCt03,tabCt04
--------------------------------------------- */
.presentationArea p.txt01 {
	padding: 150px 0 15px;
	font-size: 91%;
}
.presentationArea p.txt02 {
	position: absolute;
	top: 540px;
	left: 0px;
	font-size: 91%;
}
.presentationArea p.txt03 {
	padding: 150px 0 15px;
	font-size: 91%;
}


/* --------------------------------------------------------------------------------------
 safety,equipment
--------------------------------------------------------------------------------------- */

/* safetyArea
--------------------------------------------- */
.safetyArea {
	width: 575px;
	margin: 0 auto;
}

.safetyArea .safetyBox01 {
	padding-bottom: 10px;
}

.safetyArea .safetyBox01 .rightBlock {
	width: 370px;
	font-size: 91%;
}

.safetyArea .safetyBox01 .rightBlock h3 {
	padding-bottom: 20px;
	font-weight: bold;
	color: #333;
}