/*==============================
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:#ecf0fb url(images/dot.gif);
  margin:0px;
  padding:0px;
  text-align:center;
}
#inbox{
  width:47em;
  background:transparent url(images/shade.gif);
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";
  text-align:left;
  margin:0px auto;
  padding:0px;
}

#toparea{
  width:100%;
  height:100px;
  background:#777;
  margin:0px;
  padding:0px;
}
#temporarybox{
  float:right;
  width:78.5%;
}
#main{
  float:left;
  width:70%;
  background-color:#ecf0fb;
  margin:0px;
  padding:0px;
}
#rightside{
  float:right;
  width:28%;
  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:#0000cd; text-decoration:underline;}
a:visited{color:#444; text-decoration:underline;}
a:active,
a:hover{color:#ff0000; text-decoration:underline;}

ol{
  margin:0px 0px 0px 2px;
  padding:0px;
}

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:#ecf0fb url(images/top.png);
  height:100px;
  margin:0px;
  padding:5px 0px 0px;
}

.guest { display: none;  } /* ゲストユーザーには非表示 */
.user  { display: block; } /* ログインユーザーには表示 */

.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:#0000cd;
  text-decoration:none;
  background-color:transparent;
}

.description{
  color:#0000cd;
  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:center;
  line-height:150%;
  margin:0px 0px 5px 0px;
  padding:0px;
}

.entry {
  background-color:#ecf0fb;
  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:#666;
  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:170%;
  margin:0px 0px 5px 0px;
  padding:3px 3px 7px 3px;
}

.linktitle{
  color:white;
  background-color:#aaa;
  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:#eee;
  margin:0px;
}

.cell_sunday{
  color:#c00;
  background-color:#fff;
  margin:0px;
}

.cell_saturday{
  color:#000066;
  background-color:#fff;
  margin:0px;
}


/* 部品全体を囲むボックス(div) */
.sb-frame {
    background-color:transparent;
    font-size:70%;
    width: 100%;
    height: 200px;
    overflow: auto;
}


/* "このページのリンク元"或いは"アクセスの多いページ"の文字列 */
.sb-title {
    text-align: center;
    font-weight:bolder;
    font-size:120%;
}

/* ランキングリスト部分の ul タグ */
.sb-list {
    text-align: left;
    padding: 2px;
    margin: 0px;
}

/* ランキングリスト部分の li タグ */
.sb-list li {
    color: #333333;
    font-size:90%;
    margin-top: 2px;
    list-style-type: none;
}

/* ｚonu設定 */
.zonu_item{
  width:150px;
  font-size: 10px;
  line-height: 110%;
  letter-spacing: 1px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  background-color: #ecf0fb;
}

.zonu_item a, .zonu_item a:link, .zonu_item a:visited, .zonu_item a:active {color: #4682B4; text-decoration:none;}
.zonu_item a:hover {color : #6699CC; text-decoration:underline;}

.zonu_goods{
  border-bottom: 1px dashed #C1D5D5;
  margin-bottom: 5px;
  padding: 3px;
}

.zonu_pict{
  margin: 3px;
  padding: 0px;
}

.zonu_title{
  font-size: 10px;
  margin: 0px;
  padding: 3px 0px 3px 0px;
}

.zonu_author{
  color:#CC6600;
  margin: 0px;
  padding: 3px 0px 3px 0px;
}

.zonu_shop{
  text-align: left;
}

.zonu_price{
  color:#CC66aa;
  text-align: left;
}

.zonu_date{
  text-align: left;
}

.zonu_avail{
  text-align: left;
}

.zonu_comment{
  background-color: #ecf0fb;
  text-align: left;
  border: 1px solid #ccc;
  margin: 5px 0px 5px 0px;
  padding: 3px;
}


/* コメント引用 */

.cmtquote {
    color:#0000cd;
    font-weight: bold;
}


/* lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./skin/images/overlay.png", sizingMethod="scale");
	}



/* OnThisDay for BlognPlus */
.otd_main_title {
 color: #ff4500;
 font-weight:bolder;
}

/* pulldown */

#pdm_arslct {
    color: #666;
    background-color: #ffffｆｆ;
    width:150px; 
}
#pdm_caslct {
    color: #666;
    background-color: #ffffｆｆ;
    width:150px; 
}

/* トラックバックサムネイル */
.tbimg {
  float: left;
  margin: 0.5em 1em 0.5em 1em;
  border-width: 0;
}
