/*==============================
remodelling_default
  === class index ===
  1.OUTLINE::body,inbox,banner,main,side,footer,adjust
  2.TAG::a,ul,blockquote,form,textarea,img
  3.TOP AREA::banner_l,site_title,a,description
  4.MIDDLE AREA
      4-1.MAIN::pagearea,entry,entry_xxx(a),pict,button
      4-2.SUPPLIMENT::linktitle(a),linktext,linkcentertext
  5.BOTTOM AREA::copyright
  6.PARTS
      6-1.CLOCK::clock
      6-2.LOGIN::mode_name,error_sign,login_box,login_form
      6-3.SEARCH::searcharea,search
      6-4.CALENDAR::month_navi,calendar,cell,cell_xxx
==============================*/

/* 1---------- OUTLINE
*/
body{
  color:#E7E8F5;
  background-color:#282828;
  margin:0px;
  padding:0px;
  text-align:center;
  *word-break:break-all;/*for IE of Windows*/
}
#inbox{
  width:100%;
  background-color:#282828;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  text-align:left;
  margin:1px auto;
  padding:0px;
}

#banner{
  width:100%;
  background:#282828;
  margin:0px;
  padding:0px;
}
#main{
  float:right;
  width:74%;
  background-color:transparent;
  margin:0px;
  padding:0px 0px 10px 0px;
}
#side{
  float:left;
  width:24%;
  background-color:transparent;
  margin:0px;
  padding:0px 0px 0px 0px;
}
#footer{
  clear:both;
  width:95%;
  background-color:#474750;
  text-align:right;
  margin:0px;
  padding:0px;
}

.adjust{
  clear:both;
}
/* 2---------- TAG
*/
a:link{color:#ABC1D1; text-decoration:underline;}
a:visited{color:#8692AE; text-decoration:none;}
a:active{color:#8692AE; text-decoration:underline;}
a:hover{color:#ABC1D1; text-decoration:none;}

ul{
  margin:0px 0px 0px 15px;
  padding:0px;
}

blockquote{
  color:#474750;
  margin:20px 10px 20px 10px;
  padding:10px;
  border:1px solid #474750;
  }

form{
  margin:0px;
  padding:0px;
}
textarea{
  width:98%;
}

img{
  border-width:0px;
  font-family: Hiragino Kaku Gothic Pro,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka", Helvetica, Arial, sans-serif; 
}

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

.site_title{
  font-size:180%;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  margin:5px 0px 5px 5pt;
}
a.sitetitle:link,
a.sitetitle:visited,
a.sitetitle:active,
a.sitetitle:hover{
  color:#E7E8F5;
  text-decoration:none;
}

.description{
  color:white;
  font-weight:bold;
  font-size:12px;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  margin:10px 0px 20px 20px;
}


/* 4---------- MIDDLE AREA
*/
/* 4-1---MAIN
*/
#pagearea{
  clear:both;
  background-color:transparent;
  margin:0px 0px 5px 0px;
  padding:0px;
  text-align:right;
  line-height:150%;
}

.entry {
  clear:both;
  background-color:transparent;
  margin:0em 0em 1.25em 0em;
  padding:0px 0px 10px 0px;
}

.entry_date{
  color:#E7E8F5;
  font-family:"Verdana";
  font-size:80%;
  font-weight:bolder;
  margin:0px 30px 10px 0px;
  padding:0px 0px 3px 5px;
  border-top:1px solid #474750;
  border-left:10px solid #474750;
}

.entry_title{
  color:#E7E8F5;
  font-weight:bold;
  font-size:75%;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  margin:0px 0px 0px 15px;
  padding:0px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited,
.entry_title a:active,
.entry_title a:hover{
  color:#E7E8F5;
  text-decoration:none;
}

.entry_subtitle{
  color:#E7E8F5;
  background-color:#eee;
  font-weight:bold;
  font-size:75%;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  margin:0px 30px 0px 15px;
  padding:0px;
}

.entry_admin{
  margin:0px 0px 0px 10px;
  padding:0px;
}

.entry_body{
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  margin:15px 30px 15px 20px;
  padding:0px;
}

.entry_author{
  color:#E7E8F5;
  font-size:70%;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  text-align:right;
  margin:0px 30px 0px 0px;
  padding:0px;
}

.entry_more{
  color:#E7E8F5;
  margin:0px;
  padding:0px;
}

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

.pict{
  float:right;
  border-width:3px;
  border-style:solid;
  border-color:#DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

.button{
  clear:both;
  color:#E7E8F5;
  font-size:65%;
  line-height:150%;
  margin:5px;
  padding:3px 10px;
  border:#474750 1px solid;
}

/* 4-2---SUPPLIMENT
*/
.linktitle{
  color:#E7E8F5;
  background-color:#474750;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó ¥´¥·¥Ã¥¯","Osaka¡¾ÅùÉý";
  margin:0px 0px 1px;
}
.linktitle a:link,
.linktitle a:visited,
.linktitle a:hover,
.linktitle a:active{
  color:#E7E8F5;
  text-decoration:none;
}


.linktext{
  color:#E7E8F5;
  background-color:#282828;
  font-size:65%;
  line-height:170%;
  margin:0px 0px 10px 0px;
  padding:3px 3px 7px 3px;
}

.linkcentertext{
  color:#E7E8F5;
  background-color:#282828;
  font-size:65%;
  line-height:170%;
  text-align:center;
  margin:0px 0px 10px 0px;
  padding:3px 3px 7px 3px;
}
/* 5----------BOTTOM AREA
*/
.copyright {
  color:#E7E8F5;
  font-size:70%;
  margin:0px 20px;
}


/* 6----------PARTS
*/
/* 6-1---CLOCK
*/
.clock{
  width:100%;
  color:#E7E8F5;
  background-color:transparent;
  font-size:70%;
  text-align:center;
  margin:0px;
  padding:3px;
  border:0px;
}

/* 6-2---LOGIN
*/
#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
*/
#searcharea{
  background-color:transparent;
  float:right;
  width:300px;
  text-align:right;
  padding:15px 10px 0px 0px;
}
#search{
  color:#000;
  font-size:70%;
}

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

.cell{
  color:#E7E8F5;
  background:#474750 no-repeat;
  margin:0px;
}

.cell_today{
  color:olive;
  background:#cfc no-repeat;
  margin:0px;
}

.cell_sunday{
  color:#c00;
  background:#f99 no-repeat;
  margin:0px;
}

.cell_saturday{
  color:#000066;
  background:#9cc no-repeat;
  margin:0px;
}