@import url("reset.css");
@import url("clearfix.css");
@import url("reset_font.css");
@import url("addon.css");
/*タグ関連*/
body{
margin:0;
padding:0;
font-size:18px;
font-family:"ＭＳ Ｐゴシック", Osaka;
line-height:1.5;
background-color:#fdfdfc;
color:#333;
}

img{
/*display:block;*/
margin:0;
padding: 0;
border: 0;
}

div{
margin: 0;
padding: 0;
border: 0;
display: block;
}

ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,a,form,blockquote{
margin: 0;
padding: 0;
}

h3{
clear:both;
}

li{
list-style:none;
}

a{
color:#900;
}

a:visited{
color:#900;
}

a:active{
color:#900;
}

a:hover{
text-decoration:none;
color:#900;
}

.hr{
clear:both;
}

.clear{
clear:both;
}

.alt{
display:none;
}

/*大枠*/

#wrapper{
background-image:url(../images/common/bg.gif);
background-position:0;
background-repeat:repeat-y;
width:902px;
}

#contents{
background-image:url(../images/common/bg_contents.gif);
background-position:0;
background-repeat:repeat-y;
}


/*header*/

#header{
width:900px;
height:104px;
background-image:url(../images/common/bg_header.gif);
background-position:0 0;
background-repeat:repeat-x;
padding:0 0 10px 0;
}

#header h1{
margin:10px 0 0 13px;
}

/*photo_area*/

#photo_area{
padding:0 0 22px 0;
background-color:#fff;
width:220px;
height:214px;
}

#photo_area div.photo{
margin:0 0 0 10px;
background-image:url(../images/common/photo.jpg);
width:203px;
height:204px;
}

#photo_area img{
margin:0 0 0 10px;
}

#photo_area ul{
margin:5px 0 0 10px;
}

#photo_area li{
float:left;
}

#top{
width:100px;
height:30px;
display:block;
background-image:url(../images/common/bt_top.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#top:hover{
background-position:0 -30px;
}

#greeting{
width:100px;
height:30px;
display:block;
background-image:url(../images/common/bt_greeting.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#greeting:hover{
background-position:0 -30px;
}

/*sidebar*/

#sidebar{
width:220px;
background-image:url(../images/common/bg_sidebar.gif);
background-position:0;
background-repeat:repeat-y;
float:left;
}


#list_area{
}

#list_area ul{
margin:20px 15px 10px 20px;
}

#list_area li{
background-image:url(../images/common/icon_sidebar.gif);
background-position:0 6px;
background-repeat:no-repeat;
padding:0 0 6px 18px;
}

#genre{
width:220px;
height:34px;
display:block;
background-image:url(../images/common/title_genre.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#genre:hover{
background-position:0 -34px;
}

#day{
width:220px;
height:34px;
display:block;
background-image:url(../images/common/title_day.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#day:hover{
background-position:0 -34px;
}

#link{
width:220px;
height:34px;
display:block;
background-image:url(../images/common/title_link.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#link:hover{
background-position:0 -34px;
}

#book{
width:220px;
height:34px;
display:block;
background-image:url(../images/common/title_book.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#book:hover{
background-position:0 -34px;
}

/*main*/

#main{
width:650px;
float:left;
margin:0 0 10px 10px;
}

#main h2{
padding:0 0 20px 0;
}

#main h3{
padding:0 0 0 15px;
margin:0 0 15px 0;
background-color:#ede9e5;
border-top:solid #e3d6ce 3px;
border-left:solid #e3d6ce 3px;
border-right:solid #b5aaa3 3px;
border-bottom:solid #b5aaa3 3px;
color:#333;
font-size:18px;
}

#main h4{
font-size:18px;
margin:0 0 1em 0;
clear:both;
}

#main ul{
margin:0 0 1em 0;
}

#main p.date{
width:630px;
text-align:right;
font-size:20px;
}

#main_img{
margin:0 0 17px 0 !important;
margin:0 0 22px 0;
}

#main_greeting{
width:650px;
height:34px;
display:block;
background-image:url(../images/common/titlebar_greeting.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#main_greeting:hover{
background-position:0 -34px;
}

.entry_area{
padding:0 10px;
margin:0 0 20px 0;
}

.entry_area p{
margin:0 0 1em 0;
}

.entry_area blockquote{
margin:0 1em 1em 1em;
font-weight:bold;
}

.img_area{
padding:10px 0;
text-align:center;
}

.img_area img{
margin:0 auto;
}

#main div.greeting_photo{
margin:0 auto;
background-image:url(../images/upload/greeting_photo2.jpg);
width:600px;
height:196px;
}

.entry_table{
width:630px;
border-top:solid #a1897b 1px;
border-left:solid #a1897b 1px;
}

.entry_table th{
background-color:#ede9e5;
padding:5px;
border-right:solid #a1897b 1px;
border-bottom:solid #a1897b 1px;
}

.entry_table td{
text-align:center;
padding:5px;
border-right:solid #a1897b 1px;
border-bottom:solid #a1897b 1px;
}

#comment_table{
width:630px;
border-top:solid #a1897b 1px;
border-left:solid #a1897b 5px;
padding:0;
}

#comment_table th{
width:200px;
background-color:#ede9e5;
padding:5px;
border-right:solid #a1897b 1px;
border-bottom:solid #a1897b 1px;
}

#comment_table td{
width:480px;
text-align:left;
padding:5px;
border-right:solid #a1897b 1px;
border-bottom:solid #a1897b 1px;
}

#comment_table input{
width:300px;
}

#comment_table textarea{
width:450px;
height:100px;
}

.comment_bt{
width:100px;
height:30px;
background-color:#ede9e5;
border:solid #a1897b 1px;
font-size:18px;
font-weight:bold;
color:#622617;
}

#page_top{
float:right;
background-image:url(../images/common/icon_pagetop.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:0 0 0 30px;
}

#dawn{
padding: 0 0 10px 10px;
border-bottom:dotted #a1897b 1px;
}

#dawn li{
background-image:url(../images/common/icon_dawn.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:0 0 1em 30px;
}

#link_icon{
padding: 0 0 10px 10px;
border-bottom:dotted #a1897b 1px;
}

#link_icon li{
background-image:url(../images/common/icon_link.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:0 0 1em 30px;
}

.column{
border:solid #a1897b 1px;
padding:10px;
}

.haiku{
text-align: justify;
/*text-justify: distribute-all-lines;*/
font-size: large;
letter-spacing: 4pt;
}

/*bottom*/

#bottom{
width:900px;
background-image:url(../images/common/bg_bottom.gif);
background-position:0 0;
background-repeat:repeat-x;
height:98px;
}

#bottom ul{
padding:4px 0 0 0 !important;
padding:3px 0 0 0;
}

#bottom li{
float:left;
padding:0 0 2px 0 !important;
padding:0 0 0 0;
}

#bottom_bt01{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom01.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt01:hover{
background-position:0 -28px;
}

#bottom_bt02{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom02.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt02:hover{
background-position:0 -28px;
}

#bottom_bt03{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom03.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt03:hover{
background-position:0 -28px;
}

#bottom_bt04{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom04.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt04:hover{
background-position:0 -28px;
}

#bottom_bt05{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom05.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt05:hover{
background-position:0 -28px;
}

#bottom_bt06{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom06.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt06:hover{
background-position:0 -28px;
}

#bottom_bt07{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom07.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt07:hover{
background-position:0 -28px;
}

#bottom_bt08{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom08.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt08:hover{
background-position:0 -28px;
}

#bottom_bt09{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom09.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt09:hover{
background-position:0 -28px;
}

#bottom_bt10{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom10.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt10:hover{
background-position:0 -28px;
}

#bottom_bt11{
width:180px;
height:28px;
display:block;
background-image:url(../images/common/bt_bottom11.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#bottom_bt11:hover{
background-position:0 -28px;
}

/*footer*/

#footer{
}

#footer p{
font-size:12px;
padding:10px 0 50px 15px;
}