* {
  margin:0;
  padding:0;
}

body{
  margin:5px 5px;
  text-align:center;
  background:#fff;
  color:#333;
  font-family:"Hiragino Kaku Gothic Pro",Osaka ,Arial, Helvetica, sans-serif;
}

body div {
  text-align:left;
  margin:0 auto;
}

img{border:none; vertical-align:middle;}

a:link{color:#36f;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#FF6600; text-decoration:underline;}

/**** main frame ****/
#frame{width:800px;}

/**** header ****/
#header {width:800px;margin:10px 0;}
#header .logo_img{float:left;margin:10px 0;}
#header .catch{padding-top:8px;float:right;margin:10px 0;}

/**** navi ****/
#navi{clear:both;width:800px;}

#navi .item_area{
  padding:0 0 0 180px;
  height:26px;
  margin-top: 5px;
  border:1px solid #eee;
  background:#fff url("images/ss.png") repeat-x;
  overflow:hidden;
  font-size:80%;
  text-align:center;
}
#navi ul{margin:2px 0; padding:0;}
#navi li{display:inline;white-space:nowrap;}
#navi li a{display:block;padding:0 8px; margin:2px 0;float:left;border-right:1px solid #aaa;}
#navi li a.last{border:none;}

/**** contents ****/

#left{float:left;width:200px;margin:0;padding:0;}
#left .item{
  border:1px solid #9cf;
  padding:10px;
  margin:10px 0;
  background:#f5f5f5;
  font-size:85%;
  line-height:120%;
}
#left .item ul{list-style:none;margin:0;padding:0;}
#left .item li{margin:8px 0;}
#left .item hr{clear:both;border:1px dotted #ddd;width:90%;text-align:center;}

#left .subnews{
  border:1px solid #9cf;
  padding:10px;
  margin:10px 0;
  background:#f5f5f5;
  font-size:85%;
  line-height:120%;
}
#left h1{font-size:120%;}
#left .subnews ul{list-style:none;margin:0;padding:0;font-size:95%;}
#left .subnews li{margin:5px 0 0 10px;}
#left .subnews hr{clear:both;border:1px dotted #ddd;width:90%;text-align:center;}

#right{float:right;margin:0;padding:0;width:600px;}


#main{line-height:140%;width:590px;margin:10px 0 0 10px;font-size:90%;}
#main h1{clear:both;font-size:140%;display:inline;}
#main h2{clear:both;font-size:120%;display:inline;}
#main ul{list-style:none;margin:0;padding:0;}
#main li{clear:both;padding-top:12px;}
#main .title{background:#eef;}
#main .books_title{background:#cfc;}
#main .bar{
  border:1px solid #9cf;
  background:#fff url("images/b2.png") repeat-x;
  padding:3px;
}

#page_navi{
  clear:both;
  float:right;
  font-size:120%;
}

#page_navi a:link{color:#36f;text-decoration:none;}
#page_navi a:visited{color:#36f;text-decoration:none;}
#page_navi a:hover{color:#FF6600; text-decoration:underline;}


/**** footer ****/
#footer{clear:both;padding-top:10px;}
#footer .images{text-align:center;}
#footer .copyright{text-align:center;margin:10px 0 0 0;font-size:9pt;}


#simple{clear:both;width:800px;line-height:140%;margin:0 0 0 0;font-size:90%;}

#simple .gaiyou_bar{
  border:1px solid #9cf;
  background:#fff url("images/b2.png") repeat-x;
  padding:3px;
  margin-top:10px;
  width:500px;
}

#simple .gaiyou_cont{
 margin-top:10px;
 padding:0;
 width:500px;
}

#simple .privacy_bar{
  border:1px solid #9cf;
  background:#fff url("images/b2.png") repeat-x;
  padding:3px;
  margin-top:10px;
  width:500px;
}

#simple .privacy_cont{
 margin-top:10px;
 padding:3px;
 width:500px;
 border:1px solid #9cf;
 background:#f5f5f5;
}

#simple h1{clear:both;font-size:140%;}
#simple h2{clear:both:font-size:120%;}
#simple ul{list-style:none;margin:0;padding:0;}
#simple li{clear:both;margin:5px 0;}

#simple ul.normal{list-style:disc;margin:0;padding:0;}
#simple li.normal{margin-left:20px;}

#simple table{width:508px;border-collapse:collapse;border-spacing:0;background:#f5f5f5;}
#simple table td{border:1px solid #9cf;;padding:2px 5px;}


#ekai{font-size:95%;}
#ekai h1{font-size:120%;}
#ekai ul{list-style:none;margin:0;padding:0;}
#ekai li{margin:0;padding:0;}

/**** map ****/
#map_bar{
  float:left;
  border:1px solid #9cf;
  background:#fff url("images/b2.png") repeat-x;
  padding:3px;
  margin-top:10px;
  width:250px;
}

#map_bar h1{clear:both;font-size:140%;}

#map_left{clear:both;float:left;width:258px;margin:0;padding:0;}
#map_left .item{font-size:90%;margin-top:10px;padding:5px;line-height:140%;background:#f5f5f5;border:1px solid #9cf;}
#map_left ul{list-style:none;margin:5px 0;padding:0;}
#map_left li{margin-left:10px;}
#map_left h2{clear:both;font-size:120%;margin-bottom:10px;}
#map_right{float:right;width:540px;margin:0;padding:0;}
#map_right img{border:1px solid #9cf;margin-bottom:10px;}

/**** books ****/
#book_detail{clear:both; margin-top:10px;font-size:90%;}
#book_detail h1{font-size:140%;}
#book_detail .subtitle{margin:20px 0;}
#book_detail .left{float:left;width:150px;}
#book_detail .right{float:right;width:500px;}
#book_detail ul{margin:5px 0;padding:0;}
#book_detail li{margin-left:30px;}
#book_detail h2{font-size:120%;margin:10px 0;}
#book_detail h3{font-size:110%;margin:10px 0;}

/**** dev ****/

#dev{clear:both; margin-top:10px;font-size:90%;}
#dev table{width:100%;border-collapse:collapse;border-spacing:0;}
#dev th{
  font-weight:bold;
  color: #333;
  background-color:#eef;
  border:1px solid #9cf;
  padding:3px;
}
#dev td{
  color:#333;
  background-color:#f5f5f5;
  border: 1px solid #9cf;
  padding:3px;
}

#dev h2{font-size:120%;}

#dev_bar{
  float:left;
  border:1px solid #9cf;
  background:#fff url("images/b2.png") repeat-x;
  padding:3px;
  margin-top:10px;
}
#dev_bar h1{clear:both;font-size:140%;}