@charset "UTF-8";


/* ========================================
   common-layout
======================================== */

body { background-color: #c6d7f7;}

#container {
 width: 920px;
 margin: 0 auto;
 background: url(../image/bg.gif) repeat-y center top;
}
.innerContainer { padding: 0 30px;}



/*===== header =====*/

#header {
 background-color: #fff;
 padding: 20px 0 0;
 margin-bottom: 15px;
}

#header h1{
 font-size: 25px;
 line-height: 1em;
 padding-left: 5px;
}
    #header h1 span {
     display: block;
     font-size: 12px;
     font-weight: normal;
    }
    #header h1 a {
     color: #000;
     text-decoration: none;
    }

#header ul { padding: 23px 0 0;}
    #header li {
     font-size: 12px;
     line-height: 1em;
     height: 1em;
     padding: 6px 0 0  10px;
    }
    #header li.img {
     height: 18px;
     padding: 0 0 0 10px;
    }


/*===== footer =====*/

#footer {
 padding: 20px 0 0;
 margin-bottom: 5px;
 background: url(../image/bg_btmline.gif) no-repeat center bottom;
}
#footer .inner {
 padding: 15px 0 25px;
 margin: 0 30px;
 border-top: 1px solid #aaa;
}
    #footer p { color: #aaa;}
    #footer p a {
     color: #aaa;
     text-decoration: none;
    }
    #footer li {
     display: inline;
     font-size: 12px;
     margin: 0 7px;
    }



/*===== #contents =====*/

#contents {
 float: left;
 width: 600px;
}
#contents h2 {
 font-size: 18px;
 line-height: 1em;
 padding: 2px 0 2px 8px; 
 margin: 0 0 15px 0; 
}
#contents p { margin: 0 0 15px 0;}

.post_head h2{ border-left: 8px solid #f90;}
.page_head h2 {
 border-left: 8px solid #09f;
 border-bottom: 1px solid #09f;
}

.post_body,.page_body {
 letter-spacing: 1px; 
 padding: 10px 15px;
 margin: 0 0 20px 0;
}
.post_body {
 padding-top: 20px;
 border: 1px dashed #f90;
}

p.post_tail {
 color: #999;
 font-size: 12px;
 letter-spacing : 0;
 text-align: right;
 margin: 20px 0 0 !important;
}

#ronbun { width: 860px;}
#ronbun h2 {
 font-size: 18px;
 line-height: 1em;
 padding: 5px;
 margin-bottom: 30px;
 border-bottom: 1px solid #09f;
}
#daimoku {
 width: 800px;
 margin: 0 auto 50px;
}
#daimoku img {
 width: 800px;
 height: auto;
}

#contents #daimoku {
 width: 540px;
 margin: 0 auto 30px;
}
#contents #daimoku img {
 width: 540px;
 height: auto;
}


/*----- #pan -----*/

#pan,#sResult {
 color: #666;
 font-size: 12px;
 line-height: 1em;
 padding-top: 7px;
 margin-bottom: 25px;
}

#sResult {
 font-size: 14px;
 margin-bottom: 23px;
}
#sResult strong { color: #36f;}



/*----- .pager -----*/

.pager { font-size: 13px;}


    
/*===== #side =====*/

#side {
 float: right;
 width: 230px;
 padding-bottom: 30px;
}
    #side h2 {
     font-size: 14px;
     line-height: 1em;
     font-weight: normal;
     height: 1em;
     padding: 6px 0 6px 12px;
     margin-bottom: 5px;
     background: url("../image/sidemenubar.jpg") no-repeat 0 0;
    }
    #side ul { margin-bottom: 20px;}
    #side li {
     font-size: 12px;
     line-height: 1.5em;
     padding-left: 14px;
     margin-bottom: 5px;
     background: url(../image/sidemenulist.gif) no-repeat 0 4px;
    }
    #side a { text-decoration: none;}
    #side a:hover { text-decoration: underline;}


/*----- searchform -----*/

#side form {
 line-height: 22px;
 height: 22px;
 padding: 5px 0 0;
}
    #side form input { display: block;}
    #side form .srchword {
     color: #333;
     font-size: 12px;
     line-height: 1em;
     padding: 3px;
     width: 186px;
     margin: 2px 0 0;
     border: 1px solid #aaa;
    }	


/*===== #totop =====*/

#totop {
 display: none;
 position: fixed;
 right: 50px;
 bottom: 60px;
}
#totop a {
 display: inline-block;
 width: 20px;
 height: 20px;
 padding: 10px;
 background-color: #aaa;
}
	#totop a:hover { background-color: #f90;}



/* ========================================
   page & category
======================================== */

.table01 {
 border-top: 1px solid #333;
 border-left: 1px solid #333;
 margin-bottom: 30px;
}
.table01 td,.table01 th {
 text-align:center;
 width: 55px;
 padding: 5px 0;
 border-bottom: 1px solid #333;
 border-right: 1px solid #333;
}
.table01 td.w90 { width:90px;}

.table02 td {
 vertical-align:top;
 padding: 0 10px 10px 0;
}

.table03 td {
 font-weight: bold; 
 width: 300px;
 padding: 0 0 25px 0;
}
.table03 td a:hover img,
#contents a:hover img {
 opacity: 0.60;
 filter: alpha(opacity=60);
}

.table04 { width: 100%;}
.table04 td {
 text-align: center;
 padding: 0 0 20px 0;
}

#downloadLink { opacity: 1 !important;}
            

/* page only */
.kaichoPhoto { margin: 0 10px 0 0;}

.page_table01 {}
.page_table01 th { padding: 0 10px 15px 0;}
.page_table01 td { padding: 0 0 15px 0;}

.alignleft {
 float: left;
 margin: 0 10px 10px 0;
}
.alignright {
 float: right;
 margin: 0 0 10px 10px;
}


#kaisoku th {
 font-weight: normal;
 padding-right: 15px;
}
#kaisoku ul {
 list-style: disc;
 padding-left: 25px;
 margin-bottom: 15px;
}
#kaisoku ol {
 list-style: decimal;
 padding-left: 25px;
 margin-bottom: 15px;
}
#kaisoku li {
 font-size: 14px;
 line-height: 1.5em;
}
#kaisoku hr {
 color: #ccc;
 background-color: #ccc;
}

.kifu td { padding: 0 20px 15px 0;}


#sousei .unit { padding: 10px 0 25px;}
#sousei h3 {
 font-size: 16px;
 line-height: 1em;
 padding: 5px;
 margin-bottom: 15px;
 border-top: #ccc 2px dashed;
 border-bottom: #ccc 2px dashed;
}


/*===== .notfound =====*/
.notfound {
 padding: 120px 0;
 margin-bottom: 20px;
 border: 1px solid #ccc;
}


.nosearch {
 text-align: center;
 padding: 100px 0;
 border: 1px dashed #F90;
}


/* ========================================
   text
======================================== */

p,td,th {
 font-size: 14px;
 line-height: 1.5em;
}

/*===== link =====*/

a{
 color: #36f;
 text-decoration: underline;
}
a:hover { color: #cc6;}

hr {
    color: #ddd;
    background-color: #ddd;
}