@charset "utf-8";
/*
Theme Name: Simple Yozik
Theme URI: http://wordpress.org/
Description: Yozik's WordPress theme
Version: 0.5
Author: Yoji Sanada
Author URI: http://blog.inafog.jp/about
Tags: white, fixed width, one column

*/
/* My Birthday Color by PANTONE
    Day: #7da1bf
    Month: #128191
    sub: #bdd0df
    gray: #999999
------------------------------------------------------- */

/* Reset
------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* Basic styles
------------------------------------------------------- */
body {
    background-color: #fff;
    line-height: 1;
    }
a:link {
    color: #000;
    }
a:visited {
    color: #333;
    }
a:hover {
    color: #777;
    }

h1,h2,h3,h4,h5,h6 {
    color: #000;
    }
h2 {
    color: #000;
    }
h2 a {
    color: #000;
    }
h3 {
    }
h4 {
    color: #333;
    }

hr {
    display:none;
    }


/* Font
------------------------------------------------------- */
body,input,textarea {
    font-size:13px;
    font-family: Verdana, Sans-Serif;
    }
table {
    font-size: inherit;
    font: 100%;
    }


/* Heading
------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    line-height: 1.2;
    }
h1 {
    font-size: 26px;
    }
h2 a {
    text-decoration: none;
    }
h3 {
    font-size: 18px;
    margin: 3em 0 1em;
    }
h4 {
    font-size: 13px;
    margin-top: 1.6em;
    }



/* common
------------------------------------------------------- */
#container {
    padding: 16px 64px;
    width: 520px;
    margin: 0 auto;
    }
.content {
    color: #474747;
    margin-bottom: 40px;
    position:relative;
    }
#header {
    text-transform: uppercase;
    margin-bottom: 24px;
    font-weight: bold;
    }
#header a {
    text-decoration: none;
    }
#header #sitename a:visited {
    color: #333;
    }
#header h1,
#header p {
    font-size: 13px;
    }
#header h1,
#header p {
    color: #000;
    }
#header #sitename a{
    color: #000;
    }
#header #sitename a:visited{
    color: #000;
    }
#header #sitename a:hover{
    color: #7da1bf;
    }




/* 個別記事ページ
------------------------------------------------------- */
.post {
    margin: 0 0 16px;
    text-align: justify;
    line-height: 1.6;
    }
.post h1 {
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",serif;
    }
.post .post-body {
    margin: 48px 0;
    }
.post .post-body p {
    margin: 1em 0;
    }
.post .post-body p.post-date {
    margin-bottom:0;
    }
.post .post-body ul,
.post .post-body ol {
    margin: 1em 2em;
    line-height: 1.2;
    }
.post .post-body ul ul {
    margin: 0 1.5em;
    }
.post .post-body li {
    margin: 8px 0;
    }
.post .post-body blockquote,
.post .post-body div.cite {
    margin:8px;
    border: 1px solid #ccc;
    background-color:#fafafa;
    color:#666;
    padding: 0 16px;
    -moz-border-radius-topleft: 12px;
    -webkit-border-top-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
    }
.post .post-body blockquote a:link {
    color: #666;
    }
.post .post-body blockquote a:hover {
    color: #7da1bf;
    }
.post .post-body blockquote cite {
    text-align:right;
/*    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-border-radius-topleft: 12px;
    -webkit-border-top-left-radius: 12px;
    padding:8px 0 0 8px;*/
    }

.post .post-body dl dt {
    font-weight:bold;
    }
.post .post-body dl dd {
    margin-left:1em;
    }

.post .post-body .post-meta {
display:none;
    font-size: 10px;
    color: #777;
    margin-top: 2em;
    }
.post .post-body .post-meta a {
    text-decoration: none;
    color: #777;
    }
.post .post-body .post-meta a:hover {
    color: #7da1bf;
    }
.post .post-body .post-meta dl dt {
    float: left;
    font-weight: normal;
    }

.post .post-body pre {
    margin:8px;
    border: 2px solid #aaa;
    background-color:#eee;
    color:#474747;
    padding: 12px;
    }

img.aligncenter,
img.alignnone  {
    border:1px solid #ccc;
    padding: 4px;
    display: block;
    }
img.aligncenter  {
margin:1em auto;
    }


/* トップページ
------------------------------------------------------- */
#home #main-image{
    }
#home h2 {
    margin: 32px 0 16px;
    font-size: 16px;
    }
#home .section {
    margin-bottom: 24px;
    clear: both;
    }
#home #recent-post {
    line-height:1.2;
    }
#home #recent-post dt {
    float: left;
    width: 110px;
    }
#home #recent-post dd {
    width: 410px;
    margin: 0 0 12px 110px;
    }
#home #recent-post dd h3 {
    font-size: 13px;
    margin:0 0 4px 0;
    font-weight: normal;
    }


#archives dl {
    margin-bottom: 12px;
    }
#archives dt {
    float:left;
    margin-right:16px;
    }
#archives dd a,
#archives dd span.emptymonth{
    margin:0 8px;
    }
#archives dd span.emptymonth{
    color:#999;
    }

#home #about a{
    text-decoration: none;
    }
#home #about dl {
    margin-bottom: 8px;
    }
#home #about dt {
    float: left;
    margin-right: 8px;
    display: inline;
    }
#home #about dd.fn {
    font-weight: bold;
    line-height: 52px;
    font-size: 14px;
    color: #000;
    }
#home #about p#copyright {
    margin-top: 24px;
    }

/* Comments
------------------------------------------------------- */
#comments {
    }
#comments h3 {
    color: #333;
    font-size: 14px;
    border-bottom:1px solid #ccc;
    }
#comments ol#dialog {
    border-top: 1px solid #eee;
    }
#comments ol#dialog li {
    vertical-align: top;
    font-size:12px;
    line-height: 1.2;
    padding:12px 8px;
    border-bottom: 1px solid #eee;
    list-style:none;
    }
#comments ol#dialog li dl {
    height: 1%;
    }
#comments ol#dialog li dl dt.comment-author {
    float:left;
    width:140px;
    line-height: 1.4;
    }
#comments ol#dialog li dl dt.comment-author cite {
    font-weight: bold;
    }
#comments ol#dialog li dl dt span.comment-date {
    font: italic 11px Georgia, Times, serif;
    }
#comments ol#dialog li dl dt span.comment-edit {
    font-size:10px;
    }
#comments ol#dialog li dl dd.comment-body {
    width:348px;
    float:right;
    line-height: 1.4;
    }

#comments fieldset {
    padding: 8px;
    border: 1px solid #ccc;
    margin: 24px auto 8px;
    }
#comments fieldset legend {
    color:#333;
    }
#comments fieldset p#comment-loggedin {
    float:left;
    width: 188px;
    line-height:2;
    margin-top: 16px;
    }
#comments fieldset dl#comment-input input,
#comments fieldset dl#comment-textarea textarea {
    margin: 4px 0 8px;
    width:100%;
    border:1px solid #ccc;
    padding:2px;
    }
#comments fieldset dl#comment-input {
    float:left;
    width: 188px;
    }
#comments fieldset dl#comment-textarea {
    float:right;
    width:292px;
    margin-right: 6px;
    }
#comments fieldset dl#comment-input dt,
#comments fieldset dl#comment-textarea dt{
    font-size: 10px;
    margin-top: 8px;
    }
#comments fieldset p#comment-submit {
    clear:both;
    text-align: right;
    }
#comments fieldset p#comment-submit input {
    padding:2px 8px;
    }

/* Trackbacks
------------------------------------------------------- */
#trackbacks {
    }
#trackbacks h3 {
    color: #333;
    font-size: 14px;
    border-bottom:1px solid #ccc;
    }
#trackbacks ul {
    font-size: 12px;
    margin: 16px 32px;
    color: #999;
    line-height: 1.4;
    }
#trackbacks ul li {
    margin-bottom: 4px;
    }
#trackbacks p#trackback-url {
    border:1px solid #ccc;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    padding: 4px 12px;
    font-family: monospace;
    background-color: #fafafa;
    }





/* Archive Page
------------------------------------------------------- */
#archive h1.archive-title{
    color: #333;
    font-size: 24px;
    font-family: Georgia, serif;
    margin-bottom: 32px;
    }
#archive h1.archive-title span {
    font-size:14px;
    display: block;
    color: #999;
    }

#archive .post-date {
    color: #999;
    }

#archive dl {
    margin-bottom: 16px;
    line-height: 1.6;
    }
#archive dt {
    width: 120px;
    float:left;
    }
#archive dd {
    width: 400px;
    float:right;
    }


/* Pages - About
------------------------------------------------------- */
#about dl dd {
    margin: 0 0 1em 2em;
    }


/* Footer
------------------------------------------------------- */

#footer {
    clear: both;
    color: #000;
    margin-top: 32px;
    }
#footer a {
    text-decoration: none;
    }
#footer ul {
    list-style:none;
    line-height:1.4;
    padding:8px 0;
    color:#999;
    border-top: 1px solid #ccc;
    }
#footer ul li {
    }
#footer form#searchform {
    float:right;
    padding:4px 0;
    }
#footer form#searchform input#searchsubmit {
    padding:0 8px;
    }
#footer form#searchform input {
    vertical-align:middle;
    }
#footer p#copyright {
    line-height:1.7;
    padding:4px 0;
    border-top:1px solid #ccc;
    }



/* Clearfix
------------------------------------------------------- */
ELEMENT:after,
.content .post .post-meta dl:after,
#archives ul:after,
#archive dl:after,
#nav ul:after,
#comments ol#dialog li dl:after,
.content #about dl:after,
#monthly-archives dl:after,
#sidebar #nav ul:after,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    }