/*==============================
Punching board
  [ INDEX ]
  1.OUTLINE::body,inbox,toparea,temporarybox,main,rightside,leftbox,footer,adjust,hide
  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,sub_entry,entry_xxx,trackback_title,a
      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{
  background-color : #fff5f5;
  background-image : url(images/bg_wall.jpg);
  background-repeat : no-repeat;
  background-attachment : fixed;
  background-position : right bottom;
  margin:0px;
  padding:0px;
  text-align:center;
}
#inbox{
  width:45em;
  background:transparent url(images/shade.gif);
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:left;
  margin:0px auto;
  padding:0px;
}

#toparea{
  width:100%;
  background:#f60;
  margin:0px;
  padding:0px;
}
#temporarybox{
  float:right;
  width:100%;
}
#main{
  float:left;
  width:33em;
/*  background-color:#fff;
*/
  margin:0px;
  padding:0px;
}
#rightside{
  float:right;
  width:12em;
  background-color:transparent;
  margin:0px;
  padding:10px 0px 0px;
}
#leftside{
  float:left;
  width:20%;
  background-color:transparent;
  margin:0px;
  padding:10px 0px 0px;
}
#footer{
  clear:both;
  width:100%;
  background-color:transparent;
  text-align:right;
  margin:10px 0px 0px 0px;
  padding:0px;
}

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

/* 2---------- TAG
*/
a:link{color:#111; text-decoration:none;}
a:visited{color:#444; text-decoration:none;}
a:active,
a:hover{color:#ff0;text-decoration:none;background-color:#000;}

ul{
  margin:0px 0px 0px 2px;
  padding:0px;
}
li{
  list-style-type:none;
  padding:0px 0px 0px 5px;
}

blockquote{
  color:#333;
  background-color:#f3f3f3;
  margin:20px 10px 20px 10px;
  padding:10px;
  }

form{
  margin:0px;
  padding:0px;
}
textarea{
  width:360px;
  font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif; 
}

/* 3---------- TOP AREA
*/
#banner_l{
  background-color:transparent;
  width:60%;
  margin:0px;
  padding:5px 0px 0px;
}

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

.description{
  color:#fff;
  font-weight:bold;
  font-size:12px;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:10px 0px 0px 20px;
  padding:0px 0px 10px;
}

img{
  border-width:0px;
}

/* 4---------- MIDDLE AREA
*/
/* 4-1---MAIN
*/


.pagearea{
  clear:both;
  background-color:transparent;
  font-size:65%;
  text-align:right;
  line-height:150%;
  margin:0px 0px 5px 0px;
  padding:0px;
}
.entry {
  background-color:#fff;
  line-height:150%;
  margin:0em 0em 1.75em 0em;
  padding:0em;
}
.sub_entry {
  clear:both;
  background-color:transparent;
  margin:1em 0.25em 1.5em;
  padding:0em 0em 0.25em 0em;
  border-color:#ddd;
  border-width:1px;
  border-style:solid;
}

.entry_date{
  color:#fff;
  background-color:#f80;
  font-family:Verdana;
  font-size:80%;
  font-weight:bolder;
  line-height:150%;
  margin:0px 0px 10px 0px;
  padding:0em 0em 0em 1em;
}

.entry_title{
  color:black;
  font-weight:bold;
  font-size:75%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  line-height:125%;
  margin:0px 10px;
  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;
  background-color:transparent;
}

.entry_subtitle{
  color:black;
  background-color:#eee;
  font-weight:bold;
  font-size:75%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:left;
  line-height:135%;
  margin:0px;
  padding:0px 0px 0px 10px;
}
.trackback_title{
  color:#000;
  background-color:transparent;
  font-size:75%;
  line-heigth:125%;
  margin:10px 0px 0px 10px;
  padding:0px;
}

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

.entry_body{
  font-size:75%;
  line-height:170%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:5px 20px 10px;
  padding:0px;
}
.entry_body2{
  font-size:70%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  line-height:170%;
  margin:15px 15px 5px 20px;
  padding:0px;
  overflow:auto;/*for other browzer*/
  *word-break:break-all;/*for IE of Windows*/
}

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

.entry_state{
  clear:both;
  font-size:70%;
  line-height:125%;
  color:#666;
  margin:8px 10px 12px 20px;
  padding:0px;
}

/* 4-2---SUPPLIMENT
*/
.topicpath{
  color:#ff0000;
  background-color:transparent;
  font-size:75%;
  font-weight:bolder;
  line-height:150%;
  margin:0px 0px 5px 0px;
  padding:3px 3px 7px 3px;
}

.linktitle{
  color:white;
  background-color:#fa8;
  text-align:center;
  font-weight:bolder;
  font-size:75%;
  line-height:130%;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  margin:0px 0px 2px 0px;
}
.linktitle a:link,
.linktitle a:visited,
.linktitle a:hover,
.linktitle a:active{
  color:#fff;
  text-decoration:none;
}

.linktext{
  color:#333;
  background-color:transparent;
  font-size:65%;
  line-height:170%;
  margin:0px 0px 5px 0px;
  padding:3px 3px 7px 3px;
}

.linkcentertext{
  color:#369;
  background-color:transparent;
  font-size:65%;
  line-height:170%;
  text-align:center;
  margin:0px;
  padding:3px 3px 7px 3px;
}
/* 5----------BOTTOM AREA
*/
.copyright {
  color:#000;
  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 0px 10px;
  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;
  font-size:80%;
  text-align:right;
  margin:0px 0px 5px;
  padding:0px;
}
#search{
  color:#000;
  width:65%;
  font-size:95%;
}

/* 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-color:#fff;
  margin:0px;
}

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

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

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

.cell a:link,
.cell a:visited{color:#000; text-decoration:none;background-color:#ddd;}
.cell a:active,
.cell a:hover{color:#ff0;text-decoration:none;background-color:#000;}

.cell_sunday a:link,
.cell_sunday a:visited{color:#c00; text-decoration:none;background-color:#ddd;}
.cell_sunday a:active,
.cell_sunday a:hover{color:#ff0;text-decoration:none;background-color:#000;}

.cell_saturday a:link,
.cell_saturday a:visited{color:#000066; text-decoration:none;background-color:#ddd;}
.cell_saturday a:active,
.cell_saturday a:hover{color:#ff0;text-decoration:none;background-color:#000;}


.guest { display: none;  } /* ゲストユーザーには非表示 */
.user  { display: block; } /* ログインユーザーには表示 */

#poprank {
  margin-left: 30px;
}
#poprank li {
  list-style-position:outside;
  list-style-type: decimal;
}