@charset "utf-8";
@import url("/special/shared/css/base.css");

/* --------------------------------------------------------------------------------------
	style map
		- contents common
		
		- contents each page

		- conHead , conFooter / over write
		
		- clear (clear fix)
--------------------------------------------------------------------------------------- */
h6{
margin:0;
padding:0;
}

/* =========================================================  contents common */
/* contents */
.specialChristmas #contents{
padding-top:0;
line-height:1.5;
color:#670c00;
}
.specialChristmas hr{
margin:20px 0 0 0;
padding:0;
border:none;
border-top:solid 1px #486700;
font:#fff;
background-color:#fff;
font-size:1px;
line-height:1px;
height:1px;
}
/*\*/*html .specialChristmas hr{margin-top:15px;}/**/

/* h4 */
h4{
margin-top:30px;
}


/* a */
#contents a,
#contents a:link,
#contents a:visited{
color:#344a00;
}
#contents a:hover{
text-decoration:none;
}
#conHead li a,
#conHead li a:link,
#conHead li a:visited,
#contents .conFootNav li a,
#contents .conFootNav li a:link,
#contents .conFootNav li a:visited{
color:#670c00;
}
#conHead li a:hover,
#contents .conFootNav li a:hover{
text-decoration:none;
}

.soon{
color:#aaa;
}

/* --- notes */
.notes{
font-size:80%;
}

/* --- conWrap */
/* bg */
.conWrap h3,
.conWrap .conBg{
background-repeat:no-repeat;
}
.conWrap h3,
.conWrap{
background-position:0 0;
}

.conWrap h3{
background-image:url(../images/conwrap_bg_top.jpg);
}
.conWrap{
background-image:url(../images/conwrap_bg_center.jpg);
background-repeat:repeat-y;
}
.conWrap .conBg{
background-image:url(../images/conwrap_bg_btm.jpg);
background-position:0 100%;
}

/* posi */
.conWrap {
margin-top:20px;
margin-left:3px;
}
.conWrap .conBg{
padding:0 28px 40px 28px;
}
.conWrap h3{
padding:16px 35px 12px 37px;
}


/* --- leadBox */
.leadBox{
margin-top:30px;
}
.leadBox .pic{
float:left;
}
.leadBox .inDetail,
.leadBox .subLead,
.subLeadDot{
float:right;
width:390px;
}

.leadBox .inDetail{
margin-bottom:12px;
}

.leadBox .pic dd{
padding-top:5px;
padding-left:2px;
font-size:80%;
}

/* subLead */
.leadBox .subLead p{
float:left;
width:112px;
}
.leadBox .subLead .Btn{
width:165px;
}
.leadBox .subLead .Btn img{
padding:0;
margin-top:35px;
margin-left:8px;
border:none;
}
.leadBox .subLead .Btn02{
float:none;
width:auto;
text-align:center;
margin-top:35px;
}

.leadBox .subLead .Btn02 img{
border:none;
padding:0;
}

/* subLeadDot */
.leadBox .subLeadDot dt,
.leadBox .subLeadDot dd{
float:left;
}

.leadBox .subLeadDot dt{
float:left;
width:112px;
}

.leadBox .subLeadDot{
background-image:url(../images/dot_x.gif);
background-repeat:repeat-x;
background-position:0 0;
padding-top:29px;
}

/*  --- img */
#popPosi .photo img,
.leadBox .pic img,
.subLead p img,
.subLeadDot dt img,
.itemBox .pic img,
.photoSetL .photo img,
.photoSetR .photo img{
border:solid 1px #d6d6d6;
background-color:#fff;
padding:1px;
}
#popPosi .photo img{
padding:0;
}

/* --- itemBox */
.itemBox{
padding-bottom:9px;
margin-top:30px;
background-image:url(../images/item_bg.gif);
background-position:0 100%;
background-repeat:no-repeat;
}
.itemBox .bg{
padding-bottom:21px;
background-image:url(../images/dot_y.gif);
background-repeat:repeat-y;
background-position:280px 0;
}
.itemBox .itemSetL{
float:left;
}
.itemBox .itemSetR{
float:right;
}
.itemBox .itemSetL,
.itemBox .itemSetR{
width:285px;
}

.itemBox .itemSetL .pic,
.itemBox .itemSetR .pic{
float:left;
}

.itemBox .itemSetL dl, 
.itemBox .itemSetR dl,
.itemBox .itemSetL .btn,
.itemBox .itemSetR .btn{
float:right;
width:150px;
}

.itemBox .itemSetL dd, 
.itemBox .itemSetR dd{
margin-bottom:20px;
}

.itemBox dl dt{
font-weight:bold;
}
.itemBox dl{
min-height:110px;
}
/* IE6 \*/
*html .itemBox dl{
height:110px;
}
/**/

/* -------- leadTxt */
.leadTxt,
.leadTxt02,
.leadTxtDot{
margin-top:20px;
}
.leadTxt02,
.leadTxtDot{
margin-left:15px;
margin-right:15px;
}

.leadTxtDot{
padding-bottom:20px;
background-image:url(../images/dot_x.gif);
background-position:0 100%;
background-repeat:repeat-x;
}

/* =========================================================  popPage */

body.pop{
background-image:none;
}
#popPage{
padding-bottom:20px;
background-color:#fff;
width:500px;

}
#popPosi{
margin:15px 20px;
}
#popPosi .photo{
margin-top:14px;
height:550px;
}

#popPosi .popBtn{
margin-top:20px;
text-align:center;
}

#popCopy{
padding-top:20px;
background-image:url(../../../shared/common_img/footer_bg_line.gif);
background-repeat:repeat-x;
background-position:0 1px;
border-top:solid 1px #d14f27;
text-align:center;
}

/* =========================================================  contents each page */
/* --------------------- index.html */
#christmasIndex .indexTxt{
padding:12px 7px;
}
/* #indexMenu */
#indexMenu{
padding:3px;
}

#indexMenu ul li{
float:left;
margin-bottom:15px;
}
#indexMenu ul li.Fright{
float:right;
}

/* --------------------- with_children.html */
.photoWrap{
margin-top:18px;
padding-bottom:20px;
background-image:url(../images/with_photo_bg.gif);
background-position:0 100%;
background-repeat:no-repeat;
}
/* photoWrap */
.photoWrap .photoSetL{
float:left;
}
.photoWrap .photoSetR{
float:right;
}
.photoWrap .photoSetL,
.photoWrap .photoSetR{
width:273px;
}

.photoWrap .photoSetL dl,
.photoWrap .photoSetR dl{
background-image:url(../images/with_children_item_bg_c.gif);
background-position:0 0;
background-repeat:repeat-y;
}
.photoWrap .photoSetL dd,
.photoWrap .photoSetR dd{
background-image:url(../images/with_children_item_bg_btm.gif);
background-position:0 100%;
background-repeat:no-repeat;
}

/* posi */
.photoWrap .photoSetL dd,
.photoWrap .photoSetR dd,
.photoWrap .photoSetL p,
.photoWrap .photoSetR p{
padding-left:10px;
padding-right:10px;
}
.photoWrap .photoSetL p,
.photoWrap .photoSetR p{
margin-top:12px;
}

.photoWrap .photoSetL dt,
.photoWrap .photoSetR dt{
margin-bottom:10px;
}
.photoWrap .photoSetL dd,
.photoWrap .photoSetR dd{
min-height:31px;
}
.photoWrap .photoSetR dd,
.photoWrap .photoSetL dd{
color:#586b00;
font-weight:bold;
}

/* IE6 \*/
*html .photoWrap .photoSetL dd,
*html .photoWrap .photoSetR dd{
height:31px;
}
/* end */

/* cakeHouse */
.cakeHouse{
margin-top:30px;
padding:7px;
border:solid 1px #670c00;
background-color:#fff;
}
.cakeHouse .bg{
padding:11px 19px 8px 19px;
background-color:#dccabe;
background-image:url(../images/with_children_house.jpg);
background-position:100% 0;
background-repeat:no-repeat;
min-height:154px;
}

/* IE6  \*/
*html .cakeHouse .bg{
height:154px;
}
/* end */

.cakeHouse p{
margin-top:8px;
margin-right:200px;
}

.cakeHouse p.notes{
margin-top:5px;
line-height:1.2;
font-size:80%;
color:#ac3434;
}
#contents .cakeHouse p.notes a,
#contents .cakeHouse p.notes a:link,
#contents .cakeHouse p.notes a:visited{color:#ac3434;}
#contents .cakeHouse p.notes a:hover{text-decoration:none;}

/* --------------------- handmade.html */
/* -- margin */
#christmasHandmade .leadBox,
.handmadeCantest,
.photoWrap02,
.photoWrap01{
margin-left:18px;
margin-right:18px;
}

/* -- notes */
p.notesDot{
margin-top:15px;
background-image:url(../images/dot_x.gif);
background-repeat:repeat-x;
background-position:0 50%;
text-align:right;
}

/* -- leadBox */
#christmasHandmade .leadBox{
padding-bottom:15px;
}
#christmasHandmade .leadBox .pic img{
border:none;
padding:0;
}
#christmasHandmade .inDetail{
width:385px;
}
#christmasHandmade .inDetail dt{
font-weight:bold;
}

/* -- dlNotes,dllLinks */
.dlNotes{
margin-top:10px;
background-color:#fffef3;
padding:10px 15px;
border:solid 1px #f0e3cc;
}
.dlNotes dt{
font-weight:bold;
}
.dllLinks{
margin-top:23px;
}

/* -- handmadeCantest */
.handmadeCantest{
padding-top:1px;
margin-top:10px;
background-image:url(../images/handmade_contest_img.gif);
background-repeat:no-repeat;
background-position:100% 0;
}

.handmadeCantest h5{
margin-top:4px;
}

.handmadeCantest h5,
.handmadeCantest dl,
.handmadeCantest h6{
margin-right:120px;
}
.handmadeCantest h6{
margin-right:100px;
}
.handmadeCantest .map dl,
.handmadeCantest dl dl{
margin-right:0;
}


/* dl */
.handmadeCantest dl{
margin-top:12px;
}
.handmadeCantest dt{
font-weight:bold;
}

/* border */
.handmadeCantest .bg{
padding:19px 22px 19px 22px;
border:solid 3px #f0e3cc;
border-top:0;
}

/* h5 */
.handmadeCantest h5{
padding:10px 16px;
background-color:#f0e3cc;
}

/* h6 */
.handmadeCantest h6{
padding-bottom:16px;
background-image:url(../images/dot_x.gif);
background-repeat:repeat-x;
background-position:0 100%;
}

/* map */
.handmadeCantest .map{
padding-top:15px;
}

.handmadeCantest .map p{
float:left;
width:290px;
}
.handmadeCantest .map .btn,
.handmadeCantest .map dl{
float:right;
width:207px;
}

.handmadeCantest .map dl{
margin-top:0;
margin-bottom:15px;
}
.handmadeCantest .map dt{
padding:1px 5px;
margin-bottom:5px;
background-color:#f0e3cc;
}
.handmadeCantest .map .btn{
margin-top:45px;
text-align:right;
}

.handmadeCantest dt .notes{
color:#c97111;
font-weight:normal;
}


/* -------------- photoWrap02 */
/* bg */

#christmasHandmade .photoSetL,
#christmasHandmade .photoSetR{
background-image:url(../images/handmade_photo_bg.jpg);
background-position: 0 0;
background-repeat:no-repeat;
}

.photoWrap02,
.photoWrap01{
background-image:url(../images/handmade_photo_bg_c.gif);
background-repeat:repeat-y;
background-position: 0 0;
}
.photoWrap02 .bg,
.photoWrap01 .bg{
background-image:url(../images/handmade_photo_bg_btm.jpg);
background-repeat:no-repeat;
background-position: 0 100%;
}

.photoWrap01{
width:270px;
}
.photoWrap02 dl,
.photoWrap01 dl,
.photoWrap02 p,
.photoWrap01 p{
font-size:80%;
}


/* photoSet */
.photoWrap02,
.photoWrap01{
margin-top:20px;
}

#christmasHandmade .photoSetL,
#christmasHandmade .photoSetR{
width:270px;
}
#christmasHandmade .photoSetL{float:left;}
#christmasHandmade .photoSetR{float:right;}

#christmasHandmade .photoSetL .photo,
#christmasHandmade .photoSetR .photo{
float:left;
}
#christmasHandmade .photoSetL p,
#christmasHandmade .photoSetL dl,
#christmasHandmade .photoSetR p,
#christmasHandmade .photoSetR dl{
float:right;
width:145px;
}
#christmasHandmade .photoSetL .photo,
#christmasHandmade .photoSetR .photo{
width:auto;
}
#christmasHandmade .photoSetL .inPosi,
#christmasHandmade .photoSetR .inPosi{
padding:11px;
}

#christmasHandmade .photoSetL dt,
#christmasHandmade .photoSetR dt{
font-weight:bold;
}

/* posi */
.photoTtl{
padding-bottom:5px;
}
#christmasHandmade .photoSetL dd,
#christmasHandmade .photoSetR dd{
margin-top:5px;
}


/* --------------------- book.html */
/* -------- h5 */
#christmasBook h5{
margin-top:27px;
padding-left:30px;
padding-top:5px;
padding-bottom:10px;
clear:both;
border-bottom:solid 1px #344a00;
background-image:url(../images/book_icon.gif);
background-repeat:no-repeat;
background-position:0 0;
}

/* -------- bookLegend */
.bookLegend{
margin-top:20px;
text-align:center;
}

/* -------- bookSet */
.bookSet,
.bookSetEnd{
float:left;
}
.imgBorder{
border:solid 1px #d6d6d6;
}
.bookSet dd,
.bookSetEnd dd{
padding:5px;
border:solid 1px #d6d6d6;
text-align:center;
}
.bookSet p,
.bookSetEnd p{
text-align:center;
}

/* posi */
.bookWrap04a,
.bookWrap04b,
.bookWrap05{
margin-left:15px;
margin-right:10px;
margin-top:28px;
padding-bottom:13px;
}
.bookSet dl,
.bookSetEnd dl{
padding-bottom:5px;
}
.bookSet dt,
.bookSetEnd dt{
padding-left:5px;
padding-bottom:8px;
font-size:5px;
line-height:1em;
}
.bookSet p,
.bookSetEnd p{
margin-top:5px;
}

/* -- bookWrap05 */
.bookWrap05 .bookSet{
width:113px;
}
.bookWrap05 .bookSetEnd{
width:104px;
}

/* posi */
.bookWrap05 .bookSet dl,
.bookWrap05 .bookSet p{
margin-right:9px;
}

/* -- bookWrap04a */
.bookWrap04a .bookSet{
width:144px;
}
.bookWrap04a .bookSetEnd{
width:123px;
}

/* posi */
.bookWrap04a .bookSet dl,
.bookWrap04a .bookSet p{
margin-right:21px;
}

/* -- bookWrap04b */
.bookWrap04b .bookSet{
width:149px;
}
.bookWrap04b .bookSetEnd{
width:110px;
}

/* posi */
.bookWrap04b .bookSet dl,
.bookWrap04b .bookSet p{
margin-right:39px;
}





/* =========================================================  conHead , conFooter / over write */
/* --------------------- conHead , conFooter */
.specialChristmas #conHead ul,
.specialChristmas ul.conFootNav{/* in site links - bg / over wite */
margin-left:7px;
margin-right:7px;
background-color:#fcf4e6;
}
.specialChristmas #conHead ul,
.specialChristmas ul.conFootNav{
padding:11px 15px 1px 10px;
}
.specialChristmas #conHead ul li,
.specialChristmas ul.conFootNav li{
padding:0;/* reset */

display:block;
float:left;
width:228px;
margin-bottom:10px;
background-image:url(../images/bg_link.gif);
background-position:0 0;
text-align:left;
}
.specialChristmas #conHead ul li.top,
.specialChristmas ul.conFootNav li.top{
width:157px;
}

.specialChristmas #conHead ul li a,
.specialChristmas ul.conFootNav li a,
.specialChristmas #conHead li span,
.specialChristmas ul.conFootNav li span{
padding-left:13px;
}


.specialChristmas .conFootNav{
margin-top:13px;
}

/* =========================================================  clear */
.photoWrap01 .bg:after,
.photoWrap02 .bg:after,
.photoSetR .inPosi:after,
.photoSetL .inPosi:after,
.handmadeCantest .map:after,
.bookWrap04b:after,
.bookWrap04a:after,
.bookWrap05:after,
.itemBox .bg:after,
.photoWrap:after,
.leadBox:after,
.subLead:after,
#conHead ul:after,
ul.conFootNav:after,
#indexMenu ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE 6, 7  \*/
*:first-child+html .photoWrap01 .bg,
*:first-child+html .photoWrap02 .bg,
*:first-child+html .photoSetR .inPosi,
*:first-child+html .photoSetL .inPosi,
*:first-child+html .handmadeCantest .map,
*:first-child+html .bookWrap04a,
*:first-child+html .bookWrap04b,
*:first-child+html .bookWrap05,
*:first-child+html .itemBox .bg,
*:first-child+html .photoWrap,
*:first-child+html .leadBox,
*:first-child+html .subLead,
*:first-child+html ul.conFootNav,
*:first-child+html #conHead ul,
*:first-child+html #indexMenu ul{
display:inline-block;
}
*html .photoWrap01 .bg,
*html .photoWrap02 .bg,
*html .photoSetR .inPosi,
*html .photoSetL .inPosi,
*html .handmadeCantest .map,
*html .bookWrap04b,
*html .bookWrap04a,
*html .bookWrap05,
*html .itemBox .bg,
*html .photoWrap,
*html .leadBox,
*html .subLead,
*html ul.conFootNav,
*html #conHead ul,
*html #indexMenu ul{
height:1%;
}

*html .handmadeCantest,
*html .conWrap .conBg{
height:1%;
}
/*\*/

/* macIE5 \ *//*/
.photoWrap01 .bg,
.photoWrap02 .bg,
.photoSetR .inPosi,
.photoSetL .inPosi,
.handmadeCantest .map,
.bookWrap04a,
.bookWrap04b,
.bookWrap05,
.itemBox .bg,
.photoWrap,
.leadBox,
.subLead,
ul.conFootNav,
#conHead ul,
#indexMenu ul{
height:1%;
}
/* end */