@charset "euc-jp";


/*<!-- 修正_090212 -->*/
/*img,div { behavior: url(iepngfix.htc); }*/
/*<!-- /修正_090212 -->*/



/* -------------------------------------------- */
/* Layout */
/* -------------------------------------------- */

.modal {
	float: left;
	width: 600px;
	padding: 9px 0 0 0;
}
body .modal {
/*	background: url(../image/lb_bg2.png) 0 0 no-repeat;	*/
	background: url(../image/mdl_bg_600_280.png) 0 0 no-repeat;
}
*html body .modal {
	background: url(../image/mdl_bg_600_280.gif) 0 0 no-repeat;
}

.flower {
	background: url(../image/lb_bg_flower.png) 0 0 no-repeat !important;
}
*html .flower {
	background: url(../image/lb_bg_flower.gif) 0 0 no-repeat !important;
}

.modal .body {
	width: 560px;
	height: 272px;
	margin: 0 auto;
}



/*<!-- 修正_090212 -->*/
.modal .footer {
	clear: both;
	width: 600px;
	margin-top: 0;
	height: 8px;
	background: url(../image/lb_addcart_bottom.png) 0 0 no-repeat;
	font-size: 1px;
	line-height: 0;
}
/*<!-- /修正_090212 -->*/
*html .modal .footer {
	background: url(../image/lb_addcart_bottom.gif) 0 0 no-repeat;
}



/* content */
/* -------------------------------------------- */

.modal img.head {
	display: block;
}
.modal #hlAddCart {
	display: block;
	margin: 11px 0 0 0;
}

.modal #headBox {
	width: 560px;
	margin: 0 0 36px 0;
}
.modal #headBox #hlAddCart {
	float: left;
}
.modal #headBox a.btnClose {
	float: right;
	margin: 10px 0 0 0;
}

/*<!-- 修正_090218 -->*/
.modal .body p {
	margin: 0 0 10px 0;
	font-size: 75%;
	line-height: 1.4;
}
.modal .body p em {
	color: #ad184f;
}
/*<!-- /修正_090218 -->*/

#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content ul.button {
}
#content ul.button li {
	float: left;
	display: inline;
	margin: 0 0 0 0;
}
#content ul.button li img {
	display: block;
}
#content ul.button li.cart {
	float: right;
	display: inline;
	margin: 0 0 0 0;
}

.modal div.button {
	width: 560px;
}
.modal div.button li img {
	display: block;
}
.modal div.button div.left {
	float: left;
}
.modal div.button div.right {
	float: right;
}

.modal dl.button {
	width: 395px;
	margin: 20px 0 0 0;
}
.modal dl.button dt {
	clear: left;
	float: left;
	width: 230px;
	margin: 0 0 8px 0;
}
.modal dl.button dd {
	float: left;
	width: 165px;
	margin: 0 0 8px 0;
}
.modal dl.button img {
	display: block;
}

body#addCart .modal ul#btn01 {
	margin: 12px 0 25px 0;
}
body#addCart .modal ul#btn01 li {
	margin: 0 2px 0 0;
}
body#addCart .modal ul#btn02 {
	margin: 20px 0 12px 0;
}

body .modal div.mes {
	height: 150px;
}
body.otoritsugi .modal div.mes {
	height: 80px;
}

body.life .modal ul#btn02,
body.beauty .modal ul#btn02 {
	margin: 20px 0 12px 0 !important;
}





/* clearfix */
/* -------------------------------------------- */

#header:after,
div#headBox:after,
.mes:after,
ul.button:after,
div.button:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
}

/* (for IE7 and Mac IE5) */
#header,
div#headBox,
.mes,
ul.button,
div.button,
.clearfix {
	display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html #header,
* html div#headBox,
* html .mes,
* html ul.button,
* html div.button,
* html .clearfix {
	height: 1%;
}
#header,
div#headBox,
.mes,
ul.button,
div.button,
.clearfix {
	display: block;
}
/* End hide from IE-mac */
