@charset "utf-8";
@import url(default2.css);
ul,li,dl,dd{padding:0px;margin:0px;}
/**
@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,Arial,sans-serif,"メイリオ",Meiryo;
	margin:0px;padding:0px;
	background-image: url(/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
        background-position: center;

}

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

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

#blog-header01{
	border-bottom: 1px solid #ffd900;
}
#blog-header01 .header-inner01{
	margin:0 auto;
	width:1170px;
	display:table;
	padding:11px 0;
}

/* ヘッダー　タイトル
----------------------------------------------- */
hgroup{
	margin-right:11px;
	width:422px;
	*width:412px;
	display:table-cell;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}
hgroup h1{
	margin:0px;
}
hgroup h1 a{
	color:#333333;
	font-size:24px;
	font-weight:bold;
	line-height:1.2;
	text-decoration:none;
}
hgroup h2{
	width:422px;
	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;
}

/* ヘッダー　グレーのエリア
----------------------------------------------- */
#blog-header02{
	zoom:100%;
	background: #292929; /* Old browsers */
	background: -moz-linear-gradient(top,  #292929 0%, #343434 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#343434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #292929 0%,#343434 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #292929 0%,#343434 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #292929 0%,#343434 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #292929 0%,#343434 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
	border-bottom: 5px solid #3488e0;
	margin-bottom:10px;
}

#blog-header02 .header-inner02{
	margin:0 auto;
	width:1170px;
}

#blog-header02 .header-inner02:after {
	 content:".";
	 height:0;
	 clear:both;
	 display:block;
	 visibility:hidden;
}

/* ヘッダー　メニュー
----------------------------------------------- */
.header-inner02 ul.header-menu{
	width:744px;
	border-left:1px solid #000000 ;
	height:auto;
	float:left;
}

ul.header-menu li{
	color:#ffffff;
	font-size:18px;
	list-style:none;
	float:left;
	border-top:1px solid #323232;
	border-bottom:1px solid #6c6c6c;
	border-right:1px solid #6c6c6c;
}

ul.header-menu li a{
	padding:0 22px;
	height:51px;
	line-height:51px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	border-right:1px solid #000000;
}

ul.header-menu li:first-child a{
	border-left:1px solid #6c6c6c;
}

ul.header-menu li a:hover{
	background: #181818; /* Old browsers */
	background: -moz-linear-gradient(top,  #181818 0%, #202020 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181818), color-stop(100%,#202020)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #181818 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #181818 0%,#202020 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #181818 0%,#202020 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #181818 0%,#202020 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#202020',GradientType=0 ); /* IE6-9 */
}


/* ヘッダー　Twitter,RSS,検索窓
----------------------------------------------- */
.header-sarch{
	width:420px;
	float:right;
	padding-top:17px;
}
.header-sarch img{
	margin-top:-3px;
}
.header-sarch img:hover{
	opacity: 0.6;
}
.header-sarch li{
	float:left;
	list-style:none;
	margin-left:20px;
}

/* 検索 */
.header-sarch input.sf {
	background: url(icons.png) 0 0 no-repeat;
}

.header-sarch input.sf,
.header-sarch input.sfbtn {
	border: 1px solid #aaa;
	height: 20px;
	line-height: 18px;
	outline: 0;
}
.header-sarch input.sf {
	background-color: #fff;
	background-position: 4px -264px;
	border-radius: 10px 0 0 10px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0 5px 0 21px;
	vertical-align: top;
	width: 225px;
	*width: 180px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.header-sarch input.sfbtn {
	border-left: 0;
	border-radius: 0 10px 10px 0;
	float:right;
	text-shadow: 0 1px 0 #fff;
	width: 75px;
	background: #f1f1f1;
	background: -webkit-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:    -moz-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:     -ms-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:      -o-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:         linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	-webkit-transition: color 0.2s ease;
	   -moz-transition: color 0.2s ease;
	    -ms-transition: color 0.2s ease;
	     -o-transition: color 0.2s ease;
	        transition: color 0.2s ease;
}
.header-sarch input.sfbtn:hover,
.header-sarch input.sfbtn:focus {
	color: #2e90c5;
}



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

#wrapper{
a
}


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

/* コンテンツ全体 */
#container{
	width:1170px;
	margin:0 auto;
	position: relative;
	background-color:#fff;
	padding:0 10px 0 10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

/* コンテンツ　左側のカラム */
.left-container{
	width:200px;
	float:left;
}
.left-container:after {
  content: "."; 
  display: block; 
  visibility:hidden;
}

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

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



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

/*画像付きRTorコメントリスト*/
.listWithImage{
	margin-left: -5px;
	background-image: url(79561bfd.png);
	background-repeat: no-repeat;
	background-position: left;
}
.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: 12px;
	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;
}


/*メッセージボード*/
.message-board-outer{
	margin-bottom:10px !important;
	padding:10px;
	border:3px solid #ffc100;
	background:#fff2c6;
	font-size:16px;
	line-height:1.6;
}
.message-board-outer a{
	text-decoration:none;
}
.message-board-outer a:hover{
	text-decoration:underline;
}



/*記事タイトル*/
.article-title{
	padding:15px;
	color:#333333;
	font-weight:bold;
	font-size:24px;
	line-height:1.2;
}
.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:2px 5px;
	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(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(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: 5px;
	padding: 0 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.article-body a{
	color: #0030ff;
	text-decoration: none;
}
.article-body a:hover{
	text-decoration:underline;
}
.article-body a:visited{
	color:#3488e0;;
}

/*引用*/
.article-body-inner blockquote{
	border: 2px solid #F39;
	padding:15px;
	background-color: rgb(253, 253, 253);
}
.article-body-inner blockquote:before{
	display:none;
}


/*記事下の記事情報　（個別記事ページのみ）*/
.article-footer:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.article-footer {
	zoom:100%;
	margin-bottom: 10px;
	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(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(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;
        font-size: 20px;
}


/*コメント主の名前　トラックバックのブログタイトル*/
.comment-author{
	color: #227a22;
	margin-right: 10px;
	font-weight: bold;
}
.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{
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 5px;
	background-color: #FFCED9;
}


/* マウスホバー時の背景の色 */
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-color: #FFA2B7;
}


/* ページング幅調節 */
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(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(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:#3488e0;
}

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


/*サイドカラムのタイトル*/
.sidetitlebody{
	padding: 10px 10px;
	color: #ffffff;
	background-color: #333;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #3488e0;
}
.sidetitle a{
    color: #ffffff ;
}
.sidetitle a:visited{
    color: #ffffff ;
}

/*サイドカラムのリスト*/
.sidebody{
	border-top:1px solid #e5e5e5;
	line-height:1.2;
}
.sidebody a{
	display: block;
	padding-top:10px;
	padding-bottom:10px
}
.sidebody a:hover{
	text-decoration: none;
	background-color:#E8E8E8

}


.sidebody:first-child{
	border-top:none;
}
.sidebody.category-child {
	padding-left: 13px;
}


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

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


/* 最新記事(画像付)
----------------------------------------------- */
.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{
	height:80px;
	border-bottom:3px solid #3488e0;text-align:center;
	background: #111; /* Old browsers */
	background: -moz-linear-gradient(top, #333 0%, #111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333 0%,#111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #333 0%,#111 100%); /* IE10+ */
	background: linear-gradient(to bottom, #333 0%,#111 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#111',GradientType=0 ); /* IE6-9 */
	width:100%;overflow:hidden;
}


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


/*トップへ戻る*/
.to-pagetop {
	position: fixed;bottom:100px;
	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;/*追加*/
}
.article-body-continue {
margin: 20px 10px 15px 0;
line-height: 34px;
}
.article-body-continue a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
display: block;
border: solid 1px #ccc;
background: #fafafa;
font-size: 15px;
height: 34px;
text-align: center;
color: #007AA8;
font-weight: bold;
text-decoration: none;
}
.article-body-continue a:hover{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	border: solid 1px #ccc;
	font-size: 15px;
	height: 34px;
	text-align: center;
	color: #007AA8;
	font-weight: bold;
	text-decoration: none;
	background-color: #FC0;
}

/* ここからカスタマイズCSS
----------------------------------------------- */
.author_widget {
width: 300px;
height: 130px;
background-image: url(bc1a5dea.png);
}

.author_widget span {
display: block;
text-align: center;
line-height: 145px;
width: 150px;
height: 70px;
font-size: 60px;
font-weight: bold;
padding-right: 10px;
color: #3488e0;
}

.recent_comment_box {
	background-image: url(30cf8b7e.png);
	float: left;
	height: 56px;
	width: 66px;
	display: block;
	margin-right: 10px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: 0 15px;
}

.recent_comment_box a {
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	width: 70px;
	height: 35px;
	font-size: 130%;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
	color: #06F;
}

.recent_comment_box a:hover {
font-size: 150%;
text-decoration: none;
}


/* メニューバー  */
#dropmenu {
	list-style-type: none;
	height: 40px;
	margin: auto;
	padding: 0;
	background: #292929;
	border-radius: 3px 3px 0 0;
}
#dropmenu li {
  position: relative;
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #3488e0;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul {
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index:100;

}
#dropmenu li ul li a{
	padding: 13px 15px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	background-color: #292929;
}
#dropmenu li:hover ul li{
	overflow: visible;
	height: 38px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #292929;
	border-bottom-color: #666666;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#rss_navi{
	width: 650px;
	}
.rss_left{
	width: 299px;
	float: left;
	background-color: #FFF4FF;
	margin-right: 20px;
	font-size: 80%;
	padding: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FCF;
	}
.rss_right{
	width: 299px;
	float: left;
	background-color: #E8FFFF;
	font-size: 80%;
	padding: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CFF;
	}
div.article-body h4 {
	padding: .8em .9em;
	font-size: 140%;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #F36;
	background-color: #F2F2F2;
}

.shop_wrapper{
	text-align: left;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 5px;
	}
.shop_wrapper p{
	background-color: #F0F0F0;
	width: 271px;
	padding: 5px 10px;
	line-height: 16px;
	}
.setumeikiji a{
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	display: block;
	height: 25px;
	width: 300px;
	line-height: 15px;
	padding-top: 10px;
	color: #000;
	text-decoration: none;
	}
.setumeikiji a:hover{
	background-color: #CCC;
	}
.saranikuwasiku a{
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	display: block;
	height: 25px;
	width: 300px;
	line-height: 15px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 3px;
	color: #666;
	}
.saranikuwasiku a:hover{
	background-color: #CCC;
	}
.osirasekiji a{
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	display: block;
	height: 25px;
	width: 300px;
	line-height: 15px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	color: #666;
	}
.osirasekiji a:hover{
	background-color: #CCC;
	}
.linkwithin_div{
	}
.rank_cate{
	list-style-type: none;
	margin-left:2px;
	}	
	
.rank_cate li a{
	display: block;
	height: 15px;
	width: 42px;
	background-color: #F0F0F0;
	float: left;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
	}
.rank_cate li a:hover{
	text-decoration: none;
	background-color: #CCC;
	}
.rank_cate li a:visited{
	color: #333;
	}
.rank_cate_no{
	display: block;
	height: 15px;
	width: 42px;
	background-color: #666666;
	float: left;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
	}
#acrr15_onahodouga td{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/* アコーディオン用  */
dl.accordion { background:#fff; width:100%; margin:0 auto 30px; font-size:16px;}
dl.accordion dt {
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	height:40px; 
	text-indent:10px; 
	line-height:40px; 
	color:#333; 
	font-weight:bold; 
	cursor:pointer;
	}
dl.accordion dt.open {
	background-color: #F0F0F0;
	}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}

.readmore {
margin: 20px 10px 15px 0;
line-height: 34px;
}
.readmore a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
display: block;
border: solid 1px #ccc;
background: #fafafa;
font-size: 15px;
height: 34px;
text-align: center;
color: #007AA8;
font-weight: bold;
text-decoration: none;
}

.readmore a:hover{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	border: solid 1px #ccc;
	font-size: 15px;
	height: 34px;
	text-align: center;
	color: #007AA8;
	font-weight: bold;
	text-decoration: none;
	background-color: #FC0;
}


div.popularArticlesWithImage.A {
margin: 0px 0;
}

/* -----------------------------------------------
コメント装飾
----------------------------------------------- */
/* アンテナシェア コメント投票de文字装飾 www.antennash.com */
/* 投票数が0、又は+と-の評価が同数の場合はあなたのブログのデフォルト文字装飾になります */

/* 人気レベル 1～7 */
.antennash_comvote_lv1 {
	color: #000000;
	font-weight: bold;
}
.antennash_comvote_lv2 {
	color: #0000ff;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv3 {
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv4 {
	color: #ff6600;
	font-size: 20px;
	font-weight: bold;
}
.antennash_comvote_lv5 {
	color: #ff00ff;
	font-size: 22px;
	font-weight: bold;
}
.antennash_comvote_lv6 {
	color: #0000ff;
	font-size: 22px;
	font-weight: bold;
}
.antennash_comvote_lv7 {
	color: #ff0000;
	font-size: 24px;
	font-weight: bold;
}

/* 人気レベル -1～-3(マイナス) */
.antennash_comvote_lv-1 {
}
.antennash_comvote_lv-2 {
	font-size: 11px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.antennash_comvote_lv-3 {
	font-size: 8px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.5;
}

/* 投票数表示、バー、投票ボタン全体 */
.antennash_comvote_form {
	padding: 2px 4px;
	overflow: hidden;
}
/* 投票数表示(Good) */
.antennash_comvote_rate_g {
	color: #4D983B;
	float :right;
	margin-right: 1px;
        margin-top: 4px;
	height: 16px;
	font-size: 12px;
}
/* 投票数表示(Bad) */
.antennash_comvote_rate_b {
	float :right;
	margin-right: 1px;
        margin-top: 4px;
	height: 16px;
	font-size: 12px;
　　　　filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
/* 投票数バー(Good) */
.antennash_comvote_bar_g {
	float :right;
	margin-right: 2px;
        margin-top: 4px;
	height: 16px;
	background: #8DC67E;
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC67E), to(#4E993B));
	background: -webkit-linear-gradient(top, #8DC67E, #4E993B);
	background: -moz-linear-gradient(top, #8DC67E, #4E993B);
	background: -ms-linear-gradient(top, #8DC67E, #4E993B);
	background: -o-linear-gradient(top, #8DC67E, #4E993B);
	background-image: -ms-linear-gradient(top, #8DC67E 0%, #4E993B 100%);
}
/* 投票数バー(Bad) */
.antennash_comvote_bar_b {
	float :right;
	margin-right: 2px;
        margin-top: 4px;
	height: 16px;
	background: #dddddd;
　　　　filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
/* 投票ボタンエリア */
.antennash_comvote_btbox {
	float :right;
	margin: 0;
}

/* 投票ボタンデザイン */
.antennash_comvote_button {
	width: 100px;
	height: 22px;
	border: 1px solid #353535;
	background: #FFFFFF;
	color: #767676;
	padding: auto;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}
.antennash_comvote_button:hover {
	background: #F25978;
	color: #fff;
}
.antennash_comvote_button:active {
	background: #EDF5EC;
	color: #4D983B;
}

/* ポップアップレス(超高速版のみ) */
.popstyle {
display: none;
position: absolute;
}
a:hover {
position:relative;
text-decoration:none;
}
a:hover .popstyle {
top: 2em;
left: 2em;
display: block;
width: 600px;
padding: 4px 0 10px 20px;
border: #333 1px solid;
background-color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#333 !important;
font-size:12pt !important;
font-weight:normal !important;
}

#mypopup {
display: none;
position: absolute;
border:1px solid #bbb;
padding:5px 8px 8px;
font-size:12px;
color:#111;
background-color:#ffc;
list-style-type:none;
line-height:1.2;
text-align:left;
max-width:750px;
min-width:250px;
box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
}

#mypopup li.comment-date, #mypopup li.comment-author{
display: inline;
color:#666;
}

/*****ここから会話のCSS*****/
.talk-wrap{
 display: block;
 clear: both;
 margin:0 auto 3px auto;
 }
.talk-wrap p{
 margin:0;
 }
 .left-icon{
 width: 70px;
 height: 70px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:left;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/
 border: 3px solid #fff; /*左のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-left{
 float:right;
 position: relative;
 background: #fff; /*左の会話の背景色*/
 border: 2px solid #666;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/
 margin-bottom: 10px;
 }
.talk-left:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-right-color: #666;
 position: absolute;
 left: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-left:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-right-color: #fff;
 position: absolute;
 left: -16px;
 top: 25%;
 margin-top: -8px;
}
 .right-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius:50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:right;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/
 border: 3px solid #FFF; /*右のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-right{
 float:left;
 position: relative;
 background: #fff; /*右の会話の背景色*/
 border: 2px solid #666;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*右の会話の影*/
 margin-bottom:10px;
 }
 .talk-right:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-left-color: #666;
 position: absolute;
 right: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-right:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-left-color: #fff;
 position: absolute;
 right: -16px;
 top: 25%;
 margin-top: -8px;
}
.talk-end{
 clear:both;
}
/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
 .left-icon{
 width: 80px;
 height: 80px;
 }
 .talk-left{
 width: 65%; 
 }
 .right-icon{
 width: 80px;
 height: 80px;
 }
 .talk-right{
 width: 65%; 
 }
 }
 @media screen and (max-width: 380px){
 .left-icon{
 width: 60px;
 height: 60px;
 }
 .talk-left{
 width: 65%; 
 }
 .right-icon{
 width: 60px;
 height: 60px;
 }
 .talk-right{
 width: 65%; 
 }
 }


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #292929;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #fff;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
   border-bottom: 3px solid #3488e0;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #292929;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
　color: #fff;
    text-decoration: none;
    padding: 0.7em 3em;
    display: block;
}

.menu > ul > li:hover {
    background: #3c3c3c;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #3c3c3c;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #fff;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #3488e0;
}


.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul > li > ul > li :hover {
    color: #3488e0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}

/*コメントのレベル*/
.level1 {
    color: #333333;
    font-weight: bold;
}

.level2 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

.level3 {
    color: #2d81ff;
    font-size: 20px;
    font-weight: bold;
}

.level4 {
    color: #3488e0;
    font-size: 22px;
    font-weight: bold;
}

.level5 {
    color: #3488e0;
    font-size: 24px;
    font-weight: bold;
}

/* 人気レベル -1〜-2(マイナス) */

.level-1 {
    font-size: 11px;
    opacity: 0.8;
}

.level-2 {
    font-size: 8px;
    opacity: 0.5;
}

.level-3 {
   font-size: 5px;
   opacity: 0.3;
}

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

.button01{
     display:block;
     width: 250px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
}
.button01:hover{
     background-color: #f9c500; /*ボタン色*/
}

h5 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #3498db;
}
h5::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

#toc_container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 10px;
    width: auto;
}
 
.toc_title {
    font-weight: 700;
    text-align: center;
}
 
#toc_container li, #toc_container ul, #toc_container ul li{
    list-style-position: outside;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0;
    /* リストの記号を付けない場合は   
     list-style: outside none none !important;
    */
}
.article{background:#fff;overflow:hidden;margin-left:15px;}
.article-header{padding:0px 15px;}