@charset "UTF-8";

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

/* 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.
==================================================
*/

/* =============================================== */
/** 00. Reset - リセット */
/* ----------------------------------------------- */

* {word-break: break-all}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
html {overflow-y:scroll}

body {
  background:#efefef url(http://livedoor.blogimg.jp/lovethee_ever/imgs/e/6/e6eeac9c.jpg) 0 0 repeat;
  color: #333;
  font-size:80%;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'Meiryo UI',"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

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

a {
  outline:none;
  color:#1555D5;
  text-decoration:none;
}
a:visited {
  color:#1555D5;
}
a:hover {
  color:#37f;
  text-decoration:underline;
}

h2.archives-title {
  color: #333;
}
#main h2.article-title a {
  color: #fff;
  text-decoration: none;
}
#main h2.article-title a:hover {
  text-decoration: underline;
}
.article-date-outer {
  color: #999;
}
ul.comment-info li.comment-date {
  color: #999;
}

.sidetitle a {
  color: #fff;
}
.side a {
  color:#666;
}

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


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

#container {
  margin: 0 auto;
  width: 1200px;
  background:#f7f7f7;
}
* html div#container {
  position: relative;
  top: -1px;
}
*:first-child+html div#container {
  position: relative;
  top: -1px;
}

#main, #sub, #extra {
  overflow: hidden;
}
.message-board-outer-2 {
　　padding: 10px;
}

#right-column {
  float:right;
  width:992px;
}
#left-column {
  float:left;
  width:208px;
}
#main {
  float: left;
  width: 782px;
  border:solid #f3f3f3;
  border-width:0 1px;
}
#main .column-inner {
  padding:1px 0 0;
  border:solid #dfdfdf;
  border-width:0 1px;
}
#sub, #extra {
  width: 196px;
  padding: 6px;
}
#extra {
  float:right;
}

.sidetitlebody {
  margin-bottom: 10px;
}
.sidetitle {
  padding: 0 0 0 12px;
  height:30px;
  text-align: left;
  background: #A39A8A;
  color: #fff;
  font-weight: bold;
  line-height:30px;
}
.side {
  margin: 0 10px 10px 10px;
  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 - ブログタイトルエリア */
/* ----------------------------------------------- */

#header {
  background:#fff;
}
.blog-title-outer {
}
.blog-description-outer {
  display:none;
}

#menu {
  overflow:hidden;
  list-style:none;
  border:solid #372a20;
  border-width:1px 0;
}

#menu li{ 
  float: left;
  border-right:solid 1px #372a20;
}
#menu a {
  float:left;
  padding: 6px 0;
  width: 170px; 
  background-color: #524031;
  color: #fff;
  font-size: small;
  text-align: center;
  text-decoration: none;
}
#menu a:hover {
  background-color: #BF5E5E;
  color: #fff;
}
#menu .last {
  border:0;
}
#menu .last a {
  width:174px;
}

#headline {
  background:#fff;
  border-left:solid 1px #f3f3f3;
  border-bottom:solid 1px #ddd;
}
#headline .inner {
  padding:0 0 4px;
  border-left:solid 1px #dfdfdf;
}
#headline p {
  margin:0 0 4px;
  padding:7px 10px;
  border-bottom:solid 1px #eee;
  color:#aaa;
}
#headline p a {
  margin:0 2px;
  color:#666;
  text-decoration:none;
}
#headline p a:hover {
  color:#333;
  text-decoration:underline;
}
#headline iframe {
  margin-left:4px;
}

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

div.archives-title-outer {
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
	font-size: 1em;
}
div.archives-title-outer-2 {}

div.archives-title-outer-3 {}

h2.archives-title {
	padding: 10px;
	background: #E0DAD5;
	color:#6F5A46;
	font-size: 18px;
	font-weight:bold;
	text-align: center;
}

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

div.pager {
	margin: 15px 0;
	text-align: left;
}

div.pager-inner {
}

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

ul.index-navigator {
	font-size:0px;
}
ul.index-navigator li.paging-number ol.paging-number li.current {
	margin:0 2px;
}
ul.index-navigator li a, ul.index-navigator li.current span, ul.archives-pager li a {
	display:inline-block;
	padding: 7px 9px;
	border:solid 1px #d3d3d3;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
	color:#333;
	font-size:12px;
	line-height:1;
}
ul.index-navigator li.current span {
	border-color:#de8100;
	background:#de8100 !important;
	color:#fff;
}
ul.index-navigator li a:hover, ul.archives-pager li a:hover {
	border-color:#de8100;
	text-decoration:none;
}
ul.index-navigator li.paging-last {
	display:none;
}

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

ul.archives-pager {
	font-size: 1em;
}

ul.archives-pager li {
	margin:0 2px;
}

ul.archives-pager li.both {
	border:0;
}

/* ----------------------------------------------- */
/** 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: 25px;
	text-align: left;

}

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


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

div.article-header {
overflow:hidden;
	padding: 0 0 8px;
}
body.category div.article-header,
body.monthly div.article-header {
  padding:0 0 3px;
}
/*** 日付 */
div.article-date-outer {
    background-color: #FFFFFF;
    float: left;
    font-size: 100%;
    font-weight: bold;
    line-height: 20px;
    padding-left: 10px;
}

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;
    background-color: #FFFFFF;
    border-left: 4px solid #6c6c6c;
    line-height: 20px;
    padding-left: 5px;
    font-weight:bold;
}

div.article-category-outer dl.article-category {
color:#999999;
}

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

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


div.article-category-outer dl.article-category dt {
}

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

/** 記事タイトル */
div.article-title-outer {

	position: relative;
	margin-bottom: 5px;
	padding-right: 10px;
	background-color: #625344;
	padding-top: 15px;
font-family: 'Hiragino Kaku Gothic Pro','Meiryo UI',Meiryo,Verdana,sans-serif
}

h2.article-title {
	clear: left;
	margin: 0;
	font-size: 177%;
	font-weight: bold;
	padding: 0 96px 0 16px;
	height: 70px;
}

h2.article-title a {
	display: block;
}

.article-title-outer .comment-count {
    background: url(http://livedoor.blogimg.jp/lovethee_ever/imgs/2/6/2639d86f.gif) no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 176%;
    font-weight: bold;
    width: 90px;
    height: 60px;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    text-indent: 19px;
    line-height: 32px;
    top: 0;
    right: 0;
    color: #efefef !important;
}

.article-title-outer a:hover.comment-count {
    background: url(http://livedoor.blogimg.jp/lovethee_ever/imgs/2/6/2639d86f.gif) no-repeat scroll 0 -70px transparent !important;
    text-decoration: none;
}


div.article-tool-box-header {
	float: right;
}
div.article-tool-box-header .ninja_onebutton {
  overflow:hidden;
  padding:0;
  height:20px !important;
}
div.article-tool-box-header .twitter_tweet_count_m {
  width:120px !important;
}

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

div.article-body {
	clear: both;
	background-color:#fff;
	padding: 10px 20px 5px;
	line-height: 170%;
font-family: 'Hiragino Kaku Gothic Pro','Meiryo UI',Meiryo,Verdana,sans-serif !important;

}
body.category div.article-body,
body.monthly div.article-body {
  padding:3px 10px;
}

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

/*** 続きを読む */
div.article-body .article-continue {
	display: block;
	margin:3em 0 10px;
}
div.article-body .article-continue a {
	display:block;
	padding:15px;
	background:#EDE5DD;
	color:#625344;
	font-size: 150%;
	font-weight: bold;
	
}
div.article-body .article-continue a:hover {
	text-decoration:underline;
}

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;
	height:20px;
	background:url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tag.gif) 0 center no-repeat;
	line-height:20px;
}
body.category dl.article-tags,
body.monthly dl.article-tags {
  margin:0;
}

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 - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

.kijishita-h3, #main div.related-articles h3 {
  padding:10px;
  background:#F8F2E7;
  color:#524021;
  font-size:130%;
  font-weight:bold;
}

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

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



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

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

/* ----------------------------------------------- */
/** 関連記事（同じカテゴリーの記事一覧） */

#main div.related-articles ul {
	margin:10px 0;
	list-style: none;
}
#main div.related-articles a {
	display:block;
	margin:0 0 5px;
	padding:0 10px;
	border:solid 1px #ddd;
	border-left:solid 5px #524031;
	height:36px;
	font-size:18px;
	font-weight:bold;
	line-height:36px;
	text-decoration:none;
}
#main div.related-articles a:hover {
	color:#ff8000;
}

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

li.comment-set {
        border-bottom:1px dotted #ccc;
padding: 5px 5px 5px;
	font-size: 1em;
	font-family: 'Hiragino Kaku Gothic Pro','Meiryo UI',Meiryo,Verdana,sans-serif
}

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

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

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

ul.comment-info li.comment-body {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

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

#ld_blog_article_comment_entries .comment-rating {
	display:block;
	text-align:right;
}
.comment-rating div {
	margin:0 0 3px;
}
.comment-rating .good, .comment-rating .bad {
	cursor:pointer;
	display:inline-block;
	margin-left:5px;
	padding:5px 0;
	border:solid 1px #aaa;
	width:80px;
	text-align:center;
}
.comment-rating .good:hover, .comment-rating .bad:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
}
.comment-rating .good.disabled, .comment-rating .bad.disabled {
	cursor:default;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.comment-rating .good-count, .comment-rating .bad-count {
	font-weight:bold;
}

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

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


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


div.sidetop, div.sidebottom {
	display: none;
}
.sidebody {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.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%;
}

.sidewrapper {}

#sub .plugin-recent_articles_image .side {
  margin:0 3px 10px;
}
#sub .plugin-recent_articles_image li {
  position:relative;
  margin-bottom:5px;
  padding:2px 0 0 67px;
  border-bottom:dotted 1px #e0dad5;
  min-height:64px;
}
#sub .plugin-recent_articles_image img {
  position:absolute;
  top:0;
  left:0;
  padding:2px;
  border:solid 1px #ece8e5;
  background:#fff;
}
#sub .plugin-categorize .side,
#sub .plugin-recent_articles .side,
#sub .sidebar-hatena .side {
  margin:0 3px 10px;
}
#sub .plugin-categorize .sidebody,
#sub .plugin-recent_articles .sidebody,
#sub .sidebar-hatena .sidebody,
#extra .popularArticleWithImage {
  padding:0;
  margin:0 0 5px;
  padding:0 0 5px;
  border-bottom:dotted 1px #e0dad5;  
  background:transparent;
}
#extra .popularArticleWithImage {
  margin:0 0 10px;
  padding:0 0 10px;
}
#sub .plugin-categorize a,
#sub .plugin-recent_articles a {
  display:block;
  padding-left:9px;
}
#sub .sidebar-hatena a {
  display: block;
}
#sub .sidebar-hatena .count {
  display: block;
  text-align:right;
}
#sub .sidebar-hatena strong {
  color:#f00;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:underline;
}
#sub .plugin-monthly select {
  width:80%;
}
#extra .popularArticleWithImage .comment {
  text-shadow:none;
}
#extra .popularArticlesWithImage .title {
  margin:0 0 0 70px;
  line-height:1.4;
}

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

.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 */

div.footer-outer {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	color:#555;
	text-align: center;
}

div.footer-outer a {
	color:#555;
	text-decoration:none;
}

/* =============================================== */
/** 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;
}


/* ----------------------------------------------- */
/*

menu_bar

*/
/* ----------------------------------------------- */


.tensen{
border: 2px dotted #808080;
padding: 5px 5px 5px 5px;
color: #808080;
background: #E0FFFF;
width: 570px;
}
.itisen{
border: 2px solid #808080;
padding: 5px 5px 5px 5px;
color: #808080;
background: #E0FFFF;
width: 570px;
}

/* ----------------------------------------------- */
/*

Wikipedia引用css

*/
/* ----------------------------------------------- */
.wikiinyou
{
background: #DCDCDC;
font-size: 1em;
font-color: #000000;
}

/* ----------------------------------------------- */
/*

引用css

*/
/* ----------------------------------------------- */
.inyou
{
border:2px dotted #c0c0c0;
background: #f0f0f0;
}


/* =============================================== */
/* tweet_rank */
/* ----------------------------------------------- */

#tweet_rank {
  overflow:hidden;
  list-style:none;
  padding:5px 0;
  border-bottom:solid 1px #dadada;
}
#tweet_rank a {
  text-decoration:none;
}
#tweet_rank li {
  z-index: 1;
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 3px;
  padding: 1px;
  border: 2px solid #ccc;
  height: 144px;
  width: 220px;
  background: #fff;
}
#tweet_rank li img {
  height: 144px;
  width: 218px;
}
#tweet_rank ul li .hover {
  top:auto;
  bottom:1px;
  padding:5px 6px;
  height:32px;
  width:206px;
}

/* cm_rank&rt_rank_s */
#comment_rank, #tweet_rank_s {
    height: 150px;
    list-style-type: none;
    margin-bottom: 30px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
    width: 760px;
}
#comment_rank ul, #tweet_rank_s ul {
	margin:0!important;
	padding:0!important;
}
#comment_rank li, #tweet_rank_s li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #AAAAAA;
    float: left;
    height: 144px;
    margin-bottom: 0;
    margin-right: 4px;
    overflow: hidden;
    padding: 1px;
    position: relative;
    width: 222px;
    z-index: 1;
}
#comment_rank li:hover, #tweet_rank li:hover, #tweet_rank_s li:hover {
    border: 2px solid #FF8000;
}

#tweet_rank li .hover, #tweet_rank_s li .hover {
    background: url("../img/twbg.png") repeat scroll 0 0 transparent;
}
#comment_rank li .hover {
    background: url("../img/cmbg.png") repeat scroll 0 0 transparent;
}

#comment_rank li .hover, #tweet_rank li .hover, #tweet_rank_s li .hover {
    color: #FFFFFF;
    display: block;
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    padding: 4px 2px;
    position: absolute;
    top: 112px;
    width: 222px;
}

#comment_rank li img, #tweet_rank_s li img {
    height: 144px;
    width: 222px;
}
#tweet_rank .twcm, #tweet_rank_s .twcm {
    background:url("../img/twcm.png") no-repeat scroll 0 0 transparent !important;
}
#comment_rank .cmcm {
    background:url("../img/cmcm.png") no-repeat scroll 0 0 transparent !important;
}

#comment_rank .cmcm, #tweet_rank .twcm, #tweet_rank_s .twcm {
    color: #FFFFFF !important;
    height: 43px;
    line-height: 12px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 0;
}

/* cmscroll */
.tw_rank {
    overflow: hidden;
    position: relative;
    width: 1200px;
}

.cm_rank, .tw_rank_s{
    overflow: hidden;
    position: relative;
    width: 760px;
}

.cm_rank_left, .tw_rank_left, .tw_rank_left_s {
    background: url("../img/sc_left.gif") repeat scroll 0 0 transparent;
    left:5px;
}

.cm_rank_right, .tw_rank_right, .tw_rank_right_s {
    background: url("../img/sc_right.gif") repeat scroll 0 0 transparent;
    right:5px;
}

.cm_rank_left, .cm_rank_right, .tw_rank_left, .tw_rank_right, .tw_rank_left_s, .tw_rank_right_s {
    cursor: pointer;
    height: 50px;
    width: 18px;
    top: 50px;
    overflow: hidden;
    position: absolute;
}

.tw_rank_wrap {
    height: 150px;
    width: 1136px;
    margin: 0 32px;
    overflow: hidden;
    position: relative;
}

.cm_rank_wrap, .tw_rank_wrap_s {
    height: 150px;
    width: 696px;
    margin: 0 32px;
    overflow: hidden;
    position: relative;
}

.cm_rank_box, .tw_rank_box, .tw_rank_box_s {
    left: 0;
    position: relative;
    width: 9999px;
}

#comment_rank li a img, #tweet_rank li a img, #tweet_rank_s li a img {
    border: 0 none !important;
    text-decoration: none !important;
}

#rt_ads{
    margin-left: 0px !important;
    overflow:hidden;
}


.popup {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 15px 10px;
    font-family:'Hiragino Kaku Gothic Pro','Meiryo UI',Meiryo,Verdana,sans-serif;
}
.popup li {
    margin: 10px 0 0!important;
    padding: 0!important;
}
.popup .comment-res {
    display: none;
}

.popup a:link {
    color: #ff8000;
    text-decoration: none;
}

/*---------------
 関連しそうなツイート
---------------*/
#new-twtr-widget {
}
#new-twtr-widget iframe {
	width: 100% !important;
}
.twtr-tweet {
	border-bottom: 1px dotted #ddd;
}
.twtr-tweet:last-child {
	border-bottom-width: 0;
}
.twtr-tweet-wrap {
	overflow:hidden;
	padding:7px 5px 7px 0;
}
.twtr-avatar {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
	display: block;
}
.twtr-avatar img {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	border: 0;
}
.twtr-tweet-text {
	margin-left: 40px;
	min-height:40px;
}
.twtr-tweet-text a {
	text-decoration:none;
}
.twtr-tweet-text a:hover {
	text-decoration:underline;
}
.twtr-tweet-text p {
	margin:0;
	font-size:14px;
	line-height:1.2;
}
.twtr-tweet-text .twtr-user {
	margin-right:0.5em;
	font-weight:bold;
}
.twtr-tweet-text em {
	display:block;
	margin:3px 0 0;
	font-size:9px;
	font-style:normal;
}




.ad_left,.ad_right, .ad_banner2
{
    position:relative;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


.ad_left:hover,.ad_right:hover, .ad_banner2:hover
{
    position:relative;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 2px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.ad_left:before, .ad_left:after, .ad_right:before, .ad_right:after, .ad_banner2:before, .ad_banner2:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.ad_left:after, .ad_right:after, .ad_banner2:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.ad_right{
  float:left;
  margin:5px;
  width:300px;
  height:250px;
}

.yms-ad {
  margin:10px;
}

td{padding: 10px;
}


.yms-ad-728{
  margin:8px 0;
  text-align:center;
}

.ad-center {
  text-align:center;
}

/*---------------
 サイドの画像リンク
---------------*/
.side-amazon.first {
  margin-top:0;
  padding:0;
  border:0;
}
.side-amazon {
  margin:10px -10px 0;
  padding-top:10px;
  border-top:solid 1px #ccc;
}
.side-amazon a {
  display:block;
  border:solid 3px #694A17;
  text-decoration: none;
}
.side-amazon img {
  max-width:100%;
}
.side-amazon-txt {
  display:block;
  padding:4px 3px;
  background:#805D3B;
  color:#fff;
  font-size:14px;
  line-height:1.42;
  text-decoration:underline;
}
.side-amazon a:hover {
}
.side-amazon a:hover img {
  filter: alpha(opacity=75);
  opacity:0.75;
}
a:hover .side-amazon-txt {
  background:#694A17;
}

/*---------------
 スマホ広告
---------------*/
#sp-ad {  
display: none;  
margin-right: -0.55em; 
}



#article_mid {
   display: none;
 }


.title{}

#top-rss-box{
width: 100%;
height: 385px;
overflow: hidden;
border: 1px dashed #B64826;
background-color: #FFF;
margin: 5px 0px;
}

#top-rss-box li{
line-height: 1.3;
border-bottom: 1px dashed #999;
padding: 7px 0px 4px 10px;
overflow: hidden;
height: 15px;
}


#top-rss-box-1{
height: 160px;
float: left;
width: 50%;
font-size: 14px;
}

#top-rss-box-a{
overflow: scroll;
overflow-x: hidden;
}

#top-rss-box-2{
height: 230px;
float: left;
width: 100%;
overflow-y: scroll;
font-size: 16px;
border-top: 1px dashed #B64826;
font-weight: bold;
}


#sumaho {  
    display: none;  
}



.tweettweet li {}

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

div.popularArticlesWithImage.A ul li {
position: relative;
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
text-align: left;
list-style-type: none;
}

div.popularArticlesWithImage.image {}


#tu2 {
height: 27px;
overflow: hidden;
}




#article_mid {
   display: none;
 }



#q-title{    margin: 0 auto;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    line-height: 1.3;
    color: #BF0005;
    border: solid #BF0005;
    width: 500px;
font-size: 26px;
}

#q-box{    border: solid #006599;
    border-radius: 10px;
width: 500px;
    margin: 10px auto;
}

#q-box-title{    background-color: #006599;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    font-size: 20px;
    margin-bottom: 15px;
}

#box-title-s{}
#q-box-title-s{
height: 45px;
    padding: 5px;
    margin: 0 5px 0px 5px;
    margin-bottom: 15px;
}
#q-box-title-s-a{ 
    border-radius: 5px;
    background-color: #006599;
    font-size: 36px;
    padding: 10px 10px;
    float: left;
    color: #fff;
}

#q-box-title-s-b{
    float: left;
    padding: 10px 10px;
    color: #006599;
    font-size: 26px;
}


#kijisita-tex{
    text-shadow: 1px 1px 3px #ccc;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#fb_box{    width: 500px;
    text-align: center;
    margin: 0 auto;}
#fb_btn{ 
-webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    margin: 0 auto;
    margin-top: 60px;
    width: 200px;
}
.link_url_skip{    font-size: 12px;}
.link_url_skip a:link{    color: #ccc;}
.link_url_skip a:active{  color: #ccc;}
.link_url_skip a:visited{  color: #ccc;}
.link_url_skip a:hover{color: #ff7711;}

#fb_btn-s{    background-color: #3B5998;
    color: #fff;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;}

#fb_btn-s2{    height: 200px;
    border: 2px solid #3B5998;}


#next-navi-a{    color: #3a5795;
    line-height: 1.3;
    margin-bottom: 40px;
    text-align: center;}


#next-title{    border-bottom: 1px solid #3a5795;

    padding-bottom: 10px;
    font-size: 50px;
    text-shadow: 1px 1px 3px #ccc;
    margin-bottom: -5px;

    text-align: center;}


#box-sankaku{    line-height: 0;
    color: #3a5795;

    text-align: center;}

#signal-anser{    padding: 10px;}

#signal-anser-big{ 
color: #dF0000;
    font-size: 36px;
    padding: 10px 0;
    border-bottom: 1px solid#ccc;
    margin-bottom: 5px;
}

#signal-anser-tex{
    line-height: 1.3;
    padding: 0 10px;
    font-size: 20px;
}



#box-navi{    font-size: 16px;
    border: 4px solid #3a5795;
    border-radius: 4px;
    border-top: none;

    width: 500px;
    margin: 0 auto;

    margin-bottom: 30px;}


#signal-t{    color: #3a5795;
    background-color: #fff;
    border-radius: 4px;
    font-size: 28px;
    margin-right: 15px;

    padding: 10px 18px;
    text-align: center;
    float: left;}

#signal-t1{
background-color: #3a5795;
    color: #fff;
    padding: 10px 10px;
    text-align: left;
}


#signal-t2{    

    padding: 10px 20px;
    font-size: 26px;
}