@charset "UTF-8";

/*
-----------------------------------------------------
livedoor Blog CSS
FileName: Suzuki Ayako Official Web site
LastUpdate: 2017.05.24
-----------------------------------------------------
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; font-size: 1em; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
* { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif !important; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img { border: 0; }
hr { display: none; }
strong { font-weight: bold; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.alignright { float: right; }
.alignleft { float: left; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
.bold { font-weight: bold; }
.tleft { text-align: left; }
.tright { text-align: right; }
.br { padding-top: 1em; }
.p1em { margin-top: 1.5em; }
.cap { font-size: 0.8em; line-height: 1.2; }
.indent { padding-left: 1em; text-indent: -1em; }
.pink { color: #f36; }
.orange { color: #f5461e; }
.bordernone { border: none !important; }

body { margin: 0; padding: 0; background: #ffffff; text-align: center; color: #333; font-size: 100%; word-break: break-all; }
#containerWrap { overflow: hidden; background: url(http://www.suzukiayako.com/img/bg.png) repeat-y top; }
#container { margin: 20px auto 0; padding: 0; width: 940px; text-align:center; word-break:break-all; background: url(http://www.suzukiayako.com/img/bg_sidebar-l.png) repeat-y left; }

#main { display: inline; float: left; margin-left: 185px; width: 500px; text-align: left; background: #fff; }
#maininner { margin-left: 5px; width: 490px; }
#sidebar-l { float:left; display: inline; margin-left: -670px; width: 160px;  background: #ffd5e4; }
#sidebar-l ul li { margin: 10px 0; }
#sidebar-r { float:left; display: inline; margin-left: 10px; width: 230px; }
p { font-size: 1em; line-height: 1.5; }
blockquote { font-size: 0.8em; line-height: 1.5; color: #666; }
.paragraph { margin: 1.5em 0; }

/* TYPE */
h1 { font-weight: bold; font-size: 1.25em; line-height: 1.2; }
h2 { font-weight: bold; font-size: 1.25em; line-height: 1.2; }
h3 { font-weight: bold; font-size: 1.1em; line-height: 1.2; }
h4 { font-weight: bold; font-size: 1em; line-height: 1.2; }
h5 { font-weight: bold; font-size: 0.8em; line-height: 1.2; }

/* LINK */
a { color: #39c; text-decoration: underline; }
a:link {}
a:visited {}
a:active {}
a:hover { text-decoration: none; }

/* Index */
#header { position: relative; margin: 0 auto; padding: 0; width: 940px; }
h1#blog-title { position: relative; margin: 0 auto; padding: 0; width: 940px; height: 80px; background: #e8448d url(http://www.suzukiayako.com/img/title.png) top left no-repeat; }
h1#blog-title a { margin: 0; padding: 0; }
h1#blog-title a p { overflow: hidden; text-indent: 100%; white-space: nowrap; }
#header ul#site-gadget { position: absolute; top: 36px; right: 10px; z-index: 1; margin: 0; padding: 0; width: 136px; }
li.menu-item { display: inline; padding: 0 5px; }
#portfolio { margin-bottom: 22.5px; }
.bannerblog { float: left; margin-bottom: 15px; }

/* Index(Feed) */
#feed0, #feed1, #feed2, #feed3 { margin-bottom: 1em; }
li.rss-item { padding: 1%; width: 98%; font-size: 0.95em; line-height: 1.5; }
li.rss-item span { display: inline-block; margin: 0; padding: 0; width: 24%; min-width: 8.5em; text-align: left; vertical-align: top; }
li.rss-item a { display: inline-block; margin: 0; padding: 0; width: 73%; text-align: left; vertical-align: top; }

/* Category */
p.category-name { padding-bottom: 10px; font-size: 0.8em; }
p.line { margin: 45px 0; text-align: center; }
.line { margin: 45px 0; text-align: center; }

/* Monthly */

/* Article */
h2.article-title, h2.entry-title { padding-top: 20px; }
.article-header { margin: 0 10px; }
.article-date-outer { position: relative; margin-top: 10px; color: #888; font-size: 0.8em; }
.article-date-outer img,
.article-date-outer a { border: 0; margin: 0; padding: 0; vertical-align: middle; }
/* date */
.article-date-outer .article-date { margin-right: 0.5em; vertical-align: middle; }
.article-date-outer .article-category { margin-right: 1em; vertical-align: middle; }

/* Mailform */
.formbtn { display:block; margin: 2em auto; padding: 5px; width: 75%; text-align: center; color: #fff; text-decoration: none; background-color: #4db7e2; border-radius: 6px; }

/* Twitter */
.twitter-share-button img,
.twitter-share-button { width: 75px !important; border: 0; margin: 0; padding: 0; vertical-align: middle; }

/* facebook */
.facebook { position: absolute; top: 0; margin: 0; padding: 0; vertical-align: middle; }
.article-body { margin: 16px 5px 0 5px; }
.article-body-inner { font-size: 1em; line-height: 1.5; }
.related-articles { margin-top: 2em; font-size: 0.8em; }
.related-articles ul li { margin: 0.5em 0; padding-left: 1em; background: url(http://www.suzukiayako.com/img/dot.gif) no-repeat left; }
.article-footer { margin-top: 10px; padding-top: 10px; color: #888; font-size: 0.8em; border-top: #ffffff 1px dotted; }

/* bookmark */
.bookmarks { margin-bottom: 5px; }

/* Twitter comment */
iframe { border: none; }
/* container */
.twitter-trackbacks{}
/* ul list */
ul.ttw-inner{ border-top: #e0e0e0 1px solid; width: 490px; margin: 0; padding: 0; background: #fff; overflow: hidden; }
ul.ttw-inner li { position: relative; margin: 0; padding: 10px 5px; min-height: 50px; list-style-type:none; border-bottom: #e0e0e0 1px solid; overflow: hidden; }
/* author img */
ul.ttw-inner span.ttw-author-img{ display: block; left: 0; position: absolute; width: 48px; height: 48px; margin: 0; }
/* author name */
ul.ttw-inner strong a{ margin-right: 5px;}
/* tweet body */
ul.ttw-inner span.ttw-body { display: block; margin-left: 55px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif; }
/* tweet content */
ul.ttw-inner span.ttw-content{ color: #333; font-size: 0.7em; }
/* tweet meta : date, reply, retweet line */
ul.ttw-inner span.ttw-meta { color: #999; display: block; font-size: 0.75em; margin: 3px 0 0; }
ul.ttw-inner span.ttw-meta a{ color: #999; text-decoration: none; }
ul.ttw-inner span.ttw-meta a:hover{ text-decoration: underline; }
/* customize reply link */
ul.ttw-inner a.ttw-reply { }
/* customize retweet link */
ul.ttw-inner a.ttw-retweet { }
/* customize links */
ul.ttw-inner a.ttw-link { }
/* customize @user links */
ul.ttw-inner a.ttw-at { }
/* customize #hashtags links */
ul.ttw-inner a.ttw-hashtag { }
/* li's will have class that reflects users influence levels from 0 to 10 */
/* Customize tweets of users with influence levels from 0 to 10 */
li.ttw-inf-0{}
/* ...... */
li.ttw-inf-10{}
/* Customize users image with influence levels from 0 to 10 */
li.ttw-inf-0 img{}
/* ...... */
li.ttw-inf-10 img{}
/* Customize users name with influence levels from 0 to 10 */
li.ttw-inf-0 strong{}
/* ...... */
li.ttw-inf-10 strong{}

/* zenback     .zenback { margin-top: 1em; } */

/* Pager */
.article-pager { margin-bottom: 4em; font-size: 0.8em; text-align: center; }
table.pager { margin: 0 auto; width: 480px; }
table.pager td.prev { padding-right: 5px; width: 50%; text-align: left; vertical-align: top; }
table.pager td.next { padding-left: 5px; width: 50%; text-align: right; vertical-align: top; }

/* Profile */
h3.profile-text { margin-top: 3em; color: #39c; }
table.history { margin: 10px 0; font-size: 1em; line-height: 1.2; }
table.history tr { border-bottom: #ccc 1px dotted; }
table.history td { padding: 10px 5px; text-align: left; vertical-align: top; }
table.history2 { font-size: 0.8em; line-height: 1.5; }
table.history2 tr { border-top: #ccc 1px dotted; }
table.history2 td { padding: 1em 0 ; text-align: left; vertical-align: top; }
table.history2 td img { float: right; }

/* View */
h3.view-text { margin: 1em 0 0.5em; color: #39c; }
.graph { margin-top: 0.25em; }
.explain { margin-top: 0.25em; color: #666; font-size: 0.8em; line-height: 1.2; }
table.kotodata { font-size: 0.75em; border-color: #ccc; }
table.kotodata td { padding: 0.2em 0.4em; text-align: center; }

/* Policy */
h3.tagline { margin: 1em 0; }
h3.policy-frame-pink { margin: 1em 0; padding: 0.1em 1em; color: #fff; background: #f36; border-radius: 0.5em; }
h3.policy-frame-orange { margin: 1em 0; padding: 0.1em 1em; color: #fff; background: #f5461e; border-radius: 0.5em; }
h4.policy-text { margin-top: 1em; color: #00529b; }
h4.policy-title-pink { margin: 1em 0 0.5em; color: #f36; }
h4.policy-title-orange { margin: 1em 0 0.5em; padding: 0.1em 1em; width: 13em; color: #f5461e; border: #f5461e 2px solid; border-radius: 0.7em; }
p.lead { margin: 20px 0 40px; font-weight: bold; }

/* Download */
h3.download-text { margin: 0 0 0.5em; color: #39c; }
table.download { margin-bottom: 5em; margin-left: 10px; font-size: 0.8em; line-height: 1.5; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
table.download th { padding: 5px; text-align: center; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; }
table.download th:nth-child(1) { background-color: #f5f5f5; }
table.download td { padding: 5px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; }
table.download td:nth-child(1) { width: 15%; }
table.download td:nth-child(2) { width: 15%; }
table.download td:nth-child(3) { width: 64%; }
table.download td:nth-child(4) { margin: 0 auto; width: 3%; text-align: center; }
.download-img { margin: 1em 0; padding-left: 10px; }
.download-img span {  font-size: 0.8em; }
.adobereader { padding-top: 0; color: #888; font-size: 0.8em; line-height: 1.2; }

/* Contact */
body.contact h3 { margin: 1em 0; color: #39c; }
body.contact ul li { margin-bottom: 1em; }

/* Support */
body.support h3 { margin: 1em 0 0.5em; color: #39c; }

/* Donation */
body.donation h3 { margin: 1em 0 0.5em; color: #39c; }

/* Links */
h4.linkstitle { margin: 0; padding: 20px 0 0 40px; width: 445px; }
ul.linkslist li { margin: 20px 40px 0 40px; padding-left: 1em; background: url(http://www.suzukiayako.com/img/dot.gif) no-repeat 0 0.4em; }
ul.linkslist li:last-child { padding-bottom: 20px; border-bottom: #ccc 1px dotted;  }
ul.linkslist li img { margin-top: 0.5em; }

/* Cafe */
#cafe-list-area { margin-top: 2.5em; }
.cafe-number { margin: 2em 0 1em; }
.cafe-number:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.cafelist { display: none; }
img.cafe-photo { float: left; margin-right: 10px; padding: 2px; border: #ccc 1px solid; cursor: pointer; }
p.cafe-gadget { margin-top: 5px; }
p.cafe-more { color: #39c; font-size: 0.75em; text-decoration: underline; cursor: pointer; }
table.cafe-table { font-size: 0.8em; line-height: 1.5; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
table.cafe-table th { padding: 5px; line-height: 1.2; font-weight: bold; background-color: #f5f5f5; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; }
table.cafe-table td { padding: 5px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; }
h3.cafe-list-title { font-size: 0.9em; }
.fbeventbtn { display:block; margin: 1em auto; padding: 5px; width: 75%; text-align: center; color: #fff; text-decoration: none; background-color: #3b5999; border-radius: 6px; }

/* Research */
h3.research-title { margin: 1.5em 0 0.5em; color: #39c; font-size: 1em; cursor: pointer; }
.researchlist { display: none; }
table.research { margin-bottom: 1.5em; font-size: 0.8em; line-height: 1.5; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
table.research th { padding: 5px; line-height: 1.2; background-color: #f5f5f5; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; }
table.research td { padding: 5px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; }
table.research th:nth-child(1) { width: 12%; }
table.research th:nth-child(2) { width: 15%; }
table.research th:nth-child(3) { width: 43%; }
table.research th:nth-child(4) { width: 10%; }
table.research th:nth-child(5) { width: 10%; }
table.research th:nth-child(6) { width: 10%; }
.note-pink { color: #fb6072; font-size: 0.75em; }

/* Manifest */
#manifest2013, #manifest20161, #manifest20162 { margin: 4.5em 0 0; }
#manifest2013 h3 { margin-bottom: 0.25em; }
#manifest2013 h4, #manifest20161 h4, #manifest20162 h4 { margin-top: 1.5em; }
#manifest2013 h5, #manifest20161 h5 { margin-top: 1.5em; }
.manifest-photo { padding: 5px; width: 250px; }
.manifest-heading { color: #f36; }
.manifest-dotline { margin-top: 0; padding-top: 1.5em; border-top: #ccc 1px dotted; }
.manifest-dotline-heading { margin: 1.5em 0 0.5em; color: #f36; font-weight: normal; border-bottom: #f36 3px dotted; }
ul.manifest-list-text { margin: 1.5em 0 0.5em; padding: 1em; font-size: 0.8em; background-color: #fff4f1; }
ul.manifest-list-text li { list-style: decimal inside; }
.manifest-point-heading { margin: 1.5em 0 0.5em; color: #f36; font-weight: normal; }
.manifest-point-heading span { margin-right: 0.5em; padding: 0.1em 1em; font-size: 0.75em; color: #fff; background: #f36; border-radius: 0.5em; }
.manifest-list-heading { color: #f36; font-weight: bold; font-size: 1em; line-height: 1.2; }
ul.manifest-list-photo { margin-top: 1.5em; }
ul.manifest-list-photo:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
ul.manifest-list-photo li { float: left; margin: 0 !important; padding-right: 5px; padding-bottom: 5px; height: 160px; }
p.award { color: #39c; text-decoration: underline; cursor: pointer; }

/* Side */
.navi a img { vertical-align: bottom; }
.banner { margin-bottom: 10px; font-size: 0; border-top: #ee73aa 1px solid; }
.banner ul li { padding: 5px 0; border-bottom: #ee73aa 1px solid; }
.sidetitle { color: #39c; font-size: 0.8em; font-weight: bold; }
.sidebody { margin: 0.5em 0 0.5em 1em; padding-left: 1em; font-size: 0.8em; text-align: left; background: url(http://www.suzukiayako.com/img/dot.gif) no-repeat left; }
.sidebody a { color: #333; }
.sidebottom { margin-bottom: 15px; }
.twitter { margin-bottom: 5px; }
.side-contact { float: left; padding-left: 15px; width: 160px; }
.side-contact p { margin: 0 10px; color: #666; font-size:0.7em; }

/* Gadget */
.gadget { margin-bottom: 10px; }
.article-blogrank { margin-top: 1em; }

/* Calendar */
.calendarhead { color: #39c; font-size: 0.8em; font-weight: bold; }
.caltblwk { color: #666; font-weight:bold; }
.sun { color: #d70c18; }
table.calendartable  { margin: 0 auto 5px; width: 220px; font-size: 0.8em; }
table.calendartable a { font-weight: bold; }

/* Footer */
#footer { margin: 0 auto; padding: 20px 0; width: 940px; color: #666; font-size: 0.7em; line-height: 2; text-align: center; border-top: #e8448d 1px solid; }
#footer ul li { display: inline; margin-right: 1em; }
#footer ul li a { color: #666; }
p.goto-pagetop { float:none; clear:both; margin: 0 15px 15px 0; font-size: 0.7em; text-align: right; cursor: pointer; }

/* ===================================================== */
/** Livedoor記事フッター＆トラックバック＆コメントエリア */
/* ----------------------------------------------------- */
ul.article-info {
  list-style: none;
  margin: 0;
  padding: 0 0 5px 10px;
  text-align: right;
}

ul.article-info li {
  display: inline-block;
  margin-left: 5px;
  min-height: 16px;
  line-height: 16px;
  font-size: 0.9em;
}

* html ul.article-info li {
  display: inline;
  height: 16px;
  zoom: 1;
}

*+html ul.article-info li {
  display: inline;
  zoom: 1;
}

ul.article-info li.article-author {
  background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/posted.png) no-repeat left top;
  padding-left: 20px;
}

ul.article-info li.article-comment-count {
  background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/comment.png) no-repeat left top;
  padding-left: 20px;
}

ul.article-info li.article-trackback-count {
  background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/trackback.png) no-repeat left top;
  padding-left: 20px;
}

ul.article-info li span.article-time {
  margin-left: 3px;
}

ul.article-info li span.nickname {
  font-weight: normal;
}

ul.article-post {
  padding: 0;
  text-align: right;
}

ul.article-post li {
  min-height: 16px;
  font-size: 0.9em;
}

ul.article-post li img {
  vertical-align: middle;
}

#article-options {
  padding: 10px 10px;
}

.article-option {
  padding: 15px 0;
}

.article-option h3 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 0.9em;
}

/*** 指定しやすいようstyleReset */
  h4.ping-title
  , ul.ping-info
  , ul.ping-info li
  , ul.comment-info
  , ul.comment-info li {
    padding: 0;
    margin: 0;
  }

  ul.ping-info li
  , ul.comment-info li {
    list-style-type: none;
  }

/* ----------------------------------------------- */
/** トラックバックURL */

#trackback-form ul {
  margin: 0 30px;
  padding: 0;
}

#trackback-form ul li {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
}

#trackback-form ul li.trackback-form-url {
  width: 100%;
  margin-right: -90px;
}

#trackback-form ul li.trackback-form-url span input {
  width: 100%;
  font-size: 0.8em;
}

#trackback-form ul li.trackback-form-url span {
  display: block;
  padding-right: 100px;
}

#trackback-form ul li.trackback-form-submit {
  width: 80px;
  font-size: 0.8em;
}

#trackback-form ul li.trackback-form-submit input {}

/* ----------------------------------------------- */
/** トラックバック一覧 */

li.trackback-set {
  padding: 0 50px 10px;
  font-size: 0.8em;
}

h4.ping-title {
  font-size: 1em;
  font-weight: normal;
  padding-bottom: 5px;
}

ul.ping-info {
  margin-left: 10px;
}

ul.ping-info li.ping-blog-name {
  display: inline;
  font-size: 0.9em;
}

ul.ping-info li.ping-blog-name span {
  margin: 0 10px;
}

ul.ping-info li.ping-date {
  display: inline;
  margin-left: 10px;
  font-size: 0.8em;
}

ul.ping-info li.ping-excerpt {
  display: block;
  margin-top: 5px;
  line-height: 1.4;
}

ul.ping-info li.ping-excerpt img.trackback-rating {}

/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
  padding: 0 50px 10px;
  font-size: 0.8em;
}

ul.comment-info li.comment-author {
  display: inline;
}

ul.comment-info li.comment-date {
  display: inline;
  margin-left: 10px;
  font-size: 0.8em;
}

ul.comment-info li {
  display: inline;
}

ul.comment-info li.comment-body {
  display: block;
  margin-top: 5px;
  margin-left: 10px;
  line-height: 1.4;
}

ul.comment-info li.comment-body img.trackback-rating {}

/* ----------------------------------------------- */
/** コメントフォーム */

#comment-form-body {
  padding: 15px 50px;
}

#comment-form-body table {
  border: 0;
  width: 100%;
  line-height: 25px;
  font-size: 0.8em;
}

#comment-form-body table th {
  width: 3em;
  padding-right: 5px;
  text-align: right;
  font-weight: normal;
}

input#author {
  width: 65%;
}

input#email {
  width: 65%;
}

input#url {
  width: 97%;
}

input#bake {
  margin: 0 0 0 5px;
}

textarea#text {
  width: 97%;
  height: 250px;
}

input.button {
  margin-top: 10px;
  width: 80px;
}

#comment-form-body table tr.input-etc td {
  padding-top: 6px;
}

label.input-rating {
  margin-left: 20px;
}

label.input-rating select {
  margin-left: 3px;
}

label.input-rating-face {
  margin-left: 5px;
}

label.input-rating-star {}

#comment-form-body table tr.submit td {
  text-align: center;
}

/*** コメント認証 */
.comment-auth-announcement {
  margin: 10px 50px;
  font-size: 0.8em;
  border-width: 1px;
  border-style: solid;
}

.comment-auth-announcement p a {
  margin: 0 3px;
}

/*** インラインフレーム */
ifarea {
  margin: 0 auto;
}

/*** スマートフォンリンク */
#smartphone {
  background-color: #edeff2;
  padding: 18px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2147483647;
}
.smartphonelink {
  display: block;
  font-size: 22px;
  height: 72px;
  line-height: 70px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: #647088;
  border-radius: 6px;
}

/* Print
----------------------------------------------- */
@media print {
  body {
    overflow: visible !important;
    position: static;
    float : none;
    font-size: small !important;
    line-height: normal;
  }
  #header {
    position: static;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main {
    float:left;
    display: inline;
    margin: 0;
    margin-left: 170px;
    padding: 0;
    width: 500px
  }
  #sidebar-l {
    float:left;
    display: inline;
    margin-left: -680px;
  }
  #footer {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    width: 100%;
    text-align: left;
  }
  @-moz-document url-prefix() {
    #main {
      float: none !important;
      text-align: left;
    }
    .article-body {
      width: 500px !important;
      text-align: left;
    }
      #sidebar-l, #sidebar-r, .side-contact {
      display: none;
    }
    .center {
      text-align: left !important;
    }
  }
}