/* top
---------------------------------------------------------------------------------*/
.intro{
  position:relative;
  width:700px;
  border:0; 
  margin-bottom:30px;
  padding-bottom:70px;
}
.intro h2{
  font-size:24px;
  margin-bottom:20px;
}
.intro img{
  margin-bottom:20px;
}
.intro p{
  font-size:16px;
  line-height:22px;
}
#contents li p{
  padding:1em;
  font-size:14px;
}
#contents li p span{
  font-size:16px;
}
.pr ul{
  overflow:hidden;margin-left:-16px
}
.pr li{
  list-style:none;
  position:relative;
  width:340px;
  height:450px;
  float:left;
  margin-left:16px;
  margin-top:20px;
  margin-bottom:30px;
  border:1px solid;
  border-color:#C0C0C0;
}
.pr li p{
  font-size:16px;
  line-height:22px;
}
.pr li span:last-child{
  position:sbsolute;right:0;bottom:0;color:#999;
}

.gallery ul{
  overflow:hidden;margin-left:-17px
}
.gallery li{
  list-style:none;
  position:relative;
  width:220px;
  height:400px;
  float:left;
  margin-left:17px;
  margin-top:20px;
  margin-bottom:30px;
  border:1px solid;
  border-color:#C0C0C0;
}
.gallery li p{
  font-size:14px;
  line-height:20px;
}
.gallery li a,.pr li a,.intro a{
  position:absolute;left:0;top:0;
  width:100%;
  height:100%;
  z-index:10;
}
.gallery li a span,.pr li a span,.intro a span{
  position:absolute;right:1em;bottom:1em;color:#999;
}
/* btn
----------------------------------------------------------------*/
#contents a span{
  display:inline-block;
  padding:0 1em;
  line-height:2em;
  text-align:center;
  color:#FFF;
  font-weight:bold;
 
  background:#CCC;
  border-radius:10px;
}
#contents a span:hover{
  background:#DDD;
}

/* store all item
----------------------------------------------------------------*/
.medama{
  font-weight:bold;
}
.medama span{
  font-weight:bold;
  color:#C66;
}

.gh3 img{
  float:left;
  margin-right:15px;
  width:20px;
}
.gh3 {
  overflow:hiedden;
   border-top:solid 2px #C0C0C0;
   border-bottom:solid 3px #C0C0C0;
  padding:10px 0;
}
.gh3 h3{
  margin-bottom:2px;
}
.gh3 p{
  color:#444;
}

.header_block .icon_c{
  overflow:hidden; 
}
.header_block .icon_c img{
  width:50px;
  display:inline-block;
  vertical-align:middle;
}
.header_block .icon_c h3{
  display:inline-block;
  vertical-align:middle;
  color:#8b0000;
  font-size:24px;
}
.shelf{
  width:700px;
  margin-left:0 auto;
}
.gitem{
  overflow:hidden;
  border-bottom:solid 1px #C0C0C0;
  padding-top:30px;
  padding-bottom:30px;
}
.shelf h4{
  margin:1em 0px;
  font-size:120%;
  border-bottom:solid 2px #C0C0C0;
  padding:1em 0 ;
}
.shelf h5{
    margin-left:180px;
  margin-bottom:14px;
  font-size:16px;
}
.gitem p{
  font-size:14px;
  line-height:1.5em;
    margin-left:180px;
  color:#444;
}
.gitem p a{
  text-decoration:underline;
  color:#C66;
}
.gitem p a:hover{
  text-decoration:none;
}
.gitem img{
  float:left;
 width:160px;
  border:1px solid #C0C0C0;
}