/*==============================
Diary_green
  [ INDEX ]
  1.OUTLINE::body,inbox,toparea,main,side,footer,adjust,hide
  2.TAG::a,ul,blockquote,form,textarea,img
  3.TOP AREA::banner_l,site_title,a.sitetitle,description
  4.MIDDLE AREA
      4-1.MAIN::pagearea,entry,sub_entry,entry_xxx,trackback_title
      4-2.SUPPLIMENT::linktitle,linktext,linkcentertext,new_entries,inlinelist
  5.BOTTOM AREA::copyright
  6.PARTS
      6-1.CLOCK::clock_box,clock
      6-2.MODE::mode_name,error_sign,login_box,login_form
      6-3.SEARCH::search
      6-4.CALENDAR::month_navi,calendar,cell,cell_xxx
==============================*/

/* 1---------- OUTLINE
*/
body{
  background-color:#aecb8d;
  margin:0px;
  padding:0px;
  text-align:center;
  *word-break:break-all;/*for IE of Windows*/
}
#inbox{
  width:47em;
  background-color:#edf2d7;
  font-family:"MS UI Gothic";
  text-align:left;
  margin:5px auto;
  padding:0px;
  border-color:#769d76;
  border-width:0px 1px ;
  border-style:solid;
  letter-spacing: 2px;
}

#toparea{
  width:100%;
  background-color:#769d76;
  margin:0px 0px 8px 0px;
  padding:0px;
  border-bottom:#edf2d7 5px dotted;
  *border-bottom:#769d76 5px dotted;/*class for IE of windows*/
}
#main{
  float:right;
  width:75%;
  background-color:transparent;
  margin:0px;
  padding:0px 0px 5px 0px;
}
#side{
  float:left;
  width:22%;
  background-color:transparent;
  margin:0px;
  padding:0px 0px 0px 3px;
}
#footer{
  clear:both;
  background-color:transparent;
  text-align:right;
  margin:0px;
  padding:3px 5px 0px 0px;
}

.adjust{
  clear:both;
}
.hide{
  position:absolute;
  top:-3000px;
}

/* 2---------- TAG
*/
a:link{color:#013369; text-decoration:underline;}
a:visited{color:#666; text-decoration:underline;}
a:active,
a:hover{color:#013369; text-decoration:none;background-color:#fff;}

ul{
  list-style:none;
  margin:0px 0px 0px 3px;
  padding:0px;
}

blockquote{
  color:#333333;
  background-color:#e8f6ea;
  margin:20px 10px 20px 10px;
  padding:10px;
  border:1px solid #CCCCCC;
  }

form{
  margin:0px;
  padding:0px;
}

textarea{
  width:100%;
}

img{
  border-width:0px;
}

/* 3---------- TOP AREA
*/
#banner_l{
  background-color:transparent;
  float:left;
  width:400px;
  margin:0px;
  padding:0px;
}

.site_title{
  font-size:140%;
  font-family:"MS UI Gothic";
  margin:5px 0px 5px 15pt;
  letter-spacing: 2px;
}
a.sitetitle:link,
a.sitetitle:visited,
a.sitetitle:active,
a.sitetitle:hover{
  color:#fff;
  text-decoration:none;
  background-color:transparent;
}

.description{
  color:#ｆｆｆｆｆｆ;
  font-weight:bold;
  font-size:12px;
  font-family:"MS UI Gothic";
  margin:10px 0px 20px 20px;
  letter-spacing: 2px;
}


/* 4---------- MIDDLE AREA
*/
/* 4-1---MAIN
*/
.pagearea{
  clear:both;
  background-color:transparent;
  font-size:65%;
  text-align:right;
  line-height:180%;
  margin:0px 10px 5px 0px;
  padding:0px;
  letter-spacing: 2px;
}

.entry {
  *height:1%;/*class for IE of windows*/
  clear:both;
  background-color:#f8f8f8;
  margin:0em 0.5em 1.75em 0em;
  border-color:#edf2d7 #c1dcb1;
  border-width:5px 2px;
  border-style:dotted;
}
.sub_entry {
  clear:both;
  background-color:#f3f3f3;
  margin:1em 1em 1em 1.25em;
  padding:0px 0px 10px 0px;
  border:#eee 0px solid;
  border-color:#ddd;
  border-width:1px;
  border-style:solid;
}

.entry_date{
  color:#414D7B;
  font-family:"MS UI Gothic";
  font-size:80%;
  font-weight:bolder;
  margin:10px 30px 10px 0px;
  padding:0px 0px 3px 5px;
  border-top:0px solid #444444;
  border-left:0px solid #444444;
  letter-spacing: 2px;
}

.entry_title{
  color:black;
  font-weight:bold;
  font-size:75%;
  font-family:"MS UI Gothic";
  margin:0px 0px 0px 15px;
  padding:0px;
  letter-spacing: 2px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited,
.entry_title a:active,
.entry_title a:hover{
  color:#000;
  text-decoration:none;
  background-color:transparent;
}

.entry_subtitle{
  color:black;
  background-color:#e8e8e8;
  font-weight:bold;
  font-size:75%;
  font-family:"MS UI Gothic";
  margin:0px;
  padding:0px 0px 0px 3px;
  letter-spacing: 2px;
}
.entry_admin{
  margin:0px 0px 0px 10px;
  padding:0px;
}

.entry_body{
  font-size:75%;
  line-height:180%;
  font-family:"MS UI Gothic";
  margin:15px 30px 15px 20px;
  padding:0px;
  text-decoration:none;
  letter-spacing: 2px;
}
.entry_body2{
  font-size:70%;
  line-height:180%;
  font-family:,"MS UI Gothic";
  margin:10px 40px 10px 15px;
  paletter-spacing: 2px;
  letter-spacing: 2px;
}

.entry_author{
  color:#999;
  font-size:70%;
  font-family:,"MS UI Gothic";
  text-align:right;
  margin:0px 60px 20px 0px;
  padding:0px;
  letter-spacing: 2px;
}

.entry_more{
  color:black;
  margin:0em;
  padding:0em;
}

.entry_state{
  clear:both;
  font-size:70%;
  color:#555;
  margin:10px 10px 10px 20px;
  padding:0px;
}

.trackback_title{
  color:#000;
  background-color:transparent;
  font-size:75%;
  margin:10px 0px 0px 30px;
  padding:0px;
}

/* 4-2---SUPPLIMENT
*/
.linktitle{
  color:#bc8b4e;
  background-color:transparent;
  text-align:left;
  font-weight:bolder;
  font-size:75%;
  line-height:180%;
  font-family:,"MS UI Gothic";
  margin:0px;
  padding:0px 0px 0px 5px;
  border-color:#bc966f;
  border-width:0px 0px 2px 0px;
  border-style:dotted;
  letter-spacing: 2px;
}

.linktext{
  color:#050;
  background-color:transparent;
  font-size:75%;
  line-height:180%;
  margin:0px 0px 15px 0px;
  padding:3px;
  letter-spacing: 2px;
}

.linkcentertext{
  color:#369;
  background-color:transparent;
  font-size:65%;
  line-height:180%;
  text-align:center;
  margin:0px 0px 5px 0px;
  padding:3px 3px 0px 3px;
  letter-spacing: 2px;
}

#new_entries{
  margin:0em 0.75em 0em 0em;
}
.inlinelist{
  display:inline;
  margin:0px 5px 0px 0px;
  padding:0px 5px 0px 0px;
  border-right:#aaa 1px solid;
}

/* 5----------BOTTOM AREA
*/
.copyright {
  color:#888;
  font-size:70%;
  margin:0px;
}


/* 6----------PARTS
*/
/* 6-1---CLOCK
*/
#clock_box{
  float:right;
  width:25%;
  margin:7px;
}

.clock{
  width:100%;
  color:#ddd;
  background-color:#769d76;
  font-size:70%;
  text-align:right;
  margin:0px;
  padding:3px;
  border:0px;
  letter-spacing: 2px;
}

/* 6-2---MODE
*/
#mode_name{
  color:#070;
  margin:0px;
}
#error_sign{
  color:#f00;
}
#login_box{
  text-align:right;
  margin:0px;
}
.login_form{
  color:#000;
  width:80px;
}

/* 6-3---SEARCH
*/
#search{
  width:65%;
  color:#000;
  font-size:100%;
}

/* 6-4---CALENDAR
*/
#month_navi{
  text-align:center;
  margin-top:5px;
}
.calendar{
  width:85%;
  color:black;
  background-color:#efe4cb;
  font-size:85%;
  margin:0px auto;
}

.cell{
  color:black;
  background-color:transparent;
  margin:0px;
}

.cell_today{
  color:#060;
  background-color:#fff;
  margin:0px;
}

.cell_sunday{
  color:#c00;
  background-color:transparent;
  margin:0px;
}

.cell_saturday{
  color:#000066;
  background-color:transparent;
  margin:0px;
}