* {
  margin     : 0;
  padding    : 0;
  font-family: Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
/* ƒŠƒ“ƒN */
a { text-decoration: none; 	}
a:link    { color: #660033; 	}
a:visited { color: #CC66CC;   }
a:active  { color: #990000;   }
a:hover   { color: #006699; position: relative; top: 2px; left: 2px; }

body {
  background  : white;
  color       : #494949;
  font-family : "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial,  sans-serif;
  font-size   : 100%;
  padding     : 15px 0;
  margin      : 0;
}
#container {
 line-height  : 140%;
 margin-right : auto;
 margin-left  : auto;
 text-align   : left;
 padding      : 3px;
/*
 width        : 750px;
*/
 width        : 770px;
 background-color: #8fabbe;
 border       : 2px solid;
 border-color : #CCC #333 #333 #CCC;
}
#center {
  float         : left;
  width         : 542px;
  margin-top    : 5px;
  border        : 1px solid;
  border-color  : #CCC #333 #333 #CCC;
  overflow      : hidden;
  padding       : 10px 5px;
  background    : #FFFFE0;
}
#right {
  float         : left;
  width         : 184px;
  margin-top    : 5px;
  overflow      : hidden;
  padding       : 10px 5px;
  border        : 1px solid;
  border-color  : #CCC #333 #333 #CCC;
  background    : #FFFFE0;
}
/*
+-------------------------------------------------+
|               Header                            |
+-------------------------------------------------+
*/
#header {
    padding: 15px;
    border-bottom: 1px solid #669;
    color: #999;
    background: #8fabbe;
    text-align: center;
}
/*
#header {
  padding       : 15px;
  color         : #999;
  background    : #8fabbe;
  text-align    : center;
  font-size     : 200%;
  border        : 1px solid;
  border-color  : #CCC #333 #333 #CCC;
}
*/
#header a,
#header a:link,
#header a:visited {
  color           : #fff;
  background      : transparent;
  text-decoration : none;
}
#header a:hover  {}
#header a:active {}


#purple {background-color:#E6E6FA;}
/*
+-------------------------------------------------+
|               Footer                            |
+-------------------------------------------------+
*/
#footer { 
  background-color: #470101; 
}

#footer-content {
  margin  : 20px 0;
}
/*
+-------------------------------------------------+
|               Entry                             |
+-------------------------------------------------+
*/

.date {
  margin      : 8px 0 3px;
  color       : #666666;
  font-weight : bold;
  font-size   : 125%;
  text-align  : left;
}
.entry-header {
    margin      : 15px 0 0;
    padding-left: 5px;
    border-left : 3px solid #999;
    font-size   : 150%;
    font-weight : bold;
}
.asset-body,
.entry {
    width       : auto;
    margin      : 0 3px 15px;
    color       : #000000;
/*    background  : #fff;*/
  background  : #FFFFE0;
    font-size   : 100%;
    line-height : 1.5;
    word-break  : break-all;
}
.entry p {
    margin: 15px 0;
}
.entry ul,
.entry ol {
    padding-left: 16px;
}
.entry ul li {
    list-style-type: circle;
}
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}
.entry textarea {
    width: 97%;
}
.entry.extended {}

.entry-footer {
    margin      : 10px 0 0;
    padding-top : 3px;
    border-top  : 1px dotted #36414d;
    font-size   : 70%;
    text-align  : right;
}
/*
+-------------------------------------------------+
|               Comment                           |
+-------------------------------------------------+
*/
.comment-author  {
  font-size:  110%;
  font-weight:  bold;
}
.comment-date {
  font-size : 80%;
}
.comments-content,
.comments-open-content,
.comments-closed {
  margin      : 5px 0;
  line-height : 1.5;
}
.comments-header,
.comments-open-header {
  margin      : 0;
  padding     : 5px 0;
  font-size   : 18px;
  font-weight : bold;
  color       : #333333;
    /* ie win (5, 5.5, 6) bugfix */
  position    : relative;
  width       : 100%;
  width       : auto;
}
.comment-footer {
  font-size   :  11px;
  color       : #999999;
}
.comment-footer a {
  font-weight : normal;
  color       : #999;
    margin      : 10px 0 0;
    padding-top : 3px;
    border-top  : 1px dotted #36414d;
    font-size   : 85%;
    text-align  : right;
}
/*
+-------------------------------------------------+
|               PlainPage                         |
+-------------------------------------------------+
*/
#plain_page {
  float         : left;
  width         : 740px;
  margin-top    : 5px;
  border        : 1px solid;
  border-color  : #CCC #333 #333 #CCC;
  overflow      : hidden;
  padding       : 10px 5px;
  background-color: #FFFFE0;
}
/*
+-------------------------------------------------+
|               Menu                              |
+-------------------------------------------------+
*/
#menu {
  margin    : 0;
  margin-bottom:  5px;
  text-align: center;
}
#menu h1, h2  {
  font-size   : 12px;
  font-weight : bold;
}
#menu h1 {  color: red; }
#menu h2 {  font-weight: normal; }

#menu li {
  display     : inline;
  padding     : 5px;
  border      : 1px solid;
  border-color: #CCC #333 #333 #CCC;
  line-height : 300%;
}
/*
#menu a,
#menu a:link,
#menu a:visited {
  color           : #fff;
  background      : transparent;
  text-decoration : none;
}
#menu a:hover  {}
#menu a:active {}
*/
/*
+-------------------------------------------------+
|               TextBox                           |
+-------------------------------------------------+
*/
#text-box {
/*  margin      : 0 auto 20px;*/
  margin      : 0 auto;
  width       : 400px;
  text-align  : center;
  line-height : 1.5;
  border      : 1px solid;
  border-color: #CCC #333 #333 #CCC;
  overflow    : hidden;
  padding     : 5px;
}
#text-box h1, h2  { 
  font-size   : 12px;
  font-weight : bold;
}
#text-box h1  { color : green;  }
#text-box h2  { color : red;  }
/*
+-------------------------------------------------+
|               WhatsNew                          |
+-------------------------------------------------+
*/
#whats_new {
  margin      : 0 auto 5px;
  margin-bottom:  10px;
  width       : 400px;
  text-align  : center;
  display     : block;
  padding-top : 5px;
  border      : 1px solid;
  border-color: #CCC #333 #333 #CCC;
}
#whats_new h3,
#whats_new h4 {
  text-align  : center;
  padding-left: 20px;
  font-size   : 14px;
  font-weight : bold;
  font-color  : green;
  line-height : 200%;
}
#whats_new h4 {
  font-size   : 12px;
  text-align  : left;
  font-weight : normal;
}
#whats_new  ul, li  {
  list-style-type: none;
}
/*
+-------------------------------------------------+
|               Counter                           |
+-------------------------------------------------+
*/
#counter {
 width      : 200px;
 text-align : center;
 margin     : 0 auto 20px;
}
#counter h1 {
 font-size  : small;
 font-weight: bold;
 color      : gray;
 line-height: 120%;
}
#counter li {
 list-style : none;
 display    : block;
 padding    : 5px;
 border     : 1px solid;
 border-color: #CCC #333 #333 #CCC;
 line-height : 200%;
}
#counter li:before{ content: ""; }
#counter li:after { content: ""; }
/*
+-------------------------------------------------+
|               GlobalNavi                        |
+-------------------------------------------------+
*/
#global_navi  {
  border-bottom:  1px solid #bed5b4;
}
#global_navi ul {
  margin  : 0;
  padding : 0;
  line-style: none;
}
#global_navi li {
  float       : left;
  padding     : 2px;
  border-right: 1px solid #bed5b4;
  width       : 62px;
  letter-spacing: 0.1em;
}
#global_navi ul li a  {
  display     : block;
  color       : #333;
  font-size   : 70%;
  text-align  : center;
  line-height : 2.3;
  text-decoration:  none;
}
