/*   
Theme Name:Kaitorido
Theme URI:
Description:古本屋買取堂
Author:アプレック
Author URI:http://www.apprec.com/
Version:1.0
*/

body { margin:0; padding:0; background:#212221;
       font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
       font-size:12px; color:#3c3f41; }
a img { border:none; }
ul { list-style-type:none; margin:0; padding:0; }
ol { margin:0; padding:0; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
form { margin:0; padding:0; }
table { font-size:100%; margin:10px 0; padding:0; color:#697178; border-top:1px solid silver; border-left:1px solid silver; line-height:150%; }
td { border-bottom:1px solid silver; border-right:1px solid silver; padding:4px 12px; }
.td-blue { background-color:#F0F7FB; }

iframe  { margin:22px 22px 14px 0; border:1px solid #c5c5c5; padding:4px; background:#eee; }
/* ---------- 文字関係 ---------- */
a:link , a:visited { color: #798b8f; text-decoration:none; }
a:hover { color:#6db5c7; text-decoration:none; }
p { margin:0 0 1em 0; line-height:160%; }
h1,h2,h3,h4,h5,h6,h7 { margin:0; padding:0; font-size:100%; font-weight:normal; line-height:160%; }

strong { font-weight:normal; }
em { font-style:normal; }
.bold { font-weight:bold; }

.red { color:#FF7F5D; }
.blue { color:#3175a7; }
.green { color:#8fc31f; }
.pink { color:#ef7585; }

.small { font-size:80%; }
.medium { font-size:110%; }
.large { font-size:120%; }

.underline { border-bottom:1px solid #aaaaaa; padding-bottom:1px; }


/* ---------- メインコンテンツ ---------- */
#wrapper { background:url(img/bg.gif); width:100%; }
#main-wrapper { background:url(img/header.gif) repeat-x top; width:100%; }
#contents-wrapper { float:left; width:747px; }
#topic-wrapper { height:567px; }
#topic-content { float:right; background:#fff url(img/topics.jpg) no-repeat 35px 75px;  width:491px; height:574px; border-left:5px solid #e1e1e1; border-right:5px solid #e1e1e1; }
#logo { float:left; margin-top:67px; }
#topic-content h1 { margin:113px 0 0 0; border-top:3px double #d7d7d7; padding:14px 0 0 36px; font-size:12px; }
#topic-content p { margin:194px 0 0 36px; font-size:12px; }
#topic-content a { display:block; width:213px; height:52px; background:url(img/button1.gif) no-repeat; margin:32px 0 0 245px; }
#topic-content a:hover { background:url(img/button1.gif) no-repeat 0 bottom;  }

.main-contents-wrapper { background:#606a41 url(img/content-bg1.gif) repeat-y right; }
.main-contents { float:right; width:491px; background:#ecd9bc; border-left:5px solid #d1bfa6; border-right:5px solid #d1bfa6; }

#main-contents-wrapper2 { background:#2f3d44 url(img/content-bg1.gif) repeat-y right; }
#main-contents2 { border-top:1px solid #d1bfa6; }

.left-nav { float:left; width:246px; text-align:left; padding-bottom:50px; }
.left-nav h3, .left-nav h4 { margin:40px 0 35px 45px; }
.left-nav a { color:#fff; display:block; padding:1em 8px; }
.left-nav a:hover { background:url(img/left-nav-menu.gif) repeat-y center;  }
.left-nav a span { color:#bdbabc; }
.left-nav ul { width:180px; margin:0 auto; border-top:1px solid #828c63; }
.left-nav li { font-size:90%; border-bottom:1px solid #828c63; }

#left-nav2 h4 { margin:40px 0 35px 40px; }
#left-nav2 ul { border-top:1px solid #3e4b61; }
#left-nav2 li { border-bottom:1px solid #3e4b61; }
#left-nav2 a:hover { background:url(img/left-nav-menu2.gif) repeat-y center;  }

/* ---------- 投稿記事部分 ---------- */
.index { margin-top:25px; }
.post-title h2 { font-size:16px; border-bottom:3px double #b1a59b; margin:39px 0 10px 0; padding:0 36px 5px 36px; }
.main-contents a { font-weight:bold; text-decoration:underline; }
.main-contents .post-title h2 a { color:#3c3f41; text-decoration:none; }
.main-contents .post-title h2 a:hover { color:#8dc5d3; text-decoration:underline; }
.post { background:url(img/divider2.gif) no-repeat bottom center; padding-bottom:20px; }
.post2 { background:url(img/divider2.gif) no-repeat bottom center; padding-bottom:40px; }
.searchpost { background:url(img/divider.gif) no-repeat bottom center; padding-bottom:40px; }

.post-title ul { margin:5px 36px; }
.post-title li { display:inline; margin:0 12px 0 0; font-size:12px; }
.post-contents { padding:15px 36px; }
.post-contents a img { border:1px solid #ccc; padding:3px; background:#f2f2f2; margin:0 4px; }
.post-contents a img:hover { border:1px solid lightblue; padding:3px; background:#e0f4ff; }

.old-post { text-align:center; margin:35px 0; }
.post-bottom-nav { margin:15px 0; }
.post-bottom-nav li { display:inline; margin-right:15px; }
.leave-comment { background:url(img/pencil.gif) no-repeat left center; padding:1px 0 0 16px; }

#page-nav { padding:36px 0; text-align:center; color: #798b8f; }
#page-nav li { display:inline; }
#page-nav a { text-decoration:none; }

/* ---------- サイドボックス ---------- */
#side { float:left; width:239px; margin-top:67px; }
.sidebox-wrapper { width:239px; margin:6px; text-align:left; font-size:90%; color:#f2f2f2; background:url(img/side-top.gif) no-repeat top; }

#notice { padding:0 20px 14px 20px; margin:40px 0 0 0; }
#notice p { margin:0; }

#search { background:url(img/search-area.gif) repeat-y; padding:15px 0 16px 0; }

#change-font-area { padding:3px 0 0 126px; margin:0 0 9px 0; }/*  文字サイズの変更  */

#search-area { width:203px; height:26px; margin:0 0 0 16px; }
#search-input { float:left;  margin:8px 0 0 13px; width:121px; border:0px; background:none; font-size:11px; color:#aaa; }
#search-button { float:right; }

#side-menu { background:url(img/side-sideline.gif) repeat-y; }
#side-menu li { font-size:120%; margin:0 4px; border-bottom:1px solid #555; }
#side-menu li a { display:block; color:#e6e6e6; background:#393939 url(img/bullet.gif) no-repeat 20px center; padding:12px 12px 12px 37px; }
#side-menu li a:hover { background:#5a5a5a url(img/bullet.gif) no-repeat 20px center; }
#side-menu .current_page_item a , #side-menu .current_page_parent a { background:#5a5a5a url(img/bullet.gif) no-repeat 20px center; }

/* ---------- コメント ---------- */
#comment { text-align:left;  }
.comment-headline { font-size:14px; border-bottom:3px double #b1a59b; margin:39px 0 10px 0; padding:0 36px 5px 36px; line-height:130%; font-weight:bold;  }
.comment-headline span { font-size:12px; font-weight:normal; margin-left:10px; }

.comment-content { background:#fff2df; margin:10px 36px; padding:15px 15px 5px 15px;
                   border-top:#fff4e3 1px solid; border-left:#fff4e3 1px solid; border-bottom:#d8c6aa 1px solid; border-right:#d8c6aa 1px solid; }
.comment-content ul { margin-top:20px; float:left; }
.comment-content li { display:inline; margin-right:10px; font-size:80%; }
.comment-number { font-size:50px; float:right; margin-top:-10px; margin-bottom:0; color:#ecd9bb; }
.edit-comment { background:url(img/pencil.gif) no-repeat left; padding:0 0 0 16px; }
.odd { }
.note { background-color:#F0F8EB; border:1px solid yellowgreen; font-size:10px; padding:2px 8px; margin-bottom:10px; }

#write-comment { margin-top:40px; }

#comment-input-area { padding:0 36px; }
#comment-author-info { padding-top:29px; }
#comment-author-info label { float:left; margin-top:2px; }
#comment-author-info p { clear:both; }


#commnet-name input { margin-left:60px; width:150px; }
#commnet-mail input { margin-left:22px; width:280px; }
#commnet-url input { margin-left:22px; width:280px; }

#useful-tags { display:block; line-height:140%; margin:20px 0 5px 0; font-size:10px; }

#comment-textarea-wrapper { padding:0; display:block; }
#comment-input-area textarea { width:397px; height:150px; overflow:auto; margin:0; padding:10px;  }
#comment-submit { margin:18px 0 0 300px; }

#comment-user { margin:0; padding-top:20px; }

#trackback { line-height:190%; font-size:10px; margin: 30px 0 30px 36px; text-align:left; }
#trackback input { border:1px solid #ccc; padding:0 8px; width:400px; color:#697178; font-size:10px; }

/* ---------- ページ ---------- */
#page-wrapper { background:#242724; margin-top:67px; }
#page-content { float:right; background:#fff;  width:600px; border-left:5px solid #e1e1e1; border-right:5px solid #e1e1e1; }

#page-title h1 { font-size:16px; border-bottom:3px double #d7d7d7; margin:39px 0 10px 0; padding:0 36px 5px 36px; text-align:center; font-weight:bold; }
#page-contents { background:url(img/divider.gif) no-repeat bottom center; padding:0 36px 40px 36px; }
#page-contents p, #page-contents li { margin-bottom:1em; }
#page-content a { font-weight:bold; }
#page-content a img { border:1px solid #ccc; padding:3px; background:#f2f2f2; margin:0 4px; }
#page-content a img:hover { border:1px solid lightblue; padding:3px; background:#e0f4ff; }

#sub-page { margin:40px 0; padding:30px 36px 0 36px; background:url(img/subpage-menu.gif) no-repeat top; }
#sub-page li { margin-bottom:8px; background:url(img/dot.gif) repeat-x bottom; padding:0 0 3px 5px; }
#sub-page a { background:url(img/arrow1.gif) no-repeat left center; padding-left:14px; }

/* ---------- フッター ---------- */
#footer { background:#212221; width:100%; padding:30px 36px; clear:both; border-top:5px solid #7d443e; }
#footer ul { }
#footer li { display:inline; margin:0 4px 0 0; border-left:1px solid #9ca5a7; padding-left:8px; }
#footer #footer-home { border:none; padding:0; }
#footer p { margin:1em 0; color:#ddd; }

/* ---------- 月別アーカイブ、カテゴリー、検索結果等の見出し部分 ---------- */
#archive-header { font-size:14px; font-weight:bold; text-align:center; margin-top:50px; }

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */