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


@media screen {

/*
 デフォルトスタイルのリセット
*/


html, body,
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, li, ol, dl, dt, dd,
address, blockquote {
  margin: 0;
  padding: 0;
  text-align: left; 
  display: block;
}
table {
  margin : 0;
  empty-cells: show;
  border-collapse:collapse;
  border-spacing: 0;
}
th, td {
  padding: 0;
  text-align: left; 
}
hr.separator, .areaAnchor, {
  display : none;
}
img {
  border: none;
}
li {
  list-style: none;
}

/* body *
-------------------------------------------- */
body,td,th {
 font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
 color: #ffffff;
 font-size:12px;
 line-height:160%;
 background-color: #000000;
 text-align:center;
 margin:0;
 padding:0;
}

img {
 border:0;
 border-bottom-style:none;
}

a:link {
 color: #FFFFFF;
 text-decoration: none;
}

a:visited {
 text-decoration: none;
 color: #FFFFFF;
}

a:hover {
 text-decoration: none;
 color: #FF0000;
}

a:active {
 text-decoration: none;
}

#contents a:link {
 color: #000000;
 text-decoration: underline;
}
 
#contents a:visited {
 color: #000000;
 text-decoration: underline;
}

#contents a:hover {
 text-decoration: none;
 color: #FF0000;
}

.popup_link {
 color:#FF0000;
 text-decoration:none;
}

#contents .popup_link a:link {
 text-decoration: none;
 color: #FF0000;
}
#contents .popup_link a:visited {
 text-decoration: none;
 color: #FF0000;
}
#contents .popup_link a:hover {
 text-decoration: none;
 color: #FF0000;
}
#contents .popup_link a:active {
 text-decoration: none;
 color: #FF0000;
}
 
/* contener
-------------------------------------------- */
#contener {
 width:860px;
 height:100%;
 padding:0px;
 text-align:center;
 margin: 0px auto;
}

/* header
-------------------------------------------- */
#header {
 width:860px;
 height:164px;
 text-align:left;
}

/* navi
-------------------------------------------- */
#navi {
 margin:0px 0px 15px 200px;
 text-align:left;
}

/* left_menu
-------------------------------------------- */
#left_menu {
 width:200px;
 text-align:left;
 float:left;
}

/* home_contents
-------------------------------------------- */
#home_contents {
 margin:0px 0px 0px 0px;
 padding:0px 0px 40px 0px;
 width:860px;
 height:100%;
 color:#ffffff;
 text-align:left;
 line-height:160%;
 border-bottom:1px solid #666666;
}
 #home_contents:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 
#home_banner01 {
 float:left;
 width:620px;
 height:300px;
}

#home_banner02 {
 float:left;
 width:240px;
 height:300px;
}

#home_news {
 float:left;
 width:390px;
 height:100%;
 padding:30px 0px 0px 0px;
}

.news_line {
 width:390px;
 height:100%;
 padding:16px 0px;
 border-bottom:1px dotted #666666;
}
 .news_line:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
.news_line-last {
 width:390px;
 height:100%;
 padding:16px 0px;
}
 .news_line-last:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
.news_01 {
 float:left;
 width:52px;
 height:100%;
 margin:0px;
 padding:0px;
 color:#FF0000;
}

.news_02 {
 float:left;
 width:328px;
 height:100%;
 margin:0px 0px 0px 10px;
 padding:0px;
}
 

#home_pickup {
 float:left;
 width:210px;
 height:100%;
 margin-left:20px;
 padding:30px 0px 0px 0px;
}
 
.pickup_line {
 width:210px;
 height:100%;
 margin-bottom:10px;
 padding:5px 0 10px 0;
 border-bottom:1px dotted #666666;
}
 .pickup_line:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 } 
.pickup_line-last {
 width:210px;
 height:100%;
 padding:5px 0 10px 0;
}

.pickup_01 {
 float:left;
 width:60px;
}

.pickup_02 {
 float:left;
 width:140px;
 margin-left:10px;
}
 

#home_banner {
 float:left;
 width:220px;
 height:100%;
 margin:30px 0 0 20px;
 _margin:30px 0 0 18px;
 padding:0px 0px 0px 0px;
}
 
 #right_banner {
  list-style-type:none;
  margin-top:15px;
  padding:0;
 }
  #right_banner li {
   margin-bottom:15px;
   padding:0;
  }
 
#hr100 {
 clear:both;
 width:860px;
 margin:0px auto;
 padding:0px 0px 0px 0px;
}
 
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #cccccc; /* 線色 */
   height: 1px; /* 高さ */
   }

/* contents 
-------------------------------------------- */
#contents {
 margin:0px 0px 0px 0px;
 padding:15px 15px 50px 15px;
 background-color:#FFFFFF;
 color:#000000;
 width:630px;
 height:100%;
 text-align:left;
 float:right;
}

#conts_title {
 width:630px;
 background-image:url(../../img/title_book.gif);
 background-position:right top;
 background-repeat:no-repeat;
 padding:0px 0px 0px 0px;
 margin:0px 0px 15px 0px ;
}

.title_bar {
 margin:0px 0px 5px 0px ;
}
 
.conts_width {
 width:630px;
 min-height:140px;
 height:100%;
 padding:0px 0px 0px 0px;
 margin:15px 0px 10px 0px ;
}

.conts_width_left {
 float:left;
 padding:0px 0px ;
 width:315px;
}

.conts_width_right {
 float:right;
 padding:0px 0px ;
 width:315px;
}

.book_img {
 float:left;
 width:97px;
 margin:0px 0px 0px 0px;
}

.book_words {
 float:left;
 width:205px;
 margin:0px 0px 0px 0px;
}

.bookname {
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-weight: bold;
 line-height:130%;
}

.b01 {
 float:left;
 width:auto;
 height:124px;
 background-image:url(../../img/shadow_btm01.gif);
 background-position:left bottom;
 background-repeat:repeat-x;
}

.b02 {
 float:left;
 width:6px;
}

.hr305 {
 clear:both;
 width:305px;
 padding:0px 0px 0px 0px;
}

#anotherpage {
 width:97%;
 text-align:center;
 padding:0px 0px;
}
 
#anotherpage a {
 font-weight:bold;
}

.clear_space {
 clear:right;
 padding:0px;
 margin:10px 0px 0px 0px; 
}

.clear_space0 {
 clear:both;
 padding:0px;
 margin:0px; 
}
  
 
/* 単行本・ムック */

#index_title {
 width:630px;
 background-image:url(../../img/title_pickupbook.gif);
 background-position:right top;
 background-repeat:no-repeat;
}

.index_width {
 min-height:200px;
 width:600px;
 padding:15px 0px 0px 15px;
 margin:10px 0px 0px 0px;
}
 
.bookname_big {
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:16px;
 font-weight: bold;
 line-height:180%;
}
 
.book_img02 {
 float:left;
 width:120px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
 
.rec_img01 {
 float:left;
 width:auto;
 height:156px;
 background-image:url(../../img/shadow_btm01.gif);
 background-position:left bottom;
 background-repeat:repeat-x;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.rec_img02 {
 float:left;
 width:6px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.book_words02 {
 float:right;
 width:480px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
 
.index_hr630 {
 clear:right;
 width:630px;
 height:3px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}



/* sitemap 
-------------------------------------------- */

#sitemap_contents {
 margin:0px 0px 0px 200px;
 padding:15px 0px 30px 15px;
 background-color:#000000;
 color:#ffffff;
 text-align:left;
}
 
#sitemap_contents a:link {
 color:#ffffff;
}
 
#sitemap_contents a:visited {
 color:#ffffff;
}
 
#sitemap_contents a:hover {
 color: #ff0000;
}
 
#sitemap_contents a:active {
 color: #ff0000;
}
 
#sitemap_titlebg{
 width:630px;
 background-image:url(../../img/title_sitemap.gif);
 background-position:right top;
 background-repeat:no-repeat;
 padding:50px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}
 
#sitemap_titlebg .no_print {
 display:none;
}

.sitemap_line {
 width:630px;
 background-image:url(../../img/bg_sitemap.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 padding:35px 0px 10px 15px;
}


/* -------------------------------------------
 t_m , monthly , sitemap titleimage for print
----------------------------------------------  */

.print_title {
 display:none;
} 

.print_title_pickup {
 display:none;
}


/* footer
-------------------------------------------- */
#footer {
 clear:both;
 width:860px;
 height:52px;
 text-align:center;
 margin:0px auto 20px auto;
 padding:20px 0px;
 font-size:11px;
}
 #footer_box {
  width:550px;
  margin:0 auto;
  text-align:left;
 }
/* text
-------------------------------------------- */

.navi_red {
 color: #FF0000;
}

}



  
 /* For Print
 ======================================================== */

 @media print {

/*
 デフォルトスタイルのリセット
*/


html, body,
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, li, ol, dl, dt, dd,
address, blockquote {
  margin: 0;
  padding: 0;
  text-align: left; 
  display: block;
}
table {
  margin : 0;
  empty-cells: show;
  border-collapse:collapse;
  border-spacing: 0;
}
th, td {
  padding: 0;
  text-align: left; 
}
hr.separator, .areaAnchor, .anchor {
  display : none;
}
img {
  border: none;
}
li {
  list-style: none;
}

/* body
-------------------------------------------- */

body,td,th {
 font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
 color: #ffffff;
 font-size:12px;
 line-height:160%;
 background-color: #000000;
 text-align:center;
 margin:0;
 padding:0;
 }

img {
 border:0;
 border-bottom-style:none;
 }

a:link {
 color: #FFFFFF;
 text-decoration: none;
 }

a:visited {
 text-decoration: none;
 color: #FFFFFF;
 }

a:hover {
 text-decoration: none;
 color: #FF0000;
 }

a:active {
 text-decoration: none;
 }

#contents a:link {
 color: #000000;
 text-decoration: underline;
 }
 
#contents a:visited {
 color: #000000;
 text-decoration: underline;
 }
#contents a:hover {
 text-decoration: none;
 color: #FF0000;
 }

.popup_link {
color:#FF0000;
text-decoration:none;
}

#contents .popup_link a:link {
 text-decoration: none;
 color: #FF0000;
 }
#contents .popup_link a:visited {
 text-decoration: none;
 color: #FF0000;
 }
#contents .popup_link a:hover {
 text-decoration: none;
 color: #FF0000;
 }
#contents .popup_link a:active {
 text-decoration: none;
 color: #FF0000;
 }


/* contener
-------------------------------------------- */
#contener {
 width:860px;
 height:100%;
 text-align:left;
 padding:0px 15px 0px 15px;
 margin: 0px auto; /* Firefox 向けセンタリング指定 */
 }

/* header
-------------------------------------------- */
#header {
 width:860px;
 height:164px;
 text-align:left;
 }

/* navi
-------------------------------------------- */
#navi {
 margin:0px 0px 15px 200px;
 text-align:left;
 }

/* left_menu
--------------------------------------------*/
#left_menu {
 width:200px;
 height:auto;
 float:left;
 text-align:left;
 }

/* home_contents
-------------------------------------------- */
#home_contents {
 margin:0px 0px 0px 0px;
 padding:0px 0px 40px 0px;
 width:860px;
 height:100%;
 color:#ffffff;
 text-align:left;
 line-height:160%;

 }
 #home_contents:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 
#home_banner01 {
 float:left;
 width:620px;
 height:300px;
 }

#home_banner02 {
 float:left;
 width:240px;
 height:300px;
 }

#home_news {
 float:left;
 width:390px;
 height:100%;
 padding:30px 0px 0px 0px;
}

.news_line {
 width:390px;
 height:100%;
 padding:16px 0px;
 border-bottom:1px dotted #666666;
}
 .news_line:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
.news_line-last {
 width:390px;
 height:100%;
 padding:16px 0px;
}
 .news_line-last:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
.news_01 {
 float:left;
 width:52px;
 height:100%;
 margin:0px;
 padding:0px;
 color:#FF0000;
}

.news_02 {
 float:left;
 width:328px;
 height:100%;
 margin:0px 0px 0px 10px;
 padding:0px;
}
 

#home_pickup {
 float:left;
 width:210px;
 height:100%;
 margin-left:20px;
 padding:30px 0px 0px 0px;
 }
 
.pickup_line {
 width:210px;
 height:100%;
 margin-bottom:10px;
 padding:5px 0 10px 0;
 border-bottom:1px dotted #666666;
 }
.pickup_line-last {
 width:210px;
 height:100%;
 padding:5px 0 10px 0;
 }
 .pickup_line:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 } 
.pickup_01 {
 float:left;
 width:60px;
 }

.pickup_02 {
 float:left;
 width:140px;
 margin-left:10px;
 }
 

#home_banner {
 float:left;
 width:220px;
 height:100%;
 *height:0;
 margin:30px 0 0 20px;
 _margin:30px 0 0 18px;
 padding:0px 0px 0px 0px;
 vertical-align:top;
 }
 
 #right_banner {
   list-style-type:none;
 margin-top:15px;
  padding:0;
 }
  #right_banner li {
    margin-bottom:15px;
  padding:0;
  }

#hr100 {
 clear:both;
 width:860px;
 margin:0px auto;
 padding:0px 0px 0px 0px;
 }
 
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #cccccc; /* 線色 */
   height: 1px; /* 高さ */
   }

/* contents
-------------------------------------------- */
#contents {
 margin:0px 0px 0px 0px;
 padding:15px 15px 50px 15px;
 background-color:#FFFFFF;
 color:#000000;
 width:630px;
   height:100%;
   *height:840px;
   _height:840px;
 text-align:left;
 float:right;
 }

#conts_title {
position:relative;
 width:630px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 15px 0px ;
 z-index:1;
 }

.print_title {
position:absolute;
display:block;
width:170px;
height:35px;
top:0px;
left:460px;
z-index:2;
}

.title_bar {
 margin:0px 0px 5px 0px ;
 }
 
.conts_width {
 width:630px;
 min-height:140px;
 height:100%;
 padding:0px 0px 0px 0px;
 margin:15px 0px 10px 0px ;
 }

.conts_width_left {
 float:left;
 padding:0px 0px ;
 width:315px;
 }

.conts_width_right {
 float:right;
 padding:0px 0px ;
 width:315px;
 }

.book_img {
 float:left;
 width:97px;
 margin:0px 0px 0px 0px;
 }

.book_words {
 float:left;
 width:205px;
 margin:0px 0px 0px 0px;
 }

.bookname {
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-weight: bold;
 line-height:130%;
 }

.b01 {
 float:left;
 width:auto;
 height:124px;
 background-image:url(../../img/shadow_btm01.gif);
 background-position:left bottom;
 background-repeat:repeat-x;
 }

.b02 {
 float:left;
 width:6px;
 }

.hr305 {
 clear:both;
 width:305px;
 padding:0px 0px 0px 0px;
 }

#anotherpage {
 width:97%;
 text-align:center;
 padding:0px 0px;
 }
 
#anotherpage a {
font-weight:bold;
}

.clear_space {
 clear:right;
 padding:0px;
 margin:10px 0px 0px 0px; 
 }
 
.clear_space0 {
 clear:both;
 padding:0px;
 margin:0px; 
 }
 
/* 単行本・ムック */
#index_title {
position:relative;
width:630px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 15px 0px ;
 z-index:3;
}

.print_title_pickup {
position:absolute;
display:block;
width:260px;
height:35px;
top:0px;
left:370px;
z-index:4;

}

.index_width {
min-height:200px;
 width:600px;
 padding:15px 0px 0px 15px;
 margin:10px 0px 0px 0px;
 }
 
.bookname_big {
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:16px;
 font-weight: bold;
 line-height:180%;
 }
 
.book_img02 {
 float:left;
 width:120px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 
.rec_img01 {
 float:left;
 width:auto;
 height:156px;
 background-image:url(../../img/shadow_btm01.gif);
 background-position:left bottom;
 background-repeat:repeat-x;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }

.rec_img02 {
 float:left;
 width:6px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }

.book_words02 {
 float:right;
 width:480px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }

.index_hr630 {
  clear:right;
 width:630px;
 height:3px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 }

 
/* sitemap
-------------------------------------------- */

#sitemap_contents {
 margin:0px 0px 0px 200px;
 padding:15px 0px 30px 15px;
 background-color:#000000;
 color:#ffffff;
 text-align:left;
 }
 
#sitemap_contents a:link {
 color:#ffffff;
 }
 
#sitemap_contents a:visited {
 color:#ffffff;
 }
 
#sitemap_contents a:hover {
 color: #ff0000;
 }
 
#sitemap_contents a:active {
 color: #ff0000;
 }
 
#sitemap_titlebg{
 width:630px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 }

#sitemap_titlebg .no_print {
display:block;
 margin:0px 0px 15px 0px;
}
 
.sitemap_line {
 width:630px;
 background-image:url(../../img/bg_sitemap.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 padding:35px 0px 10px 15px;
 }

/* footer
-------------------------------------------- */
#footer {
clear:both;
 width:860px;
 height:52px;
 text-align:center;
 margin:0px auto 20px auto;
 padding:20px 0px;
 font-size:11px;
 border-top:1px solid #666666;
}
 #footer_box {
 width:550px;
   margin:0 auto;
   text-align:left;
 }

/* text
-------------------------------------------- */

.navi_red {
 color: #FF0000;
 }
 

 }