@charset "UTF-8";
/*---------------------------------------------------------------------------------------------
  Stylesheet B-CUBE SYSTEM [template.css]
  （左側）サブ画像３枚縦並び　（右側）メイン画像とメインコピー
---------------------------------------------------------------------------------------------*/

/* メイン画像・紹介コピー・各種ボタン */
#dtl-cl-main-box {
	width: 910px;
	margin: 20px auto 0 auto;
	overflow: hidden;
	clear: both;
}
#dtl-cl-main-box .inn-l {
	width: 396px;
	float: left;
}
#dtl-cl-main-box .inn-l div {
	width: 294px;
}
#dtl-cl-main-box .inn-l img {
	width: 294px;
}
#dtl-cl-main-box .inn-l .inn-1 {
	margin: 0;
}
#dtl-cl-main-box .inn-l .inn-2 {
	margin: 14px 0 0 0;
}
#dtl-cl-main-box .inn-l .inn-3 {
	margin: 14px 0 0 0;
}
#dtl-cl-main-box .inn-l p {
	margin: 6px 0 0 0;
	font-size: 100%;
	line-height: 1.3em;
}
#dtl-cl-main-box .inn-l p em {
	visibility: visible;
	font-size: 100%;
}

#dtl-cl-main-box .inn-r {
	width: 500px;
	margin: 0 0 0 14px;
	float: left;
}
#dtl-cl-main-box .inn-r ul {
	width: 396px;
	margin: 0;
	padding: 0 0 14px 0;
	overflow: hidden;
	clear: both;
}
#dtl-cl-main-box .inn-r li {
	list-style: none;
	float: left;
}
#dtl-cl-main-box .inn-r li a {
	width: 130px;
	height: 26px;
	text-decoration: none;
	display: block;
}
#dtl-cl-main-box .inn-r li#btn-friend a {
	margin: 0 3px 0 0;
	background: url(/img/detail/btn_friend.gif) no-repeat;/* 友達に教えるボタン画像 */
}
#dtl-cl-main-box .inn-r li#btn-oshirase a {
	margin: 0 3px 0 0;
	background: url(/img/detail/btn_oshirase.gif) no-repeat;/* お知らせメールの登録・解除ボタン画像 */
}
#dtl-cl-main-box .inn-r li#btn-okiniiri a {
	background: url(/img/detail/btn_okiniiri.gif) no-repeat;/* お気に入りに登録するボタン画像 */
}


/* 多言語対応用 */
#dtl-cl-main-box .inn-r #dgt-lang-box {
	width: 498px;
	margin: 0 0 14px 0;
	padding: 6px 0 0 0;
	border: 1px #E8E8E8 solid;
	background-color: #F9F9F9;
}
#dtl-cl-main-box .inn-r #dgt-lang-box dl {
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
#dtl-cl-main-box .inn-r #dgt-lang-box dl dt {
	width: 78px;
	height: 15px;
	margin: 0 0 0 5px;
	padding: 0 0 6px 0;
	background: url(/img/common/tit_lang.gif) no-repeat;/* languageタイトル画像 */
	float: left;
	display: inline;
}
#dtl-cl-main-box .inn-r #dgt-lang-box dl dd {
	width: 310px;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
}
#dtl-cl-main-box .inn-r #dgt-lang-box dl dd span {
	margin: 0 8px 0 0;
	padding: 0 0 6px 12px;
	background: url(/img/common/csr_12.gif) no-repeat 0 2px;
	line-height: 1em;
	white-space: nowrap;
	float: left;
}
#dtl-cl-main-box .inn-r #dgt-lang-box dl dd span.txt-active {
	color: #FF4A4A;
	font-weight: bold;
}

#dtl-cl-main-box .inn-r img {
	width: 500px;
}

#dtl-cl-main-box .inn-r div.txt-mainCopy {
	margin: 10px 0 0 0;
	font-size: 116%;
	line-height: 1.5em;
	text-align: justify;
}
#dtl-cl-main-box .inn-r div.txt-mainCopy em {
	visibility: visible;
	font-size: 100%;
}
#slideshow {
  width: 500px;
	height: 350px;
	margin: 0 auto;
	padding: 0;
	clear: both;	
	position:relative;
}

#slideshow img {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
}

#slideshow img.active {
  z-index:10;
}

#slideshow img.last-active {
  z-index:9;
}
