/*-------------------------------------------------------------- Appendix
*/

.Appendix div.Main-Box-Header {
  background: url('./images/appendix_header.jpg') no-repeat left top;
}

.Appendix h2 {
  display: none;
}

.Appendix-Menu {
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_menu_bg.png') no-repeat;
  width: 344px;
  height: 48px;
  margin: 0 auto;
  overflow: hidden;
}

.Appendix-Menu ul {
  margin: 5px 0 0 36px;
}

.Appendix-Menu li {
  list-style: none;
  float: left;
}

.Appendix-Menu a {
  display: block;
  width: 136px;
  height: 34px;
  margin-right: 1px;
  text-indent: -1000em;
  overflow: hidden;
}

/*-------------------------------------------------------------- Box
*/

.World2 h3 {
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_header_world.jpg') no-repeat;
  display: block;
  width: 704px;
  height: 48px;
  margin: 0 auto 12px;
  text-indent: -1000em;
  overflow: hidden;
}

.Ap-Box {
  position: relative;
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_box_bg.gif') repeat-y;
  width: 648px;
  margin: 0 auto 12px;
  padding: 32px 16px 32px 32px;
  overflow: hidden;
}

.Ap-BoxA {
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_box_imgbg.gif') no-repeat left bottom;
  width: 648px;
  overflow: hidden;
  vertical-align: top;
}

.Ap-Box h4 {
  color: #523e20;
  font-size: 90.9%;
  text-align: left;
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_border01.gif') no-repeat center bottom;
  width: 464px;
  margin: 0 auto 4px;
  padding: 0 8px 8px 8px;
  float: right;
}

.Ap-Box p {
  color: #2c2824;
  font-size: 90.9%;
  text-align: left;
  width: 464px;
  margin: 0 auto;
  padding: 0 8px 4px 8px;
  float: right;
}

.Ap-Box img {
  float: left;
}


.Ap-Box .Top {
  position: absolute;
  left: 0;
  top: 0;
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_box_top01.gif') no-repeat left top;
  width: 696px;
  height: 40px;
  overflow: hidden;
}

.Ap-Box .Bot {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('http://www.caramel-box.com/products/bokuraku/css/images/appendix_box_bottom01.gif') no-repeat left top;
  width: 696px;
  height: 40px;
  overflow: hidden;
}

/*-------------------------------------------------------------- Box-Bann
*/

.Box-Bann {
  margin: 16px auto;
}
.Box-Bann a {
  display: block;
  width: 696px;
  margin: 12px auto;
  overflow: hidden;
}

/*-------------------------------------------------------------- Web Manga
*/

#Manga {
  width: 680px;
  margin: 0 auto;
  overflow: hidden;
}

#Manga .Menu {
  background: url('./images/omake_manga_menu_base.jpg') no-repeat;
  width: 680px;
  height: 208px;
  margin-bottom: 12px;
  overflow: hidden;
}

#Manga .Menu ul {
  margin: 88px 0 0 192px;
}

#Manga .Menu li {
  width: 296px;
  overflow: hidden;
  list-style: none;
  float: left;
}

#Manga .Menu li a {
  display: block;
  width: 296px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}

#Manga .Menu li a:hover {
  background-position: left bottom;
}

#Mng01 a {background: url('./images/omake_manga_menu01.jpg') no-repeat;}
#Mng02 a {background: url('./images/omake_manga_menu02.jpg') no-repeat;}
#Mng03 a {background: url('./images/omake_manga_menu03.jpg') no-repeat;}

#Manga .Manga {
  overflow: hidden;
  margin-bottom: 12px;
}