﻿@charset "UTF-8";

/* ========BASIC======== */
* {

   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:20px 0;
   padding:0;
   letter-spacing:1px;
   background:#fff;

   background: #E7DFCE url(images/wood_061.jpg) fixed;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;

}



img {

   border:0;

}



h1,h2,h3,h4,h5,h6 {

   margin:0;

}



/* ========TEMPLATE LAYOUT======== */

div#top {

   width:740px;

   margin:0 auto;

   padding:10px;

   background-color: #cc9966;

}



div#header {

   width:740px;

}



div#menu {

   width:740px;

}



div#contents {

   clear:both;

   width:740px;

   background: #fff url(images/bg_contents.gif) 100% 0 repeat-y;

}



div#headImage {

   width:740px;

}



div#main {

   float:left;

   width:540px;

   padding:0 10px;

}



div#sub {

   float:right;

   width:180px;

   margin-top:10px;

}



div#totop {

}



div#footer {

   clear:both;

   width:740px;

}


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


/* ========HEADER CUSTOMIZE======== */

div#header h1 {

   margin:0;

   padding:0;

   font-size:2em;

   color:#fff;

   line-height:80px;

}



div#header h1 a {

   color:#fff;

}



div#header h1 a:hover {

   color:#EEEBEB;

}


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


div#menu li {

   float:left;

   font-size:0.75em;

   color:#333;

   text-align:center;

   list-style-type:none;

}



div#menu li a{

   display:block;

   width:148px;

   padding:10px 0;

   color:#fff;

   background-color:#212021;

}



div#menu li a.active{

   display:block;

   width:148px;

   padding:10px 0;

   color:#fff;


   background-color:#8C514A;

}



div#menu li a:hover{

   color:#ddd;

}


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


/* ========HEADLINE CONTENTS CUSTOMIZE======== */

div#contents h1 {

   margin-bottom:8px;

   padding:5px;

   color:#fff;

   font-family:Georgia;

   font-size:1.25em;

   font-weight:bold;

   line-height:1.4;

   background:#8C514A;

}



/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main a {

   color:#D70053;

}



div#main a:hover {

   color:#D2447B;

   border:0;

   border-bottom:1px solid #D2447B;

}



div#main h2 {

   margin-bottom:8px;

   padding:2px 2px 2px 0;

   color:#31001D;

   font-size:0.94em;

   font-weight:bold;

   line-height:1.4;

   border-bottom:3px double #535D57;

}



div#main h3 {

   margin-bottom:3px;

   font-size:0.88em;

}



div#main h4 {

   margin-bottom:2px;

   font-size:0.75em;

   line-height:1.4;

}



div#main h5 {

   margin-bottom:2px;

   font-size:0.75em;

   line-height:1.4;

}



div#main h6 {

   margin-bottom:2px;

   font-size:0.75em;

   line-height:1.4;

}



div#main p{

   margin:0 0 1em 0;

   font-size:0.75em;

   line-height:1.4;

}



div#main ul,ol,dl{

   font-size:0.75em;

}



div#main li{
   line-height:1.4;

}



div#main dt{

   margin-bottom:3px;

}



div#main dd{

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   line-height:1.4;

   background:#f1f1f1;

}



/* ========sub CONTENTS CUSTOMIZE======== */

div#sub .section {



}



div#sub h2 {

   padding:3px;

   font-size:0.88em;

   font-weight:bold;

   color:#fff;
}

div#sub ul {

   margin:0;

   padding:5px 0 1em 5px;

}



div#sub li {

   margin:0;

   padding-left:18px;

   font-size:0.75em;

   color:#fff;

   line-height:1.8;

   background:url(images/bg_list.gif) 0 4px no-repeat;

   list-style:none;

}



div#sub li a{

   color:#fff;

}



div#sub li a:hover{

   color:#ddd;

}

/* ========FOOTER CUSTOMIZE======== */

div#totop{

   position:relative;

   height:2em;

}



div#totop p{
   position:absolute;
   top:10px;
   right:7px;
   margin:0;
   padding-left:8px;
   font-size:0.63em;
   background: url(images/bg_totop.gif) 0 50% no-repeat;
}

address{
   padding:10px 0;
   font-size:0.63em;
   color:#333;
   text-align:center;
}