@charset "utf-8";

/* #### css reset #### */

* {
   margin: 0;
   border: none;
   padding: 0;
   background-color: transparent;
   color: black;
   font-size: medium;
   font-weight: normal;
   font-style: normal;
   font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "sans-serif", verdana;
   text-decoration: none;
}

/* #### css reset for IE */
th, td, form
{
   margin: 0;
   border: none;
   padding: 0;
   background-color: transparent;
   color: black;
   font-size: medium;
   font-weight: normal;
   font-style: normal;
   font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "sans-serif", verdana;
   text-decoration: none;
}

/* #### basic elements #### */

html
{
}

body
{
   text-align: center;	/* css hack */
   background: white;
   line-height: 100%;
}

img, object
{
   border: 0;
   vertical-align: text-bottom;
}

h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
}

/* #### anchor #### */
a
{
   font-weight: normal;
   text-decoration: none;
   color: rgb(0,0,153);
}

a:link
{
}

a:visited
{
}

a:hover
{
   color: #800;
}

a:active
{
}

.clear
{
   clear: both;
}

br.clear
{
   clear: both;
   line-height: 0px;
   font-size: 0px;
}

.red
{
   font-size: 100%;
   color: #F00;
}

/* #### div #### */
/* container */
div#container
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0;
   padding: 0;
   width: 800px;
   text-align: left;
}

/* banner */
div#banner
{
   width: 100%;
   height: 150px;
   background-position: 0px 0px;
   background-image:url(../images/sys/banner.jpg);
   background-repeat:no-repeat;
}

/* contents */
div#contents
{
   margin-top: 20px;
   border-top: 1px solid rgb(204,204,153);
   border-bottom: 1px solid rgb(204,204,153);
   width: 100%;
   background-position: 0px 0px;
   background-image: url( ../images/sys/back.gif );
   background-repeat: repeat-y;
/* background-color: green ; */
}

/* 1 + 161 + 3 + 469 + 19 + 146 + 1 = 800 */
/* 左：161px  中央：469px  右：146px  */
/* main_right */
div#main_right
{
   width: 635px;
   float: right;
   /* background-color: #ccc; */
}
/* main */
div#main
{
   width: 469px;
   float: left;
   /* background-color: #cfc; */
}

/* sub_right */
div#sub_right
{
   margin-right: 1px;
   padding-top: 0px;
   width: 146px;
   float: right;
   /* background-color: #f0f; */
}

/* sub_left */
div#sub_left
{
   margin-left: 1px;
   width: 160px;
   float: left;
/*   background-color: #fcc; */
}

/* #### 中央 #### */
h1
{
   margin-top: 10px;
   margin-bottom: 6px;
   margin-left: 10px;
   font-size: 13px;
}

div#main_title
{
   margin-top: 15px;
   margin-left: 20px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding-bottom: 15px;
   /* background-color: #aff; */
}

div#main_title h2
{
   margin-left: 0px;
   padding-top: 10px;
   padding-left: 35px;
   height: 50px;
   background-position: 0px 0px;
   background-image:url(../images/sys/title.jpg);
   background-repeat:no-repeat;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0px;
}

div#main_title pre#matomeTop	/* 上部まとめ */
{
   margin-top: 0px;
   margin-left: 35px;
   margin-right:0px;
   padding-bottom: 0px;
   font-size: 100%;
   font-weight: bold;
   color: rgb(204,0,102);
   line-height: 200%;
}

p#matomeBottom	/* 下部まとめ */
{
   margin-top: 0px;
   margin-left: 15px;
   margin-right:15px;
   border: 1px solid rgb(153,51,102);
   padding: 5px 3px 5px 5px;
   font-size: 100%;
   font-weight: bold;
   line-height: 130%;
}

div.text_block
{
   margin-top: 10px;
   padding-bottom: 5px;
}

div.text_block h3
{
   margin-left: 20px;
   padding-left: 15px;
   padding-top: 1px;
   width: 400px;
   height: 15px;
   background-position: 0px 0px;
   background-image:url(../images/sys/block_title_back.gif);
   background-repeat:no-repeat;
   font-size: 14px;
   font-weight: bold;
   color: #000;
}

div.text_block p
{
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 80%;
   line-height: 150%;
}

div.text_block blockquote
{
}

div.text_block blockquote p
{
}

div.text_block pre
{
}

div.text_block a
{
   font-size: 100%;
   text-decoration: underline;
}

/* #### 右サイドバー #### */
div#profile_zone
{
   margin-top: 10px;
   padding-bottom: 10px;
}

div#profile_zone p
{
   margin-top: 4px;
   margin-left: 6px;
   margin-right: 5px;
   font-size: 60%;
   line-height: 135%;
   /* background-color: #88a; */
}

div#profile_zone p.title
{
   margin-right: 20px;
   margin-bottom: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 10px;
   color: rgb(51,51,102);
   background-color: rgb(201,201,255);
   font-weight: bold;
   font-size: 12px;
   line-height: 100%;
}

div#menu_zone
{
   margin-left: 6px;
   padding-bottom: 20px;
   /* background-color: rgb(245,250,241); */
}

/* div#menu_zone */ p#top_link
{
   padding-top: 30px;
   padding-left: 35px;
   line-height: 160%;
}

p#top_link a
{
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
}

p#top_link a:hover
{
}

div#menu_zone div.category_title_zone
{
   margin-top: 10px;
   padding-top: 4px;
   padding-bottom: 3px;
}

div#menu_zone p.category_title
{
   margin-left: 0px;
   margin-right: 20px;
   margin-bottom: 4px;
   border-bottom: 1px solid rgb(204,204,102);
   padding-left: 0px;
   padding-bottom: 2px;
   /* display: inline; */
   font-size: 12px;
   font-weight: bold;
   color: rgb(102,102,51);
}

div#menu_zone ul
{
   margin-left: 15px;
   margin-top: 0px;
}

div#menu_zone li
{
   margin-bottom: 3px;
}

div#menu_zone li a
{
   font-size: 60%;
   color: rgb(0,0,153);
   text-decoration: underline;
}

div#menu_zone li a:hover
{
   color: #800;
}

div#menu_zone li.top
{
   margin-bottom: 10px;
   padding-top: 9px;
}

div#menu_zone li.top a
{
   font-size: 80%;
   font-weight: bold;
}

/* #### 左サイドバー #### */
div#sub_left div#fiv_books
{
}

div#sub_left div#fiv_books p#books_title
{
   margin-top: 25px;
   text-align: center;
   color: rgb(102,204,204);
   font-size: 12px;
   font-weight: bold;
}

div#sub_left .book_zone
{
   margin-top: 20px;
   padding-bottom: 10px;
}

div#sub_left .book_zone p.img
{
   text-align: center;
}

div#sub_left .book_zone p.text
{
   margin-right: 5px;
   font-size: 70%;
}

div#sub_left .book_zone p.text a
{
   font-size: 100%;
}

.marker 
{
   background-color: rgb(255,255,151);
   font-size: 100%;
}

strong 
{
   font-size: 120%;
   font-weight: bolder;
}