@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}
#all{
    background-image:url("../images2/back2.png");
    background-repeat:repeat-x;
	
}

body {
   background-image:url("../images2/back1.jpg");
    background-repeat:repeat;
   margin:0;
   padding:0;
   text-align:center;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:14px;
   color:#623904;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}

a {
   color:#b623904;
   
   text-decoration:none;
}

a:hover {
   color:#623904;
}

h2 {
   margin:0 0 2px 0;
   padding:3px 5px;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   border-left:5px solid #7d9a82;
   
   background:#6a6a6a;
}

h3 {
   margin:0 0 5px 0;
   margin-bottom:5px;
   padding:3px 0;
   font-size:16px;
   color:#ff3366;
  
}

h4 {
   margin:0 0 5px 0;
   padding-left:5px;
   font-size:14px;
   color:#00CCFF;
   }

h5 {
   margin:0 0 5px 0;
   padding-left:5px;
   font-size:13px;
   background:#b3cc51;
}

h6 {color:#ff3366;
   margin:0 0 0px 0;
   font-size:13px;
   padding:5px 0px 0px 80px;
}

p {
   margin:0 0 1em 0;
}

dl {
   margin:0;
   padding:0;
}

dt {
   font-weight:bold;
}

dd {
   margin:0 0 1em 0;
   padding:0;
}

ul,
ol {
   margin:0 0 1em 40px;
   padding:0;
}

em {
   font-style:normal;
   background:#ff0;
}


/* ========TEMPLATE WIREFRAME======== */
#wrapper {
   width:900px;
   margin:0 auto;
   text-align:left;
   background:url("../images/bg_left.gif") 0 0 repeat-y;
}

#header {
   width:860px;
   margin:0 20px;
   background: url("../images2/hedder.png") 0 0 no-repeat;
}

#menu {
   width:860px;
   margin:0 20px;
}


#contents {
   background-color:#ffffe0;
   border-radius: 1em; 
   clear:both;
   width:880px;
   margin:25px auto;
   padding:10px 10px 10px 10px;
 }

#contents2 {
   background-color:#ffffe0;
   border-radius: 0em 0em 1em 1em; 
   clear:both;
   width:880px;
   margin:0px auto;
   padding:10px 10px 10px 10px;   
 
}
#dot{
   border-radius: 1em;
   border-style:dashed; 
   border-color:#ff3366;
   padding:15px 15px 15px 15px;
   border-width:2px;
  } 

#main {
   float:left;
   width:850px;
}
#topics{
   width:850px;
}
#topics p{
   width:260px;
   float:left;
   padding-right:20px;
}
   

#sub {
   float:right;
   Width:0px;
}

#footer {
   width:760px;
   margin:0 auto;
}

/* 回り込み解除 */
#menu:after,
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
    font-size:24px;
   top:0px;
   left:180px;
}

#header p {
   margin:0;
   padding:0 20px;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
}

#menu li {
   float:left;
   margin:0;
   padding:0;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:120px;
   padding:5px 0;
   
}

#menu li a:hover {
   color:#ffffcc;
   
}

#menu_home{
margin:50px 0 0 0 !important;
}

#menu_home p{
padding:0 0 0 40px !important;
}

/* ========profil========= */
#text img{
float:left;
padding-bottom:20px;
}
#prof {
float:left;
padding:20px 15px 0px;
width:600px;
}
#text p{
clear:both;
border-top-style:dashed; 
border-color:#ff3366;
padding-top:10px;
border-width:2px;
}
#katudou {
clear:both;
border-top-style:dashed; 
border-color:#ff3366;
padding-top:10px;
border-width:2px;
}
#katudou dl dt{
float:left;
color:#00CCFF;
margin-right:10px;
}

#katudou dl{
overflow:hidden;
}

.month dt{
color:#33cc00 !important;
}
/* ========books========= */
#dot img {
    float: left;
    margin-right:15px;
}
.tst2 {
    clear: both;
}
hr {
    border:0;
    border-bottom:2px dashed #ff3366;
}
.books_box{
font-size:12px;
    width:410px;
    height:270px;
   float:left;
   padding:5px;
 margin-top:15px;
 margin-right:0px;
background:url("../i-raimg/books4.png") 0 0 no-repeat; /* ボックスの背景 */
}
.books_txt{
width:170px;
    height:230px;
 padding-left:205px;
}
.books_box img {
padding:10px 0px 0px 40px;

}

.books_box img {
padding:5px 30px 3px 40px;
}
.books_box h4{
font-size:12px;
text-align:center;
}
.books_txt2{

width:170px;
    height:0px;
 padding-left:30px;
}
/* ========sitepolicy========= */
/* --- 見出しエリア --- */
div.heading {
 /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom:2px dashed #ff3366; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #ff3366 solid; /* 見出しの左境界線 */
font-size: 14px; /* 見出しの文字サイズ */
color:#006699;
line-height: 100%;
}
/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   text-align:center;
   font-size:12px;
   clear:both;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}

#pageTop img {
   float:none;
   clear:both !important;
}


/* ========SUB CONTENTS CUSTOMIZE======== */

#sub h2 {
   margin-bottom:2px;
   padding:3px 5px;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   border-left:5px solid #7d9a82;
   border-bottom:1px solid #7d9a82;
   background:#6a6a6a;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:20px 0;
   text-align:center;
   color:#333;
   font-style:normal;
   font-size:11px;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

#saite_p{
font-size:14px;

}
a:link { color: #0000ff; }
a:visited { color: #463fcc; }
a:hover { color: #ff1f54; }
a:active { color: #ff8000; }