@charset "utf-8";


* html #pic_over,
* html #lineupArea img,
* html #btnClose img,
* html #iNav img {
behavior: expression(IEPNGFIX.fix(this));
}



/* Lineup */
/* -------------------------------------------- */

#bgLineupArea {
	width: 100%;
	padding: 47px 0 0 0;
	background: #fff url(../image/bg_lineuparea.gif) left bottom repeat-x;
	overflow: hidden;
}
#lineupArea {
	width: 960px;
	height: 378px;
	margin: 0 auto;
/*	overflow: hidden;	*/
}
*html #lineupArea {
	width: auto;
}

#lineupArea #lineupBox {
/*	opacity: 0;	*/
/*	width: 5400px;	*/
/*	margin: 0 0 0 330px;	*/
	visibility: hidden;
}
*html #lineupArea #lineupBox {
	margin: 0 0 0 355px;
}

#lineupArea ul.lineup {
	float: left;
	height: 378px;
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
}
#lineupArea ul.lineup li {
	float: left;
/*	display: inline;	*/
	width: 255px;
	height: 378px;
	margin: 0 0 0 0;
	padding: 0;
	vertical-align: bottom;
	border-top: 0px solid #eee;
	border-right: 0px solid #f00;
}
#lineupArea ul.lineup li span.pic {
	display: block;
	width: 255px;
	height: 280px;
	margin: 0 auto;
}
#lineupArea ul.lineup li span.pic img {
	display: block;
	margin: 0 auto;
}
body#index #lineupArea ul.lineup li img {
	display: block;
	margin: 0 auto;
}
#lineupArea ul.lineup li span.stand {
	display: block;
	width: 118px;
	height: 105px;
	margin: -10px auto 0 auto;
/*	background: #f00 url("../image/stand_base.png") center top no-repeat;	*/
/*	border: 0px solid #00f;	*/
	cursor: pointer;
}
#lineupArea ul.lineup li span.stand img {
	display: block;
	margin: 0 auto;
}
#lineupArea ul.lineup li a.stand {
	display: block;
	width: 118px;
	height: 105px;
	margin: -10px auto 0 auto;
}



/* Navigation */
/* -------------------------------------------- */

#bgNavArea {
/*	overflow: hidden;	*/
	background: #fff url(../image/bg_navarea.gif) left bottom repeat-x;
	padding: 18px 0 0 0;
	border-top: 0px solid #eee;
}
#navArea {
	width: 960px;
	height: 78px;
	margin: 0 auto;
/*	padding: 10px 0;	*/
/*	overflow: hidden;	*/
}

#iNav {
	margin: 0 auto 0 auto;
	visibility: hidden;
}
#iNav ul#tnMenu {
	position: relative;
	float: left;
	display: inline;
	height: 52px;
/*	margin: 12px 0 0 2px;	*/
	margin: 0 0 0 0;
	padding: 10px 0 0 2px;
	background: url(../image/bg_tnmenu.png) 0 0 repeat-x;
/*	overflow: hidden;	*/
}

#iNav ul#tnMenu li {
	position: relative;
	z-index: 100;
	float: left;
	display: inline;
	width: 39px;
	height: 50px;
	margin: 0 2px 0 0;
	padding: 0px 0px 0 0px;
	vertical-align: bottom;
	overflow: hidden;
}
#iNav ul#tnMenu li img {
	display: block;
}
#iNav ul#tnMenu li a {
	display: block;
	width: 37px;
	height: 37px;
	border: 1px solid #ccc;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
}
#iNav ul#tnMenu li.current a,
#iNav ul#tnMenu li a:hover {
	background-position: 0 -37px !important;
	border: 1px solid #d2bb52;
}
*html #iNav ul#tnMenu li {
}
*html #iNav ul#tnMenu li a {
	width: 37px !important;
}
*html #iNav ul#tnMenu li.current a,
*html #iNav ul#tnMenu li a:hover {
	background-position: 0 -37px !important;
}

#iNav ul#tnMenu li span {
	display: block;
	font-size: 8px;
}
/*
#iNav ul#tnMenu li img {
	display: block;
}
#iNav ul#tnMenu img {
	border: 0px solid #ccc;
}
*/
#iNav a#left,
#iNav a#right {
	float: left;
	display: block;
	width: 27px;
	height: 62px;
}

#iNav ul#tnMenu li.current {
	background: url(../image/bg_tnmenu_current.gif) left bottom no-repeat;
}
#iNav ul#tnMenu li.current img {
/*	border: 1px solid #d2bb52 !important;	*/
}

#iNav div.ahover {
    position: absolute;
/*    z-index: 99;	*/
    background: #ccc;
}



/* DataBox */
/* -------------------------------------------- */

#dataBox #mainPic {
	position: relative;
	float: left;
	display: inline;
	width: 380px;
	height: 450px;
	margin: 10px 0 0 0;
	text-align: center;
	overflow: hidden;
}
#dataBox #data {
	float: right;
	display: inline;
	width: 480px;
	margin: 24px 20px 0 0;
	padding: 50px 0 0 0;
}
#dataBox .mark {
	background: url(../image/mark_01.gif) 0 0 no-repeat;
}
#dataBox #data h3 {
	width: 400px;
	height: 40px;
	font-size: 85%;
	font-weight: bold;
}
#dataBox #shopping {
	display: block;
	width: 128px;
	height: 24px;
	margin: 10px 0 0 0;
/*	background: url(../image/btn_shopping.gif) 0 0 no-repeat;	*/
	font-size: 1px;
	line-height: 0;
/*	text-indent: -9999px;	*/
/*	overflow: hidden;	*/
}
#dataBox #dataBody {
	margin: 80px 0 0 0;
}
#dataBox #data p {
	padding: 0 20px 0 0;
	font-size: 75%;
	line-height: 1.5;
}
#dataBox #data dl {
	width: 480px;
	margin: 20px 0 0 0;
}
#dataBox #data dl dt {
	clear: both;
	float: left;
	width: 100px;
	margin: 8px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
	text-indent: -9999px;
}
#dataBox #data dl dd {
	float: left;
	width: 380px;
	margin: 8px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
}
#dataBox #data dl dt.price {
	background: url(../image/dh_price.gif) 0 2px no-repeat;
}
#dataBox #data dl dt.size {
	background: url(../image/dh_size.gif) 0 2px no-repeat;
}
#dataBox #data dl dt.material {
	background: url(../image/dh_material.gif) 0 2px no-repeat;
}
#dataBox #data dl dt.bestbefore {
	background: url(../image/dh_bestbefore.gif) 0 2px no-repeat;
}
#dataBox #data dl dt.amount {
	background: url(../image/dh_amount.gif) 0 2px no-repeat;
}
#dataBox #data dl dt.num {
	height: 26px;
	background: url(../image/dh_num.gif) 0 2px no-repeat;
}

#dataBox #btn {
	float: right;
	display: inline;
	width: 276px;
	margin: -20px 50px 0 0;
}
#dataBox li {
	float: left;
	display: inline;
	width: 128px;
	margin: 0 0 0 8px;
}
#dataBox #btnClose {
	float: right;
	margin: -33px 21px 0 0;
}

#dataBox #pic_over {
	position: relative;
	margin-top: -450px;
	visibility: hidden;
}
* html #dataBox #pic_over {
	height: 450px;
/*	margin-top: -375px;	*/
}