@charset "UTF-8";


/* Information
==================================================
 
 01. リセット
 02. 共通のスタイル
 03. レイアウト・背景
 04. ヘッダー
 05. フッター
 06. サイドバー
 07. フッターメニュー
 08. 共通のコンテンツ
 09. トップページ、カテゴリーページ、月別ページの記事部分
 10. 記事個別ページの記事部分
 11. 記事個別ページのコメント部分
 12. ソーシャルバナーボタン

==================================================
*/


/* =============================================== */
/** 01. リセット */
/* ----------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,em,img,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}object,embed{vertical-align:top}img,iframe{vertical-align:bottom}


/* =============================================== */
/** 02. 共通のスタイル */
/* ----------------------------------------------- */

html {
	font-size:62.5%;
}
body {
	position:relative;
	background:#7cc7e5 url(https://blogmaterial.nicoblomaga.jp/material/54/img/foot1.png) 0 0 repeat;
	color:#000;
	line-height:1;
}
body,input,select,textarea {
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a {
	color:#33a9f4;
}
a:visited {
	color:#b67ce2;
}
a:hover {
	color:#52b2d8;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, input, select {
	vertical-align: middle;
	max-width:100%;
}

.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }


/* =============================================== */
/** 03. レイアウト・背景 */
/* ----------------------------------------------- */

#container1 {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/container1.png) 0 0 repeat;
}
#container2 {
	position:relative;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/container2.png) center 0 repeat-y;
}

#head1 {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/head1.png) 0 0 repeat-x;
	margin-top: -50px;
}
#head2 {
    background: url("https://blogmaterial.nicoblomaga.jp/material/54/img/head2.png") no-repeat scroll center bottom transparent;
    min-width: 1200px;
}
#head3 {
	position:relative;
	margin:0 auto;
	height:229px;
	width:1200px;
}

#body {
margin: 0 auto;
width: 1140px;
background: #eaf6fc;
}
#content_left {
	float:left;
}
#content_right {
	float:right;
}
#content {
float: left;


width: 780px;
background-color: #fcfcfc;
}
#sidebar_left {
	float:left;
	padding:0px 0px 15px 5px;
	width:336px;
}
#body-foot {
	clear:both;
}

#foot1 {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/foot1.png) 0 0 repeat;
}
#foot2 {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/foot2.png) center 0 no-repeat;
}
#foot3 {
	position:relative;
	margin:0 auto;
	height:193px;
	width:1000px;
}

/* =============================================== */
/** 04. ヘッダー */
/* ----------------------------------------------- */

#head3 h1 a {
	overflow:hidden;
	display:block;
	position:absolute;
	top:40px;
	right:0px;
	height:160px;
	width: 1200px;
	text-indent:-999em;
}
#head3 p {
	float:left;
	height:40px;
	font-size:14px;font-size:1.4rem;
	line-height:40px;
}
#head3 ul {
	float:left;
	padding:7px 0 0 5px;
	list-style:none;
}
#head-rss img {
	height:28px;
	width:28px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/head-rss.png) 0 0 no-repeat;
}
#head-rss a:hover {
	filter:alpha(opacity=85);
	opacity:0.85;
}
#head-twitter {
	display:block;
	position:absolute;
	top:5px;
	right:0;
	padding:2px 0 4px 74px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/head-twitter.png) 0 0 no-repeat;
}
#head-twitter img {
	height:29px;
	width:230px;
}
#head-twitter a:hover img {
	filter:alpha(opacity=15);
	opacity:0.15;
	background:#fff;
}


/* =============================================== */
/** 05. フッター */
/* ----------------------------------------------- */

#foot-form {
	position:absolute;
	top:33px;
	left:75px;
	height:47px;
	color:#fff;
	font-size:14px;font-size:1.4rem;
	line-height:47px;
}
#foot-form  a {
	margin:0 2px;
	color:#fff;
}
#foot-form a:hover {
	text-decoration:none;
}

#foot3 ul {
	list-style:none;
}
#foot-rss img, #foot-twitter img {
	position:absolute;
	top:43px;
	height:24px;
	width:24px;
}
#foot-rss img {
	right:57px;
}
#foot-twitter img {
	right:25px;
}
#foot-rss a:hover img, #foot-twitter a:hover img {
	filter:alpha(opacity=15);
	opacity:0.15;
	background:#fff;
}

#copyright {
	position:absolute;
	top:140px;
	left:0;
	height:28px;
	width:1000px;
	font-size:14px;font-size:1.4rem;
	line-height:28px;
	text-align:center;
}


/* =============================================== */
/** 06. サイドバー */
/* ----------------------------------------------- */

#sidebar-top-ad {
	padding:0 0 14px 10px;
}
/*
#sidebar-search p {
	padding:0 0 0 47px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-search-icon.png) 16px 1px no-repeat;
}
#sidebar-search .sf {
	margin:0 5px 0 0;
	padding:0 4px;
	border:solid 1px #c1c1c1;
	height:25px;
	width:152px;
	font-size:13px;font-size:1.3rem;
}
#sidebar-search .sfbtn:hover, #sidebar-search .sfbtn:focus {
	filter:alpha(opacity=80);
	opacity:0.80;
}
*/
#sidebar-link {
	list-style:none;
	padding:14px 0 17px 0;
}
#sidebar-link li {
	padding:0 0 4px 47px;
	height:23px;
	font-size:14px;font-size:1.4rem;
	line-height:23px;
}
#sidebar-link #sidebar-link-about {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-link-about.png) 16px center no-repeat;
}
#sidebar-link #sidebar-link-bbs {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-link-bbs.png) 16px center no-repeat;
}
#sidebar-link #sidebar-link-form {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-link-form.png) 16px center no-repeat;
}
#sidebar-link #sidebar-link-online {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-link-online.png) 15px center no-repeat;
}
#sidebar-link #sidebar-link-rss {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/head-rss.png) 14px center no-repeat;
}
#twtr-widget-1 {
	padding:10px;
}

#sidebar_left .sidetitlebody {
	margin:14px 0 0;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-sidetitlebody.png) 0 0 repeat;
}
#sidebar_left .sidetitle {
	padding:1px 0 0 28px;
	height:23px;
	border-bottom:solid 1px #656b6d;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-sidetitle.gif) 12px 11px no-repeat;
	color:#fff;
	font-size:15px;font-size:1.5rem;
	font-weight:bold;
	line-height:23px;
}
#sidebar_left .side {
	background:#f3f7f8;
	font-size:14px;font-size:1.4rem;
        line-height:1.6;
}

#sidebar_right .sidetitlebody {
	margin:14px 0 0;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-sidetitlebody.png) 0 0 repeat;
}
#sidebar_right .sidetitle {
	padding:1px 0 0 28px;
	height:23px;
	border-bottom:solid 1px #656b6d;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-sidetitle.gif) 12px 11px no-repeat;
	color:#fff;
	font-size:15px;font-size:1.5rem;
	font-weight:bold;
	line-height:23px;
}
#sidebar_right .side {
	background:#f3f7f8;
	font-size:14px;font-size:1.4rem;
        line-height:1.6;
}

#acrr_kotaro269 {
	padding:8px 8px 4px;
	font-size:13px;font-size:1.3rem;
	line-height:1.2;
}
#acrr_kotaro269 td {
	border:solid 1px #ddd;
	padding:5px;
	background:#fff;
}
#acrr_kotaro269 td span {
	font-size:12px;font-size:1.2rem !important;
	line-height:1.2 !important;
}
.acrr_kotaro269_readmore {
	padding:0 0 8px;
	font-size:12px;font-size:1.2rem !important;
	text-align:center;
}

/* <追加 date="2011-08-24" author="frankly"> */

#sidebar_r .side .sidebody {
        line-height:1.3;
}

/* </追加> */

#sidebar_r .plugin-recent_articles .sidetitle {
	border:0;
}
#sidebar_r .plugin-recent_articles .sidebody {
	padding:9px 5px 9px 28px;
	border-top:dashed 1px #ccc;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/sidebar-sidebody.gif) 15px 14px no-repeat;
	font-size:14px;
	line-height:1.3;
}
#sidebar_r .plugin-recent_articles .sidebody:first-child {
	border:0;
}
#sidebar_r .plugin-recent_articles a {
	color:#000;
	text-decoration:none;
}
#sidebar_r .plugin-recent_articles a:hover {
	text-decoration:underline;
}
#sidebar_r .plugin-recent_articles a:visited {
	color:#666;
}

/* <追加 date="2011-08-24" author="frankly"> */

.side ul.recent-article-image li {
	padding:8px;
	border-top:dashed 1px #ccc;
}
.side ul.recent-article-image li:first-child {
	border:0;
}
.side ul.recent-article-image li a {
	color:#000;
	text-decoration:none;
}
.side ul.recent-article-image li a:hover {
	text-decoration:underline;
}
.side ul.recent-article-image li a:visited {
	color:#666;
}

#populararticles-234530 td {
	border-top:dashed 1px #ccc;
	padding:4px 7px;
}
#populararticles-234530 tr:first-child td {
	border:0;
}
#populararticles-234530 .populararticles-rank {
	padding-right:3px;
	padding-left:5px;
	text-align:right;
}
#populararticles-234530 td b {
	font-weight:normal;
}

.plugin-recent_comments .sidebody {
	padding:8px;
	border-top:dashed 1px #ccc;
}
.plugin-recent_comments .sidebody:first-child {
	border:0;
}

/* </追加> */

#sidebar_r .plugin-monthly .side {
	padding:10px 0;
}
#sidebar_r .plugin-monthly select {
	width:200px;
}

* html #head-retweet-ranking ul {
	display:none;
}
#head-retweet-ranking h2 {
	display:none;
}
#head-retweet-ranking ul {
	list-style:none;
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -500px;
	width:830px;
}
#head-retweet-ranking ul li {
	float:left;
	width:166px;
}
#head-retweet-ranking a {
	position:relative;
	display:block;
	overflow:hidden;
	height:130px;
	width:155px;
	text-decoration:none;
}
#head-retweet-ranking img {
	height:130px;
	width:155px;
}
.rt-ranking-title-bg {
	filter:alpha(opacity=50);
	opacity:0.50;
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	height:41px;
	width:155px;
	background:#000;
}
#head-retweet-ranking a:hover .rt-ranking-title-bg {
	filter:alpha(opacity=80);
	opacity:0.80;
}
.rt-ranking-title {
	position:absolute;
	left:0;
	bottom:0;
	overflow:hidden;
	display:block;
	padding:5px;
	height:31px;
	width:145px;
	color:#fff;
	font-size:13px;font-size:1.3rem;
	line-height:1.2;
}
.rt-ranking-count-bg {
	filter:alpha(opacity=70);
	opacity:0.70;
	position:absolute;
	right:0;
	top:0;
	display:block;
	border-bottom:10px solid transparent;
	border-left:10px solid #000;
	height:28px;
	width:34px;
}
.rt-ranking-count-bg span {
	display:block;
	margin:0 0 0 -24px;
	height:28px;
	background:#000;
}
.rt-ranking-count {
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	display:block;
	height:28px;
	width:58px;
	color:#ffe824;
	font-size:12px;font-size:1.2rem;
	font-weight:bold;
	line-height:28px;
	text-align:center;
}

div.side ul {
	list-style:none;
}

div.side ul.amazon li {
	margin: 20px 0;
}

div.LeftBottom160x600, div.RightBottom300x600 {
	margin: 10px 0 0 0;
}

div.LeftBottom160x600 [id^="imobile_"] {
	width: 160px;
	margin: 0 auto;
}

/* =============================================== */
/** 07. フッターメニュー */
/* ----------------------------------------------- */

#body-foot {
	background:#fbf9f1;
}

#body-foot .pagetop {
	padding:0 12px 0 0;
	border-bottom:solid 3px #686d6f;
	background:#fff;
	text-align:right;
}
#body-foot .pagetop img {
	height:53px;
	width:148px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/body-foot-pagetop.gif) 0 0 no-repeat;
	position:fixed;
	bottom:0;
	right:0;
}
#body-foot .pagetop a:hover img {
	filter:alpha(opacity=85);
	opacity:0.85;
}

#body-foot .sidewrapper {
	float:left;
	padding:24px 0 30px 22px;
	color:#414141;
	font-size:14px;font-size:1.4rem;
}
#body-foot .sidetitlebody {
	margin:0 0 3px;
	padding:0 0 0 23px;
	font-size:16px;1.6rem;
	font-weight:bold;
	line-height:1.6;
}

#body-foot .plugin-categorize {
	width:320px;
}
#body-foot .plugin-categorize .sidetitlebody {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/body-foot-cate.png) left center no-repeat;
}
#body-foot .plugin-categorize .side {
	margin:7px 0 0 24px;
	line-height:1.6;
}
#body-foot .plugin-categorize .sidebody {
	display:inline;
	margin-right:0.3em;
	white-space:nowrap;
}
#body-foot .plugin-categorize a {
	color:#414144;
	text-decoration:underline;
	white-space:nowrap;
}
#body-foot .plugin-categorize a:hover {
	color:#666;
}

#body-foot .plugin-tag_cloud .sidetitlebody {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/body-foot-tag.png) left center no-repeat;
}
#body-foot .plugin-tag_cloud {
	padding-right:50px;
	width:300px;
}
#body-foot .plugin-tag_cloud .side ul.tagcloud {
	line-height:1.4;
}
#body-foot .plugin-tag_cloud .side ul.tagcloud li {
	margin-right:0.1em;
}
#body-foot .plugin-tag_cloud a {
	color:#2c477c;
	white-space:nowrap;
}
#body-foot .plugin-tag_cloud a:hover {
	color:#666;
}

#body-foot .plugin-link {
	width:230px;
}
#body-foot .plugin-link .sidetitlebody {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/body-foot-bookmark.png) left -1px no-repeat;
}
#body-foot .plugin-link .sidebody {
	margin:0 0 7px;
	padding:0 0 0 24px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/body-foot-arrow.png) 9px 3px no-repeat;
}
#body-foot .plugin-link .sidebody a {
	color:#414141;
	text-decoration:none;
}
#body-foot .plugin-link .sidebody a:hover {
	color:#666;
}


/* =============================================== */
/** 08. 共通のコンテンツ */
/* ----------------------------------------------- */
#content-top-category {
        padding: 15px 10px 0 10px;
}
#content-top-category h2 {
	display:none;
}
#content-top-category li {
	list-style:none;
	display:block;
	float:left;
	padding:0 9px 8px 0;
}
#content-top-category li.clear {
	clear:both;
}
#content-top-category li a {
	display:block;
	float:left;
	padding:0 0 0 13px;
	background:#ebebeb url(https://blogmaterial.nicoblomaga.jp/material/54/img/content-top-category.png) 0 0 no-repeat;
	color:#000;
	text-decoration:none;
}
#content-top-category li span {
	display:block;
	float:left;
	height:26px;
	padding:0 13px 0 0;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/content-top-category.png) right 0 no-repeat;
	font-size:13px;font-size:1.3rem;
	line-height:25px;
	white-space:nowrap;
}
#content-top-category li:hover {
	filter:alpha(opacity=85);
	opacity:0.85;
}

#topic-path {
	margin:8px 0 14px;
	padding:0 10px 0 29px;
	height:40px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/content-top-topic-path.png) 0 0 no-repeat;
	font-size:14px;font-size:1.4rem;
	line-height:40px;
}
#topic-path a {
	color:#000;
}
#topic-path a:hover {
	color:#666;
}
#content-top-news {
        padding: 0px 10px 0 10px;
}
#content-top-news h2 {
	overflow:hidden;

	margin:15px 0 0;
	height:31px;
	width:640px;
	background:#ebebeb url(https://blogmaterial.nicoblomaga.jp/material/54/img/content-top-news.png) 0 0 no-repeat;
	text-indent:-999em;
}
#content-top-news iframe {
	border:solid 1px #c1c1c1;
	height:220px;
	width:758px;
}

.headline {
	padding:3px 5px 3px 20px;
	background:#fff;
	font-size:13px;font-size:1.3rem;
	line-height:1.2;
}
.headline .sidebody2 {
	margin:7px 0;
	padding-left:15px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/content-top-news-arrow.png) 0 3px no-repeat;
}
.headline .sidebody2 a {
	color:#333;
	text-decoration:none;
}
.headline .sidebody2 a:hover {
	color:#666;
}
.headline .sidebody2 a:visited {
	color:#999;
}
.headline .sidebody2 img {
	vertical-align:middle;
}

#content-top-ad {
	padding:14px 0 0 0;
}


.ad-box {
	clear: both;
	margin: 20px 0;
	height: 280px;
}
.ad-left {
	float: left;
	margin-left: 10px;
}
.ad-right {
	float: left;
	margin-left: 20px;
}
/* =============================================== */
/** 09. トップ、カテゴリー、月別ページの記事部分 */
/* ----------------------------------------------- */

.index-navigator {
margin: 18px auto;
color: #fff;
font-size: 1.3rem;
text-align: center;
}

.index-navigator li.paging-first,
.index-navigator li.paging-last {
	display:none;
}
.index-navigator li.paging-prev a {
	margin:0 7px 0 0;
}
.index-navigator li.paging-prev a:before {
	content:url(https://blogmaterial.nicoblomaga.jp/material/54/img/index-navigator-prev.gif);
	margin:0 5px 0 0;
	vertical-align:-4px;
}
.index-navigator li.paging-next a {
	margin:0 0 0 7px;
}
.index-navigator li.paging-next a:after {
	content:url(https://blogmaterial.nicoblomaga.jp/material/54/img/index-navigator-next.gif);
	margin:0 0 0 5px;
	vertical-align:-4px;
}
.index-navigator a,
.index-navigator .current span,
.index-navigator strong {
	display:inline-block;
	padding:0 8px !important;
	border:solid 2px #9ed0e2;
	height:27px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/index-navigator-bg.png) 0 0 repeat;
	color:#000;
	text-decoration:none;
	line-height:27px;
}
.index-navigator a, .index-navigator strong {
font-weight: bold;
margin: 0 5px 0 0;
}
.index-navigator strong {
	filter:alpha(opacity=50);
	opacity:0.50;
}
.index-navigator a:hover {
	filter:alpha(opacity=85);
	opacity:0.85;
}

.article {
	position:relative;
	/* margin:10px 0 10px 0; */
        border-top: 10px solid #eaf6fc;
        border-bottom: 10px solid #eaf6fc;
        padding: 15px 17px 0 17px;
}

.article a {
	color:#000;
	text-decoration:none;
}
.article-head .article-title {
	padding:6px 5px 9px 30px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-head-title.png) 0 0 no-repeat;
	font-size:20px;font-size:2rem;
	font-weight:bold;
	line-height:1.2;
	display: block;
	float: left;
}
.article-head .article-title a {
	color:#0f0f0f;
}
.article-head-twitter a {
	display:none;
}
.article-head-twitter iframe {
	position:absolute;
	top:0;
	right:0;
}
.article-head-category {
        display: none;
}
.article-head-category,
.article-head-tag,
.article-head-category dd,
.article-head-tag dd {
	float:left;
	font-size:13px;font-size:1.3rem;
}
.article-head-category dt,
.article-head-tag dt {
	display:none;
}
.article-head-category {
	padding:8px 0 0 2px;
}
.article-head-category dd {
	display:inline;
	float:left;
	margin:0 8px 0 0;
	padding:0 8px 0 0;
	border-right:solid 1px #888;
}
.article-head-tag dd {
	float:left;
	padding:8px 11px 1px 24px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-head-tag.png) 4px bottom no-repeat;
}

.article-body {
	overflow-x:hidden;
	padding:20px 0 0 0 ;
	width: 100%;
	font-size:16px;font-size:1.6rem;
	line-height:1.8;
}
.article-body a {
	color:#33a9f4;
	/* text-decoration:underline; */
}
.article-body a:hover {
	text-decoration:none;
}
.article-body-readmore {
        text-align: center;
        margin: 15px 0 0 0;
        font-size: 20px;
}
a .article-body-readmore  {
	color:#ffffff;
	text-decoration:none;
}
a:visited .article-body-readmore {
        color:#ffffff;
	text-decoration:none;
}
a:hover .article-body-readmore {
        background-color: #ffb693;
}
/*
.article-body img {
	border:solid 3px #e9e9e9;
}
*/
.article-body img[align=left] {
	margin-right:10px;
}
.article-body img[align=right] {
	margin-left:10px;
}
.article-body blockquote {
	margin-left:1em;
	padding:8px;
	background:#b7b7b7;
	line-height:1.4;
}
#toppage .article-body-content {
    max-height: 400px;
    overflow: hidden;

}
.article-body-content{
        width: 640px;
}

.article-body-readmore {
	/* float: right; */
        padding: 3px 0;
        width: 70%;
        background-color: #ff8346;
        margin: 30px auto 30px;
        border-radius: 10px;
}

.article-body .article-body-readmore img {
	border:0;
	height:45px;
	width:199px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-body-readmore.png) 0 0 no-repeat;
}
.article-body-readmore a:hover img {
	filter:alpha(opacity=85);
	opacity:0.85;
}

.article-foot {
	margin:0 ;
	padding:10px 0;
	border-bottom:dashed 1px #ccc;
	background:#f5f5f5;
	font-size:14px;font-size:1.4rem;
        width: 100% ;
}
.article-foot-comment,
.article-foot-category,
.article-foot-date {
	float:right;
        margin-right: 10px;
}
.article-foot-comment dt {
	float:left;
	padding:3px 10px;
}
.article-foot-comment dd {
	float:left;
}
.article-foot-comment dd a {
	display:block;
	overflow:hidden;
	padding:0 0 0 6px;
	height:20px;
	width:38px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-foot-comment.gif) 0 0 no-repeat;
	color:#fff;
	font-size:13px;font-size:1.3rem;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}
.article-foot-category dt,
.article-foot-date dt {
	display:none;
}
.article-foot-category,
.article-foot-date{
	padding:3px 0;
}
.article-foot-category dd,
.article-foot-date dd {
	padding:0 10px;
}
.article-foot-category dd {
	float:left;
	border-right:solid 1px #000;
}

.first-article-ad {
	margin:18px 0 0 0;
}


/* =============================================== */
/** 10. 記事個別ページの記事部分 */
/* ----------------------------------------------- */

.article-pager {
	margin:15px 0;
}
.article-pager li {
	list-style:none;
	overflow:hidden;
	margin:7px 0 0;
	height:40px;
	font-size:14px;font-size:1.4rem;
	line-height:40px;
}
.article-pager li a {
	color:#000;
}
.article-pager li a:hover {
	text-decoration:none;
}
.article-pager li.article-pager-prev {
	padding-left:44px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-pager-prev.png) 0 0 no-repeat;
}
.article-pager li.article-pager-next {
	padding-right:44px;
	text-align:right;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-pager-next.png) right 0 no-repeat;
}
.article-body-more {
    width: 640px;
}
.article-body-more-ad {
	float: left;
	width:350px;
	margin:15px 0 0;
}

#article-body-more-twitter {
	clear:both;
	padding:30px 0 10px;
	text-align:center;
}
#article-body-more-twitter img {
	border:0;
	height:45px;
	width:275px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/article-body-more-twitter.png) 0 0 no-repeat;
}
#article-body-more-twitter a:hover img {
	filter:alpha(opacity=85);
	opacity:0.85;
}

.related-articles {
	margin:15px 0;
	font-size:14px;font-size:1.4rem;
}
.related-articles h3 {
	padding:0 0 0 12px;
	height:30px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/related-articles-h3.png) 0 0 no-repeat;
	font-weight:bold;
	line-height:30px;
}
.related-articles li {
	list-style:none;
	margin:13px 0;
	padding:0 0 0 23px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/related-articles-arrow.png) 12px 4px no-repeat;
	line-height:1.3;
}
.related-articles a {
	color:#33a9f4;
	text-decoration:underline;
}
.related-articles a:hover {
	text-decoration:none;
}

/* 2011/12/22追加 */
.social_btn {
	float: right;
	width:290px;
	margin: 15px 0 15px 0;
}

/* =============================================== */
/** 11. 記事個別ページのコメント部分 */
/* ----------------------------------------------- */

#comments h3 {
	overflow:hidden;
	margin:18px 0 15px;
	height:30px;
	width:193px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/comments-h3.png) 0 0 no-repeat;
	text-indent:-999em;
}

#comment_form {
	margin:15px 0 50px 10px;
	padding:16px 15px 6px;
	background:#f5f5f5;
	color:#1b2235;
}
#comment_form h4 {
	margin:0 0 15px;
	padding:0 0 8px;
	border-bottom:dotted 1px #848fa3;
	color:#4b4600;
	font-size:16px;font-size:1.6rem;
	font-weight:bold;
}
#comment_form p {
	margin:10px 15px;
	font-size:15px;font-size:1.5rem;
}
#comment_form textarea {
	height:150px;
	width:540px;
}
#comment-form-submit {
	text-align:center;
}

#comments .comment {
	position:relative;
	margin:10px 3px 10px 10px;
}
#comments .comment-head:after {
	content:url(https://blogmaterial.nicoblomaga.jp/material/54/img/comment-balloon.gif);
	position:absolute;
	top:2px;
	left:475px;
}
.comment-head {
	float:right;
/*	overflow-x:hidden; */
	width:128px;
	font-size:12px;font-size:1.2rem;
	text-align:right;
}
.comment-author {
	padding:3px 0 8px 25px;
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/comment-author.png) 5px 1px no-repeat;
	color:#33a9f4;
	font-size:14px;font-size:1.4rem;
	line-height:1.1;
	text-align:left;	
}
.comment-date dt {
	display:none;
}
.comment-date dd {
	padding:0 0 5px;	
	white-space:nowrap;
}
.comment-id * {
	display:inline;	
}
.comment-reply {
	padding:5px 0;	
}
.comment-reply a {
	text-decoration:underline;
}
.comment-reply a:hover {
	color:#666;
	text-decoration:none;
}
.comment-rate dt {
	display:none;
}
.comment-rate dd {
	float:right;
}
.comment-rate-button input {
	margin-left:5px;
	height:19px;
	width:24px;
	vertical-align:middle;
}
.comment-good {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/comment-good.png) 0 0 no-repeat;
}
.comment-bad {
	background:url(https://blogmaterial.nicoblomaga.jp/material/54/img/comment-bad.png) 0 0 no-repeat;
}
.comment-rate dd input:hover,
.comment-rate dd input:focus {
	filter:alpha(opacity=85);
	opacity:0.85;
}
.comment-rate dd input[disabled] {
	filter:alpha(opacity=30);
	opacity:0.30;
}
.comment-rate-point {
	height:19px;
	font-weight:bold;
	line-height:19px;
}
.comment-body {
	float:left;
	overflow:hidden;
	padding:10px 13px;
	border:solid 2px #DEE4E6;
	min-height:75px;
	height:auto !important;
	height:75px;
	width:447px;
	background:#fbfeff;
	font-size:14px;font-size:1.4rem;
	line-height:1.4;
	word-wrap: break-word;
}

/* =============================================== */
/** 12. ソーシャルバナーボタン */
/* ----------------------------------------------- */

.social-btn {
float: right;
width: 280px;
}

.social-btn ul {
list-style-type: none;
margin: 20px 0 0 -8px;
}

.social-btn ul li {
margin: 0 0 12px 0;
}

/* =============================================== */
/** Ex. Twitterなど */
/* ----------------------------------------------- */

.article-head-twitter{

float: right;
margin: 6px;
}

.twitter-share-button {
/* width:66px !important; */
}

a.btn#b {

}

.hfloat{
	line-height: 110%;
	width: 290px;
	float: left;
	padding: 0 ;
	text-align: left;
}

/* =============================================== */
/** サイドバーAmazon */
/* ----------------------------------------------- */

.amzsh_item {
margin:0;
}


.amzsh_image {
    margin: 0 0 -40px;
}


.amzsh_title a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}


.amzsh_title {
    background-color: #2C2C2C;
    line-height: 16px;
    max-height: 64px;
    min-height: 40px;
    opacity: 0.8;
    overflow: hidden;
    padding: 3px;
}

form#cse-search-box{
margin:0 0 15px 15px;
}

/* adset */
.adset-Cover {
	margin: 0 0 30px 0;
	padding:0;
	width:100%;
}

.adset {
	margin:0 auto;
	padding:0;
	width:620px;
	height:250px;
}

.adset-noCenter {
	margin:0;
	padding:0;
	width:620px;
	height:250px;
}

.adset-Left {
	margin:0;
	padding:0;
	float: left;
}

.adset-Right {
	margin:0;
	padding:0;
	float: right;
}
.adsbox {
margin: 10px auto;
}
#BlogParts_aList3 {
	/* height: 250px; */
}

#BlogParts_bList4 ul {
	height: 485px;
}

#BlogParts_bList4 ul li  {
	margin: 10px 0;
	content: '';
    display: block;
    clear: both;
    height: 100%;
}

#BlogParts_bList4 a {
	padding: 5px;
}

#BlogParts_bList4 img {
	float: left;
  	margin: 10px 10px 10px 0px;
}
/* sponsored link */
.sponsored-link {
    text-align: center;
    color: #333333;
    font-size: 16px;
    margin-bottom: 5px;
}

}

/* Social Link */
.sns_top{
  margin-top:25px;
}
.social_link{
margin: 0px 0px 10px 10px;
}
.social_link li{
text-align: left;
display: inline-block;
margin: 0px 3px 0;
}
/* SNS */
iframe.twitter-share-button {
  width: 101px;
}
/* gifplayer */
ins.play-gif{
	position: absolute;
	font-family: Arial, sans serif;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	background: #222;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	opacity: .9;
	border: 4px solid #fff;
	cursor:pointer;
	text-decoration: none;
}

ins.play-gif:hover{
	opacity:.5;
}

.gifplayer-wrapper{
	position:relative;
}

.spinner {
	height:50px;
	width:50px;
	margin:0px auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left:6px solid rgba(256,256,256,.15);
	border-right:6px solid rgba(256,256,256,.15);
	border-bottom:6px solid rgba(256,256,256,.15);
	border-top:6px solid rgba(256,256,256,.8);
	border-radius:100%;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}
/* サイドバー */
.side ul li {
    position: relative;
    min-height: 80px;
}
.side ul li span.rank {
position: absolute;
top: 30px;
left: 5px;
display:block;
}
.side ul li span.subject {
position: absolute;
    top: 10px;
    left: 110px;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 58px;
}
.side ul li img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    left: 40px;
    top: 10px;

}
.side select {
    margin: 15px 0;
}