﻿@charset "UTF-8";

.leftPanel{ width:170px; float:left; }
.rightPanel{ width:680px; float:right;}


DIV.head{
  width:100%;  margin:2px 0px 3px 0px;
  text-align:left;  font-size:0;
}
.head a{ color:#D2000C; }
.head img{ float:left; }
.head img.headad{ border:0px; margin-left:5px; }
.head p{ margin:1px 2px 0px 0px; color:#D2000C; font-size:18px;} 
.head form,input{ margin:0px 5px 1px 0px; }
.head div.menubar{ margin-bottom:2px; clear:both;}
.head div.cf{ width:100%; background-color:#FFCCCC; }
.cf object{ margin:3px 0px; }
.head div.cf850{ width:100%;}


/* override */
DIV menuA{ width:230px; }
.menuA div.menu_top{ width:230px; height:19px; background-image:url("img/menu230_top.jpg"); background-repeat:no-repeat;margin:0px; padding:0px;  float:none; font-size:0px;}
.menuA div.menu_core{ width:216px;  background-image:url("img/menu230_core.jpg"); background-repeat:repeat-y; margin:0px; padding:0px 7px;float:none; clear:both;}
.menuA div.menu_btm{ width:230px; height:19px; background-image:url("img/menu230_btm.jpg"); background-repeat:no-repeat;margin:0px;  padding:0px; float:none;}



DIV.panelB{ width:100%; margin-top:1px;}
DIV.menuB{ width:850px; text-align:left;  float:none; margin-bottom:5px; }
.menuB img.menu{ margin:0px; padding:0px; border:0px; }
.menuB p.menu{ margin:0px; padding:0px; border:0px; font-size:0px; }
.menuB table{ 
  width:820px; vertical-align:top;
  margin:0px; padding:0px;
  border-right:2px solid #FF9999;
  border-left:3px solid #FF9999;
  border-top:2px solid #FFAAAA;
}
.menuB td{
  width:160px; height:45px;
  margin:0px; padding:0px;
  border-bottom:2px dotted #FF6666;
  border-right:2px dotted #FF6666;
  font-size:138.5%; line-height:1.1em; text-align:left;

}
.menuB td.small{ font-size:123.1%; }
.menuB td a{
  width:155px; height:41px;
  display:block; padding:3px 1px 1px 5px;
  margin:0px; text-decoration:none;  color:black;
  background-image:url(img/bg5.jpg);
}
.menuB td a:hover{
  width:155px; height:41px; display:block;
  background-image:url(img/bg4.jpg);
}
.menuB td.red{ color:#D2000C; background-image:url(); background-color:#FFCCCC;  text-align:center; font-size:20px; font-weight:bold;}
.menuB h4{ width:95%; background-color:#FFCCCC;  border:1px solid #FF9999; margin:1px;}
.menuB p{  }
.menuB p.recommend{ font-size:11px; margin-right:30px;}
.menuB img.recommend{ border:0px; margin:1px; }




DIV.contentsB{ }
.contentsB div.sinkan{ width:98%; padding:3px 0px 0px 5px; margin-bottom:5px; background-color:#993333; color:white; border:1px groove #660000;}
.sinkan h1{ color:white; text-decoration:none;}
.contentsB div.month{ width:93%; padding:3px 0px 0px 5px; margin:10px 0px 3px; background-color:#993333; color:white; border:1px groove #660000;}
.contentsB h1{}
.contentsB h2{}
.contentsB h2.red{ color:red;}
.contentsB h3{ color:#FF6600; text-decoration: underline; margin-left:10px;}
.contentsB h3.pink{ color:#FF66CC; }
.contentsB h5{ color:#F66; text-decoration: underline; margin-left:10px;}
.contentsB p{ margin:0px 2px 0px 5px; padding:0px 2px;}
.contentsB p.red{ color:red; font-weight:bold;  }
.contentsB p.st1{ font-size:161%; color:#FF3300; text-align:right; margin-right:10px; font-weight:bold;}
.contentsB p.st2{ font-size:108%; }
.contentsB p.st3{ font-size:100%; color:#C66;}
.contentsB p.st4{ font-size:100%; color:#666;}
.contentsB img{ float:left; margin:0px 3px 3px 0px;}
.contentsB img.fnone{ float:none; margin:0px; padding:0px; }
.contentsB table{ margin:0px 2px 2px 2px; }
.contentsB tr{ }
.contentsB td{ padding:2px 0px; vertical-align:top;  font-size:123.1%; }
.contentsB td.td1{ width:56px; margin-right:2px; border-bottom:2px dotted black;}
.contentsB td.td2{ width:390px;  border-bottom:2px dotted black; color:#333333;line-height:1.2em; padding-left:2px;}
.contentsB span.st1{ font-size:14px; }
.contentsB span.red{ color:red; font-weight:bold; }
.contentsB DIV.detailPanel{ margin:10px 100px 10px 10px;}
.contentsB div.borderbox2{ width:98%; height:auto; border:1px solid #CCC; margin:10px 0px;}
.borderbox2 p{ text-align:center; margin:20px 50px; font-size:100%;}
DIV.book{ width:425px; float:left; }
.book p{ font-size:123.1%; }
.book_top{ width:425px; height:44px;  background-image:url("img/book_top.jpg"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.book_core{ width:405px;  background-image:url("img/book_core.jpg"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.book_btm{ width:425px; height:47px; background-image:url("img/book_btm.jpg"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}
DIV.book2{ width:850px;  }
.book2 p{ font-size:123.1%; }
.book2_top{ width:850px; height:45px;  background-image:url("img/book2_top.jpg"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.book2_core{ width:830px;  background-image:url("img/book2_core.jpg"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.book2_btm{ width:850px; height:51px; background-image:url("img/book2_btm.jpg"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}
.book2_core h1{ color:#FF6600; text-decoration: underline; margin-left:10px; }
.book2_core img.fright{ float:right; margin-right:10px; }
.book2_core div.inBox{ width:400px; float:left; }
.book2_core div.inBox2{ width:350px; float:left; }
.book3_top{ width:425px; height:44px;  background-image:url("img/book3_top.jpg"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.book3_core{ width:405px;  background-image:url("img/book3_core.jpg"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.book3_btm{ width:425px; height:47px; background-image:url("img/book3_btm.jpg"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}


/* kankoku category */
.contentsB div.category_top{width:850px; height:15px;  background-image:url("img/category_top.jpg"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.contentsB div.category_core{width:830px;  background-image:url("img/category_core.jpg"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.contentsB div.category_btm{width:850px; height:17px; background-image:url("img/category_btm.jpg"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}
.contentsB div.category2_top{width:850px; height:15px;  background-image:url("img/category2_top.png"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.contentsB div.category2_core{width:830px;  background-image:url("img/category2_core.png"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.contentsB div.category2_btm{width:850px; height:17px; background-image:url("img/category2_btm.png"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}
.contentsB div.category3_top{width:850px; height:15px;  background-image:url("img/category3_top.png"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.contentsB div.category3_core{width:830px;  background-image:url("img/category3_core.png"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.contentsB div.category3_btm{width:850px; height:17px; background-image:url("img/category3_btm.png"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}
.contentsB div.category4_top{width:850px; height:15px;  background-image:url("img/category4_top.png"); background-repeat:no-repeat;margin:0px; padding:0px;float:none;}
.contentsB div.category4_core{width:830px;  background-image:url("img/category4_core.png"); background-repeat:repeat-y; margin:0px; padding:5px 10px;float:none; }
.contentsB div.category4_btm{width:850px; height:17px; background-image:url("img/category4_btm.png"); background-repeat:no-repeat; margin:0px;  padding:0px; float:none;}

div.category{ margin:0px 0px 25px;}
.category img{ float:none; margin:2px 0px; }
.category table{ margin:10px 0px 5px 30px; }
.category td{ padding:0px 10px; }
.category p.left{ text-align:left; }

div.category2{ margin:0px 0px 25px;}
.category2 img{ float:none; margin:2px 2px; }
.category2 table{ margin:10px 0px 5px 30px; }
.category2 td{ padding:0px 10px; border:1px solid #666;}
.category2 p.left{ text-align:left; }
/*
DIV.contentsC{  width:213px; margin:0px; text-align:left; float:left; }
.contentsC h3{ }
.contentsC h5{ font-size:108%; color:#339933;}
.contentsC ul{ margin:0px; padding:0px; }
.contentsC li{ border-bottom:1px dotted #000000; font-size:87%; }
.contentsC a{ text-decoration:none; border:0px; margin:0px; }
.contentsC img{ margin:0px; border:0px; float:none;}
.contentsC img.fleft{ float:left; margin:1px 1px 1px 0px;}
.contentsC p{ font-size:11px;}
.contentsC p.menu{ margin:0px; line-height:0px; padding:0px; margin:1px 0px; }



DIV.contentsD{ width:670px; margin:0px 6px; padding:0px; text-align:left; float:left; font-size:100%; }
.contentsD div.tuhan{ width:90%; padding:3px 0px 0px 5px; background-color:#993333; color:white; border:1px groove #660000;}
.contentsD div.tuhan2{ width:85%; padding:3px 0px 0px 5px; background-color:#993333; color:white; border:1px groove #660000;}
.contentsD p{ margin:3px; }
.contentsD li{ font-size:108%; }
.contentsD table{ margin:2px; }
.contentsD td{ padding:3px; }
*/

.PanelE object{ margin:0; padding:0;}
DIV.panelF{ width:100%; margin-top:1px;}
.panelF div.tab{ clear:both; padding:5px 10px; border:1px solid #CCC;}
.tab table{ margin:0px 2px 2px 2px; }
.tab tr{ }
.tab td{ padding:2px 0px; vertical-align:top;  font-size:123.1%; }
.tab td.td1{ width:106px; margin-right:2px; border-bottom:2px dotted black;}
.tab td.td2{ width:680px;  border-bottom:2px dotted black; color:#333333;line-height:1.2em; padding-left:2px;}

DIV.bookinfo{ padding:10px; }
.bookinfo td.title{ width:100px; font-size:123.1%; background-color:#FF9999; }
.bookinfo td.price{ width:60px; background-color:#FFCCCC;}
.bookinfo td.isbn{ width:100px; background-color:#FF9999; }
.bookinfo td.shop{ width:100px; background-color:#FFCCCC;}
.bookinfo p.keyword{ color:red; font-weight:bold; }

/************************************* BookInfo **********************************/
.bookinfo{ width:580px; border:1px solid #000000; }
.bookinfo td{ padding:2px; border:1px solid #000000; }

