@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;}

a { outline: none; }

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


/* =======================================
	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 20px 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;
}

ul#thumb2 {
	margin: 0 -1px 20px 0;
	overflow: hidden;
	zoom: 1;
}
ul#thumb3 {
	margin: 0 -1px 30px 0;
	overflow: hidden;
	zoom: 1;
}
ul#thumb2 li,
ul#thumb3 li {
	width: 256px;
	height: 131px;
	margin: 0 1px 1px 0;
	float: left;
	display: inline;
	background: #fff;
}
ul#thumb2 li a,
ul#thumb3 li a {
	background: #fff;
}
ul#thumb2 li img,
ul#thumb3 li img {
	background: #fff;
}

ul#thumb li a img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-ms-filter: "alpha(opacity=1)";
	-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);
	-ms-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;
	-ms-filter: inherit;
}
#slideshow #mainArea #loopAnimation ul li img:not(:target) {
	filter: none;
	-ms-filter: none;
}
#slideshow #mainArea #loopAnimation ul li#slide01 img {
	top: 0;
	left: -187px;
}
#slideshow #mainArea #loopAnimation ul li#slide02 img {
	top: -129px;
	left: 0;
}
#slideshow #mainArea #loopAnimation ul li#slide03 img {
	top: 0;
	left: 0;
}
#slideshow #mainArea #loopAnimation ul li#slide04 img {
	top: 0;
	left: 0;
}
#slideshow #mainArea #loopAnimation ul li#slide05 img {
	top: 0;
	left: -136px;
}


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


#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;
}*/


#anniv {
	width: 770px;
	margin: 20px 0 0;
	padding-top: 20px;
	border-top: #999 1px solid;
	overflow: hidden;
}
#anniv h3 {
	margin-bottom: 10px;
}
#anniv ul {
	margin: 0 -10px 0 0;
 overflow: hidden;
 zoom: 1;
}
#anniv ul li {
	float: left;
	margin-right: 10px;
	display: inline;
}
#anniv ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity: 80;
	zoom:1;
}


#feat {
	width: 770px;
	margin: 30px 0 40px;
}
#interview {
	width: 770px;
	margin: 20px 0;
}
#feat .ttl,#interview .ttl {
	width: 100%;
	border-bottom: 1px #CCC solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#feat .ftTtl {
	width: 770px;
	height: 130px;
}


#feat .rollover {
	width: 770px;
	height: 334px;
	position: relative;
	background: url(../../img/feat_bg.jpg) no-repeat;
}
#feat .rollover #ftTxt {
	position: absolute;
	top: 23px;
	left: 56px;
}
#feat .rollover p {
	position: absolute;
	top: 89px;
	left: 56px;
}
#feat .rollover .rollover_view {
	position:absolute;
	top:0;
	left:0;
}
#feat .rollover ul.thumb {
	position: absolute;
	top: 88px;
	left: 266px;
	list-style:none;
}
#feat .rollover ul.thumb li {
	margin-bottom: 6px;
}
#feat .rollover a img {
	border:0;
}




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

#price {
	margin: 20px 0 30px;
}
#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;
}

.name {
	margin: 0px 0 10px 0;
}

.grade {
	margin-bottom: 10px;
	overflow: hidden;
}


.grade .interior {
	margin-bottom: 12px;
}
.grade .interior ul {
	margin-right: -1px;
	overflow: hidden;
	zoom: 1;
}
.grade .interior li {
	width: 384px;
	float: left;
	margin-right: 1px;
	font-size: 11px;
}
.grade .interior li img {
	margin-bottom: 5px;
}



/* --------------------------------------------------------------------------------------
 Spec
--------------------------------------------------------------------------------------- */

/* specArea
--------------------------------------------- */
.specArea {
	width: 770px;/*777*/
	margin: 0 auto;
}

/* tabArea
--------------------------------------------- */
.tabArea ul.tabMenu {
	width: 770px;/*777*/
}
/*
.tabArea ul.tabMenu li a {
	display: block;
	width: 388px;
	height: 36px;
	text-indent: -9999px;
}
*/
.tabArea ul.tabMenu #tab01 {
	float: left;
}
.tabArea ul.tabMenu #tab01 a {
	background: url(../../spec/img/spec_tabbtn01.gif) no-repeat left top;
	display: block;
	width: 385px;
	height: 36px;
	text-indent: -9999px;
}
.tabArea ul.tabMenu #tab01 a:hover,
.tabArea ul.tabMenu #tab01.select a {
	overflow: hidden;
	position: relative;
	background: url(../../spec/img/spec_tabbtn01_over.gif) no-repeat left top;
	zoom: 1;
}

.tabArea ul.tabMenu #tab02 {
	float: right;
}
.tabArea ul.tabMenu #tab02 a {
	background: url(../../spec/img/spec_tabbtn02.gif) no-repeat left top;
	display: block;
	width: 384px;
	height: 36px;
	text-indent: -9999px;
}
.tabArea ul.tabMenu #tab02 a:hover,
.tabArea ul.tabMenu #tab02.select a {
	background: url(../../spec/img/spec_tabbtn02_over.gif) no-repeat left top;
}

/* specBox01
--------------------------------------------- */
.specBox01 p {
	font-size: 83%;
	color: #000;
}

.specBox01 .specTbl01 {
	width: 100%;
	margin: 15px auto 10px;
	color: #000;
}

.specBox01 .specTbl01 th {
	width: 40%;
	padding: 5px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 91%;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.specBox01 .specTbl01 td {
	width: 22%;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 91%;
	text-align: left;
	vertical-align: top;
}

.specBox01 ul {
	padding: 45px 0 10px;
}

.specBox01 ul li {
	float: left;
}

.specBox01 ul li.center {
	float: left;
	padding: 0 35px;/*39*/
}

.specBox01 ul.size li {
	float: left;
	margin-right: 30px;
	width: 370px;

}
.specBox01 ul.size li.last {
	margin-right: 0;
}
.specBox01 ul.size li > dl {
	margin: 0px 0 10px;
	width: 370px;
	color: #000;
	border-top: 1px solid #f0f0f0;
}
.specBox01 ul.size li dl dt {
	float: left;
	width: 260px;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 91%;
	text-align: left;
}
.specBox01 ul.size li dl dd {
	width: 100px;
	margin-left: 265px;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 91%;
	text-align: right;
	vertical-align: top;
}
.specBox01 p.txt01 {
	padding: 5px 0 20px 0;
	font-size: 77%;
	/*color: #000;*/
}
.specBox01 p.txt02 {
	padding: 10px 0 5px 0;
	font-size: 77%;
	/*color: #000;*/
	text-align: right;
}


/* specBox02
--------------------------------------------- */
.specBox02 p {
	padding: 0 0 5px 5px;
	font-size: 74%;
	color: #000;
}

.specBox02 p.txt01 {
	padding: 0 0 5px 0;
	font-size: 91%;
	text-align: right;
}

.specBox01 .specTbl02,
.specBox02 .specTbl02 {
	width: 100%;
	margin: 15px auto;
	color: #000;
}

.specBox01 .specTbl02 th,
.specBox01 .specTbl02 td,
.specBox02 .specTbl02 th,
.specBox02 .specTbl02 td {
	width: 20%;
	border-bottom: 1px solid #f0f0f0;
	font-size: 91%;
	text-align: center;
	vertical-align: middle;
}

.specBox01 .specTbl02 th.longTh,
.specBox02 .specTbl02 th.longTh {
	width: 100%;
	padding: 5px 0 5px 5px;
	background: #f0f0f0;
	border-bottom: none;
	text-align: left;
}

.specBox01 .specTbl02 td.longTd,
.specBox02 .specTbl02 td.longTd {
	width: 40%;
	padding: 5px 0 5px 5px;
	text-align: left;
}

.specBox01 .specTbl02 td.short,
.specBox02 .specTbl02 td.short {
	width: 10%;
}
.specBox01 p.txt01,
.specBox02 p.txt01 {
	padding: 0 0 5px 0;
	font-size: 91%;
	text-align: right;
}
.specBox01 p.txt02,
.specBox02 p.txt02 {
	padding: 0 0 20px 0;
	font-size: 87%;
	text-align: left;
}

.specBox01 .specTbl02 td.bdr-l,
.specBox02 .specTbl02 td.bdr-l {
	border-left: #CCC 1px dotted;
}

.specBox01 .specTbl02 .spec-ttl,
.specBox02 .specTbl02 .spec-ttl {
	display: inline-block;
	width: 9em;
}


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

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


/* 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/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/tabimg01_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb02 a {background:url(../../presentation/img/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/tabimg02_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb03 a {background:url(../../presentation/img/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/tabimg03_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb04 a {background:url(../../presentation/img/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/tabimg04_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb05 a {background:url(../../presentation/img/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/tabimg05_s_over.jpg) top left no-repeat;}
.presentationArea .tabArea02 ul.tabMenu02 li#tM02Thumb06 a {background:url(../../presentation/img/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/tabimg06_s_over.jpg) top left no-repeat;}


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