@charset "EUC-JP";
/* CSS Document */


/* 2冊 */
#books { width: 700px; height: auto;margin: 10px 0 100px 180px;	text-align: center;}

#books .books_left { width: 350px; height: auto;	float: left; }
#books .books_right { width: 350px; height: auto;	float: left; }
#books .books_left a { width: 350px; height: 410px; background: url(0911_xmas/books_green.jpg) top left no-repeat; text-indent: -9999px; display: block;}
#books .books_right a { width: 350px; height: 410px; background: url(0911_xmas/books_red.jpg) top left no-repeat; text-indent: -9999px; display: block;}
#books .books_left p {padding: 0 20px 0 110px;  color: #589757;} 
#books .books_right p {padding: 0 0 0 10px; color: #CC5637;} 


/* 目次 */
#page {
width: auto; height: auto;  text-align: right;  margin-right: 80px; margin-bottom:10px;
font-family: georgia,serif; font-size:8pt; color: #CC5637;
 } 
#page a {margin:0 5px; color:#BDA771;}
#page a:hover {color: #CC5637;}
#page .number {margin:0 5px; }

/* to Top*/
.tobillet a {width: 800px; height: 85px;  margin: 30px 0 50px 140px;
background: url(../present/img/tobillet.gif) top center no-repeat; text-indent: -9999px; display: block; overflow: hidden;}
.tobillet a:hover {background-position: 0pt 5px;}


/* クリスマスパーティー */
#book2 { width: 1020px; height: 610px; background: url(0911_xmas/book2.jpg) no-repeat; position: relative;}
#book2 a, #book2 a:visited  {color:#BDA771;}
#book2 a:hover {color:#CC5637; text-decoration:none;}
/* 1 */
.book_01_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}

h2.title2 { width: 345px; height: 207px;	margin: 0 0 0 18px; background: url(0911_xmas/title2.jpg) no-repeat; text-indent: -9999px; }

.book_2_01_r  { width: 360px; height: 500px; position: absolute; left: 570px; top: 55px; }
.book_2_01_r a { width: 360px; height: 360px; background: url(0911_xmas/2_01_r.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_01_r a:hover  {opacity:0.8;}


/* 2 */
.book_2_02_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_2_02_l a { width: 360px; height: 360px; background: url(0911_xmas/2_02_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_02_l a:hover {opacity:0.8;}

.book_2_02_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_2_02_r a { width: 360px; height: 360px; background: url(0911_xmas/2_02_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_02_r a:hover {opacity:0.8;}


/* 3 */
.book_2_03_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_2_03_l a { width: 360px; height: 360px; background: url(0911_xmas/2_03_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_03_l a:hover {opacity:0.8;}

.book_2_03_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_2_03_r a { width: 360px; height: 360px; background: url(0911_xmas/2_03_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_03_r a:hover {opacity:0.8;}


/* 4 */
.book_2_04_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_2_04_l a { width: 360px; height: 360px; background: url(0911_xmas/2_04_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_04_l a:hover {opacity:0.8;}

.book_2_04_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_2_04_r a { width: 360px; height: 360px; background: url(0911_xmas/2_04_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_2_04_r a:hover {opacity:0.8;}



/* 森の小人のクリスマス */
#book { width: 1020px; height: 610px;	background: url(0911_xmas/book.jpg) no-repeat; position: relative;}
#book a, #book a:visited  {color:#BDA771;}
#book a:hover {color:#CC5637; text-decoration:none;}
/* 1 */
.book_01_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}

h2.title { width: 345px; height: 207px;	margin: 0 0 0 18px; background: url(0911_xmas/title.jpg) no-repeat; text-indent: -9999px; }

h3.caption_top {
margin: 30px 0 20px 20px; 
font-family: serif; font-size:9pt;  line-height: 180%;
}

.caption_small { margin: 0 0 0 18px; font-size:7pt; color: #589757;}

.book_01_r  { width: 360px; height: 500px; position: absolute; left: 570px; top: 55px; }
.book_01_r a { width: 360px; height: 360px; background: url(0911_xmas/01_r.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_01_r a:hover  {opacity:0.8;}


/* 2 */
.book_02_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_02_l a { width: 360px; height: 360px; background: url(0911_xmas/02_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_02_l a:hover {opacity:0.8;}

.book_02_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_02_r a { width: 360px; height: 360px; background: url(0911_xmas/02_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_02_r a:hover {opacity:0.8;}


/* 3 */
.book_03_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_03_l a { width: 360px; height: 360px; background: url(0911_xmas/03_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_03_l a:hover {opacity:0.8;}

.book_03_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_03_r a { width: 360px; height: 360px; background: url(0911_xmas/03_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_03_r a:hover {opacity:0.8;}


/* 4 */
.book_04_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_04_l a { width: 360px; height: 360px; background: url(0911_xmas/04_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_04_l a:hover {opacity:0.8;}

.book_04_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_04_r a { width: 360px; height: 360px; background: url(0911_xmas/04_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_04_r a:hover {opacity:0.8;}


/* 5 */
.book_05_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_05_l a { width: 360px; height: 360px; background: url(0911_xmas/05_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_05_l a:hover {opacity:0.8;}

.book_05_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_05_r a { width: 360px; height: 360px; background: url(0911_xmas/05_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_05_r a:hover {opacity:0.8;}


/* 6 */
.book_06_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_06_l a { width: 360px; height: 360px; background: url(0911_xmas/06_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_06_l a:hover {opacity:0.8;}

.book_06_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_06_r a { width: 360px; height: 360px; background: url(0911_xmas/06_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_06_r a:hover {opacity:0.8;}


/* 7 */
.book_07_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_07_l a { width: 360px; height: 360px; background: url(0911_xmas/07_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_07_l a:hover {opacity:0.8;}

.book_07_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_07_r a { width: 360px; height: 360px; background: url(0911_xmas/07_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_07_r a:hover {opacity:0.8;}


/* 8 */
.book_08_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_08_l a { width: 360px; height: 360px; background: url(0911_xmas/08_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_08_l a:hover {opacity:0.8;}

.book_08_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_08_r a { width: 360px; height: 360px; background: url(0911_xmas/08_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_08_r a:hover {opacity:0.8;}


/* 9 */
.book_09_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_09_l a { width: 360px; height: 360px; background: url(0911_xmas/09_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_09_l a:hover {opacity:0.8;}

.book_09_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_09_r a { width: 360px; height: 360px; background: url(0911_xmas/09_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_09_r a:hover {opacity:0.8;}


/* 10 */
.book_10_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_10_l a { width: 360px; height: 360px; background: url(0911_xmas/10_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_10_l a:hover {opacity:0.8;}

.book_10_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_10_r a { width: 360px; height: 360px; background: url(0911_xmas/10_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_10_r a:hover {opacity:0.8;}


/* 11 */
.book_11_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_11_l a { width: 360px; height: 360px; background: url(0911_xmas/11_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_11_l a:hover {opacity:0.8;}

.book_11_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_11_r a { width: 360px; height: 360px; background: url(0911_xmas/11_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_11_r a:hover {opacity:0.8;}


/* 12 */
.book_12_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_12_l a { width: 360px; height: 360px; background: url(0911_xmas/12_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_12_l a:hover {opacity:0.8;}

.book_12_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 55px; }
.book_12_r a { width: 360px; height: 360px; background: url(0911_xmas/12_r.jpg)  no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_12_r a:hover {opacity:0.8;}


/* 13 */
.book_13_l { width: 360px; height: auto; position: absolute; left: 125px; top: 55px;	}
.book_13_l a { width: 360px; height: 360px; background: url(0911_xmas/13_l.jpg) no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
.book_13_l a:hover {opacity:0.8;}

.book_13_r  { width: 360px; height: auto; position: absolute; left: 570px; top: 200px; }





/* 共通 */
p.caption {
padding: 20px 0 0 0; margin: 0; text-align: center;
font-family: serif; font-size:8pt; 
}

h3.item_name {width: 360px; height: 20px;  text-align: right; margin: 3px 0 0 0;}
h3.item_name a {width: 360px; height: 20px; background: none; display: inline;
font-size: 7pt; text-indent: 0; padding: 0; margin: 0 0 0 10px;}
h3.item_name a:hover {opacity:1;  }


p.prev {width: 60px; height: 33px; position: absolute; bottom:37px; left:890px; }
p.prev a {width: 60px; height: 33px; background: url(0911_xmas/prev.jpg) top left no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
p.prev a:hover {background: url(0911_xmas/prev_o.jpg) top left no-repeat;}

p.next {width: 60px; height: 33px; position: absolute; bottom:70px; left:890px; }
p.next a {width: 60px; height: 33px; background: url(0911_xmas/next.jpg) top left no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
p.next a:hover {background: url(0911_xmas/next_o.jpg) top left no-repeat;}

p.nextonly {width: 32px; height: 30px; position: absolute; bottom:43px; left:908px; }
p.nextonly a {width: 32px; height: 30px; background: url(0911_xmas/nextonly.jpg) top left no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
p.nextonly a:hover {background: url(0911_xmas/nextonly_o.jpg) top left no-repeat;}

p.prevonly {width: 32px; height: 30px; position: absolute; bottom:43px; left:915px; }
p.prevonly a {width: 32px; height: 30px; background: url(0911_xmas/prevonly.jpg) top left no-repeat;
text-indent: -9999px; display: block;  overflow: hidden;}
p.prevonly a:hover {background: url(0911_xmas/prevonly_o.jpg) top left no-repeat;}





/* item*/
.xmasitem img { margin:60px auto 0 140px; }
p.item_category { margin:60px auto 10px 140px; color: #CC5637; font-family: serif; font-weight: bold;}

#kanren-item-box .inner {
	width: 780px;
	padding:10px 0 0 50px;
	margin:0 auto 10px auto;
}

.kanren-item {
	width:85px;
	float:left;
	margin-top: 5px;
}

kanren-item .inner {
	padding:20px 0 0 0;
}

.kanren-item h4 {
	font-size:72%;
	line-height:120%;
	padding:5px 0 5px 0;
	width:70px;
}


.kanren-item img {
	border:1px solid #CCCCCC;
}

.kanren-item a:hover img {
	border:1px solid #B2D6D3;
}