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

/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "matomeyellow";
 :shortdesc "Template for livedoor Blog";
 :created "2012-12-18";
 :release [:revision "1.04"; :created "2013-02-15"];
 :page <http://blogdesign.ldblog.jp/archives/21370311.html>;
 :rights "LINE Corporation".
*/


body {
font-family: Helvetica,Verdana,sans-serif;
}

/* -----------------------------------------------
ヘッダー
----------------------------------------------- */

/* ヘッダー　オレンジのエリア
----------------------------------------------- */

#blog-header01{
border-bottom: 1px solid #ffd900;
background:url(http://livedoor.blogimg.jp/nomadsokuhou2/imgs/5/7/57ad2821.png);





}

#blog-header01 .header-inner01{
margin:0 auto;
width:1200px;
display:table;
padding:11px 0;
}

/* ヘッダー　タイトル
----------------------------------------------- */
hgroup{
margin-right:11px;
width:400px;
*width:412px;
display:table-cell;
vertical-align:middle;
*display:inline;
*zoom:1;




}
hgroup h1{
width:400px;
*width:412px;


font-family: “Helvetica”
}
hgroup h1 a{
color:#333333;
font-size:24px;
font-weight:normal;
line-height:1.2;
text-decoration:none;

font-family: “Helvetica”
}
hgroup h2{
width:400px;
margin:10px 0 0 3px;
color:#333333;
}

/* ヘッダー　広告
----------------------------------------------- */
.header-inner01 .ads01{
width:728px;
text-align: right;
display:table-cell;
vertical-align:middle;
*display:inline;
*zoom:1;
}







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

#wrapper{



background:url(http://livedoor.blogimg.jp/nomadsokuhou2/imgs/5/7/57ad2821.png);
}






/* コンテンツのカラム幅
----------------------------------------------- */

/* コンテンツ全体 */
#container{
width:1200px;
margin:0 auto;
position: relative;
}

/* コンテンツ　左側のカラム */
.left-container{
width:200px;
float:left;

}
.left-container:after {
  content: "."; 
  display: block; 
  visibility:hidden;
}

/* コンテンツ　中央メインのカラム */
.main-container{
width:730px;
float:left;
margin:0 10px;
}

/* コンテンツ　右側のカラム */
.right-container{
width:200px;
float:left;
}



/* コンテンツ　３カラムの上のエリア
----------------------------------------------- */

/*画像付きRTorコメントリスト*/
.listWithImage{
margin-left:-5px;
}
.listWithImage li{
margin-bottom:0 !important;
}
.listWithImage li:hover{
opacity: 0.6;
}
.listWithImage div.popularArticlesWithImage.A ul li{
border: 1px solid #cfcfcf;
}
.listWithImage div.popularArticlesWithImage.A ul li a{
border: 2px solid #ffffff !important;
}
.listWithImage div.popularArticlesWithImage.A div.title{
color: #333333 !important;
padding-bottom: 2px;
}


/*画像付きRTorコメントリスト （中央メインのカラム）*/
.main-container div.popularArticlesWithImage.A div.title{
padding-bottom: 6px;
}
div.popularArticlesWithImage.A div.retweet,
div.popularArticlesWithImage.A div.comment{
padding: 3px 6px 0px 5px;
text-shadow: none !important;
}

.listWithImage div.popularArticlesWithImage.A div.retweet,
.listWithImage div.popularArticlesWithImage.A div.comment{
background:#ffffff !important;
}

/* コンテンツ　中央メインのカラム
----------------------------------------------- */

/*BlogRoll*/

/*全体の設定*/
.rss-blogroll:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.rss-blogroll {
zoom:100%;
border:2px solid #b0b0b0;
margin-bottom:10px;
padding: 3px 0;
}

/*チャンネル単位の設定*/
.rss-blogroll .blogroll-channel{
margin-left:5px;
width:315px;
height:284px;
overflow: auto;
float: left;
font-size: 14px;
padding:0 0 0 0;/*追加*/
margin-bottom:0;/*追加*/
}

/*リストの設定*/
.rss-blogroll .blogroll-channel .blogroll-list {
list-style-type: none;
line-height: 1.3;
font-size: 14px;
border-bottom: 1px dashed #c2c2c2;
padding: 3px 0;
    line-height: 1.3;
padding-top:0;/*追加*/
}

/*テキスト部分の設定*/
.rss-blogroll .blogroll-channel .blogroll-list a{
padding-left: 5px;
text-decoration: none;
}
.rss-blogroll .blogroll-channel .blogroll-list a:hover{
text-decoration: underline;
}

/*NEWの文字の設定*/
.rss-blogroll .blogroll-new-entry{
color: #ff0a00;
font-size: 11px;
font-weight: bold;
}






/*記事タイトル*/
.article-title{
padding:15px;
color:#333333;
font-weight:bold;
font-size:16px;
line-height:1.2;
border-left:5px solid #000;

background:url(http://livedoor.blogimg.jp/nomadsokuhou2/imgs/5/7/57ad2821.png);
}
.article-title a{
color:#333333;
font-weight:bold;
text-decoration:none;
}
.article-title a:hover{
text-decoration:underline;
}

/*記事タイトル下の記事情報*/
.article-header-inner:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.article-header-inner {
margin-bottom:15px;
padding:13px 5px;
background:url(http://livedoor.blogimg.jp/nomadsokuhou2/imgs/5/7/57ad2821.png);
zoom:100%;
}

/*投稿時間 カテゴリー 部分*/
.article-header-top:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.article-header-top {
zoom:100%;
}

/*投稿時間 - 記事タイトル下の記事情報*/
.article-header-date{
padding-left:18px;
margin:4px 10px 5px 0;
font-size:12px;
line-height: 1.3;
float: left;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeyellow_3c/icon_date.png) no-repeat left 50%;
}

/*カテゴリー - 記事タイトル下の記事情報*/
.article-header-category{
padding-left:16px;
margin:4px 10px 5px 0;
font-size:12px;
line-height: 1.3;
float: left;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeyellow_3c/icon_category.png) no-repeat left 50%;
}
.article-header-category li{
list-style:none;
}
.article-header-category dt{
display:none;
}
.article-header-category dd{
padding: 0 5px;
float:left;
}
.article-header-category dd a {
color:#333;
text-decoration:none;
}
.article-header-category dd a:hover{
text-decoration:underline;
}

/*ソーシャルボタン - 記事タイトル下の記事情報*/
.article-social-btn{
}



/*記事本文*/
.article-body{
margin-bottom:40px;
padding: 0 20px;
}
.article-body a{
color:#ff6600;
text-decoration:none;
}
.article-body a:hover{
text-decoration:underline;
}
.article-body a:visited{
color:#b67448;
}

/*引用*/
.article-body-inner blockquote{
background: #efefef;
padding:15px;
}
.article-body-inner blockquote:before{
display:none;
}

/*続きを読む*/
.article-body-continue{
margin:30px 0 0;
padding:17px 22px;
font-size:14px;
font-weight:bold;
line-height:1.4;
background:url(http://livedoor.blogimg.jp/nomadsokuhou2/imgs/5/7/57ad2821.png);
display:block;}

.article-body-continue a{
color:#333333;
text-decoration:none;}




}

/*記事下の記事情報　（個別記事ページのみ）*/
.article-footer:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.article-footer {
zoom:100%;
margin-bottom: 40px;
padding: 10px;
color: #333333;
background: #efefef;
}


/*コメント - 記事下の記事情報*/
.article-footer .article-footer-comment{
padding-left:18px;
margin:4px 10px 5px 0;
font-size:12px;
line-height: 1.3;
float:left;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeyellow_3c/icon_comment.png) no-repeat left 50%;
}
.article-footer .article-footer-comment a{
color: #333;
text-decoration: none;
}
.article-footer .article-footer-comment a:hover{
text-decoration: underline;
}

/*ソーシャルボタン - 記事下の記事情報*/
.article-footer .article-social-btn{
float:right;
}

/* サブリスト2種
　　カテゴリの最新記事　article-sub-category related-articles
　　人気記事ランキング article-sub-popular
----------------------------------------------- */

/*サブリストの共通タイトル*/
.article-sub-category h3 ,
.article-sub-popular h3 {
margin-bottom: 15px;
padding-left: 10px;
color: #333333;
font-size: 24px;
font-weight: bold;
border-left: 5px solid #000000;
}


/*カテゴリの最新記事 , 人気記事ランキング */
.related-articles,
.article-sub-popular {
padding-bottom: 20px;
}

/*文字の装飾 - カテゴリの最新記事 , 人気記事ランキング*/
.article-sub-category a,
.article-sub-popular a{
color:#ff6600;
text-decoration: none;
}
.article-sub-category a:hover,
.article-sub-popular a:hover{
text-decoration: underline;
}
.article-sub-category a:visited,
.article-sub-popular a:visited{
color:#b67448;
}


/*カテゴリの最新記事*/
.article-sub-category ul{
padding-left: 18px;
}
.article-sub-category li{
padding: 0 0 5px 18px;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeyellow_3c/icon_list.png) no-repeat left 4px;
list-style: none;
}


/*人気記事ランキング*/
.article-sub-popular .popularArticlesWithImage.A ul{
text-align: left;
}



/* コメント　トラックバック
----------------------------------------------- */

/*タイトル - コメント/トラックバック共通*/
.article-option-title{
margin-bottom: 15px;
padding:10px 0 10px 10px;
color: #333333;
font-size: 16px;
border-left: 5px solid #000000;
background: #efefef;
}


/* コメント トラックバック　共通利用
----------------------------------------------- */

/*コメントエリア　トラックバックエリア*/
#comments ol,
#trackbacks ol{
margin-bottom: 40px;
padding-left: 18px;
}

/*コメントのセット　トラックバックのセット*/
.comment-set{
padding: 10px 0;
color: #333333;
border-top: 1px dashed #cccccc;
font-size: 12px;
list-style: none;
}
.comment-set:first-child{
border-top:none;
}

/*コメントの番号　トラックバックの番号*/
.comment-number{
margin-right: 10px;
}


/*コメント主の名前　トラックバックのブログタイトル*/
.comment-author{
color: #227a22;
margin-right: 10px;
font-weight: normal;
}
.comment-author a{
color: #ff6600;
text-decoration: none;
}
.comment-author a:hover{
color: #ff6600;
}


/*コメントの日時とID　トラックバックの日時*/
.comment-date{
color: #666666;
}

.comment-body{
padding-bottom: 0;
font-size: 16px;
color: #333333;
}

/*トラックバックの記事*/
.comment-url a{
color: #ff6600;
}


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

.comment-form-title{
font-weight: bold;
}

#comment-form{
margin-top: 5px;
padding: 20px 0;
background: #efefef;
}
/*コメント入力欄*/
#comment-form textarea{
resize: vertical;
}


/* -----------------------------------------------
ナビゲーション
参考URL：http://wiki.livedoor.jp/staff/d/DesignTemplate/Navigation
----------------------------------------------- */

/* トップページ　カテーゴリーアーカイブ　月別アーカイブ
----------------------------------------------- */

/*ナビゲーション共通*/
.pager{
font-size:17px;
}

/*数字の色*/
.pager a{
color:#333333;
}


/* 背景の色 */
ol.paging-number li,
li.paging-prev,
li.paging-next,
li.paging-first,
li.paging-last{
background:#ffe486;
display:block;
height:34px;
line-height:34px;
padding:0 5px;
}


/* マウスホバー時の背景の色 */
li.paging-prev:hover,
li.paging-next:hover,
li.paging-first:hover,
li.paging-last:hover,
.index-navigator li li:hover,
ol.paging-number li.current{
background:#ffc700;
}


/* ページング幅調節 */
ul.index-navigator li a, ul.index-navigator li span,
ul.index-navigator li a, ul.index-navigator li.current span{
margin: 0 0 0 0px;
padding:0 6px;
line-height: 34px;
}
ul.index-navigator{
height:34px;
margin:0 0 10px 0;
}

ul.index-navigator li.paging-number{
margin: 0 0 !important;
}

/* 間をあける */
ul.index-navigator li, ul.index-navigator li ol {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 3px !important;
}



/* 個別記事ページ
----------------------------------------------- */

/*ナビゲーション全体*/
.article-pager-type2 ul.article-pager,
.article-pager-type2 ul.archives-pager{
padding: 0 0 0 0;
}

.article-pager-type2 ul.article-pager li,
.article-pager-type2 ul.archives-pager li{
margin: 0;
}


/*前の記事へ*/
.article-pager-type2 .article-pager .prev{
float: left;
padding-left: 20px;
width: 300px;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeyellow_3c/icon_prev.png) no-repeat left 3px;
text-align: left;
text-indent: -7px;
word-wrap:break-word;
}


/*次の記事へ*/
.article-pager-type2 .article-pager .next{
padding-right: 10px;
width: 300px;
float: right;
text-align: right;
word-wrap:break-word;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeyellow_3c/icon_next.png) no-repeat right 3px;
}


/*文字について*/
.article-pager-type2 ul.article-pager li a,
.article-pager-type2 ul.archives-pager li a{
padding: 0 ;
width: 300px;
font-size: 13px;
color: #666666;
word-wrap:break-word;
display: block;
}

/*マウスオーバーについて*/
.article-pager-type2 ul.article-pager li a:hover,
.article-pager-type2 ul.archives-pager li a:hover {
background: none !important;
text-decoration: underline;
}



/* カテゴリーアーカイブ　月別アーカイブ
----------------------------------------------- */

/*アーカイブのタイトルの全体設定*/
.archives-header{
background: #ededed;
color: #333333;
padding: 10px;
margin-bottom: 10px;
}

/*アーカイブのタイトル*/
.archives-header h1{
margin: 0 auto;
text-align: center;
font-weight: bold;
}


/* -----------------------------------------------
サイド
----------------------------------------------- */

/* サイドカラム共通設定
----------------------------------------------- */

/*サイド右上広告*/
.right-container-ads{
margin-bottom: 10px
}

.sidewrapper{
    font-size:14px;
}

/*サイドカラムのリンク色*/
.sidewrapper a{
color:#0030ff;
text-decoration:none;
}
.sidewrapper a:hover{
text-decoration: underline;
}
.sidewrapper a:visited{
color:#7f4bc0;
}

/* plugin全体への設定 */
.side:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.side {
zoom:100%;
margin:10px 0;
}


/*サイドカラムのタイトル*/
.sidetitlebody{
padding:5px 10px;
background:url(http://livedoor.blogimg.jp/nomadsokuhou2/imgs/5/7/57ad2821.png);
color:#333333;
}
.sidetitle a{
    color: #ffffff ;
}
.sidetitle a:visited{
    color: #ffffff ;
}

/*サイドカラムのリスト*/
.sidebody{
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #e5e5e5;
line-height:1.2;
}
.sidebody:first-child{
border-top:none;
}
.sidebody.category-child {
padding-left: 13px;
}


/* 左カラム専用スタイル
----------------------------------------------- */

/*左カラムの共通設定*/
.left-container .side{
padding: 0 10px 0 10px;
}


/* 最新記事(画像付)
----------------------------------------------- */
.left-container .plugin-recent_articles_image{
font-size: 13px;
line-height: 1.2;
}


/* ギャラリー
----------------------------------------------- */

/*ギャラリー共通スタイル*/
.plugin-recent_images .side{
margin-bottom: 0;
}
.galleryThumbnail li{
float: left;
padding: 0 10px 0 0;
}

/*ギャラリー左カラム*/
.left-container .plugin-recent_images .side{
padding: 0 0 0 10px;
}

.left-container .plugin-recent_images li{
width: 53px;
height: 62px;
*width: 51px;
*height: 51px;
}
.left-container .plugin-recent_images img{
width: 51px;
height: 51px;
}

/*ギャラリーが右カラム*/
.right-container .plugin-recent_images .side{
width: 310px
}
.right-container .plugin-recent_images li{
width: 93px;
height: 103px;
*width: 91px;
*height: 91px;
}
.right-container .plugin-recent_images img{
width: 91px;
height: 91px;
}


/* カレンダー
----------------------------------------------- */

/*カレンダー共通設定*/
.plugin-calendar_default{
font-size:14px;
margin:0 0 20px 0;
}

/*カレンダー年月*/
.calendarheadbody{
padding: 5px 10px;
background: #484848;
font-size: 14px;
color: #ffffff;
}
.calendarheadbody a{
color: #ffffff;
}
.calendarheadbody a:visited{
color: #ffffff;
}

/*カレンダーの体裁*/
.plugin-calendar_default table{
border-collapse: separate;
border-spacing: 1px;
}
.calbody{
color:#8d8d8d;
}
table.caltblday td{
border: 1px solid #eeeeee;
}

/*リンク背景*/
table.caltblday td a{
color:#333333;
background:#ffc600;
}
table.caltblday td a:hover{
text-decoration:underline;
}


/*曜日*/
.sun{
color:#ff5d59;
font-weight:bold;
}
.sat{
color:#4e8cff;
font-weight:bold;
}
.weekday{
font-weight:bold;
}


/* 人気記事（画像付）
----------------------------------------------- */

.plugin-popular_articles_with_image li:hover{
opacity: 0.6;
}
div.popularArticlesWithImage.B:hover a,
div.popularArticlesWithImage.C:hover a{
text-decoration:none !important;
}

.listWithImage .plugin-popular_articles_with_image .title{
color: #333333 !important;
line-height: 1.1 !important;
background:#EBEBEB !important;
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.C div.comment,
div.popularArticlesWithImage.C div.retweet{
display: inline !important;
text-shadow:none !important;
}

div.popularArticlesWithImage.B div.title{
background:none !important;
margin:10px 0 0 10px;
}
div.popularArticlesWithImage.C div.title{
background:none !important;
margin:10px 0 0 0;
}



/* -----------------------------------------------
フッター
----------------------------------------------- */

/*フッターの全体設定*/
#blog-footer{
margin-top:30px;
height:80px;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
border-bottom:1px solid #ffdc11;
background: #ffce00; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}


/*フッターのコピーライト部分*/
#blog-footer #footer{
height:80px;
color:#333333;
line-height:80px;


text-align:center;


}
#blog-footer #footer a{
color:#333333;
}


/*トップへ戻る*/
.to-pagetop {
bottom: -105px;
position: absolute;
right: -5px;
}


/* -----------------------------------------------
リセット　他のCSSが影響している場合にここでリセットします
----------------------------------------------- */

/* reset for template_6thgen.css
----------------------------------------------- */

body.layout-2col .message-board{
margin-top:0;
}


/* reset for template.css
----------------------------------------------- */

.article-social-btn > a, .article-social-btn > span, .article-social-btn > div, .article-social-btn > iframe{
margin: 0 ;
}

.sidewrapper .blogroll-channel{
border:1px solid #b0b0b0;
margin-bottom:10px;
padding: 3px 0;
}

.sidewrapper .blogroll-channel .blogroll-list{
padding:5px !important;
list-style-type: none;
line-height: 1.3;
font-size: 13px;
border-bottom: 1px dashed #c2c2c2;
padding: 3px 0;
line-height: 1.3;
padding-top:0;/*追加*/
}