@charset "utf-8";
@import url(http://parts.blog.livedoor.jp/css/template_6thgen.css);
/**
@prefix : <http://purl.org/net/ns/doas#> .
<strong> a :CSSStylesheet;
 :title "ver06_km_timeline10th_2c";
 :shortdesc "like a timeline";
 :created "2013-08-20";
 :release [:revision "1.04"; :created "2013-08-27"];
 :page <http://blogdesign.ldblog.jp/archives/30944356.html>;
 :rights "LINE Corporation".
*/
/* 全体のレイアウト
----------------------------------------------- */
body {
 background-color: #f7f6f1;
 font-family: 'メイリオ', Meiryo , 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
}
#container {
 margin: 0 auto;
 width: 1180px;
 height: 100%;
 background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/bg.gif) repeat-y left top;
 overflow: hidden;
}
#content {
 position: relative;
}
#main {
 float: left;
 width: 840px;
 padding-top: 40px;
}
#sidebar {
 float: left;
 padding: 40px 20px;
 width: 300px;
 background-color: #fff;
}
/* 全体の文字色、リンク色
----------------------------------------------- */
body {
 color: #1f1f1f;
 font: 13px/1.2 Verdana,sans-serif;
}
a,
body.page-article .article-title a:visited {
 color: #fb590a;
 text-decoration:none;
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
}
a:link {}
a:visited {
 color: #e97e3d;
}
a:hover {
 text-decoration:underline;
}
#sidebar a {
 color: #333333;
}
#sidebar a:link {}
#sidebar a:visited {
 color: #999999;
}
#sidebar a:hover {
 text-decoration:underline;
}
/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#blog-title {
 margin-bottom: 40px;
 font-size: 30px;
 font-weight: bold;
 line-height: 1.2;
}
#blog-title a {
 color: #1f1f1f;
}
#blog-title a:visited {
 color: #1f1f1f;
}
#blog-title a:hover {
 color: #666;
 text-decoration: none;
}
#blog-description {
 margin-bottom: 60px;
 font-size: 14px;
 font-weight: normal;
 line-height: 1.4;
 color: #777777;
}
/* メインカラム
----------------------------------------------- */
.autopagerize_page_element {
 clear: both;
}
/* 記事全体 */
.article {}
.article-inner {
 border-bottom: solid 2px #ccc;
 position: relative;
 padding: 20px;
 background: #fff;
 border-radius: 4px;
 margin: 0 0 40px 126px;
}
.first-article {
 padding-top :0px;
}
.article-body .category {
 margin-bottom: 30px;
 overflow: hidden;
 zoom: 1;
}
.article-body .category dt ,
.article-body .category dd {
 float: left;
 margin: 0 10px 0 0;
 font-size: 12px;
}
.article-body .category dt {
 width: 18px;
 text-indent: -9999px;
 background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/articleCategory.png) no-repeat left 5px transparent;
}
.article-body-inner {
 clear: both;
}
.article-body-inner .article-tags a {
 font-size: 12px;
 text-decoration: none;
}
.article-body-inner .article-tags a:hover {
 text-decoration: underline;
}
/* タイムライン表示 */
.article-header {
 position: absolute;
 top: 0;
 left: -126px;
 width: 86px;
 padding: 0 20px;
 background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/timeline_baloon.png) no-repeat right 36px;
}
.same-day-header {
 margin-top: 25px;
 background-position: right 5px;
}
.article-date {
 margin-bottom: 20px;
}
.article-date .date {
 margin-bottom: 10px;
 padding-top: 15px;
 width: 86px;
 height: 71px;
 background: #ffd800;
 border-radius: 43px;
 display: block;
}
.article-date .date span {
 list-style-type: none;
 text-align: center;
 line-height: 1;
 display: block;
}
.article-date .year {
 margin: 3px 0 5px 0;
 font-size: 11px;
}
.article-date .month {
 margin-bottom: 5px;
 font-size: 12px;
}
.article-date .day {
 font-size: 20px;
 font-weight: bold;
}
.article-date .time {
 padding: 0 10px;
 background: #c9c9c9;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 border-radius: 10px;
 text-shadow: 0 1px 1px #eeeeee;
 color: #555;
 display: block;
}
.article-date .same-day {
 margin-bottom: 10px;
 font-size: 20px;
 color: #ffd800;
 text-align: center;
 display: block;
}
.article-header .cover-image {
 display: block;
 margin: 0 11px;
 width: 60px;
 height: 60px;
 border-radius: 32px;
 overflow: hidden;
 cursor: pointer;
 border: 2px solid transparent;
 background-color: #fff;
 background-position: 50% 50%;
 background-size:auto 92px;
 background-repeat: no-repeat;
}
.article-header .cover-image img {
 display: none;
}
.article-header .cover-image:hover {
 border-color: #ffd800;
}
/* 記事ヘッダー、記事タイトル */
.article-header {
 margin-bottom: 20px;
}
#main-inner h1.article-title {
 padding: 0;
 margin: 0 0 10px 0;
 border: none;
 line-height: 1.4;
}
#main-inner .article-title a ,
#main-inner.article-title a:visited {
 font-size: 26px;
 text-decoration: none;
 color: #1f1f1f;
 font-weight: normal;
}
#main-inner .article-title a:hover {
 color: #666;
}
/* 記事フッター、カテゴリ、コメント、ソーシャルボタン */
.article-footer {
 margin-top: 10px;
 overflow: hidden;
 zoom: 1;
}
.article-meta {
 float: left;
 margin-top: 10px;
}
.article-meta li {
 float: none;
 margin: 0;
}
.article-social-btn {
 float: right;
 margin-top: 10px;
}
.article-social-btn> a ,
.article-social-btn> span ,
.article-social-btn> div ,
.article-social-btn> iframe {
 margin: 0;
}
/* 関連記事 */
.article-body .related-articles {
 margin:40px 0;
 line-height:1.3
}
.article-body .related-articles h3 {
 font-size: 14px;
 font-weight: bold;
}
.article-body .related-articles ul {
 list-style: none;
 margin:0;
 padding-left:0;
}
.article-body .related-articles ul li {
 margin:4px 0;
 padding-left: 16px;
 font-size: 12px;
}
/* 続きを読む */
.article-continue {
 float: right;
 clear: none;
 margin: 0;
}
.article-continue a {
 display: block;
 padding: 15px 20px;
 background: #fb590a;
 text-align: center;
 line-height: 1;
 color: #ffffff;
 font-weight: normal;
 font-size: 12px;
 text-shadow: 0px 1px 0px #ce4307;
}
.article-continue a:hover {
 background-color: #f9a52d;
 text-decoration: none;
}
/* 共通テーマ */
dl.common-theme{
 background: #fafafa;
 border: 1px solid #ddd;
 border-radius: 3px;
 padding: 8px 12px;
}
/* メッセージボード */
.message-board-outer-2 {
 font-size: 13px;
 color: #333;
 background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/message_back.png) no-repeat 33px 0px;
}
.message-board-outer-3 {
 background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/timeline_baloon.png) no-repeat 117px 25px;
 margin-bottom: 40px;
 overflow: hidden;
 zoom: 1;
}
.message-board {
 width: 675px;
 margin-left: 126px;
 padding: 20px;
 border-bottom: solid 2px #cccccc;
 background-color: #ffffff;
 border-radius: 4px;
 line-height: 1.6;
}
/* プライベートモード、コメントにログインが必要な場合のメッセージ */
div.private-mode-announcement,
div.comment-auth-announcement {
 background-color: #fafafa;
 border: 1px solid #ddd;
}
/* 記事本文
----------------------------------------------- */
.article-body {
 padding-bottom: 0;
 font-size: 15px;
 color: #333;
}
.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3 {
 border-bottom:3px solid #7f7f7f;
 clear: both;
}
.article-body-inner h4 {
 border-bottom:1px solid #ccc;
 clear: both;
}
.article-body-inner blockquote {
 background-color:#fff;
 padding-left: 4.5em;
}
.article-body-inner blockquote:before {
 background: #fff;
 color: #ddd;
 font-size: 6em;
 left: ;
}
.article-body-inner img.pict {
 height: auto;
 margin: 1em 6px 1.5em!important;
 max-width: 98.4%;
 border: 3px solid #fff;
 box-shadow: 0 0 1px #999;
}
.has-cover-image .article-body {
 min-height: 126px;
}
/* コメント・トラックバック一覧
----------------------------------------------- */
#article-options {
 padding: 30px 0 0 126px;
}
#article-options #comments {
 padding: 20px;
 background: #ffffff;
 border-bottom: solid 2px #cccccc;
 border-radius: 4px;
}
.comment-set {
 border-bottom: 1px dotted #dbdbdb;
}
.comment-set:last-child {
 border-bottom: none;
}
.comment-date,
.ping-blog-name,
.ping-date {
 border-left: 1px solid #aaa;
 color: #aaa;
}
.comment-body {
 font-size: 13px;
 margin-left: 16px;
 color: #333;
}
.comment-info {
margin: 16px 0 0 0;
font-size: 12px;
}
#article-options #trackbacks {
 margin-top: 20px;
 padding: 20px;
 background: #ffffff;
 border-bottom: solid 2px #cccccc;
 border-radius: 4px;
}
#article-options #trackbacks #trackback-form {
 font-size: 12px;
 margin: 10px 0 0 0;
}
#trackback-form ul {
 margin: 0;
 text-align: center;
}
.ping-excerpt {
 color: #666;
 margin-left: 16px;
}
#comment-form {
 margin: 40px 0 0 0;
}
/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator {
 margin: 60px 0 0 120px;
}
ul.index-navigator li a ,
ul.index-navigator li.current span {
 padding: 0;
 width: 26px;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 line-height: 26px;
 color: #777;
 font-weight: normal;
 text-align: center;
 border-radius: 4px;
}
ul.index-navigator li.current span {
 background-color: #fb590a;
 color: #ffffff;
 text-shadow: 0 1px 0 #000000;
}
ul.index-navigator a:hover {
 background-color: #eeeeee;
 text-decoration: none;
 text-shadow: 0 1px 0 #ffffff;
}
ul.index-navigator a:visited {
 color: #555555;
}
/* 記事ページ、月別アーカイブページ */
ul.article-pager ,
ul.archives-pager {
 margin: 0;
 padding: 20px 0 20px 126px;
 overflow: hidden;
 zoom: 1;
}
ul.article-pager li.prev ,
ul.archives-pager li.prev {
 float: left;
 margin: 0;
}
ul.article-pager li.next ,
ul.archives-pager li.next {
 float: right;
 margin: 0;
}
ul.article-pager li a ,
ul.archives-pager li a {
 padding: 15px 20px;
 background-color: #fb590a;
 line-height: 1;
 color: #ffffff;
 font-weight: normal;
 font-size: 12px;
 text-shadow: 0px 1px 0px #ce4307;
}
ul.article-pager li a:hover ,
ul.archives-pager li a:hover {
 background-color: #f9a52d;
 text-decoration: none;
}
/* ブログのフッター
----------------------------------------------- */
#blog-footer {
 color:#555;
 margin: 60px 0 0 120px;
 padding: 0 0 100px 0;
}
#blog-footer a {
 color:#555;
}
/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper:first-child {
 padding-top: 0;
}
.sidewrapper {
 font-size: 13px;
 overflow: hidden;
 padding: 20px 0;
 position: relative;
}
.sidewrapper:after{
 bottom: 0;
 content: '';
 left: 0;
 position: absolute;
 width: 100%;
}
.sidewrapper .sidetitle {
 color: #555555;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.2;
 margin-bottom: 20px;
}
.sidewrapper .sidetitle a {
 color: #333;
}
.sidewrapper .side .sidebody {
 line-height: 1.5;
 margin: 0 0 10px 0;
}
/* ギャラリー */
.galleryThumbnail li {
 float: left;
 margin: 0 5px 5px 0;
}
.galleryThumbnail li img {
 border-radius: none;
}
/* 最新記事 */
.plugin-recent_articles .sidebody {
 background: url('http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/list_arrow.gif') no-repeat left 6px;
}
.plugin-recent_articles .sidebody a {
 margin-left: 10px;
 display: block;
}
/* 最新記事(写真つき) */
.side ul.recent-article-image li img {
 margin-right: 10px;
}
/* カレンダー */
table.caltblwk, table.caltblday {
 max-width: 300px;
}
.calendarhead {
 font-weight: bold;
 text-align: center;
 margin-bottom: 20px;
}
#sidebar .calendarhead .calendarpre,
#sidebar .calendarhead .calendarnext {
 color: #fb590a;
 font-weight: normal;
}
table.caltblwk .weekday {
 color: #666;
}
table.caltblwk .sun {
 color: #ee3f3f;
}
table.caltblwk .sat {
 color: #229de4;
}
table.caltblday {
 color: #555;
 border-collapse: separate;
 border-spacing: 1px;
}
table.caltblday .caloff {
 background-color: #ffffff;
 border: 1px solid #e4e7e8;
}
#sidebar table.caltblday .calon a {
 background-color: #fb590a;
 border: none;
}
table.caltblday td {
 line-height: 35px;
 border-radius: 3px;
}
#sidebar table.caltblday td a {
 color:#ffffff;
 line-height: 35px;
 border-radius: 3px;
}
#sidebar table.caltblday td a:hover ,
#sidebar table.caltblday td a:hover {
 background-color: #f9a52d;
 text-shadow: none;
 text-decoration: none;
}
/* カテゴリ&amp;月別アーカイブ */
.plugin-categorize .category-parent,
.plugin-monthly .side .sidebody {
 background: url('http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/list_arrow.gif') no-repeat left 6px;
}
#sidebar .plugin-categorize .category-child {
 margin-left: 12px;
 background: url('http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/category_cild.gif') no-repeat left 7px;
}
.plugin-categorize .category-parent a,
.plugin-monthly .side .sidebody a {
 margin-left: 10px;
 color: #1f1f1f;
}
#sidebar .plugin-categorize .category-child a {
 margin-left: 10px;
 color: #666666;
 display: block;
}
.plugin-categorize a.category-toggle {
 padding: 0;
 background: none;
}
.side ul.recent-article-image li {
 min-height: 20px;
}
/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
 background: url('http://parts.blog.livedoor.jp/img/usr/ver06_km_timeline10th_2c/timeline_baloon.png') no-repeat 117px 26px;
 margin-bottom: 40px;
 overflow: hidden;
 zoom: 1;
}
.archives-header img {
 float: left;
 margin-left: 32px;
}
.archives-header h1 {
 width: 675px;
 margin-left: 126px;
 padding: 20px;
 border-bottom: solid 2px #cccccc;
 background-color: #ffffff;
 border-radius: 4px;
}
/* 記事下広告 */
#ad2 {
 padding-left: 126px;
 margin-top: -30px;
}
#ad2 a.addescription {
 color:#666;
}
/* 見出し画像用 lightbox
----------------------------------------------- */
#background {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 100;
 height: 100%;
 width: 100%;
 background: #000000;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}
#image-border {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 101;
 padding: 20px;
 background: #ffffff;
 border-radius: 3px;
}
#image-border dt {
 margin-bottom: 10px;
 width: 92%;
}
#image-border dd {
 text-align: center;
}
#popImg {
 max-height: 80%;
}
.pClose {
 position: absolute;
 z-index: 101;
 top: 18px;
 right: 18px;
 cursor: pointer;
}
.to-pagetop {
 bottom: 0;
 position: absolute;
 right: -5px;
}</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://blog.livedoor.jp/tsukisamucdc/site.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://blog.livedoor.jp/tsukisamucdc/site.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>