#@charset "UTF-8";
/* Information
==================================================
livedoor Blog CSS
Name : blogmedia/2ch_gray_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.
==================================================
*/
/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */
html,body,div,h1,.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%;
}
a:link {color:#19448e; text-decoration:none;}
a:active {color:#4169E1; text-decoration:none;}
a:visited {color:#884898; text-decoration:none;}
a:hover {color:#ba2636; text-decoration:none;}
body {
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS Pゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica;
	font-size: .8em;
	word-wrap: break-word;
 padding: 0 2em;
 position: relative;
 min-width: 1120px;
-webkit-text-size-adjust: none;
}
img {
	border: 0;
}
a:hover {
	text-decoration: none;
}
table#header a{
	color: #eee;
}
#blog-title a {
	color: #000;
	font-size: 170%;
	text-shadow: 2px 02px #9c9c9c;
	text-decoration: none;
}
#blog-title a:hover {
	text-decoration: underline;
}
#blog-description {
	color: #666;
}
.archives-title {
	color: #333;
}
/* ▽ここに入る▽ */
#main .article-title a:link,
#main .article-title a:active,
#main .article-title a:visited {
	color: #242424;
	text-decoration: none;
}
#main .article-title a:hover {
	text-decoration: underline;
}
#main ul.article-post li a {
	color: #777;
}
.article-date-outer {
	color: #999;
}
ul.ping-info li.ping-date,
ul.comment-info li.comment-date {
	color: #8d8d8d;
}
.sidetitle {
	color: #fff;
}
#sub .sidetitle a,
#extra .sidetitle a {
	color: #fff;
}
#sub table.caltblday a:visited,
#extra table.caltblday a:visited {
	color: #777;
}
.footer-outer,
.footer-outer a {
}
/* =============================================== */
/** 02. Layout - レイアウト(全体の枠組み) */
/* ----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background:url("http://livedoor.blogimg.jp/goodjob0123/imgs/4/3/4368052b.png");
}
#container {
}
* html #container {
	position: relative;
	top: -1px;
}
*:first-child+html #container {
	position: relative;
	top: -1px;
}
#content {
 width: 1120px;
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 6px;
}
#main,
#sub,
#extra {
	overflow: hidden;
}
/* 3col */
.message-board-outer {
	margin: 0 175px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/3c_headline_btm.gif) repeat-y;
}
.message-board-outer-2 {
	padding: 10px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/3c_headline_top.gif) no-repeat;
}
#main {
	float: left;
	display: inline;
	width: 1120px
}
#main .column-inner {
	margin: 0 175px;
	padding-top: 2px;
}
#sub {
	float: left;
	display: inline;
	width: 166px;
margin-top: -390px;
	margin-left: -100%;
}
#extra .column-inner,
#sub .column-inner {
}
#extra .column-inner-2,
#sub .column-inner-2 {
	padding: 7px 6px;
}
#extra {
	float: left;
	display: inline;
	width: 166px;
	margin-left: -166px;
}
.calendarheadbody,
.sidetitlebody {
	margin-bottom: 10px;
	color: #fff;
}
.calendarheadbody .calendarhead,
.sidetitle {
font-size:10pt; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#524645;
padding: 8px;
}
.side {
	margin: 0 0 30px 0px;
	text-align: left;
}
/* ----------------------------------------------- */
/** clearfix */
#container:after,
#content:after,
ul.article-navigator:after,
ul.archives-navigator:after,
.article-body:after,
.article-body .article-body-more:after,
#trackback-form ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/** hasLayout */
.blog-title-outer,
.archives-title,
.article-body,
.article-footer,
.article-title,
.pager,
ul,
.index-navigator-outer {
	height: 1%;
}
/** peek-a-boo bug */
#trackback-form,
#trackbacks-list,
#comments-list,
#comment-form {
	height: 1%;
}
/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */
.blog-title-outer {
	min-height: 122px;
	text-align: left;
height: 120px; /* 画像の高さ */
}
.blog-title-outer-2 {
	width: 1120px;
	margin: 0 auto;
}
.blog-title-outer-3 {
	padding: 5px 10px 15px;
}
h1#blog-title {
	font-size: 150%;
	font-weight: bold;
}
.blog-description-outer {}
p#blog-description {
	margin: 0;
	padding: 4px 0 0 0;
	line-height: 135%;
}
/* =============================================== */
/** 04. SubTitle - アーカイブタイトルエリア */
/* ----------------------------------------------- */
.archives-title-outer {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	text-align: center;
	font-size: 1.2em;
}
.archives-title-outer-2 {}
.archives-title-outer-3 {}
.archives-title {
	padding: 10px;
	background: #f0f0f0;
	text-align: center;
	font-size: 1.2em;
}
/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */
.pager {
	margin-bottom: 10px;
	text-align: left;
}
.pager-inner {
	padding-bottom: 15px;
}
.index-navigator-outer,
.archives-pager-outer,
.article-pager-outer {}
/* ----------------------------------------------- */
/** IndexNavigator - トップページ */
ul.index-navigator {
	padding-top: 15px;
	height: 36px;
	text-align: center;
}
ul.index-navigator li,
ul.index-navigator li ol {
	display: inline-block;*display: inline;*zoom: 1;
	margin: 0!important;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	display: inline-block;*display: inline;*zoom: 1;
	font-weight: bold;
	line-height: 28px;
	margin: 0 2px;
	padding: 0 10px;
	text-decoration: none;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #555;
}
ul.index-navigator li.current span {
	background-color: #D8D8D8;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:hover {
	background-color: #eee;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:visited {
	color: #555;
}
/* ----------------------------------------------- */
/** 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 - 記事エリア */
/* ----------------------------------------------- */
.article-outer {
	margin-bottom: 35px;
	text-align: left;
 border:1px solid #284e4d;
 -webkit-border-radius: 10px; /* Safari、Google Chrome */
 -moz-border-radius: 10px; /* Firefox */
 background-color: #fff;
background: #ffffff;
}
/* ----------------------------------------------- */
/** 記事ヘッダー */
.article-header {
	padding: 8px 0;
	border-top: solid 4px #284e4d;
}
/*** 日付 */
.article-date-outer {
	float: left;
	font-size: 108%;
	font-weight: bold;
}
.article-date-outer span.article-date {
	margin-right: 3px;
	margin-right: 0.25em;
}
.article-date-outer span.article-time {}
/*** カテゴリ */
.article-category-outer {
	float: left;
}
.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;
}
.article-category-outer dl.article-category dt,
.article-category-outer dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size: 1em;
}
.article-category-outer dl.article-category dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}
/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category .article-category-outer {
	display: none;
}
/** 記事タイトル */
.article-title-outer {
	margin-bottom: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
background-color:#e9f9f8; /* 背景色 (記事タイトル)*/
border-top: #ffffff 5px solid;
border-left: #ffffff 5px solid;
border-right: #ffffff 5px solid;
border-bottom:#ffffff 2px solid; /* 枠 (記事タイトル)*/
}
.article-title {
	clear: left;
	margin: 0;
	font-size: 150%;
	font-weight: bold;
	padding: 3px 0;
}
.article-tool-box-header .article-meta {
	text-align: right;
}
.article-tool-box-header .article-meta li {
	list-style: none;
	min-height: 16px;
	font-size: 82%;
	display:inline-block;*display:inline;*zoom:1;
}
.article-tool-box-header .article-meta 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;
}
.article-tool-box-header .article-meta 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;
}
.article-tool-box-header .article-meta li.article-author img {
	vertical-align: middle;
	margin: 0 4px 2px 0;
}
.article-tool-box-header .article-meta li.article-author {
	margin-left: 10px;
}
/* ----------------------------------------------- */
/** 記事本文 */
.article-body {
	clear: both;
	background-color: transparent;
	padding: 10px 10px 5px 20px;
	line-height: 170%;
}
.article-body-inner {
	overflow: hidden;
}
/*** 続きを読む */
.article-body span.article-continue {
	display: block;
	margin-top: 1em;
}
.article-body .article-body-more,
.article-body .article-body-private {
	clear: both;
	margin-top: 1em;
}
.article-body h1 {
	padding: 5px 0 5px 5px;
	border-bottom: solid 1px #878787;
	border-left: solid 7px #878787;
	margin: 10px 0;
	font-size: 180%;
}
.article-body .{
	padding: 5px 0 5px 5px;
	margin: 10px 0;
	border-bottom: solid 1px #878787;
	border-left: solid 7px #878787;
	font-size: 150%;
}
.article-body h3 {
	margin: 10px 0;
	font-size: 130%;
}
.article-body h4 {
	font-size: 120%;
	margin: 10px 0;
}
.article-body h5 {
	font-size: 110%;
	margin: 10px 0;
}
.article-body h6 {
	font-size: 105%;
	margin: 10px 0;
}
.article-body ol {
	margin: 10px 20px;
}
.article-body ul {
	margin: 10px 15px;
}
.article-body dt {
	font-weight: bold;
}
.article-body dd {
	margin-left: 1em;
}
/*** blockquote & pre */
.article-body pre {
	background-color: #f2f1c1;
	margin: 5px 0;
	padding: 5px 15px;
}
.article-body blockquote {
	padding: 5px 15px;
	margin: 5px 10px;
	border: solid 1px #cc9;
}
/*** img */
.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;
}
/*** プライベートモード */
.private-mode-announcement {
	border-color: #858585;
	line-height: 135%;
	font-size: 1em;
}
/* ----------------------------------------------- */
/** 記事フッター */
.article-footer {
	margin: 15px 0 0 0;
	border: solid 1px #d1d1d1;
	padding: 1px;
	background-color: #fff;
}
.article-post {
	padding: 5px 6px 3px;
	background: #f0f0f0;
	text-align: left;
	overflow: hidden;
}
/* =============================================== */
/** 07. Option - トラックバック&コメントエリア */
/* ----------------------------------------------- */
#article-options {
	background-color: #ffffff;
	padding: 10px 20px;
}
.article-option {
	padding: 15px 0;
}
.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 */
#trackback-form ul {
	margin: 0 30px;
	padding: 0;
}
#trackback-form ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#trackback-form ul li.trackback-form-url {
	width: 100%;
	margin-right: -90px;
}
#trackback-form ul li.trackback-form-url span input {
	width: 100%;
}
#trackback-form ul li.trackback-form-url span {
	display: block;
	padding-right: 100px;
	/*>> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}
#trackback-form ul li.trackback-form-submit {
	width: 80px;
}
#trackback-form ul li.trackback-form-submit input {}
/* ----------------------------------------------- */
/** トラックバック一覧 */
.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 0px 10px 20px;
	font-size: 1.1em;
margin : 0px 0px 25px 0px;
}
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 {}
/* ----------------------------------------------- */
/** コメントフォーム */
#comment-form-body {
	padding: 15px 0 15px 50px;
}
#comment-form-body table {
	border: 0;
	width: 90%;
	line-height: 25px;
	font-size: 1em;
}
#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;
}
#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 {}
#comment-form-body table tr.submit td {
	text-align: center;
}
/*** コメント認証 */
.comment-auth-announcement {
	margin: 10px 0;
	border-color: #858585;
	font-size: 1em;
}
.comment-auth-announcement p a {
	margin: 0 3px;
}
/* ----------------------------------------------- */
/** 関連記事 */
.related-articles{
	padding: 15px 0 0;
 margin:10px 0;
}
.related-articles h3{
color: #ff1f1f;
font-size:18px;
font-weight:bold;
padding:2px 20px 3px 10px;
margin:10px;
}
.related-articles a{
color: #4c4c4c;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
}
.related-articles a:hover {
color: #fe9600;
}
.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 5px;
	line-height: 1.2;
font-size: 16px;
color: #4c4c4c;
font-weight:bold;
}
.related-articles ul li{
	background: url(http://livedoor.blogimg.jp/goodjob0123/imgs/f/4/f4c85971.gif) no-repeat scroll 5px 50%;
	padding: 5px 0 5px 20px;
	margin-left: 5px;
}
/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */
.sidetop,
.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/gray/arrow.gif) no-repeat 0 4px;
	font-size: 95%;
}
.sidewrapper {}
/* ----------------------------------------------- */
/** カレンダー */
/* ----------------------------------------------- */
/** プロフィール(プラグイン) */
/* ----------------------------------------------- */
/** LDServices */
ul#ld-services {
	padding-top: 20px;
}
/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */
table#header {
	font-size: 12px;
	background: #878787;
	color: #eee;
}
/* ----------------------------------------------- */
/** Footer */
.footer-outer {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	background: #d8d8d8;
	text-align: center;
}
.footer-outer-2 {}
#footer {}
#footer p {}
/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */
/* かんたんタイトル画像 */
/* 記事下ソーシャルボタン */
.article-social-btn> a,
.article-social-btn> span,
.article-social-btn> div,
.article-social-btn> iframe {
	margin: 4px 0;
}
 /* ▽↓↓↓▽ */
.after{
font-size: 22px;
font-weight: bold;
line-height: 30px;
border: solid 1px #b7b7b7;
padding: 2px 2px 2px 2px;
margin: 20px 20px 20px 20px;
}
.after a{
color:#000000;
text-decoration: none;
text-align: center;
background-color: #d4d9dc;
display: block;
}
.after a:hover{
color:#ffffff;
background-color: #524645;
text-decoration: none;
}
a {
text-decoration: none;
}
.recent-article-image li{
border-bottom:1px dotted #adadad;
}
.menu_bar {
width: 100%;
height:35px;
font-size:14px;
background-color:#524645; 
}
.menu_bar ul {
width: 1120px;
margin: 0 auto;
}
.menu_bar li {
list-style-type: none;
float: left;
padding: 4px 10px 4px 10px;
}
.menu_bar li a {
color:#ffffff;
font-weight: bold;
display:block;
text-align: center;
border-right:1px solid #e0e0e0;
padding: 4px 10px 4px 10px;
background-color:#524645;
text-decoration: none;
}
.menu_bar a:hover {
color:#000000;
background-color:#d4d9dc;
text-decoration: none;
padding: 4px 10px 4px 10px;
}
/* ▽Toprss枠▽ */
#rsshead {
width:933px;
height:380px;
border: 2px solid #284e4d;
margin-left:177px;
overflow-x : hidden;
 background-color: #ffffff;
}
.rssfoot {
width:735px;
height:250px;
border: 1px solid #284e4d;
overflow-x : hidden;
margin: 0px 0px 15px 15px;
}
.link01{
font-size:18px;
color:#df6900;
font-weight:bold;
border-left:#df6900 9px solid ;
padding:2px 20px 3px 10px;
margin:10px;
}
.link02{
font-size:18px;
color:#1981da;
font-weight:bold;
border-left:#1981da 9px solid ;
padding:2px 20px 3px 10px;
margin:10px;
}
 /* ▽コメント欄評価▽ */
.input-etc, .input-facemark {
 display:none;
}
 /* ▽画像枠▽ */
img.pict {
 border:1px solid #808080;
 padding:2px;
}
a:hover img{
	 opacity:0.8;	 
 filter: alpha(opacity=80);
}
.outlinkpict1 { 
position: relative;
}
.outlinkpict2 {
position: absolute;
width: 154px;
height: 60px;
font-size: 13px;
color:#ffffff;
top: 170px; 
left: 0px; 
background: url(http://livedoor.blogimg.jp/goodjob0123/imgs/4/6/46bf3f29.gif) no-repeat 0 0;
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
-moz-opacity:0.9;
-khtml-opacity: 0.9;
}
.outlinkpict3 { 
position: relative;
width: 250px;
}
.outlinkpict4 {
position: absolute;
font-size: 13px;
width: 250px;
height: 35px;
font-weight:bold;
color:#514031;
top: 75px;
left: 0px; 
background: url(http://livedoor.blogimg.jp/goodjob0123/imgs/f/c/fca03de4.gif) no-repeat 0 0;
text-decoration:none;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
}
.outlinkpict5 { 
position: relative;
}
.outlinkpict6 {
position: absolute;
width: 154px;
height: 50px;
font-size: 13px;
font-weight:bold;
color:#514031;
top: 120px;
left: 0px; 
background: url(http://livedoor.blogimg.jp/goodjob0123/imgs/f/c/fca03de4.gif) no-repeat 0 0;
text-decoration:none;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
}
.ika{
width: 720px;
font-size: 16px;
font-weight:bold;
color: #2663bf;
line-height: 14px;
text-decoration: none;
margin:0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
float: left;
overflow: hidden;
}
.ika a{
color: #0078c4;
display: block;
}
.ika a:hover {
color: #fea700;
text-decoration: none;
}
a.ikared {
color: #e62600;
display: block;
}
a.ikared:hover {
color: #fea700;
text-decoration: none;
}2663bf
.ikamoto
color: #2663bf;
}
.kan{
width: 750px;
font-size: 16px;
font-weight:bold;
color: #008BE4;
line-height: 10px;
text-decoration: none;
margin:0px 0px 0px 15px;
padding: 5px 0px 0px 0px;
float: left;
overflow: hidden;
}
.kan a{
color: #0078c4;
display: block;
}
.kan a:hover {
color: #fea700;
text-decoration: none;
}
.kkk {padding: 0px 0px 0px 20px;}
.jjj {padding: 0px 0px 15px 15px;}	
.ttt {margin: 20px 0px 0px 0px;}
.ddd {padding: 0px 0px 10px 20px;}
.mmm {padding: 5px 0px 5px 15px;}
.yyy {padding: 10px 0px 0px 20px;}
.adv{
width:760px;
height:100px;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
.box {
float: left;
}
.boxContainer {
overflow: hidden;
}
/* clearfix */
.boxContainer:before,
.boxContainer:after {
content: "";
display: table;
}
 
.boxContainer:after {
clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
zoom: 1;
}
.gh{margin:5px 0px 5px 3px;}
.ghh{margin:5px 0px 5px 5px;}
.gf{margin:0px 0px 5px 3px;}
.gff{margin:0px 0px 5px 5px;}
a:active,a:focus{ outline:none; }
.linkselection {
width: 750px;
height: 600px;
line-height: 34px;
}
.select{
width: 750px;
font-size: 18px;
font-weight:bold;
float: left;
overflow: hidden;
margin: 3px 0px 0px 0px;
}
.select a{
color: #4c4c4c;
background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/f/4/f4c85971.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;
display: block;
padding: 0px 0px 0px 35px;
}
.select a:hover {
color: #fe9600;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
}
#anop{
width: 720px;
list-style-type: none;
margin: 0;
padding: 0;
}
#anop li{
display: block;
font-size: 16px;
line-height: 30px;
margin: 0;
padding: 0;
}
#anop li a{ 
width: 690px;
margin: 0px px 0px 0px;
color: #000000;
padding: 0px 0px 0px 38px;
background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/e/b/ebe2af08.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;
text-decoration: none;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: clip; 
-webkit-text-overflow: clip;
-o-text-overflow: clip;
} 
#anop li a:hover{
color: #ff6c00;
text-decoration: none;
background-color: #fff7ee;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
}
/**▽記事中rss */
.anopr{
width: 720px;
list-style-type: none;
margin: 0;
padding: 0;
}
.anopr li{
display: block;
font-size: 16px;
line-height: 30px;
margin: 0;
padding: 0;
}
.anopr li a{ 
width: 690px;
margin: 0px 0px 0px -20px;
color: #000000;
padding: 0px 0px 0px -38px;
background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/e/b/ebe2af08.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;
text-decoration: none;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: clip; 
-webkit-text-overflow: clip;
-o-text-overflow: clip;
} 
.anopr li a:hover{
color: #ff6c00;
text-decoration: none;
background-color: #fff7ee;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
}
.rel {
 width: 550px;
height: 150px;
 background-color: #ffffff;
 padding: 5px;
margin: 0px 10px 10px 10px;
border:solid 1px #d0d0d0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#ku 
{ 
display: none;
 }
.kuu 
{ 
display: none;
 }
.kuuu
{ 
text-align: left;
 }
.ikaaa{
 width: 530px;
font-size: 16px;
font-weight:bold;
color: #0078c4;
line-height: 14px;
text-decoration: none;
margin:10px 0px 0px 10px;
padding: 0px 0px 0px 10px;
float: left;
overflow: hidden;
}
.ikaaa a{
color: #0078c4;
display: block;
}
.ikaaa a:hover {
color: #fea700;
text-decoration: none;
}
.rsslinkk {width: 750px;height: 1230px;overflow: hidden;background-color: #ffffff;font-size: 16px;font-weight:bold;margin: 0px;padding: 0px;}
.newww{width: 750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 34px;}
.newww a{color: #4c4c4c;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/f/b/fb4aeec5.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newww a:hover{color: #42b7f3;text-decoration: none;}
div#rightt {text-align: right;}
.ika2{
width: 720px;
font-size: 16px;
font-weight:bold;
color: #2663bf;
line-height: 21px;
text-decoration: none;
margin:0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
float: left;
overflow: hidden;
}
.ika2 a{
color: #0078c4;
display: block;
}
.ika2 a:hover {
color: #fea700;
text-decoration: none;
}
.ika3{
width: 720px;
font-size: 16px;
font-weight:bold;
color: #2663bf;
line-height: 14px;
text-decoration: none;
margin:0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
float: left;
overflow: hidden;
}
.ika3 a{
color: #0078c4;
display: block;
}
.ika3 a:hover {
color: #fea700;
text-decoration: none;
}
.ika4{
width: 720px;
font-size: 16px;
font-weight:bold;
color: #2663bf;
line-height: 21px;
text-decoration: none;
margin:0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
float: left;
overflow: hidden;
}
.ika4 a{
color: #0078c4;
display: block;
}
.ika4 a:hover {
color: #fea700;
text-decoration: none;
}
.blogroll-channel, .blogroll-channel * {margin: 0;padding: 0;border: none;text-align: left;}
 /* ▽Toprss中サイズ▽ */
#rsstop {height: 380px;width: 933px;overflow-y: scroll;}
.top{width: 455px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 24px;}
.top a{color: #0d0601;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/8/2/8278ab07.gif") no-repeat 5px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 23px;}
.kono {margin: 0px 0px 0px 23px;}
.kono a{color: #0d0601;text-decoration: none;}
.top a:hover, .kono a:hover{color: #fb0000;text-decoration: none;background-color: #f5f5f5;-moz-transition: color 0.2s ease;-webkit-transition: color 0.2s ease;-o-transition: color 0.2s ease;-ms-transition: color 0.2s ease;}
.tttt{height: 272px;margin: 0px 0px 1px 0px;}
.rslinkk {width: 750px;height: 1062px;overflow: hidden;background-color: #ffffff;font-size: 16px;font-weight:bold;margin: 0px;padding: 0px;}
.newwws{width: 750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 34px;}
.newwws a{color: #4c4c4c;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/f/b/fb4aeec5.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newwws a:hover{color: #42b7f3;text-decoration: none;}
.inc{
width: 720px;
list-style-type: none;
margin: 0;
padding: 0;
}
.inc li{
display: block;
font-size: 16px;
line-height: 30px;
margin: 0;
padding: 0;
}
.inc li a{ 
width: 690px;
margin: 0px 0px 0px 0px;
color: #000000;
padding: 0px 0px 0px 38px;
text-decoration: none;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: clip; 
-webkit-text-overflow: clip;
-o-text-overflow: clip;
} 
.inc li a:hover{
color: #ff6c00;
text-decoration: none;
background-color: #fff7ee;
}
.innerup 
{ 
display: none;
 }
.duri{
width: 720px;
list-style-type: circle !important;
margin: 0;
padding: 0;
}
.duri li{
display: block;
font-size: 14px;
line-height: 30px;
margin: 0;
padding: 0;
}
.duri li a{ 
width: 690px;
margin: 0px 0px 0px 0px;
color: #000000;
padding: 0px 0px 0px 5px;
text-decoration: none;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: clip; 
-webkit-text-overflow: clip;
-o-text-overflow: clip;
} 
.duri li a:hover{
color: #ff6c00;
text-decoration: none;
}
.rsskote {
width:933px;
height:250px;
border: 2px solid #284e4d;
margin-left:177px;
overflow-x : hidden;
 background-color: #ffffff;
text-align: left;
}
 /* ▽ブログロール▽ */
.blogroll-channel, .blogroll-channel * {margin: 0;padding: 0;border: none;text-align: left;}
.rsstopto {height: 380px;width: 933px;overflow-y: scroll;}
.topto{width: 455px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 24px;}
.topto a{color: #0d0601;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/8/2/8278ab07.gif") no-repeat 5px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 23px;}
.topto a:hover, .konoto a:hover{color: #fb0000;text-decoration: none;background-color: #f5f5f5;}
.ttttto{height: 147px;margin: 0px 0px 1px 0px;}
 /* ▽check記事 ブログロール2枠▽ */
.check{
width:760px;
height:410px;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
 /* ▽ブログロール2 記事上一行▽ */
.blogroll-channelte, .blogroll-channelte * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
.rsslinkba {height: 410px;width: 760px;overflow: hidden;}
.newba{width:750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 28px;}
.newba a{color: #413221;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/c/c/cc925d54.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newba a:hover, .kono a:hover{color: #ff6c00;font-weight: bold;text-decoration: none;background-color: #fff7ee;}
.linkko {
width: 1120px;
margin: 0 auto;
}
 /* ▽ブログロール3▽ */
.blogroll-channelre, .blogroll-channelre * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
.rsslinkre {height: 706px;width: 750px;overflow: hidden;}
.newre{width: 750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 34px;}
.newre a{color: #4c4c4c;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/f/b/fb4aeec5.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newre a:hover, .neww a:hover, .kono a:hover{color: #42b7f3;text-decoration: none;}
 /* ▽ブログロール4▽ */
.blogroll-channelcare, .blogroll-channelcare * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
 
.rsslinkcare {height: 2300px;width: 750px;overflow: hidden;}
 
.newcare{width: 750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 34px;}
 
.newcare a{color: #4c4c4c;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/f/4/f4c85971.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
 
.newcare a:hover, .kono a:hover{color: #fe9600;text-decoration: none;}
 /* ▽ブログロール5▽ */
.blogroll-channelcom, .blogroll-channelcom * {margin: 0;padding: 0;border: none;text-align: left;}
.rsslinkcom {height: 250px;width: 735px;overflow: hidden;overflow-y: scroll;}
.newcom{width: 735px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 24px;}
.newcom a{color: #0d0601;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/8/2/8278ab07.gif") no-repeat 5px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 23px;}
.newcom a:hover{color: #fb0000;text-decoration: none;background-color: #f5f5f5;}
 /* ▽check記事 固定リンク▽ */
.checkll{
width:760px;
height:580px;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
 /* ▽記事上固定リンク▽ */
.fixedll * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;
white-space: nowrap !important;
overflow: hidden !important;
}
.rsslinkll {height: 580px;width: 760px;overflow: hidden;}
.newll{width:750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 28px;}
.newll a{color: #413221;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/c/c/cc925d54.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newll a:hover{color: #ff6c00;font-weight: bold;text-decoration: none;background-color: #fff7ee;}
 /* 追尾広告 */
.fixed { position: fixed;
	top: 20px; }
/* ▽メニュー▽ */
.typem {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
margin: 5px 100px 5px 0px
}
.typeme {
color: #524645;
font-size: 16px;
font-weight: bold;
position: relative;
list-style-type: none
}
.typeme a{
color: #524645;
}
.typeme a:hover{
color:#000000;
background-color:#d4d9dc;
border-radius: 50% 50% 50% 50%
}
.typeme:before, .typeme:after {
content: "|";
top: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
font-size: small;
color: #d4d9dc;
}
.typemer {
padding:0px 22px 0px 22px;
}
.comment-set.v2 .comment-info .comment-body {
	color: #141137;
	font-size: 16px;
}
 /* ▽最上部 固定リンク枠▽ */
.checktop{
width:1110px;
height:1750;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
 /* ▽最上部固定リンク中▽ */
.fixedtop * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
.rsslinktop {height: 1750px;width: 1100px;overflow: hidden;}
.newtop{width:1090px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 28px;}
.newtop a{color: #413221;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/c/c/cc925d54.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newtop a:hover{color: #ff6c00;font-weight: bold;text-decoration: none;background-color: #fff7ee;}
 /* ▽人気記事!枠▽ */
.checktopto{
width:1110px;
height:580px;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
 /* ▽人気記事!固定リンク中▽ */
.fixedtopto * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
.rsslinktopto {height: 580px;width: 1100px;overflow: hidden;}
.newtopto{width:1090px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 28px;}
.newtopto a{color: #413221;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/c/c/cc925d54.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.newtopto a:hover{color: #ff6c00;font-weight: bold;text-decoration: none;background-color: #fff7ee;}
 /* ▽記事下リンク枠▽ */
.link03{
font-size:18px;
color:#1981da;
font-weight:bold;
border-left:#1981da 9px solid ;
padding:2px 20px 3px 10px;
margin:10px;
}
.linkpu01 {width: 750px;height: 1062px;overflow: hidden;background-color: #ffffff;font-size: 16px;font-weight:bold;margin: 0px;padding: 0px;}
.pickup01{width: 750px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 34px;}
.pickup01 a{color: #4c4c4c;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/f/b/fb4aeec5.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.pickup01 a:hover{color: #42b7f3;text-decoration: none;}
 /* ▽3個固定リンク枠▽ */
.areaatop{
width:1110px;
height:910px;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
 /* ▽3個固定リンク中▽ */
.areabtop * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
.areactop {height: 910px;width: 1100px;overflow: hidden;}
.areadtop{width:1090px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 28px;}
.areadtop a{color: #413221;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/c/c/cc925d54.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.areadtop a:hover{color: #ff6c00;font-weight: bold;text-decoration: none;background-color: #fff7ee;}
 /* ▽3個固定リンク枠2▽ */
.areaetop{
width:1110px;
height:580px;
border: 1px solid #284e4d;
margin-bottom:5px;
background: #fafafa;
}
 /* ▽3個固定リンク中2▽ */
.areaftop * {margin: 0;padding: 0;border: none;text-align: left; font-size: 16px; font-weight: bold;}
.areagtop {height: 580px;width: 1100px;overflow: hidden;}
.areahtop{width:1090px;float: left;overflow: hidden;margin: 3px 0px 0px 0px;line-height: 28px;}
.areahtop a{color: #413221;text-decoration: none;background: url("http://livedoor.blogimg.jp/goodjob0123/imgs/c/c/cc925d54.gif") no-repeat 15px 50%;
border-bottom: 1px dotted #c9c8c8;display: block;padding: 0px 0px 0px 35px;}
.areahtop a:hover{color: #ff6c00;font-weight: bold;text-decoration: none;background-color: #fff7ee;}
 /* ▽下追尾広告▽ */
.floating-banner {
 position: fixed; /* バナーを追従させる */
 z-index: 99999; /* 他の要素の下に隠れないように */
 bottom: 0; /* バナーの上下の位置 */
left: 50%;
transform: translate(-50%,0);
 width: 728px; /* バナーの横幅 */
}
.floating-banner__image {
 max-width: 100%; /* 画像の最大幅 */
}
 /* ▽下追尾広告▽ */
.floating-banner 2{
 position: fixed; /* バナーを追従させる */
 z-index: 99999; /* 他の要素の下に隠れないように */
 bottom: 0; /* バナーの上下の位置 */
left: 50%;
transform: translate(-80%,0);
 width: 160px; /* バナーの横幅 */
}
.floating-banner__image {
 max-width: 100%; /* 画像の最大幅 */
}
.container
{ /* その他のページスタイル */ }
.text-banner
{ position: fixed; /* バナーを固定位置に配置 */
right: 760px; /* 右端から20ピクセルの位置に設置 */
bottom: 250px; /* 下端から300ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */
.column-wrap{
 /*2カラムにするコード*/
 display: grid;
 grid-template-columns: 1fr minmax(30%,200px);
 gap: 20px;
}
.main-column{
 /*スクロールの確認のために高さを仮で確保*/
 height: 200vh;
}
.sticky{
 /*追従させたい要素*/
 position: sticky;
 top: 0;
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://inazumanews2.com/site.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://inazumanews2.com/site.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>