@charset "UTF-8";
/**
.skinBody {
	position: absolute;
	top:0px;
	left:0px;
	width: 550px;
	height: 350px;
}
*/
/*
.NoteBookBack {
    background-image: url(../images/colum_back_442_1000.png);
    background-repeat: no-repeat;
    behavior: url(css/iepngfix/iepngfix.htc);

}
*/
.NoteBookContent{
	position: absolute;
        top: 0px;
        left: 0px;
	width: 500px;
	height: 600px;
	margin: 0px 0px 0px 0px;
        /*overflow: hidden; */
	padding: 0px 0px 0px 0px;
        z-index: 20;
   /*background-color: #CCC;*/

}
.NoteBookController{
	position: absolute;
	top:500px;
	left:0px;
	width: 500px;
	height: 40px;
	margin: 2px 0px 2px 0px;
    z-index: 20;
	display:none;
}

.NoteBookNavi{
	position: relative;
	left:0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:none;
}
.NoteBookNavi li {
	margin: 0;
	padding: 0;
	float: left;
	/* 固定幅にしたかったら
	width: 110px;
	*/
}
.NoteBookNavi li img{
	margin: 0px 8px 0px 8px;
	float: left;
	border:0px;
	/* 固定幅にしたかったら
	width: 110px;
	*/
}
.imageClass{
	position: absolute;
	width:600px;
	height:720px;
	top: 0px;
	left: 200px;
	overflow:hidden;
}
.bgClassLeftTop{
	position: absolute;
	width:600px;
	height:720px;
	/*width:100%;
    height:100%;*/
    top: 0px;
	left: 200px;
	z-index: 10;
	overflow:hidden;
}
.bgClassRightBottom{
	position: absolute;
	width:600px;
	height:720px;
	/*width:100%;
    height:100%;*/
    /*top: 0px;
    left: 200px;*/
    bottom: 0px;
	right: 0px;

}
.bgClassRightTop{
	position: absolute;
	width:600px;
	height:720px;
	right: -1px;
	overflow:hidden;
	top: 0px;
}
.NoteBookBack {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 550px;
    height: 720px;
    overflow:hidden;
    z-index: 1;
    background-color: #000000;
    opacity: 0.5;

}

.noteWrapperClass {
   position: absolute;
   top: 80px;
   left: 350px;
   width: 900px;
   height: 620px;
   z-index: 97;
}
.HalloweenText1 {
	position:absolute;
	top:60px;
	left:20px;
	width:600px;
	height:300px;
	background-position:top left;
	background-repeat:no-repeat;
}
.iepngfixClass {
    behavior: url(css/iepngfix/iepngfix.htc);
}

/*****************************************/
/* 7_2_1pro_bon_note.html                */
/* Produit->Chocolat->Bon bon chocolat   */
/*****************************************/
.BBcontentWrapper {
	position:absolute;
	top:50px;
	left:0px;
	width:500px;
	height:600px;
	overflow:hidden;
	
}
.BBImageTrayArea {
	position:absolute;
	top:10px;
	left:45px;
	width:410px;
	height:465px;
	background-color:#FFFFFF;
	border: 1px solid #eee;
}
.BBImageDispArea {
	position:absolute;
	top:5px;
	left:5px;
	width:400px;
	height:400px;
}
.BBItemArea {
	position:absolute;
	top:410px;
	left:5px;
	width:400px;
	height:50px;
}
.BBItemWindow {
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:50px;
	overflow:hidden;
}
.BBItemUnit {
	float:left;
	width:300px;
	height:50px;
}
.BBItemFrame {
	position:absolute;
	top:0px;
	left:0px;
	width:1800px;
	height:50px;
}

.BBBtnArea {
	position:absolute;
	top:480px;
	left:195px;
	width:110px;
	height:34px;
}
	
.BBPreBtnArea {
	position:absolute;
	top:0px;
	left:0px;
	width:34px;
	height:34px;
	background-image:url(../images/etc/preview_34x34.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.BBStopBtnArea {
	position:absolute;
	top:0px;
	left:38px;
	width:34px;
	height:34px;
	background-image:url(../images/etc/stop_34x34.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.BBReBtnArea {
	position:absolute;
	top:0px;
	left:76px;
	width:34px;
	height:34px;
	background-image:url(../images/etc/review_34x34.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.BBbt_next {
	position: absolute;
	right: 0px;
	top: 535px;
	cursor: pointer;
	height: 20px;
	width: 250px;
	background-repeat: no-repeat;
	background-image: url(../images/title/bt_pro_choco1_2.gif);
}
/***********************************/
/* 7_2_2pro_choco_note             */
/***********************************/
.CScontentWrapper {
	position:absolute;
	top:60px;
	left:40px;
	width: 400px;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	
}
.CSImg {
	vertical-align:top;
}
.CSgroupContent_1 {
	width: 400px;
	height: 208px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/socle-moyen_setimg.jpg);
}
.CSElement {
}
.CSSelectTable {
	width:400px;
	height:208px;
	/*border:solid 1px #0066FF;*/
}

/***   Socle moyen  ***/
.CSgroupSocleMoyen {
	width: 400px;
	height: 200px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/socle-moyen_setimg.jpg);
}
.CSSelectSocleMoyen {
	width:400px;
	height:200px;
	/*border:solid 1px #0066FF;*/
}
.CSSocleMoyen_1 {
	display:inline;
	float:left;
	margin:40px 0px 0px 10px;
	width:110px;
	height:155px;
	/*border:solid 1px #FF0066;;*/
	cursor:pointer;
}
.CSSocleMoyen_2 {
	display:inline;
	float:left;
	margin:40px 0px 0px 20px;
	width:115px;
	height:155px;
	/*border:solid 1px #FF0066;*/
	cursor:pointer;
}
.CSSocleMoyen_3 {
	display:inline;
	float:left;
	margin:40px 0px 0px 20px;
	width:115px;
	height:155px;
	/*border:solid 1px #FF0066;;*/
	cursor:pointer;
}

/***   Tablette  ***/
.CSgroupTablette {
	width: 400px;
	height: 335px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/Tablette_setimg.jpg);
}
.CSSelectTablette {
	width:400px;
	height:335px;
	/*border:solid 1px #0066FF;*/
}
.CSTablette_1 {
	display:inline;
	float:left;
	margin:50px 0px 0px 10px;
	width:110px;
	height:135px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSTablette_2 {
	display:inline;
	float:left;
	margin:50px 0px 0px 20px;
	width:110px;
	height:135px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSTablette_3 {
	display:inline;
	float:left;
	margin:50px 0px 0px 20px;
	width:110px;
	height:135px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSTablette_4 {
	display:inline;
	float:left;
	margin:10px 0px 0px 10px;
	width:110px;
	height:120px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}


/***   Confit  ***/
.CSgroupConfit {
	width: 400px;
	height: 208px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/Confi_setimg.jpg);
}
.CSSelectConfit {
	width:400px;
	height:208px;
	/*border:solid 1px #0066FF;*/
}
.CSConfit_1 {
	display:inline;
	float:left;
	margin:40px 0px 0px 20px;
	width:110px;
	height:155px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSConfit_2 {
	display:inline;
	float:left;
	margin:40px 0px 0px 20px;
	width:115px;
	height:155px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}


/***   Caraque  ***/
.CSgroupCaraque {
	width: 400px;
	height: 340px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/Caraque_setimg.jpg);
}
.CSSelectCaraque {
	width:400px;
	height:340px;
	/*border:solid 1px #0066FF;*/
}
.CSCaraque_1 {
	display:inline;
	float:left;
	margin:50px 0px 0px 15px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSCaraque_2 {
	display:inline;
	float:left;
	margin:50px 0px 0px 15px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSCaraque_3 {
	display:inline;
	float:left;
	margin:50px 0px 0px 20px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSCaraque_4 {
	display:inline;
	float:left;
	margin:20px 0px 0px 15px;
	width:110px;
	height:120px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSCaraque_5 {
	display:inline;
	float:left;
	margin:20px 0px 0px 15px;
	width:110px;
	height:120px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSCaraque_6 {
	display:inline;
	float:left;
	margin:20px 0px 0px 20px;
	width:110px;
	height:120px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}



/***   SoclePetit  ***/
.CSgroupSoclePetit {
	width: 400px;
	height: 340px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/Socle-petit_setimg.jpg);
}
.CSSelectSoclePetit {
	width:400px;
	height:340px;
	/*border:solid 1px #0066FF;*/
}
.CSSoclePetit_1 {
	display:inline;
	float:left;
	margin:50px 0px 0px 60px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSSoclePetit_2 {
	display:inline;
	float:left;
	margin:50px 0px 0px 50px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSSoclePetit_3 {
	display:inline;
	float:left;
	margin:20px 0px 0px 60px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}
.CSSoclePetit_4 {
	display:inline;
	float:left;
	margin:20px 0px 0px 50px;
	width:110px;
	height:130px;
	/*border:solid 1px #33FF33;*/
	cursor:pointer;
}

/***   Petit sujet ***/
.CSgroupPetitSujet {
	width: 400px;
	height: 208px;
	background-image:url(../images/item_img/chocolat/chocospecialite/content/Petit-sujet_setimg.jpg);
}
.CSSelectPetitSujet {
	width:400px;
	height:208px;
}
.CSPetitSujet_1 {
	display:inline;
	float:left;
	margin:50px 0px 0px 20px;
	width:110px;
	height:135px;
	/*border:solid 1px #FF0066;;*/
	cursor:pointer;
}

.CSgroupContent_1_1 {
	position:relative;
	width: 398px;
	height: 160px;
	background-image:url(../images/item_img/chocolat/chocospecialite/etc/chocco_bg_img.gif);
}
.CSgroupContent_1_2 {
	position:relative;
	width: 398px;
	height: 180px;
	background-image:url(../images/item_img/chocolat/chocospecialite/etc/chocco_bg_img.gif);
}
.CSgroupContent_1_2 .title {
	position:absolute;
	top:6px;
	left:10px;
	font-size:12px;
	font-weight:bold;
}
.CSgroupContent_2 {
	width: 398px;
	height: 250px;
	background-image:url(../images/item_img/chocolat/chocospecialite/etc/chocco_bg_img.gif);
}
.CSgroupTag {
	cursor:pointer;
}
.CSthumbList_1 {
	position: absolute;
	top:10px;
	left:10px;
	width:370px;
	height:110px;
}
.CSthumbList_2 {
	position: absolute;
	top:10px;
	left:10px;
	width:370px;
	height:130px;
}
.CSthumbList_3 {
	position: absolute;
	top:30px;
	left:10px;
	width:370px;
	height:130px;
}
.CSthumbPhoto_1 {
	float:left;
	margin:0px 5px 0px 5px;
	width: 110px;
	height: 110px;

	border: 1px solid #eee;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-color: #fff;
	cursor:pointer;
}
.CSthumbPhoto_2 {
	float:left;
	margin:0px 5px 0px 5px;
	width: 110px;
	height: 110px;

	border: 1px solid #603813;
	background-color: #fff;
	cursor:pointer;
}
.CSthumbPhoto_3 {
	width: 110px;
	height: 110px;
	border: 1px solid #603813;
	background-color: #fff;
	cursor:pointer;
}
.CSthumbPhotoFrame_1 {
	margin:0px 5px 0px 5px;
	float:left;
	width: 110px;
	height: 130px;
	
}
.CSthumbPhotoFrame_1 .name {
	position:relative;
	margin:5px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;

}
.CScontentPrevButton{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:34px;
	height:600px;

}
.CScontentFinder {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:395px;
	height:291px;
	overflow:hidden;
}
.CScontentNextButton{
	position:relative;
	top:0px;
	left:0px;

}
.CScontentCell {
	position:relative;
	width: 90px;
	height: 90px;
	border: 1px solid #eee;
	margin: 0px 3px 6px 3px;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-color: #fff;
	cursor:pointer;
}
.CScontentBlock {
	position:relative;
	width: 790px;
	height:395px;
}
.CSbt_prev {
	position: absolute;
	right: 0px;
	top: 600px;
	cursor: pointer;
	height: 20px;
	width: 250px;
	background-repeat: no-repeat;
	background-image: url(../images/title/bt_pro_choco1_1.gif);
}
.CSbt_next {
	position: absolute;
	right: 260px;
	top:   600px;
	cursor: pointer;
	height: 20px;
	width: 250px;
	background-repeat: no-repeat;
	background-image: url(../images/title/bt_pro_choco1_3.gif);
}

/***  Decor  ***/
.DCbt_prev {
	position: absolute;
	right: 0px;
	top: 600px;
	cursor: pointer;
	height: 20px;
	width: 250px;
	background-repeat: no-repeat;
	background-image: url(../images/title/bt_pro_choco1_2.gif);
}


.XmasPopupArea {
	width:200px;
	height:160px;
	background-image:url(../images/item_img/xmas2010/xmas_pop_1.gif);
	background-repeat:no-repeat;
}
.XmasNoteTitle {
	margin:10px 0px 6px 1px;
}