@charset "utf-8";
@import url(http://parts.blog.livedoor.jp/css/template_6thgen.css);

/**
@prefix : <http://purl.org/net/ns/doas#> .
<> 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: #d3e9ff;
    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: #000000;
    font: 15px/1.2 Verdana,sans-serif;
}
a,
body.page-article .article-title a:visited {
    color: #095efa;
    text-decoration:none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

a:link {font-size: 11.5pt; }
a:visited {
    color: #e93c3c;
}
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: 16px;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.sidewrapper:after{
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
}
.sidewrapper .sidetitle {
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
  	background: linear-gradient(transparent 0%, #ffb6c1 80%);
  	padding:5px 5px 5px 5px;

}
.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;
}

/* カテゴリ＆月別アーカイブ */
.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: ０;
    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.nav {
width: 100%; /* ナビゲーションの幅 */
background: #4e83b3 url(http://livedoor.4.blogimg.jp/norakami-news/imgs/d/7/d7542598.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上境界線 */
border-bottom: 2px #2c5170 solid; /* 下境界線 */
font-size: 100%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 650px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #4e83b3 url(http://livedoor.4.blogimg.jp/norakami-news/imgs/d/7/d7542598.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #2c5170 solid; /* メニューの左境界線 */
border-right: 1px #84aed2 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #5e91bd url(http://livedoor.4.blogimg.jp/norakami-news/imgs/2/6/268fda4b.gif) repeat-x top; /* ポイント時の背景 */
}
div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* ▼　相互RSS ▼ */
.blogroll-wrapper{
width: 100%; 
overflow:hidden;

}
.blogroll-column{
float:left;
width:50%;

}

.article-rss {
    border-bottom: solid 3px #d3e9ff;
    position: relative;
    padding: 0px;
    background: #d3e9ff;
    border-radius: 4px;
    margin: 0 0 10px 103px;


}
.article-rss  li {
list-style-type:none;
padding: 0px 0px;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
margin-top: -1px;

}

/* SP専用広告
----------------------------------------------- */
.sp-only{
	display: none;
}
@media screen and (max-width: 640px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
}

/*サイド追随広告（調整中）
----------------------------------------------- */
.fixed { position: fixed; 
	top: 20px; }




.admigi{
	width:285px;
	height:195px;
	display:block;
	margin:3px 5px 2px 0px;
	padding:0px;
	border:2px solid #ad0000;
	position:relative;
	float:left;
}

.admigi-obi {
    width: 285px;
    height: 2.9em;
    filter: alpha(opacity=75);
    -moz-opacity: 0.70;
    opacity: 0.70;
    overflow: hidden;
    background-color: #a00000;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}

.admigi-text {
    font-size: 16px;
    text-align: left;
    line-height: 1.2em;
    color: #FFFFFF;
    padding: 6px;
}

.kijinaka{
	width:320px;
	height:200px;
	display:block;
	margin:3px 5px 2px 0px;
	padding:0px;
	border:2px solid #00008b;
	position:relative;
	float:left;
}

.kijinaka-obi {
    width: 320px;
    height: 3.3em;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    overflow: hidden;
    background-color:#00008b;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}

.kijinaka-text {
    font-size: 17px;
    text-align: left;
    line-height: 1.2em;
    color: #f0f8ff;
    padding: 6px;
}


.topkotei{
	width:175px;
	height:195px;
	display:block;
	margin:3px 5px 2px 0px;
	padding:0px;
	border:2px solid #00008b;
	position:relative;
	float:left;
}

.topkotei-obi {
    width: 175px;
    height: 3.3em;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    overflow: hidden;
    background-color:#00008b;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}

.topkotei-text {
    font-size: 14px;
    text-align: left;
    line-height: 1.2em;
    color: #f0f8ff;
    padding: 3px;
}

.sampleBox {
    border:1px solid #cccccc;
    height: 200px;
    position: relative;
}
.sampleBox img {
    position: absolute;
    left: 0;
    bottom: 0;
}