/*==============================
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,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{
  background-color:#ccc;
  margin:0px;
  padding:0px;
  text-align:center;
  *word-break:break-all;/*for IE of Windows*/
}
#inbox{
  width:800px;
  background-color:#fff;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:left;
  margin:0px auto;
  padding:0px;
}

#banner{
  width:100%;
  height:300px; 
 background-image: url(http://www.howto-sumai.com/skin/images/20060115024540gif);
background-repeat: no-repeat;
  margin:0px;
  padding:0px;
}
#main{
  float:right;
  width:530px;
  background-color:transparent;
  margin:0px;
  padding:0px 20px 10px 20px;
}
#side{
  float:left;
  width:220px;
  background-color:transparent;
  margin:0px 0px 5px 3px;
  padding:0px 0px 5px 3px;
}
#footer{
  clear:both;
  width:100%;
  background-color:#0066cc;
  text-align:right;
  margin:0px;
  padding:0px;
}

.adjust{
  clear:both;
}
/* 2---------- TAG
*/
a:link{color:#369; text-decoration:underline;}
a:visited{color:#336; text-decoration:none;}
a:active{color:#c00; text-decoration:underline;}
a:hover{color:#FF9900; text-decoration:none;}

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

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

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

img{
  border-width:0px;
}

.entry_linktitle{
  color:#fff;
  background-color:#0066cc;
    padding:0px 10px 0px 0px;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px;
}
.entry_linktext{
  color:#0066cc;
  background-color:#fff;
  font-size:14px;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 0px;
  padding:3px 3px 3px 10px;
    border-width: 1px;
  border-color:#0066cc; 
  border-style: solid;
  }

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

.site_title{
  font-size:150%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0 0px 5px 10pt;
}
a.sitetitle:link,
a.sitetitle:visited,
a.sitetitle:active,{
  color:#000;
  text-decoration:none;
}
a.sitetitle:hover{color:#FF9900; text-decoration:none;}


.description{
  color:#000;
  width:400px;
  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:left;
  line-height:150%;
}

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

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

.entry_title{
  color:black;
  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:#000;
  text-decoration:none;
}

.entry_subtitle{
  color:black;
  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:12px;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:15px 30px 15px 20px;
  padding:0px;
}

.entry_author{
  color:#999999;
  font-size:70%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:right;
  margin:0px 30px 0px 0px;
  padding:0px;
}

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

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

.pict{
  float:right;
  border-width:3px;
  border-style:solid;
  border-color:#DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}
div.cabinet {
     width:500px;
     margin: 0%;
     padding: 0%;
}
div.doublebox {
     float: left;
     width: 49%;
     margin: 0%;
     padding: 0%;
     border: 2px solid #FFFFFF;
}
div.doublebox2 {
     float: right;
     width: 49%;
     margin: 0%;
     padding: 0%;
     border: 2px solid #FFFFFF;
}
div.dummy { clear: left; }
span.none{ display: none; }
}


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

.linkbox {
  font-weight:bolder;
  margin: 10px 0px 15px 0px;
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  line-height: 170%;
}

/* 4-2---SUPPLIMENT
*/
.linktitle{
  color:#fff;
  background-color:#0066cc;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px;
}
.linktitle2{
  color:#fff;
  background-color:#336666;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px;
}

.linktitle4{
  color:#fff;
  background-color:#0066cc;
    padding:0px 10px 0px 0px;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px;
}

.linktext{
  color:#0066cc;
  background-color:#fff;
  font-size:12px;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 3px;
  padding:3px 3px 3px 3px;
    border-width: 1px;
  border-color:#0066cc; 
  border-style: solid;
  }

.linktext2{
  color:#0066cc;
  background-color:#fff;
  font-size:14px;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 3px;
  padding:3px 3px 3px 3px;
  border-width: 1px;
  border-color:#336666; 
  border-style: solid;
  }
  
 .linktext3{
  color:#336666;
  background-color:#fff;
  font-size:12px;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 3px;
  padding:3px 3px 3px 3px;
    text-align:center;
    border-width:0px;
  border-color:#336666; 
  border-style: solid;
  }
  
.linktext4{
  color:#0066cc;
  background-color:#fff;
    padding:0px 10px 0px 0px;
  font-size:12px;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 3px;
  padding:3px 3px 3px 3px;
    border-width: 1px;
  border-color:#0066cc; 
  border-style: solid;
  }

.linktext_top{
  color:#0066cc;
  background-color:#fff;
    padding:0px 10px 0px 0px;
  font-size:12px;
  line-height:190%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 0px 3px;
  padding:3px 3px 3px 3px;
  border-width: 1px;
  border-color:#0066cc; 
  border-style: solid;
  }
  
.linkcentertext{
  color:#369;
  background-color:#ccc;
  font-size:65%;
  line-height:170%;
  text-align:center;
  margin:0px 0px 10px 0px;
  padding:3px 3px 7px 3px;
}
/* 5----------BOTTOM AREA
*/
.copyright {
  color:#fff;
  font-size:70%;
  margin:0px 20px;
}


/* 6----------PARTS
*/
/* 6-1---CLOCK
*/
.clock{
  width:100%;
  color:black;
  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:black;
  font-size:85%;
  margin:0px auto;
}

.cell{
  color:black;
  background:white 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;
}