/*******************************************************************
  hakomori**BLOG
*******************************************************************/





/***************************************************** 画像の設定 */
/* 壁紙 */
.bg , .side_title , input.button {
  background:transparent url(../images/tate.gif) repeat scroll center center;
  }
/* 枠 */
.border {
  overflow:hidden ;
  border:solid 1px #333 ;
}
/* 枠と壁紙の隙間 */
.bg , .side_title {
  border:solid 2px #fff
  background:transparent url(../images/te04b_1.gif) repeat scroll center center;
}

/* 記事タイトル、サイドリストのアイコン */
.side_text li , .entry_title {
  background-image:url(../images/te04b_2.gif) ;
}



/***************************************************** レイアウト */
#layout {
  width:1040px ; /* 全体幅 ①＋②＋③＋余白40px */
  overflow:hidden ;
  margin:0 auto;

}

#layout_left {
  float:left ;
  width:200px ; /* ①左サイド幅 */
  overflow:hidden ;
}

#layout_right {
  float:right ;
  width:820px ; /* ②+③+余白20px */
  overflow:hidden ;
}
#main {
  float:left ;
  width:600px ; /* ②中央エントリ幅 */
  overflow:hidden ;
}
#right_side {
  float:right ;
  width:200px ; /* ③右サイド幅 */
  overflow:hidden ;
}





/************************************************* ブログタイトル */
#blog_name {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:#FFFFFF none repeat scroll 0 0;*/
font-size:15pt;
font-weight:bold;
letter-spacing:1pt;
margin:0 20px;
padding-bottom:5px;
padding-left:80px;
padding-top:40px;
text-align:left;
}


#blog_name a {
  /*background:#FFF ;*/
  text-decoration:none ;
  color:#333 ;
}
#blog_name a:hover {
  color:#666 ;
}

#blog_description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:#FFFFFF none repeat scroll 0 0;*/
margin:0 20px;
padding-bottom:20px;
padding-left:80px;
text-align:left;
}




/******************************************************* エントリ */
.entry_date {
  margin-top:20px ;
  margin-right:5px ;
  text-align:right ;
  font-family:Tahoma ;
  letter-spacing:1px ;
  color:#999 ;
}
.entry_date a {
  text-decoration:none ;
  color:#999 ;
}
.entry_date a:hover{
  color:#666 ;
}


.entry_inner {
  overflow:hidden ;
  background:#FFF;
  padding:10px ;
  text-align:left ;
  margin-left:24px ;
  margin-right:24px ;
}

.entry_title {
  overflow:hidden ;
  background-repeat:no-repeat ;
  background-position:left top ;
  padding-left:25px ;
  padding-bottom:5px ;
  font-size:10pt ;
  text-align:left ;
  color:#008080 ;
}
.entry_title a {
  text-decoration:none ;
  color:#008080 ;
}
.entry_title a:hover{
  color:#666 ;
}

.entry_description {
  overflow:hidden ;
  background:#FFF ;
  padding:12px ;
  text-align:left ;
  line-height:180% ;
  letter-spacing:normal ;
}
.entry_description a {
  text-decoration:underline ;
  color:#008080 ;
   margin:20px;
   padding:5px;
}
.entry_description a:hover {
  color:#666 ;
}

.entry_sequel {
  overflow:hidden ;
  padding:12px 5px ;
  text-align:left ;
  line-height:160% ;
  letter-spacing:normal ;
}
.entry_sequel a {
  text-decoration:underline ;
  color:#666 ;
}
.entry_sequel a:hover {
  color:#666 ;
}

.pict {
  margin:5px ;
  padding:2px ;
  border:solid 1px #ccc ;
}

.entry_state {
  overflow:hidden ;
  text-align:right ;
  color:#333 ;
}
.entry_state a {
  border-bottom:dashed 1px #b9dcff ;
  text-decoration:none ;
  color:#333 ;
}
.entry_state a:hover {
  border:0px ;
  color:#666 ;
}





/*********************************************** コメントフォーム */
.comment_form {
  overflow:hidden ;
  background:#f0f9ff ;
  padding:10px 25px ;
  text-align:left ;
  color:#333 ;
}
input#name {
  width:150px ;
  margin:10px ;
  margin-left:9px ;
  background:#fff ;
  border:solid 1px #ddd ;
}
input#email {
  width:275px ;
  margin-left:5px ;
  background:#fff ;
  border:solid 1px #ddd ;
}
input#url {
  width:275px ;
  margin:10px 0px ;
  margin-left:6px ;
  background:#fff ;
  border:solid 1px #ddd ;
}
.comment_form textarea {
  width:100% ;
  background:#fff ;
  border:solid 1px #ddd ;
}
input#submit {
  border:solid 1px #ddd ;
  margin:10px 5px ;
  margin-left:0px ;
  width:100px ;
}





/************************************************* トラックバック */
input#trackback_url {
  width:325px ;
  border:0px ;
  background:#FFF ;
  text-align:center ;
}





/************************************************* エントリーナビ */
.entry_navi {
  margin:10px ;
  text-align:center ;
  color:#ccc ;
}
.entry_navi a {
  text-decoration:none ;
  color:#008080 ;
}
.entry_navi a:hover {
  position:relative ;
  top:2px ; left:2px ;
  color:#666 ;
}
.entry_navi span {
  font-family:ＭＳ ゴシック ;
}






/*************************************************** ページリンク */
.page_navi {
  margin:10px ;
  text-align:center ;
  font-family:Tahoma ;
  letter-spacing:1px ;
  color:#666 ;
}
.page_navi a {
  text-decoration:none ;
  color:#008080 ;
}
.page_navi a:hover {
  position:relative ;
  top:2px ; left:2px ;
  color:#666 ;
}
.page_navi span {
  font-family:ＭＳ ゴシック ;
}





/***************************************************** サイド部分 */
.side_title {
  padding:3px 6px ;
  text-align:left ;
  letter-spacing:1px ;
  color:#333;
  background:transparent url(../images/te04b_1.gif) repeat-y scroll center center;
}

.side_text {
  padding:5px 0px 20px ;
  line-height:140% ;
  color:#333 ;
}
.side_text a {
  text-decoration:none ;
  color:#008080 ;
}
.side_text a:hover {
  color:#666 ;
}
.side_text ul{
  margin:0px ;
  padding:0px ;
  list-style:none ;
}
.side_text li{
  background-repeat:no-repeat ;
  background-position:left top ;
  padding:0px 0px 5px ;
  padding-left:16px ;
}
.side_text li a {
  text-decoration:none ;
  color:#008080 ;
}
.side_text li a:hover {
  color:#666 ;
}





/***************************************************** ブログ検索 */
input#search {
  width:105px ;
  margin:5px 0px ;
  border:solid 1px #ddd ;
  color:#999 ;
}
input.button {
  border:solid 1px #ddd ;
  margin:5px 0px ;
  margin-left:5px ;
  width:60px ;
}





/***************************************************** カレンダー */
#calendar {
  margin-top:5px ;
  text-align:center ;
}
#calendar .calendar_month {
  padding:5px 0px 20px ;
  color:#666 ;
  text-decoration:none ;
}
#calendar .calendar_month a {
  text-decoration:none ;
  color:#008080 ;
}

#calendar th {
  width:24px ;
  height:16px ;
  font-weight:normal ;
  color:#333 ;
}
#calendar .cell {
  width:24px ;
  height:16px ;
  color:#666 ;
  text-align:center ;
}
#calendar .cell a {
  text-decoration:none ;
  color:#008080 ;
}
#calendar .cell a:hover{
  text-decoration:none ;
  color:#666 ;

}





/*************************************************** フッタの設定 */

#footer {
  text-align:center ;
  color:#999 ;
  height:390px;
}
#footer a {
  text-decoration:none ;
  color:#999 ;
}
#footer a:hover{
  text-decoration:none ;
  color:#666 ;
}





/***************************************************** 全体の設定 */
html,body {
  scrollbar-3dlight-color:#008080 ;
  scrollbar-darkshadow-color:#008080 ;
  scrollbar-highlight-color:#008080 ;
  scrollbar-shadow-color:#008080 ;
  scrollbar-arrow-color:#fff ;
  scrollbar-face-color:#008080 ;
  scrollbar-track-color:#fff ;
  background:#FFFFFF;
}

BODY{
    background-color:#FFFFFF;
    background-image:url(../images/back2.jpg);
    background-repeat:no-repeat;
    background-position:center bottom;
}



body , td , th , caption , input , select , option {
  font-size:10px ;
  font-family:Verdana ;
  color:#333 ;
}

img , input {
  vertical-align:middle ;
}

textarea {
  scrollbar-3dlight-color:#fff ;
  scrollbar-darkshadow-color:#fff ;
  scrollbar-highlight-color:#fff ;
  scrollbar-shadow-color:#fff ;
  scrollbar-arrow-color:#008080 ;
  scrollbar-face-color:#fff ;
  font-size:10px ;
  font-family:Verdana ;
  color:#333 ;
}

form , p {
  margin:0px ;
  padding:0px ;
}

a:hover {
  color:#666 ;
}

#blog_header {
  background-image:url(../images/hakomori145.jpg);
  height: 113px;

}