@charset "utf-8";
/*== Top CSS ==*/
/*---------------------------------メインイメージ*/
.mainArea .mainImage {
	background-image: url(../images/top_main_bg.jpg);
	background-repeat: no-repeat;
	width: 708px;
	margin-bottom: 14px;
}

/*---------------------------------メインイメージ（レフトエリア）*/
.mainImage .leftArea {
	float: left;
	width: 366px;
	padding-bottom: 10px;
}

/*--フォトキャプション--*/
.leftArea .photoCaption {
	font-size: 80%;
	line-height: 120%;
	color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-left: 14px;
}

/*--限定・商品名--*/
.leftArea .itemTitle {
	padding-top: 186px;
	padding-bottom: 7px;
}

.itemTitle .mark {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
}

.itemTitle h1 {
	text-align: left;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	padding-top: 46px;
}

.leftArea h2 {
	line-height: 170%;
	color: #FFF;
	text-align: left;
	padding-left: 18px;
	font-size: 90%;
}

/*---------------------------------メインイメージ（ライトエリア）*/
.mainImage .rightArea {
	float: left;
	width: 334px;
	padding-bottom: 10px;
}

.rightArea .itemNote {
	font-size: 80%;
	line-height: 120%;
	color: #FFF;
	padding-top: 380px;
	text-align: right;
	padding-right: 50px;
}

/*---------------------------------ボディコンテンツ*/
.mainArea .bodyContents {
	width: 708px;
	padding-bottom: 10px;
}

/*--ボディレフト--*/
.mainArea .bodyContents .bodyLeft {
	float: left;
	width: 390px;
	text-align: left;
}

.bodyLeft h3 {
	line-height: 120%;
	font-weight: bold;
	color: #F00;
	text-align: left;
	padding-bottom: 10px;
}

.bodyLeft h4 {
	line-height: 120%;
	font-weight: bold;
	padding-bottom: 4px;
}


.bodyLeft .orderArea {
	line-height: 120%;
	font-weight: bold;
	text-align: left;
	line-height: 120%;
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 10px;
	width: 390px;
}

.orderArea .priceArea {
	float: left;
	width: 200px;
}

.priceArea .priceTop {
	background-color: #325CB6;
	width: 200px;
}

.priceArea .priceTop .priceTxt {
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 8px;
	padding-top: 4px;
}

.priceArea .priceBody {
	width: 198px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #325CB6;
	border-left-color: #325CB6;
	padding-top: 4px;
	padding-bottom: 2px;
}

.priceBody .priceNote {
	font-size: 80%;
	line-height: 140%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 8px;
}

.priceBody .limitedSale {
	font-weight: bold;
	color: #F00;
	font-size: 90%;
	line-height: 120%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #325CB6;
	width: 186px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 2px;
}

.orderArea .btnArea {
	float: right;
	width: 175px;
}

.btnArea .btnNote {
	font-size: 80%;
	line-height: 120%;
	font-weight: bold;
	color: #F30;
	padding-left: 4px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F30;
	margin-bottom: 8px;
	padding-bottom: 2px;
}

.btnArea .orderBtn {
	height: 76px;
	width: 175px;
}

.btnArea .orderBtn a,
.btnArea .orderBtn a:visited {
	background-image: url(../images/order_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 66px;
	width: 160px;
	font-size: 90%;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	padding-top: 11px;
	padding-left: 15px;
	text-decoration: none;
}

.btnArea .orderBtn a:hover {
	background-position: left -76px;
	color: #F00;
	text-decoration: none;
}

/*--ボディライト--*/
.mainArea .bodyContents .bodyRight {
	float: right;
	width: 300px;
}

.bodyRight .specTop {
	width: 278px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	padding-top: 6px;
	padding-bottom: 8px;
}

.specTop .specNote {
	float: left;
	width: 170px;
	font-size: 80%;
	line-height: 135%;
	color: #F00;
	text-align: left;
	font-weight: bold;
	padding-top: 2px;
}

.specTop .specPrice {
	float: right;
	width: 100px;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	color: #F00;
	text-align: right;
}


.bodyRight .specBody {
	width: 282px;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
}

.specBody .specTxt {
	font-size: 80%;
	line-height: 145%;
	text-align: left;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-bottom: 7px;
}

.bodyRight .preservation {
	font-size: 80%;
	line-height: 130%;
	color: #3737FF;
	text-align: left;
	padding-top: 10px;
	text-indent: -1em;
	padding-left: 1em;
}