@charset "utf-8";

/* ----- スクロールバーの設定 ----- */
html {
	scrollbar-track-color : #000000;
	scrollbar-face-color : #000000;
	scrollbar-arrow-color : #999999;
	scrollbar-3dlight-color : #999999;
	scrollbar-darkshadow-color : #999999;
	scrollbar-highlight-color : #000000;
	scrollbar-shadow-color : #000000;
}

/* ----- 全体的な設定 ----- */
* {
	margin : 0;
	padding : 0;
}
body {
	color : #999999;
	font-family : "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka";
	background : url("https://blog-imgs-27.fc2.com/s/y/s/systeminchaos/07-3.gif") bottom left fixed no-repeat;
	background-color : #000000;
	text-align : center;
	line-height : 1.5;
	font-size : x-small !important;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small !important;
}
html>body {
	font-size : small !important;
}
textarea {
	width : 90%;
}

/* ----- リンクの設定 ----- */
a {
	text-decoration : none;
}
a:link {
	color : #ffffff;
	text-decoration : none;
}
a:visited {
	color : #ffffff;
	text-decoration : none;
}
a:hover {
	color : #000099;
	background-color : #ffffff;
}
a:active {
	color : #000099;
	background-color : #ffffff;
}
 /* リンク画像の枠を表示しない */
a img {
	border-style : none;
	border-width : 0px;
	text-decoration : none;
}
 /* 絵文字の設定 */
.emoji {
	vertical-align : middle;
	border : 0px;
}

/* ----- レイアウト用ブロックの設定 ----- */
div#container {
	width : 770px;
	margin-left : auto;
	margin-right : auto;
	background-color : transparent;
	text-align : left;
}
 /* ヘッダー部分 */
div#branding {
	height : 100px;
	background : url("https://blog-imgs-27.fc2.com/s/y/s/systeminchaos/07-2.gif") top left no-repeat;
	background-color : #333333;
	text-align : right;
	margin : 0px 0px 20px;
}
div.column {
	margin : 20px 0px;
}
 /* 本文部分ブロック */
div#primary-column {
	float : right;
	width : 530px;
	padding : 0px;
	voice-family : "\"}\"";
	voice-family : inherit;
	width : 530px;
}
html>body div#primary-column {
	width : 530px;
}
 /* サイトインフォ関連ブロック+カレンダーの幅 */
div#wrapper {
	float : left;
	width : 240px;
}
 /* カレンダー部分 */
div#calendar {
	float : right;
	width : 50px;
	padding : 0px 10px;
	voice-family : "\"}\"";
	voice-family : inherit;
	width : 30px;
}
html>body div#calendar {
	width : 30px;
}
 /* サイトインフォ関連ブロック */
div#secondary-column {
	float : left;
	width : 190px;
	padding : 0px;
	voice-family : "\"}\"";
	voice-family : inherit;
	width : 190px;
}
html>body div#secondary-column {
	width : 190px;
}
 /* 著作表示ブロック */
div#siteinfo-legal {
	clear : both;
	margin : 0px 10px;
}

/* ----- ヘッダーの設定 ----- */
 /* タイトルの位置あわせ */
div.blog-name {
	padding : 20px 10px;
}
div#branding h1 a {
	font-size : large;
	font-weight : bold;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : large;
	padding : 0px;
}
html>body div#branding h1 {
	font-size : large;
}
 /* サイトの説明 */
div#branding p {
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
	padding : 0px;
}
html>body div#branding p {
	font-size : x-small;
}

/* ----- Primary-Columnの設定 ----- */
 /* ページ移動用ナビゲーション */
p.prev-next-navi {
	text-align : center;
	margin : 0px 0px 20px;
}
 /* 各記事毎のブロック */
div.section {
	margin : 0px 0px 25px;
}
 /* 日付 */
div.date {
	font-weight : bold;
	text-align : right;
	padding : 0px 5px;
}
 /* 記事のタイトル部分 */
div.title {
	height : 28px;
	background : url("https://blog-imgs-27.fc2.com/s/y/s/systeminchaos/07-1.gif") top right no-repeat;
	border : 1px solid #333333;
}
div.section h2 {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 5px 15px 0px;
}
html>body div.section h2 {
	font-size : small;
}
 /* 段落の設定 */
div.section p {
	margin : 1em 0;
}
 /* 記事本体部分 */
div.entry-body {
	padding : 10px 10px 0px;
}
 /* 追記部分 */
div.entry-more {
	padding : 20px 10px 0px;
}
div.entry-more-body {
	padding : 20px 0px 0px;
}
 /* フッター部分（コメントやトラックバックなど） */
div.section ul.entry-footer {
	text-align : right;
	list-style-position : inside;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
	padding : 20px 10px 15px;
}
html>body div.section ul.entry-footer {
	font-size : x-small;
}
div.section ul.entry-footer li {
	display : inline;
	list-style-type : none;
}
span.category,
span.com,
span.no-com,
span.trk,
span.no-trk,
span.top {
	padding : 0px 0px 0px 10px;
}

/* ----- コメント部分の設定 ----- */
 /* コメントフォームの設定 */
input#himitu {
	margin-right : 0.5em;
}
div#primary-column form {
	padding : 0px 20px 10px;
}
.form-area {
	width : 200px;
	color : #cccccc;
	background-color : #333333;
	padding : 1px 2px;
	border : 1px solid #666666;
}
.form-text-area {
	width : 400px;
	color : #cccccc;
	background-color : #333333;
	padding : 1px 2px;
	border : 1px solid #666666;
}
.form-button {
	color : #cccccc;
	background-color : #333333;
	padding : 2px 0px 0px;
	margin : 10px 5px 0px;
	border : 1px solid #666666;
}
 /* コメントトップ */
h3#comment-top,
h3.comment-post,
h3.comment-edit {
	color : #ffffff;
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 0px 10px;
	margin : 10px 0px;
}
html>body h3#comment-top,
html>body h3.comment-post,
html>body h3.comment-edit {
	font-size : small;
}
 /* コメントタイトル */
h4.comment-header {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 0px 25px;
	margin : 0px;
}
html>body h4.comment-header {
	font-size : small;
}
 /* コメント本文 */
div.comment-body {
	padding : 0px 20px;
}
 /* コメントフッター */
ul.comment-footer {
	text-align : right;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
	padding : 0px 20px;
}
html>body ul.comment-footer {
	font-size : x-small;
}
ul.comment-footer li {
	display : inline;
	list-style-type : none;
}

/* ----- トラックバック部分の設定 ----- */
 /* トラックバックトップ */
h3#trackback-top {
	color : #ffffff;
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 0px 10px;
	margin : 10px 0px;
}
html>body h3#trackback-top {
	font-size : small;
}
 /* トラックバックURL */
p.trackback-uri {
	background-color : #000000;
	padding : 0.2em 0.5em;
	margin : 0px 0px 25px;
	border : 1px solid #333333;
}
 /* トラックバックのタイトル */
h4.trackback-header {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 0px 25px;
	margin : 0px;
}
html>body h4.trackback-header {
	font-size : small;
}
 /* トラックバック先の概要 */
div.trackback-excerpt {
	padding : 0px 20px;
}
 /* トラックバックフッター */
ul.trackback-footer {
	text-align : right;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
	padding : 0px 20px;
}
html>body ul.trackback-footer {
	font-size : x-small;
}
ul.trackback-footer li {
	display : inline;
	list-style-type : none;
}

/* ----- カレンダー部分の設定 ----- */
p.now-month {
	display : none;
}
div#calendar ul {
	width : 30px;
	color : #cccccc;
	text-align : center;
	voice-family : "\"}\"";
	voice-family : inherit;
	width : 28px;
	border : 1px solid #333333;
}
html>body div#calendar ul {
	width : 28px;
}
div#calendar li {
	color : #666666;
	list-style-type : none;
}
div#calendar li a {
	font-weight : bold;
}

/* ----- Secondary-Columnの設定 ----- */
div.side {
	margin : 0px 0px 10px 0px;
}
div.sidebody {
	padding : 3px 5px 5px 7px;
}
 /* メニュータイトルの設定 */
div#secondary-column h2 {
	background-color : #000000;
	padding : 0px 7px;
	font-weight : bold;
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	border : 1px solid #333333;
}
html>div#secondary-column h2 {
	font-size : small;
}
 /* アーカイブ関連のリスト表示設定 */
div#secondary-column ul {
	list-style-position : outside;
	list-style-type : square;
	margin : 0px 0px 0px 15px;
}
div.sidebody input,
div.sidebody textarea {
	color : #cccccc;
	background-color : #333333;
	padding : 2px 0px 0px;
	margin : 2px;
	border : 1px solid #666666;
}

/* ----- フッター部分の設定 ----- */
div#siteinfo-legal p {
	text-align : center;
	padding : 10px 0px;
}

/* ----- 文字装飾 ----- */
em {
	font-style : italic;
}
strong {
	font-weight : bold;
}
b {
	font-weight : bold;
}
i {
	font-style : oblique;
}

/* ----- 引用の設定 ----- */
blockquote {
	background-color : #303030;
	margin : 5px 20px;
	padding : 0.1em 1em;
}

/* ----- コード ----- */
div.section pre {
	margin : 1em auto;
	padding : 0.5em;
	border : 1px solid #666666;
	font-family : sans-serif;
	overflow : auto;
	width : 90%;
}
/* for without MacIE5 \*/
div.section pre {
	overflow : scroll;
}/* */
div.section > pre {
	width : auto;
}
div.section code {
	font-family : monospace;
}

/* ----- Mac版IEの文字化け対策 ----- */
textarea,input,select {
	font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}