@charset "UTF-8";


/* ========BASIC======== */


html {
   overflow-y:scroll;
}



body {
   margin:20px 0;
   
         padding:0;
   
         line-height:1.6;
   
         letter-spacing:1px;
   
         font-family:Verdana, Helvetica, sans-serif;
   
         font-size:13px;
   
         color:#333;
  
         background: url(../images/bg090_09.gif)
}



br {
     letter-spacing:normal;
}/*文字と文字の間隔*/

a  {
      color:#333;
   
          text-decoration:none;}/*リンクする*/


a:hover {
   
         color:#31001D;
   
         text-decoration:none;
}

/*マウス上*/

img {
   border:0;
        display: inline;  
        vertical-align: middle; 
}/*画像の枠線*/


h1,h2,h3,h4,h5,h6 {
   margin:0;
}/*見出し要素*/


/* ========TEMPLATE LAYOUT======== */


/*全体の枠*/

#top {
   width:740px;
   margin:0 auto;
   padding:10px;
   background-color:#fff5ee;
}

/*タイトル*/

#header {
   width:740px;
}


#menu {
   width:740px;
}

/*コンテンツ。メニューバーより下からヘッダーより上までの枠*/
#contents {
   clear:both;
   width:740px;
   
              background: #fff  100% 0 repeat-y;
}/*メイン・サブのバックカラー*/

#headImage {
   width:740px;
}/*画像*/


/*メインの枠*/
#main {
   float:left;
   width:540px;
   padding:0 10px;
}



/*サブの枠*/
#sub {
   float:right;
   width:180px;
}



/*フッダーの枠*/
#footer {
   clear:both;
   width:740px;
}



/* 回り込み解除 */

#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}




/* ========HEADER CUSTOMIZE======== */


/*タイトル*/
#header h1 {
   margin:0;
   padding:0;
   font-size:32px;
   color:fff;
   line-height:80px;
}


#header h1 a {
   color:#624643;
}


#header h1 a:hover {
   color:#AE847F;
}


/*画像*/
#headImage {
   width:740px;
   height:200px;
   overflow:hidden;
   
               position:relative;
   list-style:none;
}
#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}


#headImage li {
   position:absolute;
}



/* ========MENU CUSTOMIZE======== */


/*メニューバー*/
#menu ul {
   margin:0;
   padding:0;
}/*横並びにする*/

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}


#menu li a {
   display:block;
   width:148px;
   padding:10px 0;
   
               color:#fff;
   background-color:#330000;
}/*リンクする。メニューブロック指定*/

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

/*選択*/
#menu li a:hover {
   color:#200700;
   background-color:#ffffe0;
}/*マウス上*/



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




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


/*コンテンツ上のタイトル、ウェルカムの文字が入る部分*/
#contents h1 {
   margin-bottom:8px;
   padding:5px;
   color:#fff;
   
                 font-family:Georgia;
   font-size:20px;
   font-weight:bold;
   
                 background:#ffefd5;
}




/* ========MAIN CONTENTS CUSTOMIZE======== */


#main a {
  color:#20b2aa; 
}/*メイン上のリンク表示の文字色。ブルー*/

#main a:hover {
   color:#D2447B;
   border:0 ;
 
                  background-color: #fff; 
　　　　　　　　  border-bottom:1px solid }/*マウスを乗せたときの色。カラー＝線の色。バックグラウンドカラー＝マウスを乗せた時の全体の色*/



/*タイトル見出し*/
#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#31001D;
  
             font-size:13px;
   font-weight:bold;
   border-bottom:3px double #31001D;
}


#main h3 {
   margin-bottom:3px;
   padding:2px 4px;
   font-size:13px;
   
             color:#fff;
   background:#330000;
}


#main h4 {
   margin-bottom:2px;
   font-size:13px;
   
             color:#551b14;
   border-bottom:2px solid #551b14;
}


#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   padding-left:5px;
   font-size:13px;
   
             color:#551b14;
   border-left:8px solid #551b14;
}


#main h6 {
   font-size:13px;
   color:#551b14;
}



/*段落の幅*/


#main p {
   margin:0 0 1em 0;
}

/*段をずらす*/
#main dt {
   margin-bottom:3px;
}


#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#eee8aa;
}


/*文字下の色。土色*/



/* ========sub CONTENTS CUSTOMIZE======== */


/*サブの見出し。カテゴリー部分*/
#sub h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#4b0082;
}



/*サブのメニュー欄*/
#sub ul {
   margin:0;
   padding:5px 0 1em 5px;
}


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



/*メニューの文字リンク*/
#sub li a {
   color:#fff;
}


/*メニューの文字マウス上*/
#sub li a:hover {
   color:#4b0082;
   border-bottom:1px solid #4b0082;
}




/* ========PAGETOP CUSTOMIZE========= */


/*ページトップに戻るの枠*/
#pageTop {
   margin:10px 0;
   text-align:right;
   font-size:11px;
}
/*ページトップに戻るの文字*/
#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 50% no-repeat;
}


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