/*
Theme Name: MITATE SAMPLE 03
Theme URL: http://www.www.www/
Description: MITATE SAMPLE 03
Author: Funya
*/

body   {
   margin: 0;
   padding: 0;
   background-image: url(images/background.gif);
   background-color: #330000;
   font-family: Verdana,sans-serif,Geneva,"ＭＳ ゴシック",monospace;
　　}

#container {
     width: 750px;
     border-left: solid 1px #aaaaaa;
     border-right: solid 1px #aaaaaa;
     margin-right: auto;
     margin-left: auto;
     text-align: left;
     }

#main   {
   background-color: #ffffff;
   padding: 10px 20px 1px;
   }

a   {
   color: #ff6928;
   }

/* ++++++ ヘッダー部分のデザイン ++++++ */
#header h1   {
   background-color: #330000;
   margin: 0;
   }

#header h1 img   {
   border: none;
   margin: 15px 20px;
   }

#header ul   {
   background-color: #ffffff;
   margin: 0;
   padding: 0;
   list-style-type: none;
   border-bottom: solid 1px #330000;
   height: 2em;
   font-size: 0.75em;
   }

#header li   {
   text-align: center;
   border-right: solid 1px #330000;
   float: left;
   line-height: 2em;
   }

#header li a   {
   display: block;
   width: 120px;
   text-decoration: none;
   color: 3333333;
   }

#header li a:hover   {
   background-color: #ffcc66;
   }

/* ++++++ トップページのデザイン ++++++ */
#top   {
   background-color: #330000;
   position: relative;
   top: 0;
   left: 0;
   }

#topimg   {
   margin: 0;
   }

#message   {
   position: absolute;
   top: 90px;
   left: 390px;
   width: 340px;
   font-size: 0.875em;
   line- height: 140%;
   }

#past   {
   font-size: 0.75em;
   padding: 0 10px;
   }

#past a   {
   text-decoration: none;
   color: #330000;
   }

#past a:hover  {
   text-decoration: underline;
   color: #ff6928;
   }

/* ++++++ パンくずリンクのデザイン ++++++ */
#bread   {
   margin: 0;
   font-size: 0.75em;
   font-weight: bold;
   }

/* ++++++ コンテンツ部分のデザイン ++++++ */
#contents   {
   width: 700px;
   margin: 20px 0 0;
   }

#contents h2   {
   border-bottom: solid 1px #a9a9a9;
   color: #663300;
   font-size: 1.2em;
   padding: 5px 0 2px 10px;
   }

#contents p   {
   font-size: 0.75em;
   line-height: 150%;
   }

#post01   {
   padding: 0 10px 10px;
   }

#post02   {
   padding-left: 10px;
   width: 460px;
   float: left;
   }

#sidebar   {
   float: right;
   padding-right: 10px;
   }

.clear   {
   clear: both;
   margin: 0;
   }

#link   {
   border-collapse: collapse;
   margin-bottom: 20px;
   font-size: 0.75em;
   }

#link th, #link td   {
   text-align: left;
   padding: 10px 5px;
   border: solid 1px #696969;
   }

#link th   {
   width: 150px;
   background-color: #f5f5dc;
   }

#link a   {
   text-decoration: none;
   color: #000000;
   }

#link a:hover   {
   text-decoration: underline;
   color: #ff6928;
   }

/* ++++++ フッター部分のデザイン ++++++ */
#footer   {
   background-color: #330000;
   padding: 10px 20px;
   }

#footer a   {
   text-decoration: none;
   font-weight: bold;
   color: #ffffff;
   }

#footer a:hover  {
   text-decoration: underline;
   color: #ff6928;
   }

#footer address   {
   color: #ffffff;
   font-size: 0.75em;
   font-style: normal;
   }

/* ++++++ ニュースコンテンツのデザイン ++++++ */
#topnews   {
   position: absolute;
   top: 200px;
   left: 390px;
   width: 340px;
   }

#topnews h2   {
   margin: 0;
   padding: 3px;
   background-color: #330000;
   color: #ffffff;
   font-size: 0.75em;
   }

#topnews div   {
   border: solid 1px #330000;
   overflow: auto;
   height: 120px;
   }

#topnews ul   {
   font-size: 0.75em;
   margin: 5px 30px;
   padding: 0;
   }

#topnews ul a   {
   text-decoration: none;
   color: #330000;
   }

#topnews ul a:hover   {
   text-decoration: underline;
   color: #ff6928;
   }

#monthmain   {
   background-color: #ffffff;
   background-image: url(images/sidebar.gif);
   background-repeat: repeat-y;
   padding: 0px 0 1px;
}

#monthsidebar   {
   background-image: url(images/sidebar.gif);
   background-repeat: repeat-y;
   background-color: #ffffff;
   width: 170px;
   float: left;
   font-size: 0.75em;
   }

#monthcontent   {
   width: 550px;
   float: left;
   margin-left: 20px;
   padding-bottom: 20px;
   }

#monthmain .clear   {
   background-image: url(images/sidebar.gif);
   background-repeat: repeat-y;
   }

#monthsidebar  ul   {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
#monthsidebar li strong   {
   display: block;
   padding: 10px 20px;
   }

#monthsidebar li li   {
   padding: 5px 5px 5px 20px;
   background-image: url(images/mark.gif);
   background-repeat: no-repeat;
   background-position: 10px 10px;
   }

#monthsidebar li li a   {
   color: #000000;
   text-decoration: none;
   border-bottom: dotted 1px #ffffff;
  }


#monthsidebar li li a:hover   {
   color: red;
   }

#monthcontent #bread   {
   margin-top: 10px;
   text-align: right;
   }

#monthcontent #date   {
   font-size: 0.75em;
   font-weight: bold;
   font-family: Verdana, Helvetica, sans-serif;
   color: #69d600;
   }

#monthcontent #date img   {
   vertical-align: middle;
   padding-right: 10px;
   }

#monthpost   {
   padding-bottom: 10px;
   }

#monthpost h2   {
   border-bottom: solid 1px #a9a9a9;
   color: #663300;
   background-repeat: no-repeat;
   font-size: 1.2em;
   padding: 6px 10px;
   }

#monthpost p   {
   font-size: 0.75em;
   line-height: 150%;
   padding: 0 10px;
   }

#monthlist h2   {
   margin: 30px 0 0;
   padding-bottom: 5px;
   border-bottom: solid 1px #747474;
   font-size: 0.875em;
   }

#monthlist h2 a   {
   text-decoration: none;
   color: #330000;
   }

#monthlist h2 span   {
   color: #888888;
   font-size: smaller;
   font-family: Verdana, Helvetica, sans-serif;
   }

#monthlist h2 a:hover   {
   color: #ff6928;
   }

#monthlist p   {
   margin-top: 10px;
   font-size: 0.75em;
   line-height: 140%;
   }