@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
Name   : blogmedia/2ch_cobaltblue_2c
==================================================
*/

/* Table of Contents
==================================================
	01. Text - フォント・リンク
	02. Layout - 全体の枠組み
	03. Title - ブログタイトルエリア
	04. SubTitle - アーカイブタイトルエリア
	05. Pager - ページャ
	06. Main - 記事エリア
	07. Option - トラックバック・コメントエリア
	08. Sub & Extra - プラグインエリア
	09. Header & Footer - ヘッダー・フッター
	10. Others - ADエリア etc.
==================================================
*/










/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */

* {
	word-break: break-all;
}

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,b,i {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: .8em;
}


a:hover {
	text-decoration: none;
}


table#header a:link
, table#header a:active
, table#header a:visited
, table#header a:hover {
	color: #eee;
}

h1#blog-title a {
	font-size: 170%;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}


h1#blog-title a:link
, h1#blog-title a:active
, h1#blog-title a:visited {
	color: #fff;
	text-decoration: none;
}

h1#blog-title a:hover {
	color: #fff;
	text-decoration: underline;
}

p#blog-description {
	color: #66cbff;
}

h2.archives-title {
	color: #333;
}




div#main a:link
, div#main a:active {
	color: #06c;
	text-decoration: none;
}
div#main a:visited {
	color: #9a66cb;
	text-decoration: none;
}
div#main a:hover {
	color: #09f;
	text-decoration: underline;
}


div#sub a:link
, div#sub a:active
, div#extra a:link
, div#extra a:active {
	color: #06c;
	text-decoration: none;
}
div#sub a:visited
, div#extra a:visited {
	color: #9a66cb;
	text-decoration: none;
}
div#sub a:hover
, div#extra a:hover {
	color: #06c;
	text-decoration: underline;
}



div#main h1.article-title a:link
, div#main h1.article-title a:active
, div#main h1.article-title a:visited {
	color: #242424;
	text-decoration: none;
}

div#main h1.article-title a:hover {
	text-decoration: underline;
}


div#main h2.article-title a:link
, div#main h2.article-title a:active
, div#main h2.article-title a:visited {
	color: #242424;
	text-decoration: none;
}

div#main h2.article-title a:hover {
	text-decoration: underline;
}

div#main ul.article-post li a:link
, div#main ul.article-post li a:active
, div#main ul.article-post li a:visited
, div#main ul.article-post li a:hover {
	color: #777;
}

div#main dl.article-category dd a:link
, div#main dl.article-category dd a:active
, div#main dl.article-category dd a:visited
, dl.article-category dd a:hover {
}

div#main div.pager a {
}

div.article-date-outer {
	color: #999;
}

ul.ping-info li.ping-date
, ul.comment-info li.comment-date {
	color: #8d8d8d;
}

div.sidetitle {
	color: #fff;
}

div#sub div.sidetitle a
, div#extra div.sidetitle a {
	color: #fff;
}

div#sub table.caltblday a:visited
, div#extra table.caltblday a:visited {
	color: #777;
}

.footer-outer
, .footer-outer a {
}

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
	margin: 0;
	padding: 0;

}

div#container {
}

* html div#container {
	position: relative;
	top: -1px;
}
*:first-child+html div#container {
	position: relative;
	top: -1px;
}


div#content {
	width: 1106px;
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#main
, div#sub
, div#extra {
	overflow: hidden;
}






/* 2col */
.message-board-outer {
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_headline_btm.gif) repeat-y;
}

.message-board-outer-2 {
	padding: 10px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_headline_top.jpg) no-repeat;
}


div#main {
	float: left;
	display: inline;
	width: 760px;
}

div#main div.column-inner {
	padding-top: 2px;
}

div#sub {
	float: right;
	display: inline;
	width: 326px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_side_middle.gif) repeat-y left top;
}

div#extra div.column-inner {
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_side_btm.gif) no-repeat left bottom;
}
div#sub div.column-inner-2 {
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_side_top.gif) no-repeat left top;
}

div#sub div.column-inner-2,
div#extra div.column-inner-2 {
	padding: 12px 13px;
}


div#extra {
	clear: right;
	float: right;
	display: inline;
	width: 326px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/2c_side_middle.gif) repeat-y left top;
}

div#extra div.column-inner {}


div.calendarheadbody,
div.sidetitlebody {
	margin-bottom: 10px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/2c_ttl_btm.gif) no-repeat left bottom;
	color: #fff;
}

div.calendarheadbody div.calendarhead,
div.sidetitle {
	padding: 5px 0 7px 15px;
	text-align: left;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/2c_ttl_top.gif) no-repeat left top;
	font-weight: bold;
}

div.side {
	margin: 0 0 30px 0;
	text-align: left;
}






/* ----------------------------------------------- */
/** clearfix */

div#container:after
, div#content:after
, ul.article-navigator:after
, ul.archives-navigator:after
, div.article-body:after
, div.article-body div.article-body-more:after
, div#trackback-form ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/** hasLayout */
div.blog-title-outer
, h2.archives-title
, div.article-body
, div.article-footer
, h2.article-title
, div.pager
, ul
, div.index-navigator-outer {
	height: 1%;
}

/** peek-a-boo bug */
div#trackback-form
, div#trackbacks-list
, div#comments-list
, div#comment-form {
	height: 1%;
}

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */

div.blog-title-outer {
	min-height: 122px;
/*	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/header.gif) repeat-x top;*/
	text-align: center;
}

div.blog-title-outer-2 {
	width: 996px;
	margin: 0 auto;
}

div.blog-title-outer-3 {
	padding: 20px 10px 15px;
}


h1#blog-title {
	font-size: 150%;
	font-weight: bold;
}

div.blog-description-outer {}

p#blog-description {
	margin: 0;
	padding: 4px 0 0 0;
	line-height: 135%;
}

/* =============================================== */
/** 04. SubTitle - アーカイブタイトルエリア */
/* ----------------------------------------------- */

div.archives-title-outer {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	padding-bottom: 0px;
	text-align: center;
	font-size: 1.2em;
	background: #FFFFFF;
	border-style: solid; 
        border-color:#cccccc;
	border-width: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.archives-title-outer-2 {}

div.archives-title-outer-3 {}

h2.archives-title {
	padding: 5px;
	text-align: center;
	font-size: 160%;
}

/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */

div.pager {
	margin-bottom: 10px;
	text-align: left;
}

div.pager-inner {
	padding-bottom: 15px;
}

div.index-navigator-outer
, div.archives-pager-outer
, div.article-pager-outer {}

/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

ul.index-navigator {
	padding-top: 15px;
	font-size: 1em;
}

ul.index-navigator li a {
	padding: 0 7px;
}

/* ----------------------------------------------- */
/** ArchivesPager - アーカイブページ */

ul.archives-pager {
	padding-top: 15px;
	font-size: 1em;
}

ul.archives-pager li {
	padding: 2px 5px;
}

ul.archives-pager li a {
	padding: 0 5px;
}

ul.archives-pager li.both {
	border-left: 1px solid #575e69;
}

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

ul.article-pager {
	padding-top: 15px;
	font-size: 1em;
}

ul.article-pager li {
	float: left;
	width: 49%;
	line-height: 1.25;
}

/* = special tech ... borderの高さを揃えるため */
ul.article-pager {
	overflow: hidden;
}

ul.article-pager li {
	padding-top: 1px;/* 1px余白（上部） */
	padding-bottom: 100px;
	margin-bottom: -99px;/* 1px余白（下部） */
}

ul.article-pager li a {
	display: block;
	margin: 0 10px;
}

ul.article-pager li.prev {
	text-align: right;
}

ul.article-pager li.next {
	text-align: left;
}

ul.article-pager li.both {
	border-left: 1px solid #8d8d8d;
}

/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */

div.article-outer {
	margin-bottom: 35px;
	text-align: left;
	border: solid 2px #cccccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.article-outer-2 {}

div.article-outer-3 {}

/* ----------------------------------------------- */
/** 記事ヘッダー */

div.article-header {
	padding: 8px 0;

}

/*** 日付 */
div.article-date-outer {
	float: left;
	font-size: 120%;
	font-weight: bold;
}

div.article-date-outer span.article-date {
	margin-right: 3px;
	margin-right: 0.25em;
}

div.article-date-outer span.article-time {}

/*** カテゴリ */
div.article-category-outer {
	float: left;
}

div.article-category-outer dl.article-category {
	padding-left: 20px;
	line-height: 1.25;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_categry.gif) no-repeat 0 0;
}

div.article-category-outer dl.article-category dt
, div.article-category-outer dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size: 1em;
}

div.article-category-outer dl.article-category dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}

/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category div.article-category-outer {
	display: none;
}

/** 記事タイトル */
div.article-title-outer {
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: solid 5px #4486ba;

}

h1.article-title {
	clear: left;
	margin: 0;
	font-size: 150%;
	font-weight: bold;
}


h2.article-title {
	clear: left;
	margin: 0;
	font-size: 150%;
	font-weight: bold;
}



div.article-tool-box-header {
	float: right;
        height:16px;

}

div.article-title-sub-outer{
        height:16px;
	margin-left: 10px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid 5px #99ccff;
	border-top:dotted 1px #99ccff;
	border-bottom:dotted 1px #99ccff;
	background-color:#FDFDFD;

}

.comeup{
vertical-align:middle;

}


/* ----------------------------------------------- */
/** 記事本文 */

div.article-body {
	clear: both;
	background-color: transparent;
	padding: 10px 10px 5px;
	line-height: 170%;
}

div.article-body-inner {
	overflow: hidden;
 
}

/*** 続きを読む */
div.article-body span.article-continue {
	display: block;
	margin-top: 1em;
}

div.article-body div.article-body-more
, div.article-body div.article-body-private {
	clear: both;
	margin-top: 1em;
}





div.article-body h1 {
	padding: 5px 0 5px 5px;
	border-bottom: solid 1px #878787;
	border-left: solid 7px #878787;
	margin: 10px 0;
	font-size: 180%;
}
div.article-body h2 {
	padding: 5px 0 5px 5px;
	margin: 10px 0;
	border-bottom: solid 1px #878787;
	border-left: solid 7px #878787;
	font-size: 150%;
}
div.article-body h3 {
	margin: 10px 0;
	font-size: 130%;
}
div.article-body h4 {
	font-size: 120%;
	margin: 10px 0;
}
div.article-body h5 {
	font-size: 110%;
	margin: 10px 0;
}
div.article-body h6 {
	font-size: 105%;
	margin: 10px 0;
}

div.article-body ol {
	margin: 10px 20px;
}
div.article-body ul {
	margin: 10px 15px;
}

div.article-body dt {
	font-weight: bold;
}

div.article-body dd {
	margin-left: 1em;
}

/*** blockquote & pre */
div.article-body pre {
	background-color: #f2f1c1;
	margin: 5px 0;
	padding: 5px 15px;
}

div.article-body blockquote {
	padding: 5px 15px;
	margin: 5px 10px;
	border: solid 1px #cc9;
}




/*** img */
div.article-body img.pict {
	margin: 0 5px 5px 0;
}

/*** 共通テーマ */
body.default_2008 dl.common-theme {
	margin: 0 10px 25px;
}

/*** 記事タグ */
body.default_2008 dl.article-tags {
	margin: 25px 0 0;
}


dl.article-tags {
	background-image: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tag.gif)!important;
}

dl.article-tags dt {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}



/*** プライベートモード */
div.private-mode-announcement {
	border-color: #858585;
	line-height: 135%;
	font-size: 1em;
}

/* ----------------------------------------------- */
/** 記事フッター */

div.article-footer {
	margin: 15px 0 0 0;
	border: solid 1px #d1d1d1;
	padding: 1px;
	background-color: #ffffff;
}

ul.article-post {
	padding: 5px 6px 3px;
	background: #f0f0f0;
	text-align: right;
	overflow: hidden;
}

ul.article-post li {
	min-height: 16px;
	font-size: 82%;
}


ul.article-post li.article-comment-count {
	padding: 3px 5px 3px 20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_comment.gif) no-repeat 0 1px;
}
ul.article-post li.article-trackback-count {
	padding: 3px 5px 3px 20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tracback.gif) no-repeat 0 0;
}

ul.article-post li.article-author {
	margin-left: 10px;
}

ul.article-post li.article-author,
ul.article-post li.article-tool-box {
	float: left;
}



/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

div#article-options {
	background-color: #ffffff;
	padding: 10px 20px;
}

div.article-option {
	padding: 15px 0;
}

div.article-option h3 {
	margin: 0 10px 15px 10px;
	padding: 0 0 5px 0;
	font-size: 100%;
	border-bottom: 1px solid #ddd;
}

/*** 指定しやすいようstyleReset */
	h4.ping-title
	, ul.ping-info
	, ul.ping-info li
	, ul.comment-info
	, ul.comment-info li {
		padding: 0;
		margin: 0;
	}

	ul.ping-info li
	, ul.comment-info li {
		list-style-type: none;
	}

/* ----------------------------------------------- */
/** トラックバックURL */

div#trackback-form ul {
	margin: 0 30px;
	padding: 0;
}

div#trackback-form ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

div#trackback-form ul li.trackback-form-url {
	width: 100%;
	margin-right: -90px;
}

div#trackback-form ul li.trackback-form-url span input {
	width: 100%;
}

div#trackback-form ul li.trackback-form-url span {
	display: block;
	padding-right: 100px;
	/* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}

div#trackback-form ul li.trackback-form-submit {
	width: 80px;
}

div#trackback-form ul li.trackback-form-submit input {}

/* ----------------------------------------------- */
/** トラックバック一覧 */

div.trackback-set {
	padding: 0 0 10px 20px;
	font-size: 1em;
}

h4.ping-title {
	display: inline;
	font-size: 100%;
	font-weight: normal;
}

ul.ping-info {
	display: inline;
}

ul.ping-info li.ping-blog-name {
	display: inline;
	margin-left: 20px;
}

ul.ping-info li.ping-blog-name span {
	margin: 0 10px;
}

ul.ping-info li.ping-date {
	display: inline;
	margin-left: 10px;
}

ul.ping-info li.ping-excerpt {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

ul.ping-info li.ping-excerpt img.trackback-rating {}

/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
	padding: 0 0 20px 20px;
	font-size: 1.1em;
        border-top:dotted 1px #aaaaaa;
}

ul.comment-info li.comment-author {
	display: inline;
}

ul.comment-info li.comment-date {
	display: inline;
	margin-left: 10px;
}

ul.comment-info li {
	display: inline;
}

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;

}

ul.comment-info li.comment-body img.trackback-rating {}

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

div#comment-form-body {
	padding: 15px 0 15px 50px;
}

div#comment-form-body table {
	border: 0;
	width: 90%;
	line-height: 25px;
	font-size: 1em;
}

div#comment-form-body table th {
	width: 4em;
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
}

input#author {
	width: 65%;
}

input#email {
	width: 65%;
}

input#url {
	width: 85%;
}

input#bake {
	margin: 0 0 0 5px;
}

textarea#text {
	width: 90%;
	height: 250px;
}

input.button {
	margin-top: 10px;
	width: 80px;
}

div#comment-form-body table tr.input-etc td {
	padding-top: 6px;
}

label.input-rating {
	margin-left: 20px;
}

label.input-rating select {
	margin-left: 3px;
}

label.input-rating-face {
	margin-left: 5px;
}

label.input-rating-star {}

div#comment-form-body table tr.submit td {
	text-align: center;
}

/*** コメント認証 */
div.comment-auth-announcement {
	margin: 10px 0;
	border-color: #858585;
	font-size: 1em;
}

div.comment-auth-announcement p a {
	margin: 0 3px;
}


/* 関連記事 */
div.article-body div.related-articles{
	position:relative;
	padding:10px 0px 5px;
	margin:20px 0 10px;
    }

div.article-body div.related-articles h3{
        background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/a/8/a8660b5c.png") 0% 50% no-repeat;
        padding-left:30px;
	font-size:18px;
	line-height: 28px;
    }

div.article-body div.related-articles ul{
	line-height: 24px;
	font-weight:bold;
	font-size:15px;
	padding:0 0px;
	margin:0.5em 0;
    }

div.article-body div.related-articles ul li{
	list-style:none;
	padding-left:20px;
	margin-bottom: 3px;
	border-bottom:1px dotted #999999;
	background:url(http://livedoor.blogimg.jp/newstwo-channel/imgs/9/c/9cabff00.png) no-repeat 3px 4px;
	zoom:1;
    }

div.article-body div.related-articles ul li a{
	color:#0043B3;
	text-decoration: none;
    }


/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */


div.sidetop
, div.sidebottom {
	display: none;
}


div.sidebody {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

div.sidebody {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/arrow.gif) no-repeat 0 4px;
	font-size: 95%;
}


div.sidewrapper {}

.sidewrapper .side .sidebody.category-child {
	padding-left: 12px;
}


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

div.calendarheadbody {}
div.calendarheadbody div.calendarhead {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

div#sub div.calendarheadbody div.calendarhead a
, div#extra div.calendarheadbody div.calendarhead a {
	color: #fff;
}

div.caltop
, div.calbottom {
	display: none;
}

div.calbody {}

table.caltbl {
	width: 180px;
	margin: 0 auto;
	border: 0;
}
div.calbody table.calendartable {}
td.caltblwkbg {}
td.calendarwd {}
td table.caltblwk td {
	_font-size: 1em;
	font-weight: bold;
	height: 20px;
}

td table.caltblwk td.weekday {}
td table.caltblwk td.sat {}
td table.caltblwk td.sun {}
td table.caltblwk td span.calendarweek {}
td.caltbldaybg {}
td table.caltblday {
	margin: 0 auto 25px;
	width: 180px;
	color: #8d8d8d;
	_font-size: 82%;
}
td table.caltblday td {
	width: 20px;
	height: 24px;
	padding: 0;
	text-align: center;
}
td table.caltblday td.caloff {}
td table.caltblday td.calendard {}
td table.caltblday td.calon {}
td table.caltblday td.calon a {}
td table.caltblday td.calendardbg {}
td table.caltblday td span.calendar {}

/* ----------------------------------------------- */
/** プロフィール（プラグイン） */

.nickname {
	font-weight: bold;
	margin: 10px 0;
}

.message {
	text-align: left;
	line-height: 125%;
}








ul.galleryThumbnail {
	text-align: center;
}





/* ----------------------------------------------- */
/** LDServices */

ul#ld-services {
	padding-top: 20px;
}

/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */

table#header {
	border-bottom: solid 1px #4988bb;
	font-size: 12px;
	background: #1b6aa8;
	color: #eee;
}

/* ----------------------------------------------- */
/** Footer */
#footer_area {
	margin: 1;
}


div.footer-outer {
 //       color:#FFFFFF;
	width: 100%;
	margin: auto auto;
	padding: 10px 0;
	background: #4486ba;
	text-align: center;
	height:670px;
}

div.footer-outer-2 {
        width: 1106px;
//	height:25px;
//	height:490px;
	margin: auto auto;
}

div.footer-outer-3{
	float: left;
        padding : 10px;
        margin: 10px;
        width:250px;

}

div.footer-outer-4{
	float: left;
        padding : 10px;
        margin: 10px;
        width:470px;
       color:#FFFFFF;
	text-decoration:none;

}

div.footer-text{
        color:#ff9900!important;
        font-size:18px !important;
        margin: 10px;
	font-weight: bold;


}

div.footer-content{
        color:#ffffff;
	text-align: left;
        font-size:14px !important;
	overflow-y:auto;
	height:490px;
}


.clear {
	 clear:both;
}

div#footer-link-outer {}

div#footer-link-outer a{
	color:#ffffff !important;
	border-bottom:1px dotted #CCCCCC !important;
	display:block !important;
        padding:2px;
	text-decoration:none;

}

div#footer-link-outer a:hover{
	color:#4486ba !important;
	background-color:#ffffff !important;
	text-decoration:none !important;
	text-decoration:none;
        padding:2px;

}

div#footer p {}

/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

div#ad {
	overflow: hidden;
	text-align: center;
}

div#ad iframe {
	margin: 10px auto;
}

div.gAdsense {
	padding: 10px 0;
}

body.ad {
	background: transparent;
	text-align: left;
}

a.adtitle {
	color: #0000ff!important;
	font-weight: bold;
}

a.adtitle span {
	font-size: 14px!important;
}

a.addescription {
	color: #000000!important;
}

a.addescription span {
	font-size: 13px!important;
}

a.adurl {
	color: #1b8d1c!important;
	text-decoration: none;
}

a.adurl span {
	font-size: 13px!important;
}

a.adld {
	color: #666666!important;
	text-decoration: underline;
	font-size: 110%;
}

div.ads-become a {
	color: #0000ff !important;
}

div.ads-become .adsbybecome a {
	color: #666666!important;
}


/* =============================================== */
/** 11. ユーザー追加エリア. */
/* ----------------------------------------------- */

.AA{
        line-height:100%;
        font-family: 'ＭＳ Ｐゴシック';
}

div.resbox{
        padding:5px;
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	margin-right:8px;
 //      border-style:dotted;
 //       border-width:1px 1px 1px 1px;
 //      border-color:cornflowerblue;
        background-color:#EBFAF9;
}

div.blobox{
        padding:5px;
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	margin-right:8px;
 //      border-style:dotted;
 //       border-width:1px 1px 1px 1px;
 //      border-color:cornflowerblue;
        background-color:#ffffe0;
}

div.combox{
        padding:5px;
        border-style:dotted;
        border-width:1px 1px 1px 1px;
        border-color:cornflowerblue;
        background-color:#F5F5F5;
}

div.amabox{
        padding:5px;
        border-width:1px 1px 1px 1px;
	margin-right:8px;
        border-color:cornflowerblue;
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}

.t_anchor{
        color:#0066ff;
        font-size: 14px;
}

.afbox { 
	display:block;
	padding:5px;
	border-style:dotted;
	border-width:1px 1px 1px 1px;
	border-color:cornflowerblue;
	background-color:#F5F5F5;
} 

.afbox a {
	color:#0044cc;
	text-decoration:none;
	background:#f9f9f9;
}
.afbox a:hover {
	color:#0054ff;
	background:#f4f4f4;
	text-decoration:none;
}

#menunavi{
	margin: 0;
	padding: 0;
	height:30px;
	font-size:15px;
	*font-size:15px;
    background:url(http://watch2ch.2chblog.jp/img/menu/parts.png) ;
}

#menunavi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menunavi li{
	float: left;
	margin: 0;
	padding: 0;

}

#menunavi a{
	text-align: center;
        height:22px;
	display:block;
	padding: 7px 10px 3px 10px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	border:1px solid #FFFFFF;
}

#menunavi a:hover{
	background-color:#67CCCC;
	color: white;
	font-weight: bold;
	text-decoration: none;
	bordert:1px solid #FFFFFF;
}

.readmore { 
margin:0px -0px 12px 0;
padding-top:5px;
line-height:34px; 
width:70%;
} 
.readmore a {
display:block;
height:33px;
color:#0044cc;
font-size:12pt;
font-weight:bold;
text-align:center;
text-decoration:none;
background:#f9f9f9;
border-radius:3px;
border:solid 1px #d2d2d2;
-moz-border-radius:3px; 
}
.readmore a:hover {
color:#0054ff;
background:#f4f4f4;
border:solid 1px #cdcdcd;
text-decoration:none;
}
.readmore { margin-top: 10px; } 

div#sub table.caltblday a:link
, div#extra table.caltblday a:link {
	color: #0066FF;
}

div#sub table.caltblday a:visited
, div#extra table.caltblday a:visited {
	color: #0066FF;
}

div#footer p
, div#footer p a {
	color: #FFFFFF;
}

.etc-title{
	margin-left: 10px;
	padding-left: 10px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;

}

.rss01-title{
	margin-left: 10px;
	padding-left: 40px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;
        background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/6/9/6962d2c7.png") 0% 50% no-repeat;
}

.rss02-title{
	margin-left: 10px;
	padding-left: 40px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;
        background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/e/c/ecc334a5.png") 0% 50% no-repeat;
}

.ranking-title{
	margin-left: 10px;
	padding: 5px;
	padding-left: 40px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;
        background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/4/b/4b891506.png") 0% 50% no-repeat;
}

.amazon-title{
	margin-left: 10px;
	padding: 5px;
	padding-left: 40px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;
        background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/6/c/6c9bd447.gif") 0% 50% no-repeat;
}

.etc-title{
	margin-left: 10px;
	padding: 5px;
	padding-left: 10px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;

}

.commet-title{
        padding-left: 40px;
	font-size: 150%;
        color:#333333;
	font-weight: bold;
        background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/3/b/3ba8151d.png") 0% 50% no-repeat;
}

.etc2-title{
	margin-left: 0px;
	padding: 2px;
	padding-left: 10px;
	font-size: 120%;
        color:navy;
	font-weight: bold;
        border-top:solid darkslateblue 1px;
        border-bottom:solid darkslateblue 1px;
	border-left:solid darkslateblue 5px;

}

.linkurl{

    background:url("http://www.watch2chan.com/external-link-blue.png") 0% 50% no-repeat;
//    background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/9/c/9cabff00.png") 0% 50% no-repeat;
    margin:10px ;
    padding:0 0 0 15px;
    font-size:16px;
    font-weight: bold;
    line-height:1.8;
    font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    text-align:left;
}

.amalinkurl{
    background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/7/9/79984481.gif") 0% 50% no-repeat;
    margin:10px ;
    margin-left:10px;
    padding:0 0 0 20px;
    font-size:12px;
    font-weight: bold;
    line-height:1.4;
    font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    text-align:left;
}

.amalinkurl2{
    background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/7/9/79984481.gif") 0% 50% no-repeat;
    margin:10px ;
    padding:0 0 0 20px;
    font-size:16px;
    font-weight: bold;
    line-height:1.8;
    font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    text-align:left;
}

.mylinkurl{
    background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/1/8/18745d2f.png") 0% 50% no-repeat;
    margin:10px ;
    padding:0 0 0 20px;
    font-size:16px;
    font-weight: bold;
    line-height:1.8;
    font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    text-align:left;
}


.linksite{
    background:url("http://livedoor.blogimg.jp/newstwo-channel/imgs/9/c/9cabff00.png") 0% 50% no-repeat;
    margin:10px ;
    padding:0 0 0 12px;
    font-size:16px;
    font-weight: bold;
    line-height:1.8;
    font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    text-align:left;
}

.linksite a
, .linksite a:active
, .linksite a:visited { 
        color:#FFFFFF !important;
	text-decoration:none;
}

.linksite a:hover{
	background-color:#4486ba;
        color:#ff9900 !important;
	text-decoration:none;
}


.pickup_new{
//	font-size: 16px;
	font-weight: bold;
	width:100%;
	overflow-y:hidden; 

}

.pickup_new a
, .pickup_new a:active
, .pickup_new a:visited {
        color:#FF0000;   !important;
	display:block;
	text-decoration:none;
}

.pickup_new a:hover{
//	padding-left:20px;
  //      padding-top:3px;
	background-color:#4486ba;
        color:#FFFFFF !important;
	text-decoration:none;
}


.pickup_url{
	font-size: 16px;
	font-weight: bold;
	width:100%;
	overflow-y:hidden; 

}

.pickup_url a
, .pickup_url a:active
, .pickup_url a:visited {
        color:#FF0000;   !important;
	display:block;
	text-decoration:none;
}

.pickup_url a:hover{
	padding-left:20px;
        padding-top:3px;
	background-color:#4486ba;
        color:#FFFFFF !important;
	text-decoration:none;
}

.pickup_url_ounter1{
	height:100px;
	overflow:hidden;
}

.pickup_url_ounter2{
	line-height: 28px;

}

.url_2ch{
	font-size: 10px;
        text-align:right !important;
        color:#999999!important;
}

.hatena-bookmark-widget * {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 100%;
  line-height: 1.4;
}


.hatena-bookmark-widget {
  font-size: 14px;
  width: 273px !importnat;
  border-bottom: none;
  text-align: center;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-title {

 display:none;

}
.hatena-bookmark-widget div.hatena-bookmark-widget-title img {
  margin-right: 5px;
  margin-bottom: -2px;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-title a {
  display: block;
  color: #fff;
  padding: 7px 3px;
  background: url(/images/widget/head.gif) right top no-repeat;
  margin-right: -5px;
}


.hatena-bookmark-widget a:link {
  color:black; 
  text-decoration: none;
}
.hatena-bookmark-widget a:visited {
  color:black; 
  text-decoration: none;
}
.hatena-bookmark-widget a:active {
  color:red; 
  text-decoration: none;
}
.hatena-bookmark-widget a:hover {
  text-decoration: underline;

}
.hatena-bookmark-widget ul {
  list-style-type: none;
  border: 0px !important;
  border-bottom: none !important;
  background: #4486ba!important;

}

.hatena-bookmark-widget ul li {
  font-size: 14px !important;
 color: #ffffff! important;
  padding:0 !important;
  margin: 0 !important;
  border-bottom: 1px dotted #FFFFFF !important; 
  text-align: right;
  
  position: relative;
  background: none;
}

.hatena-bookmark-widget ul li a {
 color: #ffffff! important;
}

.hatena-bookmark-widget ul li a:hover {
 color: #4486ba! important;
text-decoration:none;
background:none;
background-color: #FFFFFF;
}

.hatena-bookmark-widget ul li a:visited {
 color:#FFFFFF;
text-decoration:none;
background:none;
}

.hatena-bookmark-widget ul li * {
  vertical-align: bottom;
}

.hatena-bookmark-widget ul li img {
  margin-left: .5em;
}

.hatena-bookmark-widget ul li a.hatena-bookmark-entrytitle {
  display:block;
  text-align: left;
  padding: 5px 0;
  height: 2em;
}

.hatena-bookmark-widget ul li span.hatena-bookmark-nocount {
  display: block;
  padding-top:1em;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.hatena-bookmark-widget ul li.isfirst {
  background: url(/images/widget/load.gif) no-repeat center center;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-footer {
  display:none !important;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-footer a {
  display: block;
   
  padding: 7px 0;
  margin-right: -5px;
  overflow: hidden;
}
.hatena-bookmark-widget div.hatena-bookmark-widget-footer a span {
  display: block;
    text-indent: -9999em;
}
.hatena-bookmark-widget span.hatena-bookmark-count {
  position: absolute;
  bottom: 3px;
right: 0px !importnat;


}
.hatena-bookmark-widget span.hatena-bookmark-count a {
  text-decoration: underline;
}

.hatena-bookmark-widget span.hatena-bookmark-count a:hover{

color:#fff !important;
text-decoration: none;

}

.hatena-bookmark-widget span.hatena-bookmark-count em a {
 background: #FFCCFF !important;
  font-weight: bold;
  display: inline;
  font-style: normal;
  color: red !important;
padding:3px 6px;
font-size:12px !important;
}

.hatena-bookmark-widget span.hatena-bookmark-count  strong a {
  background-color: #FFCCFF !important;
  font-weight: bold;
  font-style: normal;
  display: inline;
  color: red !important;
padding:3px 6px;
font-size:12px !important;

}

.hatena-bookmark-widget span.hatena-bookmark-count  strong a:hover{

color:#fff !important;
text-decoration: none;

}

#fixfooter {
	width: 41px;
	height: 211px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 666;
}

* html #fixfooter {
	width: 41px;
	height: 211px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 666;
}

#fixfooter ul {
	margin: 0;
	padding: 0;
}

#fixfooter ul li {
	list-style: none;
	width: 41px;
	margin: 0;
	padding: 0;
}

#fixfooter li img {
	border: 0 !important;
	vertical-align: bottom;
}

#fixfooter img {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#fixfooter a:hover img {
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

body#index #fixfooter {
	width: 41px;
	height: 69px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 666;
}

* html body#index #fixfooter {
	width: 41px;
	height: 69px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 666;
}

body#archives #fixfooter {
	width: 41px;
	height: 139px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 666;
}

* html body#archives #fixfooter {
	width: 41px;
	height: 139px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 666;
}

#menue-navi1 {
	background: #FFFFFF;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 10px;
　　　　border-top:solid #cccccc 2px;
	width: 720px;
		
}
#menue-navi1 li {
	float: left;
	font: 100% ;
	margin: 0;
	padding:3px;
}
#menue-navi1 a {
	background: #FFFFFF ;
	color: #4486ba  !important;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}

#menue-navi1 a:hover {
	background: #4486ba;
	color: #FFFFFF  !important;
	padding-bottom: 8px;
}

#menue-navi2 {
	background: #FFFFFF;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 10px;
　　　　border-top:solid #cccccc 2px;
	width: 720px;
		
}
#menue-navi2 li {
	float: left;
	font: 100% ;
	margin: 0;
	padding:3px;
}
#menue-navi2 a {
	background: #FFFFFF ;
	color: #4486ba  !important;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
border: solid 2px #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#menue-navi2 a:hover {
	background: #4486ba;
	color: #FFFFFF  !important;
	padding-bottom: 8px;
}

.menue-outer1 {
	
	width: 720px;
	margin: 0px 0px 0px 0px;
        margin-bottom:50px;
	background: #ffffff;
	font-weight: bold;
}

.menue-outer2 {
	margin-bottom:0px;
}


.menue-outer3 {
	width: 714px;
	margin: 0 0;	
	background: #FFFFFF;
}


div.rssframe{
	background: #FFFFFF ; 
	height: 260px; 
	padding:3px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom: 10px; 
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);

}

div.pickupframe{
	background: #FFFFFF ; 
	height: 180px; 
	padding:3px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom: 10px; 
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);

}

div.new_archives_frame{

	height: 700px; 
	padding:3px;
　　　　text-align: center;
}

div.ranking_frame{

	height: 3000px; 
	padding:3px;
　　　　text-align: center;
}


div.head_total_rank{

	height: 150px; 
	padding:3px;
text-align: center;
}

div.one_rank{

	height: 200px; 
	padding:3px;
        margin-bottom:10px;
        text-align: center;
        background-color:#EBFAF9;
}

div.total_rank{

	height: 750px; 
	padding:3px;
        margin-bottom:10px;
        text-align: center;
        background-color:#EBFAF9;
}


.viewport {
border:3px solid #eee;
float:left;
width:170px; height:130px;
overflow:hidden;
position:relative;
margin:0 4px 0px 0px;
text-align: center;
}

.viewport a {
display:block;
position:relative;
color:#ffffff;
text-decoration:none;
}

.viewport a img {
width:180px; height:140px;
left:-10px; top:-10px;
position:relative;

}

.viewport a span {
display:none;
font-size:0.9em;
font-weight:normal;
color:#ffffff;
width:100%; height:100%;
padding:50px 2px 0px 2px;
position:absolute;
text-align:left;
text-decoration:none;
z-index:100;
}

.dark-background {
background-color:rgba(15, 15, 15, 0.8);
color:#fff;
text-shadow:#000 0px 0px 20px;
}

.dark-background em {
color:#ccc;
}

.viewport .twcm {
    background: url("http://q0-0p.sakura.ne.jp/watch/rt_count.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 43px;
    line-height: 12px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 100;
}

.viewport .twrnk {
    background: url("http://q0-0p.sakura.ne.jp/watch/rt_count.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 43px;
    line-height: 12px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 100;
}

.viewport .hbrnk {
    background: url("http://q0-0p.sakura.ne.jp/watch/hb.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 43px;
    line-height: 12px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 100;
}

.viewport .comrnk {
    background: url("http://q0-0p.sakura.ne.jp/watch/com.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 43px;
    line-height: 12px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 100;
}

.viewport .totalrnk {
    background: url("http://q0-0p.sakura.ne.jp/watch/total.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 43px;
    line-height: 12px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 100;
}


div.viewport a:link
, div.viewport a:active
, div.viewport a:visited
, div.viewport a:hover {

    color: #FFFFFF !important;
}


.ad_nav
{
    width: 200px;
    float: left;
    top: 0;

}

.fixed {
    position: absolute;
    margin-top:50px;
}





//追加
/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#new_blog-header {
    margin-bottom: 40px;
    position: relative;
}
#new_blog-header-inner {}
#new_blog-header-image {
    height: 400px;
    width: 100%;
    background-color: #287cba;
    background-image: -webkit-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:    -moz-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:     -ms-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:      -o-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:         linear-gradient(#57bef5 0%, #287cba 100%);
}
#new_blog-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin: 30px 0;
}
#new_blog-title a {
    color: #000;
}
#new_blog-description {
    color: #979797;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    margin: 30px 0;
}
#new_blog-description a {
    color: #979797;
}

/* かんたんタイトル画像 */
#new_blog-header.show-image #new_blog-header-inner {
    position: relative;
}
#new_blog-header.show-image #new_blog-header-image {
    height: auto;
}
#new_blog-header.hide-text #new_blog-header-inner,
#new_blog-header.hide-text #new_blog-title,
#new_blog-header.hide-text #new_blog-title a {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
#new_blog-header.hide-text #new_blog-header-image {
    margin: 0;
}

#new_blog-header.hide-text #new_blog-title a {
    background-color:#fff;
    opacity: 0;
    z-index: 10;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity 0.1s linear;
       -moz-transition: opacity 0.1s linear;
        -ms-transition: opacity 0.1s linear;
         -o-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
}
#new_blog-header.hide-text #new_blog-title a:hover {
    opacity: 0.15;
}

/* メインカラム
----------------------------------------------- */
/* 記事全体 */

.new_article {
    border-bottom: 1px dashed #999;
    border-top: 1px dashed #999;
    margin-bottom: -1px;
    padding: 30px 0;
    position: relative;
}
.new_article-inner {
    height: 160px;
    overflow: hidden;
    position: relative;
	padding:10px;
	margin:10px;
        border: solid 1px #cccccc;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
.new_article-header,
.new_article-body {
    margin-left: 200px;
}
.new_article-first-image {
    background-color: #f0f0f0;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 180px;
    width: 180px;
}
.new_article-first-image a {
    background-color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.new_article-first-image img{
    width: 180px;
    display: inline;
}

.new_article.first-article {
    border-top: 0;
}
.new_article.last-article {
    border-bottom: 0;
}

/* 記事ヘッダー、記事タイトル */
.new_article-header {
    margin-bottom: 15px;
    position: relative;
}
.new_article-title {
    margin-bottom: 5px;
    max-height: 112px;
    overflow: hidden;
}
.new_article-title a {
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

/* 日付 */
.new_article-date {
    color: #808080;
    font-size: 12px;
}

.emphasize-link {
    position: relative;
    margin: 36px 0 16px;
    padding: 16px 10px;
    border: 2px solid cornflowerblue;
    background-color: #FFFFFF;
}

.emphasize-link::before {
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 0 10px 0 10px;
    content: "関連記事";
    background-color: cornflowerblue;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

/*
.emphasize-link::after {
    position: absolute;
    top: -16px;
    left: 4px;
    width: 28px;
    height: 28px;
    background-color: cornflowerblue;
    border-radius: 14px;
    line-height: 25px;
    text-align: center;
    content: "\f010";
    font-size: 18px;
    font-family: "blogicon";
    color: #fff;
}
*/

.ama_emphasize-link {
    position: relative;
    margin: 36px 0 16px;
    padding: 16px 10px;
    border: 2px solid orange;
    background-color: #FFFFFF;
}

.ama_emphasize-link::before {
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 0 10px 0 10px;
    content: "Amazon";
    background-color: orange;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}


div.tw_p_img{
width: 100%;
}

div.tw_p_img img {
float: left;
margin: 0 10px;
}