/*   
Theme Name:Apprec Green
Theme URI:
Description:アプレックのブログテンプレート　（緑色）
Author:アプレック
Author URI:http://www.apprec.com/
Version:2.0
*/

/* ---------- ページナビ ---------- */
#page-navi li { display:inline; margin-left:2px; }
#page-navi a { padding:6px 8px; border:1px solid #ccc; background-color:#f9f9f9; color:#697178; }
#page-navi a:hover { background-color:yellowgreen; color:#fff; }
#page-navi span { padding:6px 8px; border:1px solid #ccc; background:#f9f9f9; }
#navi-current-page span { background-color:yellowgreen; color:#fff; }

body { margin:0; padding:0; text-align:center;
       font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
       font-size:12px; color:#697178; background:url(img/background.gif); }
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,table,input { margin:0; padding:0; }

/* ---------- 文字関係 ---------- */
a:link , a:visited { color: #3b7eb4; text-decoration:none; }
a:hover { color:yellowgreen; text-decoration:none; }
p { margin:0; line-height:160%; }
h1,h2,h3,h4,h5,h6,h7 { margin:0; padding:0; font-size:100%; font-weight:normal; line-height:190%; }

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; }

/* ---------- ヘッダー ---------- */
#header-wrapper { background:url(img/header-wrapper.gif) repeat-x; text-align:center; width:100%; height:114px; }
#header { background:url(img/header.gif) no-repeat top; width:782px; height:114px; margin:0 auto; }
#top-des { float:right; display:inline; margin:37px 30px 0 0; line-height:140%; font-size:10px; color:#aaa; }
#logo { float:left; display:inline; margin:28px 0 23px 40px; }

/* ---------- メニュー ---------- */
#header ul { clear:both; margin:0 0 0 6px; }
#header li { float:left;  }
#header li a { color:#999; display:block; width:109px; border-right:1px solid #ccc;  height:21px; padding-top:9px; background:url(img/arrow2.gif) no-repeat 100px 21px; font-size:12px; }
#header li a:hover { background-color:#a6d527; color:#fff; }

/* ---------- 外枠 ---------- */
#main-wrapper { background:url(img/sideline.gif) repeat-y left top; width:782px;  margin:0 auto; }

/* ---------- メインコンテンツ ---------- */
#contents-wrapper { float:left; width:555px;  display:inline; margin-left:6px; text-align:center; clear:both; padding-bottom:30px; }

#topic-header { display:block; margin:20px auto 0 auto; }
#topic-wrapper { background:url(img/topic-bottom.gif) no-repeat bottom; width:523px; margin:0 auto; text-align:left; padding-bottom:10px; }
#topic-contents { height:100%; background:url(img/topic-sideline.gif) repeat-y; clear:both; padding:4px 17px }
#topic-contents li a { line-height:190%; background:url(img/arrow1.gif) no-repeat left; padding-left:11px; color:#80ae61; }
#topic-contents li a:hover { color:orange; }

#post-header { text-align:left; display:block; padding:20px 0 7px 23px; }
.post { background:url(img/post-top.gif) no-repeat top; width:522px; margin:0 auto 40px auto; text-align:left; }
.post-contents { height:100%; background:url(img/post-sideline.gif) repeat-y; clear:both; padding:12px 17px; }
.post-contents p { margin-bottom:1em; }
.post-contents a img { border:1px solid #ccc; padding:3px; background:#f2f2f2; margin:0 4px; }
.post-contents a img:hover { border:1px solid yellowgreen; padding:3px; background:#cdecb9; }
.post-bottom { height:23px; background:url(img/post-bottom.gif) no-repeat top; }
.post-bottom img { float:right; padding-right:15px; }

.post-title { float:right; display:inline; width:445px; margin:16px 10px 0 0; }
.post-title h2 { font-size:15px; line-height:120%; margin-bottom:3px; font-weight:bold; }
.post-title ul { line-height:10px; }
.post-title li { display:inline; margin-right:12px; font-size:10px; line-height:140%; }
.post-date { background:url(img/post-date.gif) no-repeat top; width:31px; height:37px; float:left; display:inline; font-size:14px; color:#fff;
             margin:12px 0 0 14px; letter-spacing:4px; padding:6px 0 0 12px; border:0px; }
.post-date p { margin:0; padding:0; line-height:115%; font-weight:bold; }
.leave-comment { background:url(img/pencil.gif) no-repeat left 1px; padding:1px 0 0 16px; }
#edit-post a { color:#bbb; }

#page-nav { padding-bottom:30px; }
#page-nav li { display:inline; font-size:80%; }

/* ---------- サイドボックス ---------- */
#sidebox-wrapper { float:right; width:203px; display:inline; margin-right:6px; text-align:left; font-size:80%; padding-bottom:70px; }
.side-content-wrapper { background:#fff url(img/sidebar-contents-top.gif) no-repeat top; border-left:1px solid #d5d5d5; }
.side-content-wrapper li { height:100%; }
.side-content-wrapper ul li a { display:block; height:100%; padding:8px 12px 8px 26px; border-bottom:1px solid #e2e2e2;
                             line-height:150%; color:#697178; background:url(img/arrow1.gif) no-repeat 16px 13px; }
.side-content-wrapper ul li a:visited { color:#697178; }
.side-content-wrapper ul li a:hover { background-color:#F0F8EB; color:#697178; }

#rss-post { text-align:right; display:block; padding:5px 5px 2px 5px; vertical-align:middle; border-bottom:1px solid #e5e5e5; }

#mag { height:132px; background:url(img/sidebar-mag.gif) no-repeat; padding-top:47px; font-size:10px; }
#mag a:link,#mag a:visited { color:#80ae61; }
#mag a:hover { color:orange; }
#mag h3 { margin:0 0 0 36px; }
#mag span { display:block; margin:6px 0 7px 26px; }
#email5 { width:100px; border:1px solid #ccc; height:18px; line-height:130%; padding-left:8px; color:#666; }
#mag-submit { height:20px; border:1px solid #ccc; background-color:#e5e5e5; vertical-align:top; color:#666; }
#mag-back-num { margin:10px 0 8px 120px; display:block; }
#mag-link { margin:0 0 0 86px; }


#search { width:203px; height:82px; display:block; background:#fff url(img/sidebar-search.gif) no-repeat; padding-top:18px; }

#change-font-area { margin:0 0 13px 97px; }/*  文字サイズの変更  */

#search-area { width:178px; height:25px; background:url(img/search-area.gif) no-repeat; margin:0 0 0 16px; }
#search-input { float:left;  margin:7px 0 0 7px; width:114px; border:0px; font-size:11px; color:#aaa; }
#search-button { float:right; }

#login { padding:6px 0 0 130px; }
#login a { display:block; width:68px; height:25px; background:url(img/login.gif) no-repeat; text-align:center; line-height:260%; color:#aaa; font-size:10px; }

/* ---------- コメント ---------- */
#comment { text-align:left; width:522px; margin:0 auto; }
.comment-headline { font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; margin:8px; line-height:130%; }
.comment-headline a { color:orange; }
.comment-headline a:hover { color:yellowgreen; }
.comment-headline span { font-size:12px; font-weight:normal; margin-left:10px; }

.comment-content { background:#fdfdfd url(img/comment-back.gif) repeat-y left; 
                   border-top:#eee 1px solid; border-left:#eee 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid;
                   margin:10px 8px; padding:15px 15px 15px 25px; }
.comment-content ul { margin-top:20px; }
.comment-content li { display:inline; margin-right:10px; font-size:80%; }
.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 { width:508px; height:436px; background:url(img/comment-area.gif) no-repeat; padding:0 0 0 14px; }
#comment-author-info { margin:0 0 0 20px; padding-top:29px; }
#comment-author-info label { float:left; }
#comment-author-info p {margin-bottom:12px; clear:both; }

#comment-author-info input { background:none; border:none; padding-top:5px; color:#666; }
#commnet-name  { background:url(img/input-name.gif) no-repeat 118px 0;  height:23px; font-size:12px; }
#commnet-mail { background:url(img/input-long.gif) no-repeat 118px 0;  height:24px; font-size:12px; }
#commnet-url { background:url(img/input-long.gif) no-repeat 118px 0;  height:24px; font-size:12px; }

#commnet-name input { margin-left:60px; width:153px; }
#commnet-mail input { margin-left:22px; width:315px; }
#commnet-url input { margin-left:18px; width:315px; }

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

#comment-textarea-wrapper { background:url(img/text-area.gif) no-repeat; padding:0;  display:block; margin-left:20px; }
#comment-input-area textarea { width:430px; height:150px; overflow:auto; background:none; border:0px; margin:0; padding:10px; font-size:11px; color:#666;  }
#comment-submit { margin:18px 0 0 350px; }

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

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

/* ---------- ページ ---------- */
#page-content-header { text-align:left; display:block; padding:20px 0 7px 23px; }
#page { background:url(img/post-top.gif) no-repeat top; width:522px; height:100%; padding-top:20px; margin:0 auto 25px auto; text-align:left; }
#page-title h2 { text-align:center; font-size:15px; line-height:120%; margin-bottom:10px; font-weight:bold; color:yellowgreen; }
#page-contents { height:100%; background:url(img/post-sideline.gif) repeat-y; clear:both; padding:0 15px 15px 15px; }
#page-contents p, #page-contents li { margin-bottom:1em; }
#page-contents a img { border:1px solid #ccc; padding:3px; background:#f2f2f2; margin:0 4px; }
#page-contents a img:hover { border:1px solid yellowgreen; padding:3px; background:#cdecb9; }
#page-edit { font-size:10px; display:block; padding-top:15px; text-align:right; }

#page-menu { text-align:left; display:block; padding:0 0 7px 25px; }
#subnav { background:url(img/post-top.gif) no-repeat top; width:522px; height:100%; padding-top:20px; margin:0 auto 25px auto; text-align:left; }
#subnav-contents { height:100%;  background:url(img/post-sideline.gif) repeat-y; padding:0 15px; }
#subnav li { background:url(img/arrow1.gif) no-repeat left 3px; padding:0 10px 10px 10px; font-size:80%; }
.page_item a { }
.current_page_item a:link, .current_page_item a:visited { color:orange; text-decoration:underline; }
#subnav-bottom { height:23px; background:url(img/post-bottom.gif) no-repeat top; text-align:right; }
#subnav-bottom img { margin-right:15px; }

#page-links { background:#fff url(img/sidebar-contents-top.gif) no-repeat top; border-left:1px solid #d5d5d5; line-height:190%; }
#page-links ul ul { margin-left:-10px; }
#page-links ul li { background:url(img/arrow1.gif) no-repeat 12px 14px; padding:7px 10px 7px 21px; font-weight:bold; font-size:140%;
                    border-bottom:1px solid #e5e5e5; }
#page-links ul li ul li { font-weight:normal; font-size:80%; border-bottom:0px; background:url(img/arrow1.gif) no-repeat 12px 9px; padding:2px 10px 2px 21px; }
#page-links ul li ul li a { color:#697178; }
#page-links ul li a, #page-links ul li ul li a { color:#697178; }
#page-links a:hover, #page-links ul li ul li a:hover, #page-links .current_page_item a:hover { color:orange; }
#page-links .current_page_item a { color:yellowgreen; }

/* ---------- フッター ---------- */
#footer { background:url(img/footer.gif) no-repeat top; width:782px; height:67px; margin:0 auto; clear:both; }
#footer p { font-size:10px; }
#footer a { color:yellowgreen; text-decoration:underline; }

/* ---------- 月別アーカイブ、カテゴリー、検索結果等の見出し部分 ---------- */
#archive-header { font-size:14px; font-weight:bold; padding:18px 0 15px 0; }

/* ---------- 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 */