@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------


                      style


-----------------------------------------------------------------*/


h1#pagettl {
   background-image: url(../img/story/ttl-story.png);
}

.imgbox {
   margin: 20px 0;
}
.imgbox img {
   margin-right: 10px;
   margin-top: 10px;
}


.img_str_area {
   padding-top:20px;
   padding-bottom:30px;
}

.img_str_area img {
   display: block;
   float: left;
   width: 197px;
   background-color: #000000;
   margin-right: 2px;
   margin-bottom: 2px;
}


.txt_story {
   padding: 0 3px;
   margin-bottom: 20px;
}

.staff_name {
   color:#1e318a;
   padding: 0 3px;
}

/*      記事部分共通       */



.news-cts {
   padding-top: 20px;
}
.news-cts h1.newsttl {
   background-image: url(../img/common/line-newsttl.png);
   background-position: bottom;
   background-repeat: no-repeat;
   padding-bottom: 7px;
   margin: 0;
   margin-bottom: 25px;
}






/*      side       */

#side #side-nav {
   padding-top: 20px;
}

#side #side-nav dd {
   font-size: 13px;
   padding-bottom: 10px;
   font-weight: bold;
}


#side-nav dd span {
   font-size: 10px;
}




#side #side-nav a {
   display: block;
   height: 25px;
   padding-left: 20px;
   line-height: 25px;
   color: #061334;
}
#side #side-nav a:hover {
   background: url(../img/story/side-arrow.png) no-repeat 0 -1px;
   color: #061334;
}








dl.book_list {
   padding-bottom: 30px;
}

dl.book_list dd .image {
   float: left;
   width: 195px;
}
dl.book_list dd .image a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}


dl.book_list dt {
   font-weight: bold;
   font-size: 1.2em;
   padding-top: 30px;
}
dl.book_list dd {
   border-bottom: solid 1px #c1c1c1;
   padding: 20px 0 40px 0;
}
dl.book_list dd .txt {
   float: left;
   width: 580px;
   font-size:13px;
   line-height: 1.6em;
   padding-top: 10px;
}