/*
 *  qb-style.css
 */

#q-book-content,
#q-book-content-a{
  width:600px;
  }

.clr{
  clear:both;
  width:1px;
  height:0;
  line-height:0;
  overflow:hidden;
  }

#q-book-content img,#q-book-content-a img{ display:block;border:0; }

#q-book-content-a h2,#q-book-content h2,#q-book-content h3,#q-book-content h4{
  margin:0;
  padding:0;
  }

#q-book-content .text2{ font-size:83.3%; }


/* ------------------------------------------------------------------------------------------------
 * top
 */

#q-book-content h3.top_sttl01{
  margin:3px 0;
  }
#q-book-content h3.top_sttl02{
  margin:0 0 8px 0;
  }

#q-book-content div.cg_btn_area{
  width:600px;
  padding:7px 0 0 0;
  margin-bottom:15px;
/*  border-bottom:solid 1px #d5d0cc; */
  }
#q-book-content div.cg_btn_area ul{
  list-style:none;
  margin:0;
  padding:0;
  }
#q-book-content div.cg_btn_area li{
  width:190px;
  height:auto;
  padding:0 15px 10px 0;
  float:left;
  }
#q-book-content div.cg_btn_area li.mg0{
  padding-right:0;
  }

#q-book-content div.cg_btn_area li ul.lst01,
#q-book-content div.cg_btn_area li ul.lst02,
#q-book-content div.cg_btn_area li ul.lst03{
  padding:4px 0 0 12px;
  }
#q-book-content div.cg_btn_area li ul.lst02{
  width:70px;
  float:left;
  }
#q-book-content div.cg_btn_area li ul.lst03{
  width:96px;
  float:left;
  }

#q-book-content div.cg_btn_area li li{
  width:155px;
  padding:0 0 0 19px;
  font-size:85.7%;
  line-height:1.3;
  border-left:solid 1px #999;
  background:url(/library/image/img_qbook/qb_cur01.gif) no-repeat 11px 6px;
  float:none;
  }

#q-book-content div.cg_btn_area li li li{
  width:140px;
  padding:0 0 0 14px;
  font-size:100%;
  line-height:1.3;
  border:0;
  background:url(/library/image/img_qbook/qb_cur01.gif) no-repeat 6px 6px; 
  }

#q-book-content div.cg_btn_area ul.lst02 li{ width:50px; }
#q-book-content div.cg_btn_area ul.lst03 li{ width:77px;border:0; }

#q-book-content div.cg_btn_area li li a{
  color:#333;
  }
#q-book-content div.cg_btn_area li li a:visited{
  color:#0060c0;
  }
#q-book-content div.cg_btn_area li li a:hover{
  color:#333;
  text-decoration:underline;
  }

#q-book-content div.qbook_topics{
  width:600px;
  margin-bottom:20px;
  background:url(/library/image/img_qbook/qb_top_area_bg.gif) repeat-y 0 0;
  }
#q-book-content div.qbook_topics div.inner{
  width:600px;
  padding:0 0 10px 0;
  background:url(/library/image/img_qbook/qb_top_area_btm.gif) no-repeat 0 100%;
  }

#q-book-content div.qbook_topics .newbook{
  width:570px;
  padding:7px 15px 0 15px;
  }
#q-book-content div.qbook_topics .newbook .pic{
  width:120px;
  float:left;
  }
#q-book-content div.qbook_topics .newbook .pic img{
  margin:0 auto;
  }
#q-book-content div.qbook_topics .newbook .topics_body{
  width:440px;
  padding:0 0 0 10px;
  float:left;
  }
#q-book-content div.qbook_topics .newbook .topics_body p.date{
  margin:0;
  font-size:85.7%;
  font-weight:bold;
  color:#f90;
  }
#q-book-content div.qbook_topics .newbook .topics_body h4{
  width:440px;
  margin:0;
  padding:0 0 3px 0;
  font-size:85.7%;
  background:url(/library/image/img_qbook/qb_top_dotline.gif) repeat-x 0 100%;
  }
#q-book-content div.qbook_topics .newbook .topics_body p.intro{
  margin:0;
  padding:7px 0 0 0;
  font-size:85.7%;
  line-height:1.3;
  }

#q-book-content div.qbook_topics .newbook .topics_body h4 a{
  color:#000;
  }
#q-book-content div.qbook_topics .newbook .topics_body h4 a:visited{
  color:#0060c0;
  }
#q-book-content div.qbook_topics .newbook .topics_body h4 a:hover{
  color:#000;
  text-decoration:underline;
  }

#q-book-content div.top_txt{
  width:282px;
  padding:0 0 27px 12px;
  float:left;
  }
#q-book-content div.top_txt h4{
  font-size:85.7%;
  margin-bottom:4px;
  }
#q-book-content div.top_txt p{
  margin:0;
  padding:0 0 5px 13px;
  font-size:85.7%;
  line-height:1.5;
  }
#q-book-content div.top_txt p.jisage{
  padding-left:1.3em;
  text-indent:-0.5em;
  }


/* ------------------------------------------------------------------------------------------------
 * common menu
 */

#q-book-content-a div.cg_btn_area_comm{
  width:600px;
  margin:0 0 18px 0;
  padding:0;
  }

#q-book-content-a div.cg_btn_area_comm ul{
  list-style:none;
  margin:0;
  padding:0;
  }
#q-book-content-a div.cg_btn_area_comm li{
  width:200px;
  height:26px;
  float:left;
  }
#q-book-content-a div.cg_btn_area_comm ul{
  background:#fff;
  }

#q-book-content-a div.cg_btn_area_comm li.off4 ul.lst01,
#q-book-content-a div.cg_btn_area_comm li.off5 ul.lst01,
#q-book-content-a div.cg_btn_area_comm li.off6 ul.lst01{
  display:none;
  }

#q-book-content-a div.cg_btn_area_comm li.on4,
#q-book-content-a div.cg_btn_area_comm li.on5,
#q-book-content-a div.cg_btn_area_comm li.on6{
  position:relative;
  }
#q-book-content-a div.cg_btn_area_comm li.on4 ul.lst01,
#q-book-content-a div.cg_btn_area_comm li.on5 ul.lst01,
#q-book-content-a div.cg_btn_area_comm li.on6 ul.lst01{
  position:absolute;
  top:26px;
  left:0;
  z-index:10;
  }

#q-book-content-a div.cg_btn_area_comm ul.lst01 li{
  width:175px;
  height:auto;
  padding:1px 0 0 23px;
  font-size:85.7%;
  line-height:1.3;
  background:url(/library/image/img_qbook/qb_cur01.gif) no-repeat 13px 6px;
  border-left:solid 1px #e0e0e0;
  border-right:solid 1px #e0e0e0;
  border-bottom:solid 1px #e0e0e0;
  }
#q-book-content-a div.cg_btn_area_comm ul.lst01 li li{
  width:160px;
  padding:0 0 0 15px;
  font-size:100%;
  line-height:1.3;
  background:url(/library/image/img_qbook/qb_cur01.gif) no-repeat 5px 4px;
  border:0;
  }
#q-book-content-a div.cg_btn_area_comm ul.lst01 li a,
#q-book-content-a div.cg_btn_area_comm ul.lst01 li a:visited{
  color:#333;
  }
#q-book-content-a div.cg_btn_area_comm ul.lst01 li a:hover{
  color:#333;
  text-decoration:underline;
  }


/* ------------------------------------------------------------------------------------------------
 * category
 */

#q-book-content .subnavi{
  width:496px;
  margin:0 auto;
  padding:2px 0 0 0;
  }

#q-book-content .subnavi ul{
  list-style:none;
  margin:0;
  padding:0;
  }
#q-book-content .subnavi ul ul{
  width:260px;
  float:left;
  }

#q-book-content .subnavi li{
  float:left;
  padding:4px 2px 0 2px;
  }

/*
#q-book-content .subnavi li.nuclear{
  padding-left:58px;
  }
*/

#q-book-content .subnavi li li{
  padding:0;
  }
#q-book-content .subnavi li img{
  float:left;
  }

#q-book-content .category_area{
  width:570px;
  margin:0 auto;
  padding:25px 0 10px 0;
  text-align:left;
}
#q-book-content .category_area .p1{
  width:180px;
  padding:0 5px 8px 5px;
  float:left;
  text-align:center;
  }
#q-book-content .category_area .p1 img{
  display:block;
  margin:0 auto 2px auto;
  }

#q-book-content .category_area .p1 p.text{
  clear:both;
  margin:0;
  padding:3px 0 0 0;
  font-size:85.7%;
  line-height:1.2;
  }
#q-book-content .category_area .clr_dotline{
  clear:both;
  width:570px;
  height:10px;
  border-top:dashed 1px #999;
  }

#q-book-content .category_area p.btns{
  width:153px;
  margin:0;
  padding:0 0 0 27px;
  }

#q-book-content .category_area .p1 .btns a.descript,
#q-book-content .category_area .p1 .btns a:visited.descript,
#q-book-content .category_area .p1 .btns a:hover.descript{
  display:block;
  width:62px;
  height:16px;
  margin-right:2px;
  text-indent:-999em;
  background:url(/library/image/img_qbook/qb_cg_btn_descript.gif) no-repeat 0 0;
  float:left;
  }

#q-book-content .category_area .p1 a.view,
#q-book-content .category_area .p1 a:visited.view,
#q-book-content .category_area .p1 a:hover.view{
  display:block;
  width:62px;
  height:16px;
  margin:2px auto 0 auto;
  text-indent:-999em;
  background:url(/library/image/img_qbook/qb_cg_btn_view.gif) no-repeat 0 0;
  }

#q-book-content .category_area .p1 .btns a.view,
#q-book-content .category_area .p1 .btns a:visited.view,
#q-book-content .category_area .p1 .btns a:hover.view{
  display:block;
  width:62px;
  height:16px;
  margin:0 2px 0 0;
  text-indent:-999em;
  background:url(/library/image/img_qbook/qb_cg_btn_view.gif) no-repeat 0 0;
  float:left;
  }

#q-book-content h3.comm_sttl{
  margin:0;
  padding:4px 0 4px 23px;
  font-size:100%;
  line-height:1.1;
  background:#F5F7EE url(/library/image/img_qbook/qb_bg_sttl.gif) no-repeat 5px 50%;
  border-top:solid 1px #E7E9D8;
  border-bottom:solid 1px #E7E9D8;
  }

/* ------------------------------------------------------------------------------------------------
 * detail
 */

#q-book-content div.dtl_pic{
  width:230px;
  padding-top:25px;
  text-align:center;
  float:left;
  }
#q-book-content div.dtl_pic img{
  border:solid 1px #b0b0b0;
  margin:0 auto;
  }

#q-book-content div.dtl_txt{
  width:370px;
  padding:25px 0 25px 0;
  float:right;
  }

#q-book-content div.dtl_txt .ttl{
  width:370px;
  padding:2px 0 0 0;
  background:url(/library/image/img_qbook/qb_dtl_cap_top.gif) no-repeat 0 0;
  }
#q-book-content div.dtl_txt .ttl .inner{
  width:370px;
  padding:0 0 2px 0;
  background:url(/library/image/img_qbook/qb_dtl_cap_btm.gif) no-repeat 0 100%;
  }
#q-book-content div.dtl_txt div.ttl div.inner h4{
  padding:0 0 0 5px;
  font-size:116%;
  line-height:1.2;
  border-left:solid 5px #f90;
  }

#q-book-content div.dtl_txt p.outline{
  margin:2px 0 10px 0;
  font-size:85.7%;
  line-height:1.2;
  text-align:right;
  }

#q-book-content div.dtl_txt p.txt_body{
  margin:0 0 20px 0;
  font-size:85.7%;
  line-height:1.4;
  }

#q-book-content div.dtl_txt ul{
  list-style:none;
  margin:0;
  padding:0;
  }
#q-book-content div.dtl_txt li{
  padding:2px 0 2px 14px;
  font-size:85.7%;
  line-height:1.1;
  background:url(/library/image/img_qbook/qb_ico_list.gif) no-repeat 0 3px;
  }

#q-book-content div.dtl_txt div.view_btn{
  padding-top:22px;
  text-align:center;
  font-size:85.7%;
  line-height:1.2;
  color:#454545;
  }
#q-book-content div.dtl_txt div.view_btn img{
  display:inline;
  margin-bottom:2px;
  }