/* 
*TopIMG.pbtemplate
*Designd by kitta
*http://kitta.jf.land.to/
*-------------------------------
*07-07-17 [N]
*-------------------------------
 */
#ie{
  display:none;
}

/* おまじない */
*{
  margin:0;
  padding:0;
  list-style-type:none;
  font-family:Skia,'Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
}

a img{
  border:0px white solid;
}

/* clearfix偽 */
.clear{
  clear:both;
}

body{
  background-image:url("./pbimg/Body.png");
  background-repeat:repeat;
  background-position:center top;
}


#top,
#middle,
#bottom{
  width:975px;
  margin:0 auto;
}


.top_top_shadow{
  width:100%;
  height:9px;
  background-image:url("./pbimg/TopTopShadow.png");
  background-repeat:no-repeat;
  background-position:top;
}

.top_left_shadow,
.top_middle,
.top_right_shadow{
  height:106px;
  float:left;
  background-repeat:no-repeat;
  background-position:top;
}

.top_left_shadow,
.top_right_shadow{
  width:10px;
}

.top_left_shadow{
  background-image:url("./pbimg/TopLeftShadow.png");
}

.top_middle{
  width:955px;
  background-image:url("./pbimg/TopMiddle.png");/* これが上の画像  */
}

.top_right_shadow{
  background-image:url("./pbimg/TopRightShadow.png");
}




.top_middle{
  position:relative;
}

.top_middle_left,
.top_middle_right{
  position:absolute;
  bottom:10px;
}

.top_middle_left{
  left:50px;
}

.top_middle_right{
  right:50px;
}

.rss a{
  display:block;
  width:29px;
  height:30px;
  background-image:url("./pbimg/rss.png");
}




#middle{
  background-image:url("./pbimg/MiddleBase.png");
  background-repeat:repeat-y;
}

#middlein{
  margin:0 30px;
}




#left{
  margin-right:-247px;
  width:100%;
  float:left;
}

#middle_right,
#middle_left{
  text-align:center;
  width:247px;
}

#middle_right{
  float:right;
}

#middle_center{
  margin-left:-247px;
  width:100%;
  float:right;
}

#middle_center>*{
  margin-left:247px;
  margin-right:247px;
}

#middle_left{
  float:left;
}


h2{
  margin-top:15px;
}

#middle_center h2{
  text-align:center;
}

.main_photo{
  margin-top:15px;
  margin-bottom:35px;
  text-align:center;
}


#middle_center .text{
  margin-bottom:30px;}

.date_and_postnumber{
height:2em;
}

.prev,
.date,
.next{
  text-align:center;
  width:32%;
  float:left;
}

.prev{  text-align:left;}
.date{  text-align:center;}
.next{  text-align:right;}





#form_group textarea,
input[type="text"]{
  width:480px;
  display:block;
}


.tt{
  overflow:hidden;
  margin-top:20px;
  margin-bottom:15px;
  padding-top:6px;
  width:480px;
  background-image:url("./pbimg/ComTop.png");
  background-repeat:no-repeat;
  background-position:top;
}

.thumbtack_comment{
  padding:0.5em;
  background-image:url("./pbimg/ComMiddle.png");
  background-repeat:repeat-y;
}

.thumbtack_name{
  padding-top:10px;
  text-align:right;
  background-image:url("./pbimg/ComBottom.png");
  background-repeat:no-repeat;
  background-position:top;
}



.trackback_title:before{
  margin-top:-6px;
  display:block;
  content:"";
  height:7px;
  width:480px;
  background-image:url("./pbimg/ComTop.png");
  background-repeat:no-repeat;
  background-position:top;
}


.trackback_title,
.trackback_excerpt{
  margin-top:15px;
  margin-bottom:10px;
  height:94px;
  float:left;
  background-image:url("./pbimg/ComMiddle.png");
  background-repeat:repeat-y;
}

.trackback_title{
  text-align:center;
  width:353px;
  background-position:left;
}

.trackback_excerpt{
  width:127px;
  background-position:right;
}

.trackback_title>*{
  margin:0.5em;
  display:block;
}

.trackback_title a{
  margin-top:1.2em;

}

.trackback_excerpt a img{
  width:120px;
  height:90px;
}

.trackback_excerpt:after{
  margin-left:-353px;
  display:block;
  content:"";
  height:6px;
  width:480px;
  background-image:url("./pbimg/Com_Tb_Bottom.png");
  background-repeat:no-repeat;
  background-position:bottom;
}


#pb_counter{
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
}

#pb_counter:before{
  content: "Contenter : ";
}


#navigation{
  text-align:center;
  height:3em;
}

#navigation li{
  display:inline;
}

#navigation li a{
  padding:0 2em;
}

.pastlink_item,
.friends_item{
  margin:15px auto;
  width:151px;
  height:177px;
}

.month_item,
.allfriends_item{
  margin:15px;
  text-align:center;
  float:left;
  width:151px;
  height:177px;
}

.month_item,
.pastlink_item{
  background-image:url("./pbimg/LeftImgs.png");
}

.allfriends_item,
.friends_item{
  background-image:url("./pbimg/RightImgs.png");
}



.pastlink_item img,
.friends_item img{
  width:120px;
  height:90px;
  margin-top:13px;
  margin-bottom:5px;
}





.anchor li a{
  margin:10px auto;
  display:block;
  width:142px;
  height:46px;
  background-image:url("./pbimg/Link.png");
}

.anchor li a:link,
.anchor li a:visited{
  background-position:bottom;
}
.anchor li a:hover{
  background-position:top;
}


.anchor li a img{
  margin-top:8px;
}






#bottom a{
  display:block;
  height:64px;
  background-image:url("./pbimg/Bottom.png");
  background-repeat:no-repeat;
}




.month_item,
.allfriends_item{

}







.rss a{
  text-indent:-10000em;}


#bottom{
  text-indent:-10000em;
}


a:link,
a:visited{
  text-decoration:none;}





a:link,
a:visited,
#middle_right,
#middle_left{
  color:#ac5830;}

a:hover{
  color:#c27e51;}

h1,
h1 a:link,
h1 a:visited{
  color:#e7b98a;}

.top_middle{
  color:#999999;}

.tt{
  color:#3f3f3f;}








h1{
  line-height:1em;}

h2{
  line-height:50px;}

.anchor li{
  line-height:46px;}

.pastlink_item,
.friends_item,
#middle_center .text{
  line-height:1.6em;}

.month_item>*,
.allfriends_item>*{
  line-height:24px;}

.date_time{
  line-height:15px;}

.thumbtack_name{
  line-height:13px;}


h1{
  font-size:12px;}

#middle_center h2{
  font-size:20px;}

#middle_right h2,
#middle_left h2,
#middle_center .text,
textarea,
input{
  font-size:15px;}

.date_and_postnumber{
  font-size:15px;}

.month_item>*
,.allfriends_item>*,
.anchor,
.date_time{
  font-size:14px;}

.top_middle_left .information,
.thumbtack_name,
.pastlink_item,
.friends_item{
  font-size:13px;}

.thumbtack_comment{
  font-size:0.9em;}
