@charset "utf-8";

#mainArea {
	float:none;
	width:100%;
	padding:0;
}

#detailContainer {
	position:relative;
	padding:0 47px;
}

/* @group PageNavigation ========================================================*/

#pageNavi {
	/*z-index:1;
	position:relative;
	width:676px;
	height:46px;
	margin:0 0 5px;*/
	/*background:url(../images/detail_navi_bg.png) 0 0 no-repeat;*/
}

#pageNavi .prev,
#pageNavi .next {
	position:absolute;
	top:120px;
}

#pageNavi .prev {
	left:0;
}

#pageNavi .next {
	right:0;
}


#pageNavi .prev a,
#pageNavi .next a {
	z-index:2;
	overflow:hidden;
	display:block;
	width:27px;
	height:27px;
	background-image:url(../images/btn_prevnext.png);
	text-indent:-999em;
}

#pageNavi .prev a {
	background-position:0 0;
}

#pageNavi .next a {
	background-position:-27px 0;
}

#pageNavi .prev a:hover {
	background-position:0 -27px;
}

#pageNavi .next a:hover {
	background-position:-27px -27px;
}



/* @end */



/* @group detailArea ========================================================*/

#detailArea {
	float:left;
	width:298px;
	position:relative;
	z-index:100;
	/*padding:0 0 5px 10px;*/
	/*background:url(../../common/images/dotline_x.png) 0 0 repeat-x;*/
}

/* @group descArea ----------------------------------------- */

#descArea {
	float:left;
	/*width:535px;*/
	/*padding:16px 0 0;*/
}

#descArea dl {
	padding:0 0 16px;
	background:url(../../common/images/dotline_x.png) 0 100% repeat-x;
}

#descArea dt {
	padding:0 0 10px;
	color:#333;
	/*background:url(../../common/images/dotline_x.png) 0 100% repeat-x;*/
	font-size:134%;
	line-height:1.1;
	/*font-family:'メイリオ',meiryo,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;*/
	letter-spacing:1px;
}

#descArea dd {
	color:#808080;
	font-size:84%;
	line-height:1.8;
}

#descArea .price {
	width:292px;
	padding:9px 3px 10px;
	background:url(../../common/images/dotline_x.png) 0 100% repeat-x;
}

#descArea .price dt {
	float:left;
	width:48px;
	margin:0;
	padding:0;
}

#descArea .price dd {
	float:left;
	/*padding-left:7px;*/
	line-height:11px;
}

/* @end */

/* @group BtnArea ========================================================*/

#btnArea {
	clear:both;
	padding:14px 0 0 2px;
}

#btnArea li {
	position:relative;
	display:block;
	/*display:inline;*/
}

#btnArea li a {
	display:block;
	margin:0 0 5px;
}

#btnArea .exp {
	position:absolute;
	top:-22px;
	left:155px;
	display:none;
	/*width:189px;*/
	/*padding-left:6px;
	background:url(../images/arrow_fukidashi.gif) 0 5px no-repeat;*/
	z-index:1200;
}

#btnArea .exp p {
	width:171px;
	padding:7px 9px;
	color:#fff;
	background:#07c4cd;
	font-size:84%;
}

/* @end */


/* @end */


/* @group PhotoArea ========================================================*/

#photoArea {
	float:right;
	width:497px;
	position:relative;
	z-index:5;
	background:url(../../common/images/dotline_y.png) 555px 0 repeat-y;
}

/* @group mainPhotoArea ----------------------------------------- */

#mainPhotoArea {
	/*float:left;*/
	position:relative;
	width:497px;
}

#mainPhotoArea .photo {
	position:relative;
	width:497px;
	height:214px;
	/*padding:0 0 1px;
	background:url(../../common/images/dotline_x.png) 0 100% repeat-x;*/
}

#mainPhotoArea .photo p {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	display:none;
}

#mainPhotoArea .photo .ac {
	display:block;
}

#mainPhotoArea .zoomBtn {
	position:absolute;
	top:1px;
	right:1px;
	z-index:5000;
}

#mainPhotoArea .colorSelect {
	position:absolute;
	right:7px;
	top:196px;
	z-index:1500;
}

/*#mainPhotoArea .colorSelect li {
	display:inline;
}*/

#mainPhotoArea .colorSelect li {
	float:left;
	overflow:hidden;
	width:11px;
	height:11px;
	margin-left:6px;
	text-indent:-999em;
}

* html #mainPhotoArea .colorSelect li {
	display:inline;
}

#mainPhotoArea .colorSelect li.colP {background-color:#d9d9d9;}
#mainPhotoArea .colorSelect li.colY {background-color:#edc200;}
#mainPhotoArea .colorSelect li.colG {background-color:#ff9a4c;}

#mainPhotoArea .caption {
	padding:3px 0;
	color:#b3b3b3;
	font-size:84%;
	line-height:1.4;
	text-align:right;
	/*display: none;*/
}

.captionArea {
	height: 24px;
}

/* @end */

/* @group PhotoSelectArea ----------------------------------------- */

#photoSelect {
	text-align:center;
}

#photoSelect li {
	outline:none;
	margin:0 -3px 2px 0;
	display:inline;
}

#photoSelect li a {
	zoom:1;
	outline:none;
	position:relative;
	width:82px;
	height:55px;
}

#photoSelect li a img {
	outline:none;
	display:inline;
}

#photoSelect li a:hover {
	/*border:solid 1px #07c4cd;*/
}

#photoSelect li a .hFrame {
	outline:none;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
}

#photoSelect li a.ac .hFrame {
	outline:none;
	display:block;
}

#photoSelect li a.ac {
	/*background:#07c4cd;*/
}

#cArrow {
	/*display:none;*/
	position:absolute;
	top:23px;
	right:108px;
	/*left:-10px;*/
	/*margin-top:-11px;*/
	z-index:2000;
}

/* @end */

/* @end */

/* @group FavArea ========================================================*/

#favArea {
	clear:both;
	padding:8px 0 0;
}

#favArea h3 {
	padding:0 0 5px;
	/*padding:0 0 4px;*/
}

.favList {
	min-height:57px;
	padding:6px 0 0 6px;
	background:#f7f7f7;
	/*padding:4px 0 0 5px;
	background:url(../images/fav_bg.png) left bottom no-repeat;
	min-height:59px;*/
}

* html .favList {
	height:57px;
}

.favList dl {
	float:left;
	width:60px;
	/*margin:0 5px 0 0;*/
	padding:0 7px 5px 0;
	/*border:solid 1px #e6e6e6;*/
}

.favList .thumb {
	background:#fff;
	/*padding:1px 1px 0 1px;*/
	/*border-bottom:solid 1px #e6e6e6;*/
}

.favList .thumb a {
	display:block;
	overflow:hidden;
	width:58px;
	height:38px;
	/*padding:1px;
	border:solid 1px #e6e6e6;*/
}

.favList .thumb a:hover {
}

.favList .btnDel a {
	display:block;
	overflow:hidden;
	width:58px;
	height:13px;
	background-image:url(../images/fav_delete.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-999em;
}

.favList .btnDel a:hover {
	background-position:-58px 0;
}

#favArea .caution {
	padding:2px 0;
	color:#b3b3b3;
	font-size:84%;
}

/* @end */


#contents {
	position: relative;
}

.pltnIcon {
	position: absolute;
	right: 36px;
	top: 51px;
}

/* @group clearfix ----------------------------------------- */

#btnArea01:after,
#photoArea:after,
#detailArea:after,
.price:after,
#btnArea02 ul:after,
.favList:after,
#detailContainer:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
	font-size:0;
}

* html #btnArea01,
* html #photoArea,
* html #detailArea,
* html .price,
* html #btnArea02 ul,
* html .favList,
* html #detailContainer {/* IE6 */
	zoom:1;
}

*:first-child+html #btnArea01,
*:first-child+html #photoArea,
*:first-child+html #detailArea,
*:first-child+html .price,
*:first-child+html #btnArea02 ul,
*:first-child+html .favList,
*:first-child+html #detailContainer {/* IE7 */
	zoom:1;
}

/* @end */