@charset "utf-8";

/* ---------------------------------------------
	anchorLink
--------------------------------------------- */
.anchorLink{
margin: 0;
padding:0;
}

.anchorLink li{
display:inline;
zoom:1;
}

.anchorLink li a:hover img{
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

/* ---------------------------------------------
	Page Common
--------------------------------------------- */

.section{
margin: 0 0 15px 0;
width:750px;
overflow: hidden;
}

.ttlBox{
margin: 0 0 15px 0;
}

.spec  a:hover img{
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

.spec .price{ font-size: 13px; color: #444444; }
.txtBox p{ font-size: 12px; color: #444444; }
.itemBox img{display: block;}
.new{ font-size: 12px; color: #ee0000;}

/* ---------------------------------------------
	itemBox
--------------------------------------------- */

#flow01{background:url(/category/healthbeauty/sp/immortelle/image/con02_bg_01.gif) 0 0 no-repeat;}
#flow02{
	background:url(/category/healthbeauty/sp/immortelle/image/con02_bg_02_110530.gif) 0 0 no-repeat;
	height:313px;
	}
	
#flow03{background:url(/category/healthbeauty/sp/immortelle/image/con02_bg_03.gif) 0 0 no-repeat;}
#flow05{background:url(/category/healthbeauty/sp/immortelle/image/con03_bg_01.gif) 0 0 no-repeat;}
#flow06{background:url(/category/healthbeauty/sp/immortelle/image/bg01_110530.gif) 0 0 no-repeat;}
#flow010{background:url(/category/healthbeauty/sp/immortelle/image/bg010.gif) 0 0 no-repeat;}



/* ---------------------------------------------
	a
--------------------------------------------- */

#a .itemBox{ width: 750px; background:url(/category/healthbeauty/sp/immortelle/image/con01_bg_01.gif) 0 0 no-repeat; min-height: 397px; _height: 397px;}
#a .itemBox .innerBoxLeft{float: left; width: 337px;}
#a .itemBox .innerBoxRight{float: left; width: 413px;}
#a .itemBox .spec{ margin: 0 0 0 0; text-align: right; width: 413px; min-height: 47px; _height: 47px;}
#a .itemBox .spec .price{float:left; text-align:left; padding: 12px 5px 0 0; width: 180px;}
#a .itemBox .spec .buttonBox{float:left; width: 206px;}

#b .itemBox{ width: 750px; padding: 10px; min-height: 283px; _height: 283px;}
#b .itemBox .innerBoxLeft{float: left; margin: 0 120px 0 0; width: 305px;}
#b .itemBox .innerBoxRight{float: left; width: 305px;}
#b .itemBox .imgBox{margin: 0 0 5px 0;}
#b .itemBox .imgBox .imgLarge{float: left; width: 175px;}
#b .itemBox .imgBox .imgSmall{float: left; width: 130px;}
#b .itemBox .txtBox{ margin: 0 0 1px 0; width: 305px;}
#b .itemBox .spec{ text-align: right; width: 305px;}
#b .itemBox .spec .price{float:left; text-align:right; padding: 12px 5px 0 0; width: 160px;}
#b .itemBox .spec .buttonBox{float:left; width: 140px;}

#c .itemBox{ width: 750px; padding: 10px; min-height: 283px; _height: 283px;}
#c .itemBox .innerBoxLeft{float: left; margin: 0 120px 0 0; width: 305px;}
#c .itemBox .innerBoxRight{float: left; width: 305px;}
#c .itemBox .imgBox{margin: 0 0 5px 0;}
#c .itemBox .imgBox .imgLarge{float: left; width: 175px;}
#c .itemBox .imgBox .imgSmall{float: left; width: 130px;}
#c .itemBox .txtBox{ margin: 0 0 1px 0; width: 305px;}
#c .itemBox .spec .price{float:left; text-align:right; padding: 12px 5px 0 0; width: 160px;}
#c .itemBox .spec .buttonBox{float:left; width: 140px;}

#d .itemBox{width 750px;}
#d .itemBox li img{display: block;}
#d .itemBox .imgBox .imgLarge{float: left;}
#d .itemBox .imgBox .imgSmall{float: left;}

#e .itemBox{width: 750px; background:url(/category/healthbeauty/sp/immortelle/image/con05_bg_01.gif) 0 0 no-repeat; min-height: 231px; _height: 231px;}
#e .itemBox .imgBox .imgLarge{float: left; width: 159px;}
#e .itemBox .imgBox .imgSmall{float: left; width: 591px;}
#e .itemBox .txtBox {padding: 10px 28px 0 0;}
#e .itemBox .txtBox p{margin: 0 0 15px 0;}
#e .itemBox .txtBox a,


#f .itemBox{ width: 750px; padding: 10px;}
#f .itemBox .innerBoxLeft{float: left; margin: 0 120px 0 0; width: 305px;}
#f .itemBox .innerBoxRight{float: left; width: 305px;}
#f .itemBox .imgBox{margin: 0 0 10px 0;}
#f .itemBox .imgBox .imgLarge{float: left; width: 175px;}
#f .itemBox .imgBox .imgSmall{float: left; width: 130px;}
#f .itemBox .txtBox{ margin: 0 0 5px 0; width: 305px;}
#f .itemBox .spec .price{float:left; text-align:right; padding: 12px 5px 0 0; width: 160px;}
#f .itemBox .spec .buttonBox{float:left; width: 140px;}


#g .itemBox{ width: 750px; padding: 10px; min-height: 283px; _height: 283px;}
#g .itemBox .innerBoxLeft{float: left; margin: 0 120px 0 0; width: 305px;}
#g .itemBox .innerBoxRight{float: left; width: 305px;}
#g .itemBox .imgBox{margin: 0 0 10px 0;}
#g .itemBox .imgBox .imgLarge{float: left; width: 175px;}
#g .itemBox .imgBox .imgSmall{float: left; width: 130px;}
#g .itemBox .txtBox{ margin: 0 0 5px 0; width: 305px;}
#g .itemBox .spec{ text-align: right; width: 305px;}
#g .itemBox .spec .price{float:left; text-align:right; padding: 12px 5px 0 0; width: 160px;}
#g .itemBox .spec .buttonBox{float:left; width: 140px;}

#flow02 {position: relative;}
#flow02 .innerBoxLeft .imgNew{position: absolute; top: 348px; left: 0;}
#flow02 .innerBoxRight .imgNew{position: absolute; top: 348px; left: 425px;}
#flow02 .innerBoxLeft .imgNew_3d{position: absolute; top: -19px; left: 0;}

/* conBox01
--------------------------------------------- */

/* footBox
--------------------------------------------- */

div#footBox {
	min-height:215px;
	padding-bottom:10px;
	color: #444444;
	background: #fff2d5 url(/category/healthbeauty/sp/immortelle/image/con5_bf_001.gif) bottom left no-repeat;
}

div#footBox p#pic1 {
	width: 160px;
	float: left;
}

div#footBox div#txtBox {
	width: 590px;
	float: right;
}


div#footBox a:link,
div#footBox a:visited,
div#footBox a:hover,
div#footBox a:active{color: #1460fc !important;}




/* 	common
--------------------------------------------- */
.mt15 { margin-top:15px !important; }

.mb00 { margin-bottom:0px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb40 { margin-bottom:40px !important; }

.pr20 { padding-right: 20px !important; }


.center{text-align:center;}
.right{text-align:right;}

.floatL {float:left;}
.floatR {float:right;}

.txtBold{font-weight:bold;}
.txtNormal{font-weight:normal;}
.LineNone{border:none !important; }

.pagetop{
text-align:right;
margin-bottom:30px;}

.fontL { font-size: 20px !important; font-weight: bolder !important;}

/* 	clear
--------------------------------------------- */
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
/* IE6 */
* html .clearfix
{ height:1%; }
/* IE7 */
*:first-child+html .clearfix { display:inline-block; }


/*ピックアップ商品
-------------------*/ 
#pickup2 .exp {
	background: url(../image/back_71982.jpg);
	display: block;
	height: 306px;
	width: 710px;
	padding:20px;
}

#pickup2 .exp2 {
	background: url(../image/back_71982.jpg);
	display: block;
	height: 306px;
	width: 710px;
	padding:20px;
}

#pickup2 .exp8 {
	background: url(../image/back_71573.jpg);
	display: block;
	height: 306px;
	width: 710px;
	padding:20px;
}
#pickup2 .exp9 {
	background: url(../image/back_71854.jpg);
	display: block;
	height: 306px;
	width: 710px;
	padding:20px;
}

#pickup2 .exp3 .exp8 .exp9 {
	background: url(/category/healthbeauty/sp/loccitane_peony/image/back_71467.jpg);
	display: block;
	height: 306px;
	width: 710px;
	padding:20px;
}
#pickup2 .exp .left ,
#pickup2 .exp2 .left,
#pickup2 .exp3 .left,
#pickup2 .exp8 .left,
#pickup2 .exp9 .left{
	float: left;
	width: 300px;
}
#pickup2 .exp .right ,
#pickup2 .exp2 .right,
#pickup2 .exp3 .right,
#pickup2 .exp8 .right,
#pickup2 .exp9 .right{
	float: right;
	width: 390px;
}
#pickup2 .exp .right .txt ,
#pickup2 .exp2 .right .txt ,
#pickup2 .exp3 .right .txt,
#pickup2 .exp8 .right .txt,
#pickup2 .exp9 .right .txt  {
	font-size: 12px;
	line-height: 1.5em;
	color: #4e4e4e;
	padding: 15px 0 5px 0;
}
#pickup2 .exp .right .price ,
#pickup2 .exp2 .right .price ,
#pickup2 .exp3 .right .price,
#pickup2 .exp8 .right .price,
#pickup2 .exp8 .right .price {
	font-size: 14px;
	line-height: 1.8em;
	color: #4e4e4e;
}

/*商品一覧_2列_A01*/

.itemBlockD02{
	width:750px;
	padding-bottom:15px;
}
.itemBlockD02 h3 {
	padding-left:0px!important;
	border-left:none!important;
}
.itemBlockD02 .columnBox01{
	background: url("画像") right top repeat-y;
	float:left;
	padding-right:22px;
	width:353px;
}
.itemBlockD02 .columnBox02{
	float:right;
	width:353px;
}

.columnBox01 .itemTitle,
.columnBox02 .itemTitle,
.columnBox03 .itemTitle,
.columnBox04 .itemTitle {
margin-bottom:10px;
}


.columnBox01 dd.txtBlock .itemCaption,
.columnBox02 dd.txtBlock .itemCaption,
.columnBox03 dd.txtBlock .itemCaption,
.columnBox04 dd.txtBlock .itemCaption {
	margin-left:35px;
	margin-top:10px;
	margin-bottom:15px;
	min-height:5em!important;
}
* html .columnBox01 dd.txtBlock .itemCaption,
* html .columnBox02 dd.txtBlock .itemCaption,
* html .columnBox03 dd.txtBlock .itemCaption,
* html .columnBox04 dd.txtBlock .itemCaption {
	height:70px;
}
.columnBox01 dd.txtBlock .itemName,
.columnBox02 dd.txtBlock .itemName,
.columnBox03 dd.txtBlock .itemName,
.columnBox04 dd.txtBlock .itemName {
	text-align:right;
	min-height:20px;
	font-weight:bold;
	margin-top:10px;
}
* html .columnBox01 dd.txtBlock .itemName,
* html .columnBox02 dd.txtBlock .itemName,
* html .columnBox03 dd.txtBlock .itemName,
* html .columnBox04 dd.txtBlock .itemName {
	height:40px;
}
.columnBox01 dd.txtBlock .itemPrice,
.columnBox02 dd.txtBlock .itemPrice,
.columnBox03 dd.txtBlock .itemPrice,
.columnBox04 dd.txtBlock .itemPrice {
	text-align:right;
	margin:0 0 5px 0;
	padding-top:3px;
	/*float:right;金額が横並びじゃない場合はフロート削除*/
}

.columnBox01 dd.txtBlock .itemTitle,
.columnBox02 dd.txtBlock .itemTitle,
.columnBox03 dd.txtBlock .itemTitle,
.columnBox04 dd.txtBlock .itemTitle{
	margin-bottom:10px;
	font-weight:bold;
	
}


.columnBox01 dd.txtBlock .itemButton,
.columnBox02 dd.txtBlock .itemButton
{
	text-align:right;
	/*float:right;金額が横並びじゃない場合はフロート削除*/
}

/*商品一覧_3列A*/
.itemBlockC01 .itemLItem, .itemBlockC01 .itemLIInner {
    width: 246px !important;
}
.itemBlockC01 .itemLItem .itemLIInner a {
    display: block;
    margin: 0;
    padding: 5px 8px 10px;
    text-decoration: none;
    width: 230px !important;
}

.itemBlockC01 .itemList .itemLItem .textName {
    color: #555555;
    font-weight: bold;
    height: 35px;
}

.itemBlockC01 .itemList .itemLItem .textExp {
    margin-top: 10px;
    min-height: 40px;
}

p.txt001{
	text-align:left;
	line-height:1.5em;
	padding-bottom:20px;
	padding-top:10px;
}
/*3列商品設定*/
.section02_L{
width:225px;
float:left;
margin-right:37px;
}

.section02_M{
width:225px;
float:left;
margin-right:37px;
}

.section02_R{
width:225px;
float:left;
}


.sec02L{
padding:15px 0 13px 0;
color:#4e4e4e4;
height:6em;

}


.section03{
margin:15px 0 25px 0;
}


img#bt_ie{
	*position:relative;
	*top:-40px;
}
/*ナビ3列*/
#RIGHT_MAIN .tlNaviList li {
    float: left;
}
.back{
		background-image:url(/category/healthbeauty/sp/loccitane_cherrywing/image/back.jpg) ; 
		background-repeat:no-repeat; 
		background-position:right;
}
/*テキストエリア*/
.textBox{
	height:70px;
}