@charset "UTF-8";

/*-----Common-----*/

a:link{ text-decoration: none; color:#811313; }
a:visited{ text-decoration: none; color:#811313; }
a:active{ text-decoration: none; color:#811313; }
a:hover{ text-decoration: underline; color:#811313; }

body {
background: #DEB887;
}

blockquote {
margin:12px;
padding:6px;
border:1px solid #cccccc;
}

#container {
width :768px;
margin:0 auto;
line-height:1.4;
text-align:left;
background:url("/_images/blog/_30f/love_beer/houbou-top.JPG") no-repeat left top;
border-left: #811313 solid 1px;
border-right: #811313 solid 1px;
border-bottom: #811313 solid 1px;
}

#banner {
height: 270px;
padding-top:25px;
border-bottom: #a85e36 solid 1px;
clear:both;
}

#banner h1{

margin:0;
font-family: Helvetica,Arial,sans-serif;
font-size: 25px;

padding: 70px 13px 10px 13px;
}

#banner h1 a{

color: #FAEBD7;

}

#lead{

margin:0;
padding:120px 0px 0px 330px;

color: #FAEBD7;
}
/*-----Content-----*/

#content {
background: url("/_common/skins/712/images/content_bg.gif") repeat-y left top;
color:#663300;
}

/* Links */

.archive-title{
margin-top:5px;
margin-bottom: 6px;
}

.archive-bottom{
margin-top:6px;
margin-bottom:5px;
padding-top:3px;
border-top: 1px solid #663300;
}

.archive-name{
float:left;
}

.previousLink{
padding-left:12px;
background:url(/_common/skins/712/images/arrowL_small.gif) no-repeat left center;
}

.nextLink{
padding-right:12px;
background:url(/_common/skins/712/images/arrowR_small.gif) no-repeat right center;
}

.archive-links{
float:right;
padding-left:12px;
background:url(/_common/skins/712/images/arrowT_small.gif) no-repeat left center;
font-size:x-small;
white-space:nowrap;
}
/* Articles */

#main {
width:540px;
padding-right: 12px;
}

.articles {
width:540px;
margin-top:10px;
overflow:hidden;
}

.articles-title {
margin:0;
margin-bottom:15px;
padding: 3px 0px 3px 12px;
color: #ffcc99;
background-color: #692516;
font-size: small;
}

.articles-title a:link{ text-decoration: none; color:#ffcc99; }
.articles-title a:visited{ text-decoration: none; color:#ffcc99; }
.articles-title a:active{ text-decoration: none; color:#ffcc99; }
.articles-title a:hover{ text-decoration: underline; color:#ffcc99;}

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
}

.articles-body img {
margin-right: 6px;
margin-bottom: 6px;
}

.posted{
padding:10px 0;
margin-bottom:30px;
font-size:x-small;
border-top: #663300 dotted 1px;
}

/*-----Entry-----*/

.entry {
margin-top:12px;
padding:12px;
border: 1px #663300 solid;
}

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
}

.entry ul, .entry li, .entry dl, .entry dt, .entry dd, .entry form {
margin:0;
padding:0;
}

/* nice! */

#nice h4 {
background:url("/_common/skins/712/images/icon-nice.gif") no-repeat left center;
padding-left:20px;
}

#nice form {
margin:12px 0;
}

#nice li {
float:left;
width:64px;
padding:5px 0;
font-size:x-small;
line-height:1.2;
text-align:center;
list-style:none;
overflow:hidden;
white-space:nowrap;
display:block;
}

/* Comments */

#comments form {
margin:12px 0;
}

.each-comment {
margin:20px 0;
clear:both;
}

.each-comment img {
float:left;
margin:0 10px;
}

.each-comment input {
margin:0;
padding:0;
_margin-bottom:-2px;
}

.comments-body {
margin:0 0 0 60px;
}

#comments .delete {
margin-left:60px;
}

/* Comment Write */

#comment-write dt {
float:left;
clear:both;
}
#comment-write dd {
margin:0 0 3px 80px;
line-height:1.5;
}
#comment-write textarea {
height:150px;
}

.comment-input {
width:420px;
}

/* Trackback Write */

#trackback-write p {
margin:0;
}

#trackback-write form {
margin:12px 0;
}

.each-trackback {
margin:15px 0;
}

.trackback-url input {
width:98%;
}
/* Related */

#related ul {
padding-left:20px;
}

#related li {
padding:1px 0;
}

/*-----Side-----*/

#side-a, #side-b {
width:200px;
color:#ffffff;
overflow:hidden;
}

.sidebar {
width:200px;
overflow:hidden;
}

.sidebar a:link{ text-decoration: none; color:#ffcc99; }
.sidebar a:visited{ text-decoration: none; color:#ffcc99; }
.sidebar a:active{ text-decoration: none; color:#ffcc99; }
.sidebar a:hover{ text-decoration: underline; color:#ffcc99; }

.sidebar-title {
margin: 0;
padding: 3px 6px 3px 30px;
background:#692516 url("/_common/skins/712/images/sidebar_h3_bg.gif") no-repeat 6px 4px;
color: #ffeedd;
font-size: x-small;
font-weight:normal;
}

.sidebar-body {
padding:6px 12px;
}

.sidebar-body ul, .sidebar-body li, .sidebar-body dl, .sidebar-body dt, .sidebar-body dd, .sidebar-body form {
margin:0;
padding:0;
}

.sidebar-body li {
margin-bottom:9px;
list-style:none;
line-height:1.3;
}

.new {
margin-left:6px;
color: #ff0000;
font-weight:bold;
}

select {
width: 120px;
color: #000000;
background: #DEB887;
padding: 1px;
margin: 5px;
font-size: 100%;
line-height: 180%;
}

/*--Profile--*/

dt.profile-img {
float:left;
}

dd.profile-status{
margin-left:85px;
line-height:1.8;
}

#profile .profileLink{
padding-left:12px;
background: url("/_common/skins/712/images/arrowR_small.gif") no-repeat left center;
line-height: 1.4;
}

.nice {
margin:0;
padding:0 2px;
background:#ffd900;
border:1px solid #0090ff;
color:#0090ff;
}

/*--Calendar--*/

.calendar-date {
text-align:center;
}

#calendar table {
margin:3px auto;
text-align:center;
border-spacing:1px;
}

#calendar th {
height:20px;
width:20px;
font-weight:normal;
}

#calendar td{
height:20px;
width:20px;
background: url("/_common/skins/712/images/calendar_bg.gif") no-repeat center center;
color:#000000;
}

#calendar td.link {
background: url("/_common/skins/712/images/calendar_link_bg.gif") no-repeat center center;
}

#calendar td a{
color: #000000;
}
/*--Search--*/

#search .sidebar-body {
padding-bottom:6px;
}

.search-tbox {
width:67%;
}

/*--RSS Regist--*/
#rssRegist {
width:190px;
margin: 6px auto;
padding:4px 0;
_padding-top:3px;
line-height:1;
background: #a07d4f url("/_common/skins/712/images/arrowR_large.gif") no-repeat left center;
text-align:center;
font-weight:bold;
}

#rssRegist a:link{ text-decoration:none; color:#ffffff; }
#rssRegist a:visited{ text-decoration:none; color:#ffffff; }
#rssRegist a:active{ text-decoration:none; color:#ffffff; }
#rssRegist a:hover{ text-decoration:underline; color:#ffffff;}

/*--So-net--*/

#powered img {
padding:0 12px;
margin:6px 0;
}

#rssfeed {
padding:0 12px;
}

#rssfeed a {
color:#ffcc99;
}


/*--Tag--*/
.tag-word{
margin:10px 0 0 0;
}
.tag{
padding:0 5px;
}
#tag_cloud{
border:1px solid #cccccc;
margin-bottom:10px;
padding:12px 10px;
text-align:left;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
padding-top:5px;
font-size:16px;
text-align:left;
font-weight:bold;
}
.tag-body{
margin:10px 0;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #cccccc;
padding:0 0 3px 0;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0;
margin-bottom:10px;
}
.tag-article{
padding:2px 10px;
text-align:left;
}
.tag-article-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-article-posted{
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
}
.tag-more{
text-align:right;
margin:10px 0;
clear:left;
}
.tag-photos{
float:left;
margin:0px 10px;
width:140px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-audios{
margin:2px 10px;
}
.tag-audios-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-audios-posted{
}
.tag-videos{
float:left;
margin:0 10px;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0;
}

/*-----Footer-----*/

#footer{
width:770px;
margin:0 auto;
padding:20px 0;
clear:both;
}

.copyright{
padding:0;
margin:0;
font-size:x-small;
text-align:right;
}
#main {
float:right;
}

#side-a {
float:left;
}