/* ------------------------------------------------------------------- */
/* ：：写真日和：： 用におこした物*/
/* http://homepage.mac.com/kow_1_k/pb */
/* 060414----------v1 */
/* 060417----------v2 #top_imgセンタリング方法変更*/
/* 060523----------v3 TrackBack URLを表示する様に変更・bottom.jpgを変更 */
/* 070707----------v4 .css の文字コードを UTF-8 から Shift_JIS へ変更 */
/* ------------------------------------------------------------------- */
/* ライセンス --- 何も主張しません */
/* ------------------------------------------------------------------- */
/* 開始おまじない開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼  */
*{
  margin:0;
  padding:0;
  font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
  font-weight:normal;
}

li {
  list-style-type:none;
}

img{
  border:0;
}

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

/* 非表示にした要素---------------------- */
.pastlink_item .information,.friends_item .information,.comment_rss{
  display:none;
}

/* 開始おまじない終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* 全体段組み開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼  */
/* 上　中　下の幅を固定---------------------- */
#top,#fixed_width,#fixed_width2,#bottom,#middle{
  width:832px;
}

#top_img{
  width:770px;
}

/* 上　中　下をセンタリング---------------------- */
#top,#fixed_width,#fixed_width2,#bottom,#middle{
  margin:0 auto;
}

#top_img{
margin-left:31px;
}

/* 中の回り込み---------------------- */
#pastlink_column,#friendslink_column,#main_column{
  float:left;
}

/* 両サイドの幅きめ---------------------- */
#pastlink_column,#friendslink_column{
  width:176px;
  overflow:hidden;
}

/* 中の幅きめ---------------------- */
#main_column{
  width:480px;
}

/* ixed_widthを伸張---------------------- */
#fixed_width2{
  clear:left;
}

/* 全体段組み終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* top設定開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼  */
#top{
  height:49px;
  background-image:url("./pbimg/top.jpg");
  background-repeat:no-repeat;
}

#top h1{
  padding-top:20px;
  margin-left:40px;
}

/* 更新日時---------------------- */
#top .information{
  margin-top:-12px;
  margin-right:40px;
}
/* top設定終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* 真ん中設定開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼  */
#fixed_width,#middle{
  background-image:url("./pbimg/bg.jpg");
}

#top_img{
  height:80px;
  background-image:url("./pbimg/top_img.jpg");
  overflow:hidden;
}

/*<<prevとnext>>---------------------- */
#prev {
  float:left;
  text-align:left;
}

#next {
  float:right;
  text-align:right;
}

/* 大きい写真---------------------- */
#main_photo{
  margin-top:12px;
}

/* 本文---------------------- */
#text{
  margin:10px 0;
  padding:10px 15px;
}

/* コメントシステム表示グループ---------------------- */
#text_footer{
  margin:10px 0;
}

#text_footer form{
  margin-left:40px;
}

#form_group{
  margin-top:20px;
}

.tt{
  margin:10px 0;
}

/*１コメントの中の本文---------------------- */
.thumbtack_comment{
  margin:10px 0 0 0;
  padding : 5px 15px;
  border:1px #dbdbdb solid;
}

/*１コメントの中の名前---------------------- */
.thumbtack_name{
  padding : 1px 15px;
  background-color:#e3e3e3;
  border:1px #dbdbdb solid;
}

input{
  width:100px;
}

textarea{
  display:block;
  width:400px;
  height:5em;
}

#add_field input{
  width:360px;
}

.trackback_info{
  margin-left:40px;
}

.trackback input{
  width:400px;
}

#pb_counter{
  clear:both;
}

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

#pb_counter:after{

}

/* 月表示 */
#navigation{
  margin:0 30px;
}

#navigation li{
  margin:0 40px;
  display:inline;
}

.month_item,.allfriends_item{
  display:block;
  width:120px;
  height:140px;
  overflow:hidden;
  margin:20px 43px;
  float:left;
}

/* TB */
.trackback_head{
  width:480px;
  height:10px;
}

.trackback_title{
  clear:left;
  float:left;
}

.trackback_excerpt{
  clear:right;
  float:right;
}


/* 真ん中設定終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* 両サイドの各写真の設定開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ */
.pastlink_item{
  margin-left:40px;
}

#pastlink_column h2{
  margin-left:30px;
  padding-left:12px;

}

.friends_item{
  margin-left:21px;
}


#friendslink_column h2{
  margin-right:30px;
  padding-right:12px;
}

#pastlink_column h2,#friendslink_column h2{
  margin-bottom:6px;
}

.photo{
margin-bottom:1px;
}

.pastlink_item .photo a,.friends_item .photo a,
.trackback_excerpt a{
  display:block;
  width:115px;
  height:61px;
  overflow:hidden;
}

.pastlink_item .photo a:link,.pastlink_item .photo a:visited{
  background-image:url("./pbimg/rec_sel.jpg");
  background-position:left top;
}

.pastlink_item .photo a:hover{
  background-image:url("./pbimg/rec_sel.jpg");
  background-position:right top;
}

.friends_item .photo a:link,.friends_item .photo a:visited,
.trackback_excerpt a:link,.trackback_excerpt a:visited{
  background-image:url("./pbimg/fre_sel.jpg");
  background-position:right top;
}

.friends_item .photo a:hover,
.trackback_excerpt a:hover{
  background-image:url("./pbimg/fre_sel.jpg");
  background-position:left top;
}

/* img　大きさ・位置調整---------------------- */
.pastlink_item a img,.friends_item a img,
.trackback_excerpt a img{
  width:60px;
  height:45px;
  margin-top:8px;
}

.pastlink_item .photo a img{
  margin-left:14px;
}

.friends_item .photo a img,
.trackback_excerpt a img{
  margin-left:39px;
}
/* 両サイドの各写真の設定終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* my_Link  out_lin anchor▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ */
.anchor li,.my_link li,.out_link li{
  margin-top:7px;
  display:block;
  overflow:hidden;
  width:115px;
  height:33px;
}

.anchor a,.my_link a,.out_link a{
  display:block;
  overflow:hidden;
  width:115px;
  height:33px;
}

#pastlink_column .anchor a:link,
#pastlink_column .anchor a:visited,
.my_link a:link,.my_link a:visited{
  background-image:url("./pbimg/my_link.jpg");
  background-position:left top;
}

#pastlink_column .anchor a:hover,.my_link a:hover{
  background-image:url("./pbimg/my_link.jpg");
  background-position:right top;
}

#pastlink_column .anchor li,.my_link li{
  margin-left:40px;
  text-indent:5px;
}

#friendslink_column .anchor a:link,
#friendslink_column .anchor a:visited,
.out_link a:link,.out_link a:visited{
  background-image:url("./pbimg/out_link.jpg");
  background-position:right top;
}

#friendslink_column .anchor a:hover,.out_link a:hover{
  background-image:url("./pbimg/out_link.jpg");
  background-position:left top;
}

#friendslink_column .anchor,.out_link{
  margin-left:21px;
  text-indent:38px;
}

.out_link img{
  margin-left:-12px;
}
/* my_Link  out_lin anchor▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* bottom設定開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ */
#bottom{
  height:65px;
  background-image:url("./pbimg/bottom.jpg");
  background-repeat:no-repeat;
}

#bottom .information{
  padding-top:10px;
}
/* bottom設定終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */


/* font設定開始▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼ */
/* font-size---------------------- */
body{
  font-size:14px;
  line-height:22px;
}

h1{
  font-size:18px;
  line-height:24px;
}

.thumbtack_comment,.month_item .information,.allfriends_item .information,input,textarea{
  font-size:12px;
  line-height:16px;
}

#top .information,.thumbtack_name,.trackback input{
  font-size:10px;
  line-height:12px;
}

.anchor,.my_link,.out_link,#navigation{
  font-size:12px;
  line-height:33px;
}

h2,#prev,#next{
  font-size:12px;
  line-height:26px;
}

.trackback_title{
  font-size:12px;
  line-height:61px;
}

/* color---------------------- */
body,a:link,a:visited{
  color:#7f7f7f;
}

a:link,a:visited{
  background-color:transparent;
}

body{
  background-color:#f2f2f2;
}

h1,h1 a:link,h1 a:visited,#bottom .information,#bottom .information a,.month_item h2,.allfriends_item h2{
  color:white;
}

h2,#navigation{
  background-color:black;
}

#text,.thumbtack_comment{
  color:black;
}

/* マウスオーバー色---------------------- */
a:hover,#prev a:hover,#next a:hover,h1 a:hover,h2 a:hover,#bottom .information a:hover{
  color:#ffa500;
}

a:hover{
  background-color:transparent;
}

/* 文字レイアウト---------------------- */
#main_column h2,#bottom .information,#main_photo,#navigation,.month_item,.allfriends_item,#pb_counter{
  text-align:center;
}

#top .information,#friendslink_column h2,.thumbtack_name{
  text-align:right;
}

#text{
 font-size:10px;
 line-height:18px;
}
/* font設定終了▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ */