@charset "utf-8";

/***********************************
  sapporo_anju
  /common/css/blog.css
***********************************/

@import "./base.css";


/*==================================
  Main Layout
==================================*/
div#contents {border:none; background:#faf5df; padding:0; margin:0 0 22px;}
div#contents div#main {width:640px; float:left;}
div#contents div#main div#main-inner {border:1px solid #dfd3ab; background:#fff; padding:14px 14px 30px;}
div#contents div#side {width:300px; float:right;}

/*--main--*/
div#main-inner h2 {border:4px solid #c3af73; padding:1px; margin-bottom:10px;}
div#main-inner div#blog-title {border:4px solid #c3af73; margin-bottom:10px;}
div#main-inner div#blog-title div {background:url(/common/images/blog/title_back.gif); width:602px; height:124px; overflow:hidden;}
div#main-inner div#blog-title div h2 {border:none; margin:0; padding:18px 10px 0 18px; font-size:12px; font-weight:normal; line-height:2;}
div#main-inner div#blog-title div h2 a {font-size:18px; font-weight:bold;}
div#main-inner p.pan {font-size:10px; padding-bottom:15px;}
div#main-inner h3 {font-size:14px; color:#333; background:#dfd3ab; padding:7px 12px; margin-bottom:15px;}

div#main-inner ul.page-navi {padding:0 2px 15px; list-style:none; font-size:10px;}
div#main-inner ul.page-navi li.page-prev {width:280px; float:left;}
div#main-inner ul.page-navi li.page-prev a {background:url(/common/images/blog/lm01.gif) left no-repeat; padding-left:10px;}
div#main-inner ul.page-navi li.page-next {width:280px; float:right; text-align:right;}
div#main-inner ul.page-navi li.page-next a {background:url(/common/images/blog/lm02.gif) right no-repeat; padding-right:10px;}

div#main-inner div.entry {padding:0 15px 20px;}
div#main-inner div.entry dl {border-bottom:1px solid #cac5b4; padding:0 3px 7px; margin-bottom:10px;}
div#main-inner div.entry dl dt {font-size:10px;}
div#main-inner div.entry dl dt span {margin-left:10px; background:#3774a5; color:#fff; font-weight:bold; padding:0 2px;}
div#main-inner div.entry dl dt span.blog {background:#e55959;}
div#main-inner div.entry dl dd {padding-top:4px; line-height:1.5;}
div#main-inner div.entry dl dd h3 {background:none; padding:0; margin:0; font-size:12px;}
div#main-inner div.entry p {padding-bottom:15px;}
div#main-inner div.entry p.detail {text-align:right;}
div#main-inner ul.entry-link {list-style:none; padding:0 3px 10px;}
div#main-inner ul.entry-link li {float:left; margin-right:18px;}
div#main-inner ul.entry-link li.lm-link {background:url(/common/images/blog/lm_link.gif) left no-repeat; padding-left:35px; font-weight:bold;}
div#main-inner ul.entry-link li.anju-link {background:url(/common/images/blog/lm02.gif) left no-repeat; padding-left:10px;}
div#main-inner div.entry p.spec {border:1px solid #cac5b4; font-size:10px; padding:7px; text-align:right; line-height:1;}
div#main-inner div.entry p.spec span {margin-left:7px; padding-left:7px; border-left:1px solid #333;}

div#main-inner div.comment-box {padding:0 15px 20px;}
div#main-inner div.comment-box h4 {font-size:12px; padding:0 3px 3px; background:url(/common/images/blog/dott01.gif) bottom repeat-x; margin-bottom:12px;}
div#main-inner div.comment-box p.url {background:#faf5df; border:1px solid #dfd3ab; padding:5px 10px; margin-bottom:12px;}
div#main-inner div.comment-box dl.comment-detail {padding:0 3px 7px; margin-bottom:20px; border-bottom:1px solid #dfd3ab;}
div#main-inner div.comment-box dl.comment-detail dt {font-weight:bold; padding-bottom:3px;}
div#main-inner div.comment-box dl.comment-detail dt a {font-weight:normal; margin-left:8px;}
div#main-inner div.comment-box dl.comment-detail dt span {font-size:10px; font-weight:normal; margin-left:8px;}
div#main-inner div.comment-box dl.comment-detail dd p.name {text-align:right;}
div#main-inner div.comment-box div {background:#faf5df; border:1px solid #dfd3ab; padding:15px;}
div#main-inner div.comment-box div h4 {padding:0 0 10px; margin:0; background:none;}
div#main-inner div.comment-box div dl dt {width:8em; float:left;}
div#main-inner div.comment-box div dl dd {padding:0 0 10px 8em;}
div#main-inner div.comment-box div dl dd input {width:250px;}
div#main-inner div.comment-box div dl dd textarea {width:420px;}
div#main-inner div.comment-box div p.btn {margin-left:8em;}
div#main-inner div.comment-box div p.btn input {text-align:center; padding:2px 5px; margin-right:8px;}

div#main-inner ul.text-navi {list-style:none; font-size:10px; line-height:1.25; padding:0 2px 15px;}
div#main-inner ul.text-navi li.gotop {text-align:center;}
div#main-inner ul.text-navi li.gotop a {background:url(/common/images/blog/lm00.gif) left no-repeat; padding-left:10px;}
div#main-inner ul.text-navi li.prev {float:left; margin-top:-1.25em;}
div#main-inner ul.text-navi li.prev a {background:url(/common/images/blog/lm01.gif) left no-repeat; padding-left:10px;}
div#main-inner ul.text-navi li.next {float:right; margin-top:-1.25em;}
div#main-inner ul.text-navi li.next a {background:url(/common/images/blog/lm02.gif) right no-repeat; padding-right:10px;}

/*--side--*/
div#profile-box {background:#dfd3ab; padding:12px 0 15px; margin-bottom:10px;}
div#profile-box h3 {line-height:1.5; font-size:12px; color:#333; border-left:4px solid #c3af73; padding-left:10px;}
div#profile-box dl {padding:10px;}
div#profile-box dl dt {width:150px; background:#fff; text-align:center; padding:5px 0; float:left;}
div#profile-box dl dd {width:120px; float:right; line-height:1.5;}
div#profile-box p {margin:0 12px; background:url(/common/images/blog/lm03.gif) left 3px no-repeat; padding-left:12px; line-height:1;}
div#profile-box ul {list-style:none; margin:0 12px;}
div#profile-box ul li.lm-link {background:url(/common/images/blog/lm_link02.gif) left no-repeat; padding-left:35px; font-weight:bold; margin-bottom:5px;}
div#profile-box ul li.anju-link {background:url(/common/images/blog/lm03.gif) left no-repeat; padding-left:10px;}

div.side-box ol.entry-list {padding:0 15px 7px; list-style:none;}
div.side-box ol.entry-list li {border-bottom:1px solid #cac5b4; margin-bottom:6px; padding:0 3px 6px;}
div.side-box ol.entry-list li dt {font-size:10px; padding-bottom:3px;}
div.side-box ol.entry-list li dd {font-weight:bold; line-height:1.5;}

div.side-box ul.side-list {padding:0 15px 10px; list-style:none;}
div.side-box ul.side-list li {background:url(/common/images/blog/lm02.gif) left 4px no-repeat; padding-left:12px; margin-bottom:6px;}