@charset "utf-8";
/*
Theme Name: blog.itoy.jp
Theme URI: http://blog.itoy.jp/
Description: iToyブログ
Version: 1.0
Author: iToy
Author URI: http://blog.itoy.jp/
Tags: 

*/

/* ****************************************************
                         基本
******************************************************* */
* {
 margin: 0;
 padding: 0;
}

/* 画像の属性 */
img {
    border: none;
    margin: 0px;
    padding:0px;
}

a img {
    border: none;
}

/* 強調文の属性*/
h1,h2,h3,h4,p{
    font-size: 12px;
    font-weight: normal;
}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {
    color: #0000FF;
    text-decoration: none;
}

a:hover {
    color: #EDB32A;
    text-decoration: none;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}



body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #333;
    line-height: 1.7;
    background:#FFFFFF;
    text-align: center;
}

/* ****************************************************
                          基本枠
******************************************************* */
#container {
    width:900px;
    margin: 0 auto;
    background: url("img/container-back.png") repeat-y;
    border-right:1px solid #2E2E2E;
}

#main {
    float: left;
    width:900px;
}

.side_menu{
    list-style:none;
    margin-bottom:25px;
}

/* ****************************************************
                          ヘッダー
******************************************************* */
#header {
    width:900px;
    height:167px;
    background: url("img/header-back.png") no-repeat;
    text-align: left;
}

#header #logo{
    float:left;
    width:185px;
    margin-left:5px;
    height:145px;
    padding-top:20px;
    padding-left:15px;
    font-size:8pt;
    text-align:center;
}


#header h1{
    margin-top:5px;
    margin-left:20px;
    width:350px;
    line-height: 1.2;
    font-size:9.5pt;
    float: left;
}

#header .annotation{
    line-height: 1.2;
    margin-top:0px;
    margin-left:2px;
    font-size:7pt;
    font-style:italic;
    float: left;
    color:#edb32a;
}

#head_menu {
    float: right;
    width:300px;
    padding:4px;
    background: url("img/head-menu-back.png") no-repeat;
}

#head_menu ul {
    padding-left:3px;
}

#head_menu ul li {
    float:left;
    padding:4px 9px 4px 9px;
    list-style:none;
    border-right:1px dotted #999999;
    display:block;
    font-weight:bold;
    font-size:10pt;
}

#head_menu li a:link, #head_menu li a:visited, #head_menu li a:active {
    color:#FFFFFF;
}

#head_menu li a:hover {
    color:#EDB32A;
}

#head_banner {
    width:468px;
    height:60px;
    margin:20px 5px 10px 5px;
    float:left;
}

#search_bar {
    width:670px;
    float:left;
    margin-top:5px;
    margin-left:20px;
}

#head_linkunit {
    width:468px;
    height:15px;
    float:left;
    margin:5px 8px 0 4px;
}

#header .feed_icon{
    position:fixed;
    top:225px;
    right:0;
}

/* ****************************************************
                    メイン
******************************************************* */
#content {
    float: left;
    width:472px;
    padding-right:7px;
    font-size: 11pt;
    text-align: left;
}

#content p{
    padding: 10px;
}

#content h2{
    background: url("img/content-h2-back.png") no-repeat;
    margin:25px 5px 10px 0;
    padding-left:5px;
    font-size: 11pt;
    font-weight:bolder;
    color: #FFFFFF;
}

#content h2 a:link, #content h2 a:visited, #content h2 a:active {
    color: #FFFFFF;
}

#content h2 a:hover {
    color: #EDB32A;
}

#content h3{
    width:450px;
    margin:20px 0 10px 0;
    clear:both;
    padding-left:5px;
    border-left:solid 5px #2E2E2E;
    border-bottom:solid 1px #2E2E2E;
    font-weight:bold;
}

#content h4{
    width:450px;
    margin:20px 0 0 5px;
    clear:both;
    padding-left:5px;
    border-bottom:dotted 1px #2E2E2E;
    display:block;
    font-weight:bold;
}

#content small{
    color:#EDB32A;
    font-size:9pt;
}

#content .entry{
    margin:5px 0;
}

#content .entry img{
    margin:3px;
}

#content .entry-date{
    margin:5px 0 0 0 ;
    width:200px;
    font-size:9pt;
    color:#000000;
}

#content .content_banner_top{
    margin:15px 0 20px 0;
}

#content .postmetadata{
    clear:both;
    margin:15px 0 25px 0;
    padding-top:2px;
    line-height: 1.3;
    border-top:1px dotted #2E2E2E;
    font-size:8pt;
}

#content .sbm{
    clear:both;
    margin0;
    margin-bottom: -10px;
    text-align:center;
    font-size:8pt;
}

#content .discussion-url{
    background:#E9E9E9;
    font-size:8pt;
}

#content .navigation{
    margin: 0 auto;
    width:460px;
    font-size:8pt;
    line-height: 1.1;
    text-align:center;
}

#content .navi-prev{
    float:left;
    width:225px;
    padding-right:4px;
    border-right:1px solid #2E2E2E;
    text-align:right;
    display:block;
}

#content .navi-next{
    float:right;
    width:225px;
    padding-left:0;
    text-align:left;
    display:block;
}

#discussion{
    border:1px dashed #2E2E2E;
    margin:20px 0 0 40px;
    padding:5px 5px 5px 10px;
}

#discussion h4{
    width:400px;
    margin:10px 0;
    border-bottom:1px dashed #2E2E2E;
    font-weight:bold;
    text-align:center;
}

#discussion .trackback{
    padding:2px;
    border:1px dashed #2E2E2E;
    font-size:8pt;
}

#discussion .commentlist{
    padding-left:20px;
    font-size:9pt;
}

#discussion .comment{
    border-bottom:1px dashed #2E2E2E;
}

#discussion small{
    padding-left:5px;
}

/** 送信フォーム */
#content form label{
    margin-right:20px;
}

#content form p{
    margin:0;
    padding:0;
}

#content form .item-label{
    margin-top:10px;
    padding-left:5px;
    background: url("img/item-label-back.png") no-repeat;
    color:#FFFFFF;
    font-size:9pt;
}

#content form .submit{
    margin-top:10px;
    align:center;
}

/* Contact7 */
#content .wpcf7{
    padding:0 10px;
}

#content .wpcf7 .submit{
    padding:0 10px;
}

#content .st-related-posts{
    margin-bottom:35px;
}

/* ****************************************************
                    コンテンツ
******************************************************* */

/* テーブル */
#content  table{
    width:550;
    margin: 10px 0px;
    padding:0px;
    border-top:double #CCCCCC;
    border-bottom:double #CCCCCC;
    border-left:none;
    border-right:none;
}

#content  table th{
    text-align:left;
    padding:2px 2px 2px 20px;
    font-size:12px;
    border-left:none;
    border-right:solid 1px #CCCCCC;
    border-top:none;
    border-bottom:dotted 1px #CCCCCC;
}

#content  table td{
    text-align:left;
    padding:5px;
    font-size:12px;
    line-height:120%;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:dotted 1px #CCCCCC;
}


#content .entry ul{
    margin:0;
    padding-bottom:0;
}

#content .entry li{
    margin-left:30px;
    line-height: 1.5;
    font-size: 10pt;
}

#content  .blockquote{
    margin:10px;
    padding:5px;
    font-size: 8.5pt;
    background: #E9E9E9;
}

#content .entry li{
    margin-left:30px;
    font-size: 10pt;
}

#content .entry .imgL{
    width:465px;
    padding:5px;
    float:left;
    font-size:8pt;
}

#content .entry .imgM{
    width:215px;
    padding:5px;
    float:left;
    font-size:8pt;
}

#content .entry .imgF{
    width:215px;
    padding:5px;
    font-size:8pt;
}

/* ****************************************************
                       左サイドバー
******************************************************* */
#left{
    float: left;
    width:205px;
    margin-right:22px;
    margin-left:7px;
    text-align: left;
}


#left .side_caption {
    margin-bottom:5px;
    background: url("img/left-side-caption-trans.png") no-repeat;
    text-align:center;
    font-weight:bold;
    color:#FFFFFF;
    font-size:13px;
}

#left .side_list ul {
    list-style-image:url("img/menu-marker-trans.png");
}

#left .side_list ul li{
    padding:2px 5px 8px 0;
    margin-left:15px;
    margin-right:25px;
    font-size:8pt;
}

#left .side_list li a:link, #left .side_list li a:visited, #left .side_list li a:active {
    display:block;
    border-bottom:1px dotted #999999;
    color:#FFFFFF;
}

#left .side_list li a:hover {
    color:#EDB32A;
    border-bottom:1px dotted #EDB32A;
}

/* ****************************************************
                       右サイドバー
******************************************************* */
#right{
    float: left;
    width:170px;
    margin-left:13px;
    padding:0;
    text-align: left;
}

#right .side_caption {
    width:180px;
    height:60px;
    margin-left:-7px;
    padding:10px 0 0 0;
    background: url("img/right-side-caption.png") no-repeat;
    text-align:center;
    font-weight:bold;
    color:#EDB32A;
    font-size:13px;
}

#right .block{
    margin:-30px 10px 10px 5px;
    padding:0;
}

#right .block ul{
    margin-left:15px;
}

#right .block-end{
    margin-top:-25px;
    margin-left:-7px;
    background: url("img/right-block-end.png") no-repeat;
    width:180px;
    height:40px;
}

#right h3{
    font-weight:bold;
}


/* ****************************************************
                        フッター
******************************************************* */
#footer {
    float: left;
    width:900px;
    margin-bottom:30px;
    height:65px;
    background: #FFFFFF url("img/footer-back.png") no-repeat;
    border-right:1px solid #2E2E2E;
    color:#FFFFFF;
}


#footer a:link, #footer a:visited, #footer a:active {
    color:#FFFFFF;
}

#footer a:hover {
    color:#EDB32A;
}

#footer img {
    margin-right:3px;
}

#footer .sign{
    float: left;
    width:300px;
    margin-left:320px;
    color:#FFFFFF;
}

#footer .footer-menu{
    float: left;
    width:300px;
    margin-left:320px;
    margin-top:30px;
    color:#FFFFFF;
}

#footer .footer-navi{
    float: right;
    margin-top:35px;
    font-size:9pt;
}

#footer .footer-navi a:link, #footer .footer-navi a:visited, #footer .footer-navi a:active {
    padding:0 15px;
    color:#0000FF;
}

#footer .footer-navi a:hover {
    color:#EDB32A;
}



/* ****************************************************
                      その他ブロック
******************************************************* */
#searchform {
    margin:0 3px 0 10px;
    width:185x;
    text-align: left;
    float: left;
}

#searchform #s{
    width:130px;
}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}