@charset "utf-8";

/* contents
========================================*/
#contents {
	clear: both;
}

/* pagePath
----------------------------------------*/
#pagePath {
	margin-bottom: 8px;
}
#pagePath h1{
	display: inline;
	font-weight: normal;
}

#pagePath li {
	display: inline;
	font-size: 90%;
}

#pagePath li a {
	color: #999;
	text-decoration: none;
}

#pagePath li a:hover {
	color: #cc9966;
	text-decoration: underline;
}

/* sideBar
----------------------------------------*/
#sideBar {
	position: fixed;
	top: 250px;
	right: 100px;
}

#sideBar li {
	min-height: 26px;
	float: right;
	width: 100%;
}

#sideBar li a span {
	padding-left: 7px;
	float: right;
	zoom: 1;
	width: 14px;
	height: 14px;
	display: inline-block;
	text-indent: -9999px;
	background: url(/common/images/icon01.png) no-repeat right top;
}

#sideBar li a .text {
	text-indent: 0;
	background: none;
}

#sideBar li a:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#sideBar li a .text {
	background-color: #FFF;
	height: auto;
	display: none;
	float: right;
	margin-top: -5px;
	padding: 0 3px;
	width: auto;
}

#sideBar li a:hover span {
	background: url(/common/images/icon01_over.png) no-repeat right top;
}

#sideBar li a .on {
	background: url(/common/images/icon01_on.png) no-repeat right top;
}

#sideBar li a:hover .text {
	background: #FFF;
	border-radius: 0;
	color: #000;
	display: block;
	height: auto;
	margin-top: -5px;
	width: auto;
}

/* h2
----------------------------------------*/
#contents h2 {
	margin-bottom: 35px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

#contents h2 img {
	vertical-align: top;
}

/* h3
----------------------------------------*/
#contents h3 {
	background: url(/common/images/h3_bg.gif) no-repeat center bottom;
	border-top: 1px solid #333;
	clear: both;
	font-size: 245%;
	font-weight: normal;
	letter-spacing: 6px;
	margin-bottom: 60px;
	padding: 75px 0 48px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

#contents .h3Ttl {
	border: none;
	padding-top: 0;
}

#contents .h3Ttl02 {
	font-size: 30px;
	margin-bottom: 60px;
	padding-bottom: 47px;
}

#contents .h3Ttl02 span {
	/*font-family: "FrutigerLTW01-45Light","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	font-size: 35px;
}

/* mainVisual
----------------------------------------*/
#contents .mainVisual {
	margin-bottom: 66px;
}

#contents .mainVisual ul {
	margin-right: -3px;
	overflow: hidden;
	zoom :1;
	float: left;
	width: 161px;
}

#contents .mainVisual li {
	background-color: #FFF;
	float: left;
	min-height: 122px;
	margin: 0 3px 3px 0;
	width: 158px;
	zoom: 1;
}

#contents .mainVisual .speLink {
	width: 157px;
}

#contents .mainVisual li a {
	color: #000;
	display: block;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1px;
	padding: 49px 0 10px 0;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	zoom: 1;
}

#contents .mainVisual li a:hover {
	background-color: #EEE;
	color: #333;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .mainVisual li a span {
	background: url(/common/images/icon02.png) no-repeat center bottom;
	display: block;
	padding-bottom: 41px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

#contents .mainVisual li a:hover span {
	background: url(/common/images/icon02.png) no-repeat center bottom;
}

#contents .mainVisual .title {
	background-color: #EEEEEB;
	font-size: 110%;
	min-height: 110px;
	margin-bottom: 3px;
	padding-bottom: 16px;
	text-align: center;
	width: 318px;
}

#contents .mainVisual .title span {
	background: url(/common/images/li_span_bg.gif) no-repeat center bottom;
	display: block;
	/*font-family: "Trebuchet MS",sans-serif;;*/
	font-size: 35px;
	letter-spacing: 2px;
	margin-bottom: 12px;
	padding: 5px 0 5px;
	-webkit-font-smoothing: antialiased;
}

#contents .mainVisual .double {
	width: 157px;
}

#contents .mainVisual .double a {
	padding-top: 38px;
}

#contents .mainVisual .double a span {
	padding-bottom: 29px;
}

#contents .mainVisual .photo {
	float: right;
}

/* pageLink
----------------------------------------*/
#contents .pageLink {
	margin: -71px 7px 36px 0;
	text-align: right;
}

#contents .pageLink li {
	color: #999;
	display: inline;
	font-size: 14px;
	letter-spacing: 1px;
	margin-left: 27px;
}

#contents .pageLink li a {
	color: #000;
	text-decoration: none;
}

#contents .pageLink li a:hover {
	color: #999;
}

/* topP
----------------------------------------*/
#contents .topP {
	margin: 0 auto 77px;
	width: 496px;
}

/* photoUl
----------------------------------------*/
#contents .photoUl {
	margin-right: -5px;
	padding-bottom: 48px;
	overflow: hidden;
	width: 964px;
	zoom: 1;
}

#contents .photoUl li {
	color: #000;
	font-size: 100%;
	float: left;
	padding: 0 3px 23px 0;
	width: 479px;
}

#contents .photoUl li .photo {
	margin-bottom: 10px;
	position: relative;
	height: 370px;
}

#contents .photoUl li .photo a {
	display: block;
	text-decoration: none;
}

#contents .photoUl li .photo a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .photoUl li .plan {
	color: #FFF;
	display: block;
	/*font-family: "Frutiger LT W01 65 Bold","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	font-size: 140%;
	position: absolute;
	top: 28px;
	left: 30px;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
	-moz-text-shadow: 0px 0px 20px #000;
	-webkit-text-shadow: 0px 0px 20px #000;
	text-shadow: 0px 0px 20px #000;
	z-index: 2;
	behavior: url(/common/js/pie.htc);
}

#contents .photoUl li .plan em {
	display: block;
	/*font-family: "FrutigerLTW01-57Condens","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	font-size: 180%;
	font-weight: normal;
	line-height: 1;
}

#contents .photoUl li .plus {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#contents .photoUl li a:hover .plus {
	background: url(/common/images/icon08_over.png) no-repeat left top;
}

#contents .photoUl li a:hover .plus img {
	filter: alpha(opacity=0);
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .photoUl li p {
	color: #333;
}

#contents .photoUl li p span {
	background-color: #CCC;
	color: #fff;
	display: inline-block;
	/*font-family: "FrutigerLTW01-47LightCn","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	height: 16px;
	margin: -2px 5px 0 0;
	line-height: 1.3;
	width: 16px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(/common/js/pie.htc);
	font-size: 110%;
	vertical-align: middle;
	text-align: center;
}

/* case
----------------------------------------*/
#contents .case {
	clear: both;
	margin: 0 -30px 135px 0;
	width: 990px;
	overflow: hidden;
}

#contents .case li {
	float: left;
	margin-right: 30px;
	position: relative;
	width: 300px;
}

#contents .case li img {
	display: block;
	margin-bottom: 12px;
	vertical-align: baseline;
}

#contents .case li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .case li span {
	display: block;
	position: absolute;
	left: 275px;
	top: 208px;
}

#contents .case li span {
	background: url(/common/images/icon06_over.gif) no-repeat left top;
	filter: alpha(opacity=100);
	opacity: 1;
}

#contents .case li a:hover span img {
	filter: alpha(opacity=0);
	opacity: 0;
}

/* btmBox
----------------------------------------*/
#contents .btmBox {
	border-top: 1px solid #333;
	padding-top: 34px;
}

#contents .btmBox .pageLink {
	margin-top: 0;
}

#contents .btmLink {
	margin: 0 auto;
	padding: 14px 0 0 70px;
	width: 410px;
}

#contents .btmLink li {
	margin-right: 60px;
	float: left;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	width: 140px;
}

#contents .btmLink li a {
	background-color: #FFF;
	box-shadow: 0 -6px 3px #DFDFDE,0 1px 2px #DFDFDE;
	-moz-box-shadow: 0 -6px 3px #DFDFDE,0 1px 2px #DFDFDE;
	-webkit-box-shadow: 0 -6px 3px #DFDFDE,0 1px 2px #DFDFDE;
	display: block;
	margin-bottom: 20px;
	padding: 36px 0 0 35px;
	width: 105px;
	height: 104px;
	position: relative;
	text-align: left;
	text-decoration: none;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	behavior: url(/common/js/pie.htc);
}

/* common */
#contents .btmLink li a .fs1 {
	position: absolute;
	left: 27px;
	top: 15px;
	line-height: 1.3;
}

#contents .btmLink li a .fs1{
	line-height: 1.45\9;
}

#contents .btmLink li a .fs1:not(:target){
	line-height: 1.45\9;
}


/* support */
#contents .btmLink .support a .fs1{
	line-height: 61px;
}

.win #contents .btmLink .support a .fs1{
	line-height: 57px;
}

.win #contents .btmLink .support a .fs1{
	line-height: 63px\9;
}

.win #contents .btmLink .support a .fs1:not(:target){
	line-height: 63px\9;
}


/* catalog */
#contents .btmLink .catalog a .fs1 {
	left: 29px;
	top: 23px;
	line-height: 1.3;
}

.win #contents .btmLink .catalog a .fs1{
	line-height: 1.27;
}

.win #contents .btmLink .catalog a .fs1{
	line-height: 1.35\9;
}

.win #contents .btmLink .catalog a .fs1:not(:target){
	line-height: 1.35\9;
}



/* .btmLink02 common */
#contents .btmLink02 li a .fs1{
	line-height: 52px;
}

.win #contents .btmLink02 li a .fs1{
	line-height: 50px;
}

.win #contents .btmLink02 li a .fs1{
	line-height: 55px\9;
}

.win #contents .btmLink02 li a .fs1:not(:target){
	line-height: 55px\9;
}


/* builders */
#contents .btmLink02 .builders a .fs1{
	line-height: 63px;
}

.win #contents .btmLink02 .builders a .fs1{
	line-height: 60px;
}

.win #contents .btmLink02 .builders a .fs1{
	line-height: 68px\9;
}

.win #contents .btmLink02 .builders a .fs1:not(:target){
	line-height: 68px\9;
}


#contents .btmLink li:hover {
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .btmLink li a:hover {
	background-color: #666;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .btmLink li a:hover .fs1 {
	color: #FFF;
}

/* popBox
----------------------------------------*/
.popBox {
	margin: 0 auto;
	width: 800px;
}

.popBox .inner {
	background-color: #fff;
	margin-bottom: 4px;
	padding-right: 20px;
}

.popBox .inner .photoBox {
	float: left;
}

.popBox .inner .textBox {
	float: right;
	margin-top: 40px;
	width: 230px;
}

.popBox .inner .textBox .textTitle .title {
	float: left;
	width: 156px;
}

.popBox .inner .textBox .textTitle .logo {
	float: right;
	width: 74px;
}

.popBox .inner .textBox p {
	color: #000;
	font-size: 120%;
	line-height: 1.7;
	margin: 0 0 65px 5px;
	text-align: left;
}

.popBox .inner .textBox .text {
	font-size: 100%;
}

.popBox .inner .textBox dt {
	margin-bottom: 5px;
	text-align: left;
}

.popBox .inner .textBox dd {
	text-align: left;
}

.popBox .inner .textBox dd span {
	background-color: #CCC;
	color: #fff;
	display: inline-block;
	/*font-family: "FrutigerLTW01-47LightCn","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	height: 16px;
	margin: -2px 8px 0 0;
	width: 16px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	z-index: 2;
	behavior: url(/common/js/pie.htc);
	font-size: 120%;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}

.popBox ul {
	margin-right: -4px;
	width: 804px;
	overflow: hidden;
	zoom: 1;
}

.popBox li {
	float: left;
	margin-right: 4px;
	position: relative;
	width: 264px;
}

.popBox li .btn {
	position: absolute;
	left: 55px;
	top: 20px;
}

.popBox li .btn a {
	color: #FFF;
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

.popBox li .btn img {
	display: block;
	margin-bottom: 5px;
}

.popBox {
	-moz-box-shadow:  1px 1px 10px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:  1px 1px 10px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow: 1px 1px 10px #ccc,  -1px -1px 10px #ccc,inset 0 0 0 #ccc, inset 0 0 0 #ccc;
	behavior: url(/common/js/pie.htc);
	background-color: #FFF;
}

/* photoList
----------------------------------------*/
#contents .photoList {
	margin: 0 -30px 56px 0;
	width: 990px;
	overflow: hidden;
	zoom: 1;
}

#contents .photoList li {
	float: left;
	padding: 8px 30px 0 0;
	width: 300px;
}

#contents .photoList .title {
	padding-top: 0;
}

#contents .photoList .title span {
	margin-top: 0;
}

#contents .photoList li img {
	display: block;
	vertical-align: baseline;
	margin-bottom: 5px;
}

#contents .photoList li span {
	display: block;
	font-size: 180%;
	letter-spacing: 4px;
	line-height: 32px;
	margin: 19px 0 11px;
	-webkit-font-smoothing: antialiased;
}

#contents .photoList li p {
	line-height: 1.85;
	padding: 8px 0 20px;
}

#contents .photoList li .btn,
#contents .linkUl li .btn,
#contents .imgBox .btn {
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	margin-top: 23px;
}

#contents .photoList li .btn a,
#contents .linkUl li .btn a,
#contents .imgBox .btn a {
	background: url(/common/images/icon04.gif) no-repeat right center;
	color: #000;
	display: block;
	padding: 11px 0 10px;
	text-decoration: none;
}

#contents .photoList li .btn a:hover,
#contents .linkUl li .btn a:hover,
#contents .imgBox .btn a:hover {
	background: url(/common/images/icon04_over.gif) no-repeat right center;
	color: #CCC;
}

#contents .photoList .photoBox {
	padding-right: 0;
	padding-bottom: 26px;
	width: 631px;
}

#contents .photoList .photo {
	margin-right: -3px;
	width: 634px;
	overflow: hidden;
	zoom: 1;
}

#contents .photoList .photo img {
	margin-right: 3px;
	float: left;
}

#contents .photoList .photoBox p {
	padding: 13px 0 0 0;
}

#contents .photoList .photoBox .photoText {
	padding-bottom: 84px;
}

#contents .photoList .subPhotoList {
	clear: both;
	margin: 9px -3px 0 0;
	width: 633px;
	overflow: hidden;
	zoom: 1;
}

#contents .photoList .subPhotoList02 {
	margin-top: 0;
}

#contents .photoList .subPhotoList li {
	float: left;
	padding: 0 3px 24px 0;
	width: 208px;
}

#contents .photoList .subPhotoList li img {
	margin-bottom: 9px;
}

/* comTable
----------------------------------------*/
#contents .comTable {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
	width: 100%;
}

#contents .comTable th,
#contents .comTable td {
	border-top: 1px dotted #CCC;
	font-size: 100%;
	padding: 10px 17px;
	text-align: left;
}

#contents .comTable td a {
	color: #333;
	text-decoration: none;
}

#contents .comTable td a:hover {
	text-decoration: underline;
}

#contents .comTable th {
	background-color: #EEE;
	vertical-align: top;
	zoom: 1;
}

#contents .comTable .tdSpecial {
	border-left: 1px dotted #CCC;
	vertical-align: middle;
}

/* btmPhoto
----------------------------------------*/
#contents .btmPhoto {
	margin: 0 auto;
	width: 318px;
}

#contents .btmPhoto a {
	display: block;
	position: relative;
	text-decoration: none;
}

#contents .btmPhoto a {
	background: url(/common/images/photo01_over.jpg) no-repeat;
}

#contents .btmPhoto a:hover img {
	filter: alpha(opacity=0);
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .btmPhoto span {
	bottom: 13px;
	color: #FFF;
	font-size: 145%;
	left: 18px;
	line-height: 1.4;
	letter-spacing: 1px;
	padding-right: 10px;
	position: absolute;
	-webkit-font-smoothing: antialiased;
}

#contents .btmPhoto .fs1 {
	line-height: 1;
	position: absolute;
	top: -15px;
	left: 12px;
	z-index: 100;
}

/* textList
----------------------------------------*/
#contents .textList {
	padding: 29px 0 141px;
}

#contents .textList ul {
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	padding: 15px 0 17px;
	zoom: 1;
}

#contents .textList li {
	float: left;
	margin-right: 30px;
	width: 300px;
}

#contents .textList li span {
	display: block;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

#contents .textList li p {
	margin-top: 2px;
}

#contents .textList li .pdf a {
	background: url(/common/images/icon05.gif) no-repeat right 2px;
	padding-right: 21px;
}

#contents .textList li a:hover {
	color: #cc9966;
}

#contents .textList li .pdf a:hover {
	background: url(/common/images/icon05_over.gif) no-repeat right 2px;
}

#contents .textList .subText li {
	margin: 0;
	padding-right: 5px;
	width: 475px;
}

#contents .textList .subText li ul {
	border: none;
	padding: 0;
}

#contents .textList .subText li ul li {
	float: none;
	padding: 0 0 25px 1.1em;
	text-indent: -1.1em;
	width: auto;
}

#contents .textList .subText li li ul li {
	line-height: 1.9;
	padding: 0;
}

#contents .textList .subText .safety {
	padding-top: 24px;
}

#contents .textList .subText .lastText {
	padding-bottom: 0;
}

/* comUl
----------------------------------------*/
#contents .comUl {
	margin: 0 -3px 113px 0;
	overflow: hidden;
	width: 963px;
	zoom: 1;
}

#contents .comUl li {
	float: left;
	padding: 0 3px 23px 0;
	width: 318px;
}

#contents .comUl li img {
	display: block;
	margin-bottom: 14px;
	vertical-align: baseline;
}

#contents .comUl li span {
	color: #000;
	font-size: 23px;
	line-height: 1.35;
	letter-spacing: 4px;
	-webkit-font-smoothing: antialiased;
}

#contents .comUl li span span {
	color: #333;
	font-size: 55%;
	letter-spacing: 0;
}

#contents .comUl p {
	color: #333;
	margin: 13px 0 12px;
}

#contents .comUl p .price {
	color: #333;
	/*font-family: "Hiragino Kaku Gothic Pro",sans-serif;*/
	font-size: 13px;
	letter-spacing: 1px;
}

#contents .comUl p .yen {
	background-color: #CCC;
	color: #FFF;
	display: inline-block;
	/*font-family: "FrutigerLTW01-47LightCn","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	font-size: 145%;
	height: 20px;
	line-height: 21px;
	letter-spacing: 0;
	margin: -4px 10px 0 0;
	width: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	behavior: url(/common/js/pie.htc);
}

.win #contents .comUl p .yen{
	line-height: 22px;
}

/* comBtn
----------------------------------------*/
#contents .comBtn,
#colorbox .comBtn {
	border-bottom: 1px dotted #C7C7C6;
	border-top: 1px dotted #C7C7C6;
	margin-top: 52px;
	width: 300px;
}

#contents .comBtn a,
#colorbox .comBtn a {
	background: url(/common/images/icon07.gif) no-repeat 260px 26px;
	color: #333;
	cursor: pointer;
	display: block;
	padding-right: 30px;
	overflow: hidden;
	text-decoration: none;
	text-align: left;
}

#contents .comBtn a img,
#colorbox .comBtn a img {
	float: left;
	margin: 0;
}

#contents .comBtn a span,
#colorbox .comBtn a span {
	color: #333;
	font-size: 100%;
	float: right;
	line-height: 1.5;
	letter-spacing: -0.5px;
	padding-right: 22px;
	padding: 6px 22px 0 0;
	margin:0!important;
	/*margin-top: 15px;*/
	width: 160px;
}

#contents .comBtn a span span,
#colorbox .comBtn a span span {
	display: block;
	font-size: 15px;
	letter-spacing: -0.5px;
	padding:0 0 5px 0;
	/*margin: 0 0 7px 0;*/
	width: auto;
	float: none;
}

#contents .comBtn a:hover,
#colorbox .comBtn a:hover {
	background: url(/common/images/icon07_over.gif) no-repeat 260px 26px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .comBtn a:hover span,
#colorbox .comBtn a:hover span {
	color: #999;
}

#contents .comBtn a:hover img,
#colorbox .comBtn a:hover img {
}

#contents .comTextBtn,
#colorbox .comTextBtn{
	width: 226px;
}

#contents .comTextBtn a,
#colorbox .comTextBtn a{
	background-position: 186px 26px;
}

#contents .comTextBtn a:hover,
#colorbox .comTextBtn a:hover{
	background-position: 186px 26px;
}

#contents .comTextBtn a span,
#colorbox .comTextBtn a span{
	float: left;
}

/* pLead
----------------------------------------*/
#contents .pLead {
	font-size: 175%;
	line-height: 1.4;
	letter-spacing: 4px;
	margin-bottom: 17px;
	-webkit-font-smoothing: antialiased;
}

/* imgBox
----------------------------------------*/
#contents .imgBox {
	margin-bottom: 82px;
}

#contents .imgBox01 {
	margin-bottom: 140px;
}

#contents .imgBox .photo {
	float: left;
}

#contents .imgBox .logo {
	text-align: right;
}

#contents .imgBox .logo + #contents .pLead {
	margin-bottom: 0;
}

#contents .imgBox .textBox,
#contents .imgBox .textUl {
	float: right;
	margin-top: -7px;
	width: 300px;
}

#contents .imgBox .textBox .textTitle .pLead {
	float: left;
	width: 226px;
}

#contents .imgBox .textBox .textTitle .logo {
	float: right;
	width: 74px;
}

/* features
----------------------------------------*/
#contents .features {
	margin-right: -3px;
	padding-bottom: 67px;
	overflow: hidden;
	zoom: 1;
	width: 963px;
}

#contents .features li {
	float: left;
	margin: 0 3px 3px 0;
	min-height: 318px;
	width: 318px;
}

#contents .features li img {
	display: block;
	vertical-align: baseline;
}

#contents .features a {
	display: block;
	position: relative;
	text-decoration: none;
}

#contents .features .text {
	color: #FFF;
	bottom: 14px;
	font-size: 180%;
	left: 18px;
	line-height: 1.35;
	letter-spacing: 2px;
	position: absolute;
	-webkit-font-smoothing: antialiased;
}

#contents .features .arrow {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#contents .features .title {
	background-color: #EEE;
	color: #000;
	font-size: 14px;
	padding: 98px 0 0;
	text-align: center;
	min-height: 220px;
}

#contents .features .title span {
	background: url(/common/images/li_span_bg.gif) no-repeat center bottom;
	display: block;
	/*font-family: "Trebuchet MS",sans-serif;;*/
	font-size: 35px;
	letter-spacing: 3px;
	margin-bottom: 13px;
	padding-bottom: 2px;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
}

#contents .features .detail {
	background-color: #FFF;
	font-size: 100%;
	line-height: 1.85;
	min-height: 216px;
	padding: 102px 40px 0 50px;
	width: 228px;
}

#contents .features02 {
	padding-bottom: 84px;
}

#contents .features02 li img {
	background-color: #FFF;
}

#contents .features02 .title {
	padding-top: 112px;
}

#contents .features02 li a {
	background-color: #FFF;
	display: block;
}

#contents .features02 li a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .features02 li a .textBox {
	background: url(/common/images/icon10.png) no-repeat 274px center;
	display: block;
}

#contents .features02 li a:hover .textBox {
	background-color: #EEE;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .features02 li a .textP {
	color: #333;
	display: block;
	font-size: 13px;
	line-height: 24px;
	padding: 10px 55px 18px 10px;
	text-decoration: none;
	width: 253px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

#contents .features02 li a .textP span {
	background-color: #FFF;
	color: #333;
	display: block;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	margin-bottom: 3px;
}

#contents .features02 li a:hover span {
	background: url(/common/images/icon10.png) no-repeat 274px center;
	color: #333;
}

/* comInner
----------------------------------------*/
#contents .comInner {
	clear: both;
	margin-bottom: 3px;
}

#contents .comInner .photoBox {
	float: left;
}

#contents .comInner .ulText {
	float: right;
	width: 318px;
	overflow: hidden;
	zoom: 1;
}

#contents .comInner .ulText h3 {
	font-size: 14px;
	letter-spacing: 3px;
	border-top: none;
	background: none;
	padding: 0;
	margin: 0;
	word-break: break-all;
}

#contents .comInner .ulText h3 span {
	background: url(/common/images/h3_bg.gif) no-repeat center bottom;
	display: block;
	/*font-family: "Trebuchet MS",sans-serif;;*/
	font-size: 35px;
	line-height: 1.8;
	letter-spacing: 2px;
	padding-bottom: 2px;
	margin-bottom: 12px;
}

#contents .comInner .ulText li {
	background-color: #FFF;
	float: left;
	min-height: 178px;
	width: 223px;
	padding: 25px 45px 0 50px;
}

#contents .comInner .ulText .liTtl {
	background-color: #EEEEEC;
	margin-bottom: 3px;
	padding: 60px 45px 8px 50px;
}

#contents .comInner .ulText01 li {
	padding-top: 210px;
	min-height: 285px;
}

#contents .comInner .ulText li .ttl {
	font-size: 13px;
	margin-bottom: 7px;
	-webkit-font-smoothing: antialiased;
}

#contents .comInner .ulText li .ttl span {
	/*font-family: "Trebuchet MS",sans-serif;;*/
	font-size: 20px;
	letter-spacing: 2px;
	margin-right: 10px;
	-webkit-font-smoothing: antialiased;
}

#contents .comInner .ulText li .price {
	color: #333;
    /*font-family: "FrutigerLTW01-47LightCn","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;*/
	line-height: 2;
	margin: 12px 0 14px 1.9em;
	text-indent: -1.9em;
}

#contents .comInner .ulText li .price .num {
	color: #333;
	font-size: 13px;
	/*font-family: "Hiragino Kaku Gothic Pro",sans-serif;*/
	letter-spacing: 1px;
	margin-right: 8px;
}

#contents .comInner .ulText li .price .yen {
	background-color: #CCC;
	color: #FFF;
	display: inline-block;
	height: 20px;
	font-size: 145%;
	line-height: 23px;
	margin: -4px 5px 0 0;
	width: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	behavior: url(/common/js/pie.htc);
	text-indent: 0;
	-webkit-font-smoothing: antialiased;
}

.win #contents .comInner .ulText li .price .yen{
	line-height: 21px;
}

#contents .comInner .ulText li .logo {
	position:relative;
	margin-top:30px;
}

#contents .comInner .ulText li .logo .img {
	position:absolute;
	right:-35px;
	top:0;
	text-indent:0;
	line-height:1;
}

#contents .comInner .ulText li .logo .img img {
	vertical-align:top;
}

#contents .comInner01 .photoBox {
	float: right;
}

#contents .comInner01 .ulText {
	float: left;
}

#contents .topInner {
	margin-bottom: 80px;
}

#contents .topInner .photoBox {
	position: relative;
	width: 639px;
}

#contents .topInner .photoBox a {
	background: url(/dresser/images/photo01_over.jpg) no-repeat;
	display: block;
	min-height: 495px;
	text-decoration: none;
}

#contents .topInner .photoBox a:hover .photo {
	filter: alpha(opacity=0);
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents .topInner .photoBox .figure {
	position: absolute;
	left: 40px;
	top: 280px;
}

#contents .topInner .photoBox .arrow {
	position: absolute;
	right: 20px;
	top: 434px;
}

#contents .topInner .photoBox .text {
	display: block;
	color: #FFF;
	font-size: 310%;
	letter-spacing: 5px;
	line-height: 1.45;
	position: absolute;
	bottom: 18px;
	left: 26px;
	zoom: 1;
	-webkit-font-smoothing: antialiased;
}

#contents .topInner .photoBox .fs1 {
	display: block;
	line-height: 1;
	margin: 0 0 10px -12px;
	height: 130px;
}

#contents .topInner .ulText li {
	padding: 62px 45px 0 50px;
}

/* proList
----------------------------------------*/
#contents .proList {
	margin-right: -3px;
	overflow: hidden;
	zoom: 1;
	width: 963px;
}

#contents .proList li {
	float: left;
	margin-right: 3px;
	width: 318px;
}

#contents .proList li a {
	display: block;
	position: relative;
	text-decoration: none;
}

#contents .proList li a .text {
	color: #FFF;
	font-size: 180%;
	line-height: 1.4;
	letter-spacing: 4px;
	position: absolute;
	left: 20px;
	bottom: 13px;
	-webkit-font-smoothing: antialiased;
}

#contents .proList li a .text span {
	display: block;
	line-height: 1;
	margin-left: -8px;
	height: 95px;
}

#contents .proList li a span img {
	display: block;
	margin-bottom: 13px;
}

.en45 {
	font-family: FrutigerLTW01-45Light, "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
}
.en55 {
    font-family: "FrutigerLTW01-55Roman","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
}
.en65 {
    font-family: "Frutiger LT W01 65 Bold","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
}
.en47 {
    font-family: "FrutigerLTW01-47LightCn","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
    letter-spacing: 1px!important;
}
.en57 {
    font-family: "FrutigerLTW01-57Condens","Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
}