@charset "utf-8";
/*
Theme Name: Wanokoto WP Transparentr
Theme URI: http://wanokoto.jp/
Description: Designed by Wanokoto
Version: 1.0
Author: Wanokoto
Author URI: http://wanokoto.jp/
Text Domain: WordPress Wanokoto Custom

*/

/* ******************************* */
/* 基本 */
/* ******************************* */

body{margin: 0; padding: 0; line-height:1.6em; color:#666; font-family:Arial, sans-serif; font-size:0.9em; /* font-size:90%; */  background: #bbdff5 url(./images/bg.png) no-repeat center top;}

#bg{width:965px; background: #bbdff5 url(./images/bg.png) no-repeat center top; margin: 0px auto; /* border: solid 1px #fff; */}

h1{font-size:180%; }
h2{font-size:120%; margin-bottom:0; }
h3{font-size:120%; margin-bottom:5px;}
h4{font-size:120%; margin-bottom:5px;}
h5{font-size:110%; margin-bottom:5px;}
p{margin:0px 0 10px 0;}
ul{list-style-type:none;}
img {border-width: 0; margin:0; vertical-align: middle;}


a, a:visited{color:#0d71b9; text-decoration: none;}
a:hover{color:#2085cd; text-decoration:underline;}
a.more-link{font-weight: bold; font-size: 110%;}

/* ******************************* */
/* グローバル設定 */
/* ******************************* */
.icon01{padding-left:20px; background: url(./images/icon01.gif) no-repeat left center; height: 1%; }

/* ******************************* */
/* グリッドスタイル基本設定 */
/* ******************************* */
#header{height:225px;}

#simbol{height:125px; background: url(./images/center_left_bg.png) no-repeat right top; width:965px; margin: 0px auto;}
#parent_bg{ background: url(./images/parent_bg.png) repeat-y right top;  width:965px; margin: 0px auto;}
#parent_bg_bottom{ background: url(./images/parent_bg_bottom.png) no-repeat right bottom;  height:5px;width:965px; margin: 0px auto; overflow: hidden;}
#content{margin-top:-5px !important;}

/* ******************************* */
/* ヘッダースタイルスタート */
/* ******************************* */
#header{font-size: 12px;}
#header h1 a{margin:35px 0 0 20px; display: block; width:327px; height: 67px; background:url(./images/logo.png) no-repeat left top;}
#header h1 span{display: none;}
#header .description{margin:5px 0 0 20px; color:#666; font-size: 13px;  width: 420px; line-height: 14px;}


/* ******************************* */
/* シンボルの中 */
/* ******************************* */
#simbol form div.search{float: right; display: inline; margin:50px 0px 0 0;}
#simbol form div p{float:left; display: inline;  margin-right: 10px;}
#simbol form div .input{padding:2px; font-size:13px; border: solid 1px #ccc; width: 140px;}
#simbol form div .button{margin:0;}


/* ******************************* */
/* ヘッダーpages*/
/* ******************************* */
#header ul.pages{line-height: 17px; font-size:13px; display: inline; float: right; position: relative; top:0px; left:0;}
#header ul.pages a, #header ul.pages a:visited{font-weight: bold; text-decoration: underline; }
#header ul.pages a:hover{text-decoration: none; }
#header ul.pages li.page_item, #header ul.pages li.pre, #header ul.pages li.suf{display: inline; float: left; margin:0; height: 39px; padding:10px 10px 0 10px;}
#header ul.pages li.page_item{ background: url(./images/pages_bg_center.png) repeat-x left top;}
#header ul.pages li.pre{ background: url(./images/pages_bg_lr.png) no-repeat left top; width:5px;}
#header ul.pages li.suf{ background: url(./images/pages_bg_lr.png) no-repeat right top; width:5px;}



/* ******************************* */
/* hacks*/
/* ******************************* */

.recentcomments a.url{background: none !important; padding-left: 0px !important;}
.widget_tag_cloud{border: none !important; padding:0 0 31px 0 !important;}


.sideL p, .sideL img, .sideR p, .sideR img{margin:0; padding-bottom:0;}

/* ******************************* */
/* サイドバー L*/
/* ******************************* */
.sideL {margin-top:80px;}
.sideL h2{line-height: 20px; font-size:14px; color:#3688bc; font-weight:bold; height:25px; background: url(./images/leftitle_bg.png) no-repeat left top; margin:0; padding:23px 0 0 5px;}
.sideL ul ul, .sideL ul div{border-width:0px 1px 0 1px; border-color:#ccc; border-style: solid; margin:0; background-color: #fff; padding:5px 5px 0 10px;}

.sideL ul div ul{border-width:none !important; padding:0 !important;}

.sideL ul ul li{margin:3px 0 0 0; padding:0px 0 0px 0; }
.sideL ul ul li a{ background: url(./images/icon01.gif) no-repeat left center; padding-left: 13px !important; }
.children{border-width:0 !important; padding:0px 5px 0 10px !important; }

.sideL .children li a{ background: url(./images/icon02.gif) no-repeat left center !important; padding-left: 10px; }
.sideL .widget, .sideL .categories{background: url(./images/leftblock_bottom.png) no-repeat left bottom; padding-bottom:30px; margin-bottom:0px;}

.textwidget{padding-top:10px !important; margin:0 !important;}

/* ******************************* */
/* サイドバー R*/
/* ******************************* */
.list{ padding-bottom:10px;}
.sideR h2{line-height: 17px; font-size:14px; color:#f9cc88; font-weight:bold; height:28px; background: url(./images/righttitle_bg.png) no-repeat left top; margin:0; padding:10px 0 0 5px;}
.sideR ul ul, .sideL ul div{margin:0 0 0px 0;  padding:5px 5px 0 10px;}
.sideR ul ul li{margin:3px 0 0 0; padding:0px 0 0px 0px; }
.sideR ul ul li a{ background: url(./images/icon01.gif) no-repeat left center; padding-left: 13px !important;}
.children{padding:0px 5px 0 10px !important; }
.sideR .children li a{ background: url(./images/icon03.gif) no-repeat left center !important; padding-left: 10px; }
.sideR .pickuplink{margin:0 0 20px 25px; }
.sideR .rsslink, .sideR .twitterlink{float:left; display: inline; margin-right: 20px;}
.sideR .widget{padding-bottom:5px; margin-bottom:10px; background-color: #eee !important;}


/* ******************************* */
/* サイドバー 特殊ブロック*/
/* ******************************* */
#calendar_wrap{text-align: center; margin: 0 !important; padding: 5px 0 0 0 !important; }
#wp-calendar{width:100%; font-size: 13px; margin:0 0 0 0 !important; }

.widget_tag_cloud div{margin: 0 !important; padding: 5px;}

/* ******************************* */
/* コンテンツ */
/* ******************************* */
#content h1{margin:0px 0 0 8px !important; line-height:16px; font-size:16px; color:#555555; height:39px; padding:15px 10px 0 10px; background: url(./images/title_bg_parent.png) no-repeat left top; }


#content h2.entrytitle{line-height:18px; font-size:18px; color:#555555; height:84px; padding:23px 10px 0 100px; background: url(./images/title_bg.png) no-repeat left top; margin:0;}
#content h2.normaltitle{line-height:18px; font-size:18px; color:#555555; height:84px; padding:23px 10px 0 20px; background: url(./images/title_bg_normal.png) no-repeat left top; margin:0;}

#content h2 a:hover{text-decoration: underline;}

#content .date{margin:-95px 0 0 0px ; width:95px; text-align: center; font-weight: bold; position: absolute; line-height: 20px;}
#content .date .top{font-size:24px; color: #666666; }
#content .date .bottom{font-size:14px; color: #fff;}
#content .date .top, #content .date .bottom{margin:0; padding:0;}
#content .entry{margin:-25px 0 0 8px; padding:5px 10px 0 10px; background-color: #fff; }
#content .entry .meta_top{ background: url(./images/entry_top_separate.gif) no-repeat right bottom; margin-bottom: 10px;padding-bottom:5px;}
#content .entry .meta_top .tag, #content .entry .meta_top .category{float:right; display: inline; margin-left:20px;}
#content .entry .meta_top .tag{background: url(./images/tag.gif) no-repeat left center; padding-left:22px;}
#content .entry .meta_top .category{background: url(./images/category.gif) no-repeat left center; padding-left:22px;}
#content .entry .body{margin-bottom: 10px;}
#content .entry .meta_bottom{padding-top:10px; background: url(./images/entry_bottom_separate.gif) repeat-x left top; margin-bottom: 0px;}
#content .entry .meta_bottom .trackback, #content .entry .meta_bottom .comment{float:right; display: inline; margin-left:10px;}
#content .entrybottom{margin:0 0 20px 8px;background: url(./images/entry_bottom.png) no-repeat left top; height:10px; overflow: hidden;}

#content .entry img{margin:5px 0;}
#content .entry h1{height:auto !important; line-height:1.6em !important; font-size:170%; background: none; padding:0 0 10px 0 !important; margin:0 !important;}
#content .entry h2{line-height:1.6em !important; font-size:150%; background: none; padding:0 0 10px 0 !important; margin:0 !important;}
#content .entry h2{line-height:1.6em !important; font-size:130%;}
#content .entry h3{line-height:1.6em !important; font-size:120%;}
#content .entry blockquote{font-style: italic; margin-left:30px;}

/* ナビゲーション */
.navigation {margin:10px;}
.navigation .alignleft{float: left; display: inline;}
.navigation .alignright{float: right; display: inline;}




/* ******************************* */
/* コメント周り */
/* ******************************* */
.tb-comment{margin:0 0 0 8px; padding:10px 10px 20px 10px; background-color: #fff; }

.tb-comment .meta{text-align:right; margin:10px 0; background: #f9f9f9 url(./images/smallbg.gif) repeat-x left bottom;  padding: 3px;}
.tb-comment .commentlist{margin:20px 0;}
.tb-comment .commentlist li{padding:5px; /* border-bottom: dotted 1px #ccc; */ margin-bottom:10px;}
.tb-comment .commentlist .alt{ background-color:#f9f9f9; }
.tb-comment .commentlist .alt .meta{background: #fff !important;}

#commentform{}
#commentform textarea, #commentform input{padding:3px; border: solid 1px #bbb;}
#commentform textarea{width:450px;}
#commentform #submit{background-color:#eee;}
#commentform #submit:hover{background-color: #ccc; cursor: pointer;}

/* ping情報 */
.pingurl{background-color: #eee; padding: 5px; margin-bottom: 20px;}
.pingurl p{float: left; display: inline; margin:0;}


#comments.h3{font-size: 110%;}
#respond.h3{font-size: 110%;}


/* ******************************* */
/* フッター */
/* ******************************* */
#footer{ min-height:458px; margin:20px 0 0 0; text-align: center; background: #fad773 url(./images/footer_bg.png) no-repeat center bottom; border-top:solid 1px #fae8b4;}
#footerbg{min-height:458px; margin:0 0 0 0; width:975px; background: #fad773 url(./images/footer_bg.png) no-repeat center bottom; margin: 0px auto; /* border: solid 1px #fff; */}
#footer .copyright{padding:20px 0 10px 0; color:#fff;}


#footer h2{line-height: 17px; font-size:14px; color:#48A4C7; font-weight:bold; height:28px; border-bottom: solid 1px #48A4C7; margin:0; padding:10px 0 0 5px;}
#footer ul.list{margin:0px 0 0 5px; text-align: left; padding-top: 10px;}
#footer ul ul, .sideL ul div{margin:0 0 0px 0;  padding:5px 5px 0 10px; }
#footer ul ul li{margin:3px 0 0 0; padding:0px 0 0px 0px; }
#footer ul ul li a{ background: url(./images/icon01.gif) no-repeat left center; padding-left: 13px !important;}
.children{padding:0px 5px 0 10px !important; }
#footer .children li a{ background: url(./images/icon03.gif) no-repeat left center !important; padding-left: 10px; }
#footer .pickuplink{margin:0 0 20px 25px; }
#footer .rsslink, .sideR .twitterlink{float:left; display: inline; margin-right: 20px;}
#footer .widget{width:290px; padding:5px 5px 10px 5px; margin:10px 10px 10px 10px; background:  url(./images/parent70.png) repeat left top;  float: left; display: inline;}


.wpcf7-form .input input, .wpcf7-form textarea{padding:3px; border: solid 1px #ccc; width:90%;}
.wpcf7-form textarea{height:70px;}
.wpcf7-form .submit input{padding:3px; border: solid 1px #ccc; background-color: #eee;}
.wpcf7-form .submit input:hover{background-color: #ccc; cursor: pointer;}


