@charset "utf-8";

body {
margin: 0px;
text-align: center;
font-family: Hiragino Maru Gothic Pro, Meiryo, Verdana, "ＭＳ Ｐゴシック", Arial, Helvetica, san-serif;
background: #FFFFFF url(common/img/bg1.jpg) top center;
}

h1, h2, h3, h4, ul, ol, li, dl, dt, dd, form, input, select, textarea  {
margin: 0;
padding: 0;
list-style: none;
}

hr, .nodisp {
display: none;
}

img {
border: none;
}

a, a:active, a:link, a:visited {
color: #7E7677;
text-decoration: none;
}
a:hover {
color: #564E4F;
text-decoration: underline;
}


#all {
display: block;
width: 840px;
margin: 0px auto;
text-align: left;
background: #FFFFFF top left;
border: #000000 thin;
}

#main {
display: block;
width: 820px;
margin: 0px auto;
text-align: left;
background: #E7E5DA top left;
}


#bar_b {
display: block;
width: 820px;
height: 3px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #00B6D3;
}

#bar_w {
display: block;
width: 820px;
height: 1px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
}

#header {
display: block;
width: 820px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
position: relative;
}


#left {
display: block;
width: 195px;
height: auto;
float: left;
font-size: 70%;
font-size: 65%;
color: #776666;
background: url(common/img/menu_bg.gif) repeat-y top left;
}

#center {
display: block;
width: 433px;
float: left;
font-size: 70%;
color: #7E848F;
margin: 0px 5px 0px 5px;
}

#right {
display: block;
width: 175px;
float: left;
font-size: 70%;
font-size: 65%;
color: #7E848F;
}

#footer {
display: block;
width: 820px;
height: 55px;
margin-left: 0px;
clear: both;
position: relative;
font-size: 70%;
font-size: xx-small;
color: #7E848F;
}

.imgb {
border: 1px solid #776666; padding: 1px;
}

/*////////////////////////////////
//
//	header
//
////////////////////////////////*/

#header #title {
display: block;
width: 820px;
height: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
}


#header #title #af {
position: absolute;
bottom: 4px;
left: 6px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #af a {
display: block;
width: 297px;
height: 20px;
background: transparent url(common/img/header_title.gif) no-repeat top left;
}

#header #title #af a:hover {
background: transparent url(common/img/header_title.gif) no-repeat top left;
}

#header #title #group {
position: absolute;
bottom: 3px;
right: 5px;
}

#header #title #group #afcom {
display: block;
float: left;
width: 115px;
height: 8px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #afcom a {
display: block;
width: 115px;
height: 8px;
background: transparent url(common/img/header_afcom.gif) no-repeat top left;
}
#header #title #group #afcom a:hover {
background: transparent url(common/img/header_afcom_ro.gif) no-repeat top left;
}

#header #title #group #pict {
display: block;
float: left;
width: 27px;
height: 9px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #pict a {
display: block;
width: 27px;
height: 9px;
background: transparent url(common/img/header_pict.gif) no-repeat top left;
}
#header #title #group #pict a:hover {
background: transparent url(common/img/header_pict_ro.gif) no-repeat top left;
}

#header #title #group #dvr {
display: block;
float: left;
width: 49px;
height: 9px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #dvr a {
display: block;
width: 49px;
height: 9px;
background: transparent url(common/img/header_dvr.gif) no-repeat top left;
}
#header #title #group #dvr a:hover {
background: transparent url(common/img/header_dvr_ro.gif) no-repeat top left;
}

#header #title #group #hitokoto {
display: block;
float: left;
width: 61px;
height: 11px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #hitokoto a {
display: block;
width: 61px;
height: 11px;
background: transparent url(common/img/header_hitokoto.gif) no-repeat top left;
}
#header #title #group #hitokoto a:hover {
background: transparent url(common/img/header_hitokoto_ro.gif) no-repeat top left;
}

#header #title #group #dir {
display: block;
float: left;
width: 115px;
height: 13px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #dir a {
display: block;
width: 115px;
height: 13px;
background: transparent url(common/img/header_dir.gif) no-repeat top left;
}
#header #title #group #dir a:hover {
background: transparent url(common/img/header_dir_ro.gif) no-repeat top left;
}

#header #title #group #feedpath {
display: block;
float: left;
width: 52px;
height: 11px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #feedpath a {
display: block;
width: 52px;
height: 11px;
background: transparent url(common/img/bookmark_feedpath.gif) no-repeat top left;
}

#header #title #group #techno {
display: block;
float: left;
width: 12px;
height: 11px;
margin-left:8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #techno a {
display: block;
width: 12px;
height: 11px;
background: transparent url(common/img/bookmark_technorati.gif) no-repeat top left;
}

#header #title #group #rss {
display: block;
float: left;
width: 11px;
height: 11px;
margin:0px 0px 0px 8px;
text-decoration: none;
text-indent: -9999px;
}

#header #title #group #rss a {
display: block;
width: 11px;
height: 11px;
background: transparent url(common/img/header_rss.gif) no-repeat top left;
}


#header #title #group li {
display: inline;
margin-left: 0.1em;

padding-left: 0.1em;
}


#header #flash{
}

/*////////////////////////////////
//
//	left
//
////////////////////////////////*/

#left a, a:active, a:link, a:visited {
color: #776666;
text-decoration: none;
}
#left a:hover {
color: #554444;
text-decoration: underline;
}

#left #head {
display: block;
width: 195px;
height: 17px;
background: #AFAAA5 url(common/img/menu_title.gif) no-repeat 5px 4px;
}


#left #search {
padding: 10px 10px 10px 12px;
}
#left #search h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_search.gif) no-repeat 0px 0px;
}
#left #search input  {
margin: 0;
padding: 0;
list-style: none;
}
#left #search .searchbox{
width: 145px;
height: 20px;
}

#left #latestentry {
padding: 10px 10px 10px 12px;
}
#left #latestentry h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_latestentry.gif) no-repeat 0px 0px;
}

#left #latestcomment {
padding: 10px 10px 10px 12px;
}
#left #latestcomment h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_latestcomment.gif) no-repeat 0px 0px;
}

#left #monthly {
padding: 10px 10px 10px 12px;
}
#left #monthly h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_monthly.gif) no-repeat 0px 0px;
}

#left #category {
padding: 10px 10px 10px 12px;
}
#left #category h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_category.gif) no-repeat 0px 0px;
}

#left #link {
padding: 10px 10px 10px 12px;
}
#left #link h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_link.gif) no-repeat 0px 0px;
}

#left #profile {
padding: 10px 10px 10px 12px;
}
#left #profile h2{
text-decoration: none;
text-indent: -9999px;
height: 14px;
background: url(common/img/menu_profile.gif) no-repeat 0px 0px;
}

#left h2 {
display: block;
height: 14px;
margin-bottom: 10px;
}

#left ul {
margin-left: 5px;
}

#left li {
line-height: 140%;
background: url(common/img/menu_arrow.jpg) no-repeat 0em 0.2em;
padding-left: 12px;
margin-bottom: 0.5em;
}

#left form {
padding: 0px 0px 0px 5px;
}

/*////////////////////////////////
//
//	center
//
////////////////////////////////*/

#center #head {
display: block;
width: 433px;
height: 17px;
background: #AFAAA5 url(common/img/entry_title.gif) no-repeat 5px 4px;
}

#center #head img {
padding-right: 5px;
}

#center .entry {
display: block;
width: 393px;
padding: 15px 20px 1px 20px;
margin: 0px 0px 0px 0px;
background: url(common/img/entry_bg.gif) repeat-y top left;
color: #4F4444;
}

#center .entry h2 {
font-size: medium;
font-weight: bold;
margin-bottom: 5px;
}

#center .entry h3 {
font-size: xx-small;
font-weight: bold;
letter-spacing: 0.05em;
color: #AFAAA5;
margin-bottom: 15px;
}

.entry .category a, a:active, a:link, a:visited {
color: #AFAAA5;
text-decoration: none;
}
.entry .category a:hover {
color: #776666;
text-decoration: underline;
}


#center a, a:active, a:link, a:visited {
color: #00B6D3;
text-decoration: none;
}
#center a:hover {
color: #1177AA;
text-decoration: underline;
}

#center p {
line-height:170%;
}

.entry .center {
text-align: center;
}

#links {
display: block;
margin: 20px 0px 0px 0px;
height: 18px;
}

#links a, a:active, a:link, a:visited {
color: #AFAAA5;
text-decoration: none;
}
#links a:hover {
color: #776666;
text-decoration: underline;
}


#links .parma {
font-weight: bold;
background: transparent url(common/img/icon_link.gif) no-repeat top left;
height: 12px;
padding-left: 12px;
margin-right: 4px;

}


#links .comment {
font-weight: bold;
background: transparent url(common/img/icon_comment.gif) no-repeat top left;
height: 12px;
padding-left: 16px;
margin-right: 4px;

}

#links .trackback {
font-weight: bold;
background: transparent url(common/img/icon_trackback.gif) no-repeat top left;
height: 12px;
padding-left: 14px;
margin-right: 4px;

}

.entry blockquote {
background: #EEEEEE;
width: 372px;
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
font-size: x-small;
line-height: 170%;
letter-spacing: 0.05em;
}

.entry .arrow {
background: url(common/img/entry_arrow.gif) no-repeat 0em 0.0em;
padding-left: 12px;
margin-bottom: 0.0em;
}

.entry .arrow_up {
background: url(common/img/entry_arrow_up.gif) no-repeat 0em 0.0em;
padding-left: 12px;
margin-bottom: 0.0em;
}

.entry .arrow_left {
background: url(common/img/entry_arrow_left.gif) no-repeat 0em 0.0em;
padding-left: 12px;
margin-bottom: 0.0em;
}

.entry .trackback_area {
margin: 20px 0px 20px 0px;
}

.entry .trackback_area .trackback_title {
font-weight: bold;
background: transparent url(common/img/icon_trackback.gif) no-repeat top left;
height: 12px;
padding-left: 14px;
margin-top: 20px;
margin-right: 5px;
}

.entry .comment_area {
margin: 20px 0px 20px 0px;
}

.entry .comment_area .comment_title {
font-weight: bold;
background: transparent url(common/img/icon_comment.gif) no-repeat top left;
height: 12px;
padding-left: 16px;
margin-top: 20px;
margin-right: 5px;
}

.entry .comment_area .person {
background: transparent url(common/img/icon_person.gif) no-repeat top left;
height: 12px;
padding-left: 11px;
}

.entry .comment_area .name {
font-weight: bold;
}

#blogBar-bar {
margin: 10px 0px 20px 0px;
}


#center .foot {
background: url(common/img/entry_bg_foot.gif) no-repeat top left;
height: 12px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#center .dotline {
background: url(common/img/dotline.gif) repeat-x top left;
width: 393px;
height: 2px;
margin: 5px 0px 5px 0px;
}

#center .entry_div {
background: url(common/img/dotline.gif) repeat-x top left;
width: 393px;
height: 2px;
margin: 10px 0px 20px 0px;
}


/*////////////////////////////////
//
//	right
//
////////////////////////////////*/


#right #hitokoto_mini_header a {
display: block;
background: url(common/img/hitokoto_mini_title.gif) no-repeat top left;
width: 175px;
height: 9px;
margin: 0px 0px 5px 0px;
}

#right #hitokoto_mini {
width: 175px;
color: #7E7677;
}

#right #hitokoto_mini img {
padding: 0px 0px 0px 7px;
}


#right #hitokoto_mini .hitokoto_title {
display: block;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 2px 0px 2px 0px;
}

#right #hitokoto_mini .hitokoto_desc {
display: block;
padding: 0px 0px 0px 10px;
margin: 5px 0px 5px 0px;
}

#right #hitokoto_mini_footer  a {
display: block;
background: url(common/img/hitokoto_mini_powered.gif) no-repeat top right;
width: 175px;
height: 10px;
margin: 2px 0px 0px 0px;
}


/*////////////////////////////////
//
//	footer
//
////////////////////////////////*/

#footer #powered {
position: absolute;
top: 24px;
left: 12px;
display: block;
width: 153px;
height: 19px;
text-decoration: none;
text-indent: -9999px;
}
#footer #powered a {
display: block;
width: 153px;
height: 19px;
background: transparent url(common/img/powered.gif) no-repeat top left;
}
#footer #powered a:hover {
background: transparent url(common/img/powered.gif) no-repeat top left;
}

#footer #copy {
position: absolute;
top: 28px;
right: 12px;
display: block;
width: 196px;
height: 7px;
background: transparent url(common/img/copyright.gif) no-repeat top left;
}

/*////////////////////////////////
//
//	alt_affiliate
//
////////////////////////////////*/

#alt_affiliate_head {
display: block;
width: 175px;
height: 17px;
background: #AFAAA5 url(common/img/affiliate_title.gif) no-repeat 5px 4px;
}

#alt_affiliate_head img {
padding-right: 5px;
}

#alt_affiliate .base {
background:#FFFFFF;
padding:10px 10px 10px 10px;
}

#alt_affiliate .item_img {
text-align:center;
}

#alt_affiliate .img_center {
}

#alt_affiliate  .title {
font-weight: bold;
}

#alt_affiliate  .arrow {
background: url(common/img/entry_arrow.gif) no-repeat 0em 0.0em;
padding-left: 12px;
margin-bottom: 0.0em;
}

#alt_affiliate p {
margin:2px 0px 5px 0px;
}

#alt_affiliate a, a:active, a:link, a:visited {
color: #00B6D3;
text-decoration: none;
}
#alt_affiliate a:hover {
color: #1177AA;
text-decoration: underline;
}