@charset "utf-8";
/* CSS Document */
@import url("common.css");

/*----------------------------------------------
body
------------------------------------------------*/
body {
background:none;
}

div#incense_list {
margin:50px 0 0 0;
}

h3 {
margin:0 0 30px 0;
clear:both;
}

/*baner
------------------------------------------------*/
ul#incense_side {
width:154px;
margin:10px 0 20px 0;
}

ul#incense_side li{
clear:both;
margin:0 0 5px 0;
float:left;
}

img{
border:0;
}

#new_prodacts {
margin:0 0 10px 0;
clear:both;
}

#inc_area {
positon:relative;
}

#panel{
position: relative; /* for IE6 */
width:598px; height:550px;
margin: 0 0 100px -40px;
background: url(../incense/img/bg_001.jpg);
float:left;
}
#status {
position: absolute;
width:300px;height:200px;
top:175px;left:149px;
backgroud-color:#cccccc;
z-index:1000;
}

.point{
position: absolute; 
margin:0; padding:0;
top:275px;left:295px;
}

#change_axis{
margin: 25px 0 10px 0px;
}

#side_area{
float:right;
width:100px;
margin:0;
padding:0;
}

#side_area ul{
border-bottom: 1px dotted;
margin-bottom:10px;
}

#side_area ul li{
height:24px;
}

#keep_area{
width:100px;
margin:0;
padding:0;
}
#keep_area ul{
font-size:0.8em;
line-height:1.1em;
margin-top:0px;
border-bottom:0px;
}
#keep_area li{
margin-top:6px;
font-size:0.8em;
border-bottom: 1px dotted;
position:relative;
}
#keep_area li img{
position:absolute;
right:0px;
bottom:1px;
}
#keep_area li .product_name{
display:block;
width:
margin-left: 5px;
}
#keep_area li.empty {
margin-top:2px;
height:20px;
border-bottom: #dcdcdc 1px dotted;
}

.view_btn {
text-align: right;
}




/* tt */
.detail{
position:absolute;
display: none;
height: 61px;
/*	background:url(../incense/img/tt_bg.png) no-repeat; */
font-size:8pt;
line-height:110%;
color: #666666;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
*:first-child+html .detail{
	width:180px;
}
* html .detail{
	width:180px;
} 

.detail .tt_main{
height: 56px;
padding:4px 4px 4px 7px;
/*	background:url(../incense/img/tt_bg.png) no-repeat; */
background-color: #FFFFFF;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
.detail .item_no{
float:left;
width:80px;
margin-left: -2px;
}
.detail .item_color{
margin-top: 2px;
width:50px;
height:4px;
overflow:hidden;
background-color: #666666;
float:left;
}
.detail .item_color1{
margin-top: 2px;
width:50px;
height:2px;
overflow:hidden;
background-color: #666666;
float:left;
}
.detail .item_color2{
margin-top: 4px;
margin-left: -50px;
width:50px;
height:2px;
overflow:hidden;
background-color: #666666;
float:left;
}
.detail .item_name{
clear:left;
}
.detail .item_price{
float:left;	
}
.detail .disable{
color:#CCCCCC;
}
.detail .detail_btn{
margin:3px 7px 0 0;
/*	text-decoration:underline; */
border-bottom: 1px dotted;
float:right;
}
.detail .detail_btn:hover{
background-color:#cccccc;
}
.detail .keep_btn{
margin:3px 5px 0 0;
border-bottom: 1px dotted;
float:right;
}
.detail .keep_btn:hover{
background-color:#cccccc;
}
.detail .close_btn{
margin:3px 0 0 0;
display:table-cell;
text-align:center;
font-weight:100;
width:15px;
height:15px;
float:right;
font-size:15pt;
}
.detail .close_btn:hover{
background-color:#cccccc;
}

.detail dt{
color:#999999;
float:left;
clear:both;
}
.detail dd{
margin-left:5px;
padding:0;
}

.detail .tt_btm{
height: 8px;
background:url(../incense/img/tt_btm_bg.png) repeat-x;
}



/*
* details
*/
#detail {
position:absolute;
margin-top:-20px;
margin-left:-30px;
width:730px;
z-index:100;
}


/* guide */

#container{
position:relative;
}


div{text-align:left;}

#guide{
position:relative;
z-index:2000;
}
#guide1{
overflow:hidden;
position:absolute;
}
#guide2,
#guide3,
#guide4,
#guide5,
#guide6,
.btn_box{
position:absolute;
width:200px;
height:30px;
}

#guide1 a.next_guide{	left:390px;	top:155px;	display:block;
position:absolute;
}
#guide1 a.go_shopping{		left:390px;	top:275px;	display:block;
position:absolute;
}
.btn_box a.next_guide{	left:2px;	top:4px;	display:block;
position:absolute;
}
.btn_box a.close{		left:131px;	top:1px;	display:block;
position:absolute;
}

#guide1 .close{	position:absolute;		left:423px;	top:284px;}
#guide2 .btn_box{		left:365px;	top:395px;}
#guide3 .btn_box{		left:323px;	top:405px;}
#guide4 .btn_box{		left:100px;	top:297px;}
#guide5 .btn_box{		left:254px;	top:218px;}
#guide6 .btn_box{		left:310px;	top:310px;}

#guide1{
background:url(../incense/guide/img/guide1.png) no-repeat;
width:501px;
height:322px;
left:222px;
top:1px;
z-index:2010;
}

#guide2{
background:url(../incense/guide/img/guide2.png) no-repeat;
width:590px;
height:436px;
left:192px;
top:1px;
z-index:2020;
}

#guide3{
background:url(../incense/guide/img/guide3.png) no-repeat;
width:534px;
height:446px;
left:209px;
top:1px;
z-index:2030;
}

#guide4{
background:url(../incense/guide/img/guide4.png) no-repeat;
width:325px;
height:338px;
left:467px;
top:64px;
z-index:2040;
}

#guide5{
background:url(../incense/guide/img/guide5.png) no-repeat;
width:480px;
height:259px;
left:307px;
top:211px;
z-index:2050;
}

#guide6{
background:url(../incense/guide/img/guide6.png) no-repeat;
width:519px;
height:348px;
left:214px;
top:1px;
z-index:2060;
}
#guide2_1{	width:84px;	height:14px;	position:absolute;	left:177px;	top:374px; background:url(../incense/guide/img/guide2_1.png) no-repeat 0 -14px;}
#guide6_1{	width:138px;	height:61px;	position:absolute;	left:23px;	top:136px; background:url(../incense/guide/img/guide6_1.png) no-repeat;}
#guide6_2{	width:138px;	height:61px;	position:absolute;	left:23px;	top:227px; background:url(../incense/guide/img/guide6_2.png) no-repeat;}
#guide6_3{	width:156px;	height:12px;	position:absolute;	left:201px;	top:154px; background:url(../incense/guide/img/guide6_3.png) no-repeat 0 -12px;}
#guide6_4{	width:52px;		height:12px;	position:absolute;	left:201px;	top:189px; background:url(../incense/guide/img/guide6_4.png) no-repeat 0 -12px;}
#guide6_5{	width:95px;		height:12px;	position:absolute;	left:388px;	top:245px; background:url(../incense/guide/img/guide6_5.png) no-repeat 0 -12px;}