@charset "UTF-8";

/**************************************
Initialization 
***************************************/
img{border: none;}

table{border: none;}

/**************************************
Common item 1
***************************************/

.mgnB5{margin-bottom: 5px !important;}
.mgnB10{margin-bottom: 10px !important;}
.mgnB20{margin-bottom: 20px !important;}
.mgnB30{margin-bottom: 30px !important;}
.mgnB40{margin-bottom: 40px !important;}

.mgnT5{margin-top: 5px !important;}
.mgnT10{margin-top: 10px !important;}
.mgnT20{margin-top: 20px !important;}
.mgnT30{margin-top: 30px !important;}
.mgnT40{margin-top: 40px !important;}
.mgnT140{margin-top: 140px !important;}

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


/*  ----------  Text style  ----------  */
.textB{font-weight: bold;}
.textL{font-size: 110%;}
.textS{font-size: 90%;}
.textR{text-align: right;}
.textC{text-align: center;}

.red{color: #ff0000 !important;}
.red02{color: #b30000 !important;}
.gray{color: #878788 !important;}


/*  ----------  clearfix  ----------  */
.clearfix:after,
.colTypeA:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
.colTypeA{
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .colTypeA{height: 1%; }

.clearfix,
.colTypeA{display: block; }
/* End hide from IE-mac */


/**************************************
Common item 2
***************************************/

.subDetail{
	font-size: 80%;
	line-height: 1.8em;
	color: #666;;
}

/*-- icon --*/

.iconSolar a{
	width: 91px;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../img/cmn_btn.gif) 0 -70px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	zoom: 1;
}
.iconSolar a:hover{
	background-position: -91px -70px;
}

.iconRwcs a{
	width: 91px;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../img/cmn_btn.gif) 0 -87px no-repeat;
	text-indent: -9999px;
	overflow: hidden;	
}
.iconRwcs a:hover{
	background-position: -91px -87px;
}

.iconNew{
	width: 70px;
	height: 13px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url(../img/cmn_icon.gif) 0 -17px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.toLineup a{
	width: 720px;
	height: 35px;
	display: block;
	background: url(../img/cmn_btn.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.toLineup a:hover{
	background-position: 0 -35px;	
}

/*-- .colTypeA --*/

.colTypeA{
	margin-bottom: 30px;
	width: 360px;
	float: left;
	position: relative;
}

.colTypeA .floatL{
	width: 144px;
}

.colTypeA .floatR{
	width: 216px;
}

.colTypeA dl{
	margin-left: 10px;
	margin-bottom: 20px;
}

.colTypeA dl dt,
.colTypeA dl dd{
	margin-bottom: 5px;
	line-height:1.2em;
}

.colTypeA ul{
	margin-left: -5px;
}

.colTypeA ul li{
	margin-left: 5px;
	float: left;
	display: inline;
}

/*-- .colTypeB --*/

.colTypeB{
	width: 240px;
	float: left;
	position: relative;
	text-align: center;
}

.colTypeB dt,
.colTypeB dd{
	line-height: 1.5em;
}


/**************************************
CSS for Index.php
***************************************/

/*-- #hdlinkList --*/

#TOP #hdlinkList ul{
	margin-top: 10px;
}

#TOP #hdlinkList ul li{
	float:left;
	display:inline;
}

#TOP #hdlinkList ul li.lukia{
	margin-right: 8px;
}

#TOP #hdlinkList ul li a{
	width: 356px;
	height: 92px;
	display: block;
	background: url(../img/top_btn01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#TOP #hdlinkList ul li.lukiaqualite a{	background-position: 0 -95px;}

/*-- #contentsLink --*/
#TOP #contentsLink a{
	width: 720px;
	height: 79px;
	display: block;
	background: url(../img/top_btn02.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 9px;
}

/*-- #newsList（2011.06.16更新） --*/

#TOP #newsList{
	margin-top: 30px;
	width: 540px;
	float: left;
}

#TOP #newsList ul{
	margin-top: 25px;
	margin-left: 10px;
}

#TOP #newsList ul li{	
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(../img/cmn_icon02.gif) 0 0 no-repeat;
	line-height: 150%;
}

/*-- #bnrList（2011.06.16更新） --*/

#TOP #bnrlist {
	margin-top: 48px;
	width: 160px;
	float: right;
}
#TOP #bnrlist ul li a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}


/*-- #linkList --*/

#TOP #linkList{
	margin-top: 30px;
	clear: both;
}

#TOP #linkList ul li a{
	width: 540px;
	height: 80px;
	display: block;
	background: url(../img/top_bnr01.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#TOP #linkList ul li.catalog a:hover{ background-position: -540px 0;}
#TOP #linkList ul li.movie a{ background-position: 0 -80px;}
#TOP #linkList ul li.movie a:hover{ background-position: -540px -80px;}
#TOP #linkList ul li.lukibea a{ background-position: 0 -160px;}
#TOP #linkList ul li.lukibea a:hover{ background-position: -540px -160px;}

/**************************************
CSS for lukia/movie.php
***************************************/

#MOVIE{
	text-align: center;
}

/*-- #specialMovie --*/

#MOVIE #tvcm30{
	margin: 0 auto 45px;
}

#MOVIE #tvcm15{
	margin: 0 auto 45px;
}

#MOVIE #pv{
	margin: 0 auto 45px;
}
/*-- #profileBlock --*/

#MOVIE #profileBlock{
	margin: 0 auto;
	width: 598px;
	height: 363px;
	background: url(../lukia/img/mov_bg_profile.jpg) 0 0 no-repeat;
	text-align: left;
}

/**************************************
CSS for lukia/lukibea.php
***************************************/

#LUKIBEAR,
#OverLayer{
	position: relative;
	background: url(../lukia/img/bea_bg01.gif) 100% 0 no-repeat;
	font-size:12px;
}

/* for IE6 */
* html #LUKIBEAR 
* html #OverLayer{
    font-size: 75%;
}

/* for IE7 */
*:first-child+html #LUKIBEAR,
*:first-child+html #OverLayer{
    font-size: 75%;
}

#LUKIBEAR h2{
	margin-bottom: 51px;
}

/*-- #lukibearBlock --*/

#LUKIBEAR #lukibearBlock{
	position: absolute;
	top: 0;
	right: 0;
}

#LUKIBEAR #lukibearBlock .face{
	margin-top: 59px;
	margin-left: 141px;
}

/*-- #pointBlock --*/
#LUKIBEAR #pointBlock01,
#LUKIBEAR #pointBlock02{
	margin-bottom: 32px;
}

#LUKIBEAR #pointBlock03{
	margin-bottom: 80px;
}

#LUKIBEAR #pointBlock01{
	width:411px;
	margin-left: 0px;
}

#LUKIBEAR #pointBlock01 .linkPage{
	margin-left: 32px;
	margin-bottom:5px;
}

#LUKIBEAR #pointBlock02{ margin-left: 0px;}
#LUKIBEAR #pointBlock03{ margin-left: 0px;}

#LUKIBEAR .bear01{
	width: 113x;
	height: 127px;
	background: url(../lukia/img/bea_img01_point.gif) 0 0 no-repeat;
}
#LUKIBEAR .bear02{
	width: 113px;
	height: 127px;
	background: url(../lukia/img/bea_img02_point.gif) 0 0 no-repeat;
}
#LUKIBEAR .bear03{
	width: 132px;
	height: 81px;
	background: url(../lukia/img/bea_img03_point.gif) 0 0 no-repeat;
}
#LUKIBEAR .bear04{
	width: 113px;
	height: 127px;
	background: url(../lukia/img/bea_img04_point.gif) 0 0 no-repeat;
}


/*-- #profileBlock --*/

#LUKIBEAR #profileBlock .colL{
	width: 260px;
}

#LUKIBEAR #profileBlock .colR{
	width: 460px;
}

#LUKIBEAR #profileBlock .colR dt,
#LUKIBEAR #profileBlock .colR dd{
	margin-bottom: 10px;
}


/**************************************
CSS for lukia/concept/Index.php
***************************************/
#CONCEPT{
	position:relative;
	zoom: 1;
}

#CONCEPT #pageTitle{
	width: 720px;
	height: 518px;
}

#CONCEPT #pageTitle dl{
	position: absolute;
	top: 457px;
	left: 360px;
}

/*-- #mainBlock --*/

#CONCEPT #mainBlock{
	width: 477px;
	float: left;
}

#CONCEPT #mainBlock ul.styleList li a,
#CONCEPT #mainBlock ul.functionList li a{
	width: 235px;
	height: 125px;
	display: block;
	background: url(../lukia/concept/img/con_btn01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#CONCEPT #mainBlock ul.styleList li.sweet a{
	width: 234px;
	background-position: 0 -125px;
}

#CONCEPT #mainBlock ul.functionList li.rwcs a{
	background-position: 0 -250px;
}

#CONCEPT #mainBlock ul.functionList li.solar a{
	width: 234px;
	background-position: 0 -375px;
}

/*-- #sideBlock --*/

#CONCEPT #sideBlock{
	width: 220px;
	float: right;
}

#CONCEPT #sideBlock ul.bannerList{
	padding: 10px;
	background: #efefef;
}

#CONCEPT #sideBlock ul.bannerList li{
	margin-bottom: 7px;
}
#CONCEPT #sideBlock ul.bannerList li.last{
	margin-bottom: 0;
}

#CONCEPT #sideBlock ul.bannerList li a{
	width: 200px;
	height: 80px;
	display: block;
	background: url(../lukia/concept/img/con_bnr.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#CONCEPT #sideBlock ul.bannerList li.bnr02 a{ background-position: 0 -80px;}
#CONCEPT #sideBlock ul.bannerList li.bnr03 a{ background-position: 0 -160px;}
#CONCEPT #sideBlock ul.bannerList li.bnr04 a{ background-position: 0 -240px;}


#CONCEPT #sideBlock ul.linkList li a{
	width: 220px;
	height: 67px;
	display: block;
	background: url(../lukia/concept/img/con_btn02.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#CONCEPT #sideBlock ul.linkList li.link01 a:hover{ background-position: -220px 0;}
#CONCEPT #sideBlock ul.linkList li.link02 a{ background-position: 0 -67px;}
#CONCEPT #sideBlock ul.linkList li.link02 a:hover{ background-position: -220px -67px;}
#CONCEPT #sideBlock ul.linkList li.link03 a{ background-position: 0 -134px;}
#CONCEPT #sideBlock ul.linkList li.link03 a:hover{ background-position: -220px -134px;}

/**************************************
CSS for lukia/concept/ss2011.php
***************************************/

#SS2011{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#SS2011 #pageTitle{
	width: 720px;
	height: 699px;
}

#SS2011 #pageTitle dl{
	position: absolute;
	top: 402px;
	right: 0;
}

/**************************************
CSS for lukia/concept/aw2011.php
***************************************/

#AW2011{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#AW2011 #pageTitle{
	width: 720px;
	height: 699px;
}

#AW2011 #pageTitle dl{
	position: absolute;
	top: 41px;
	left: 61px;
	text-align:center
}

#AW2011 .productBlock .colTypeA .txt01{
	position: absolute;
	float: left;
	top: 87px;
}

#AW2011 .productBlock .colTypeA .txt02{
	position: absolute;
	float: left;
	top: 107px;
}

/**************************************
CSS for lukia/concept/basic.php
***************************************/

#BASIC{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#BASIC #pageTitle{
	width: 720px;
	height: 472px;
}

#BASIC #pageTitle dl{
	position: absolute;
	top: 99px;
	right: 0;
}

/*-- .detailBlock --*/

#BASIC .detailBlock .summary{
	width: 435px;
}

/**************************************
CSS for lukia/concept/feminine.php
***************************************/

#FEMININE{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#FEMININE #pageTitle{
	width: 720px;
	height: 472px;
}

#FEMININE #pageTitle dl{
	position: absolute;
	top: 104px;
	left: 0;
}

/*-- .detailBlock --*/

#FEMININE .detailBlock .summary{
	width: 435px;
}

/**************************************
CSS for lukia/concept/sweet.php
***************************************/

#SWEET{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#SWEET #pageTitle{
	width: 720px;
	height: 472px;
}

#SWEET #pageTitle dl{
	position: absolute;
	top: 99px;
	left: 40px;
}

/*-- .detailBlock --*/

#SWEET .detailBlock .summary{
	width: 435px;
}

/**************************************
CSS for lukia/concept/solar.php
***************************************/

#SOLAR{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#SOLAR #pageTitle{
	width: 720px;
}

#SOLAR #pageTitle a{
	color:#333;	
	text-decoration: none;
}
#SOLAR #pageTitle a:hover{
	color:#333;
}

#SOLAR #pageTitle dl{
	position: absolute;
	top: 110px;
	left: 0;
}

#SOLAR #pageTitle .titleInner{
	padding: 0 20px 72px;
}

#SOLAR #pageTitle ul li{
	line-height: 1.8em;
}

#SOLAR #pageTitle ul li .noLink{
	text-decoration:underline;
}

#SOLAR #pageTitle .lukibear a{
	width: 251px;
	height: 68px;
	display: block;
	background: url(../lukia/concept/img/sol_btn.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#SOLAR #pageTitle .lukibear a:hover{
	background-position: -251px 0;
}

/**************************************
CSS for lukia/concept/rwcs.php
***************************************/

#RWCS{
	position:relative;
	zoom: 1;
}

/*-- #pageTitle --*/

#RWCS #pageTitle{
	width: 720px;
}

#RWCS #pageTitle a{
	color:#333;	
	text-decoration: none;
}
#RWCS #pageTitle a:hover{
	color:#333;
}

#RWCS #pageTitle dl{
	position: absolute;
	top: 157px;
	left: 0;
}

#RWCS #pageTitle .titleInner{
	padding: 0 20px 72px;
}

#RWCS #pageTitle ul li{
	line-height: 1.8em;
}

#RWCS #pageTitle ul li .noLink{
	text-decoration:underline;
}

#RWCS #pageTitle .lukibear a{
	width: 251px;
	height: 68px;
	display: block;
	background: url(../lukia/concept/img/rwcs_btn.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#RWCS #pageTitle .lukibear a:hover{
	background-position: -251px 0;
}

/**************************************
CSS for lukia/concept/2011ssle.php
***************************************/

/*-- .HK --*/
#HK{
	margin-bottom: 20px;
	background: url(../lukia/concept/img/ssle_hk_bg.jpg) 0 0 no-repeat;
	position: relative;
}

#HK .floatL{
margin-left: 40px;
_margin-left: 20px;
}

#HK .colTypeC{
	width: 140px;
	float: left;
	text-align: center;
}

#HK .colTypeC dt,
.colTypeC dd{
	line-height: 1.5em;
}

#HK .colTypeC .icon_ltd{
	margin-top:5px;
}

#HK .thumb01{
	margin-bottom: 138px;
}	


/*-- .130th --*/
#SSLE{
	margin-bottom: 20px;
	background: url(../lukia/concept/img/ssle_bg.jpg) 0 0 no-repeat;
	position: relative;
}

#SSLE .thumb02{
	position: absolute;
	top: 52px;
	left: 0;
}

#SSLE .priceBox{
	margin-top: 35px;
	line-height: 1.5em;
}

/**************************************
CSS for lukia/concept/2011awle.php
***************************************/
/*-- .MKLE --*/
#MKLE{
	width: 720px;
	height: 473px;
	margin-bottom: 20px;
	background: url(../lukia/concept/img/awle_bg_mk.jpg) 0 0 no-repeat;
	position: relative;
}

#MKLE .productArea{
	width: 172px;
	top: 136px;
	left: 156px;
	position: absolute;
	text-align:center;
}

#MKLE .productArea .priceBox{
	margin-top: 10px;
	line-height: 1.5em;
	color:#FFFFFF;
}

#MKLE .optionArea{
	top: 310px;
	left: 20px;
	position: absolute;
}

/*-- .XMAS --*/
#XMAS{
	width: 720px;
	height: 473px;
	margin-bottom: 20px;
	background: url(../lukia/concept/img/awle_bg_xmas.jpg) 0 0 no-repeat;
	position: relative;
}

#XMAS .floatL{
	margin-left: 52px;
	_margin-left: 26px;
	margin-top: 28px;
}

#XMAS .colTypeC{
	width: 190px;
	float: left;
	text-align: center;
}

#XMAS .colTypeC dt,
.colTypeC dd{
	line-height: 1.5em;
}

#XMAS .colTypeC .priceBox{
	margin-top: 10px;
	line-height: 1.5em;
	color:#FFFFFF;
}

/*-- .PAIR --*/
#PAIR{
	width: 720px;
	height: 473px;
	margin-bottom: 20px;
	background: url(../lukia/concept/img/awle_bg_pair.jpg) 0 0 no-repeat;
	position: relative;
}

#PAIR .floatL{
	margin-left: 36px;
	margin-top: 34px;
}

#PAIR .colTypeC{
	width: 132px;
	float: left;
}

#PAIR .colTypeD{
	width: 132px;
	float: left;
	margin-left: 22px;
}

#PAIR .colTypeE{
	width: 132px;
	float: left;
	margin-left: 60px;
}

#PAIR .colTypeF{
	width: 132px;
	float: left;
	margin-left: 22px;
}

#PAIR .colTypeC .priceBox,
#PAIR .colTypeD .priceBox{
	margin-top: 10px;
	line-height: 1.5em;
	color:#FFFFFF;
}

#PAIR .colTypeE .priceBox,
#PAIR .colTypeF .priceBox{
	margin-top: 142px;
	line-height: 1.5em;
	color:#FFFFFF;
}