@charset "EUC-JP";

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

/* ----- 全体的な設定 ----- */
* {
	margin : 0;
	padding : 0;
}
body {
	font-family : "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "sans-serif";
	color : #333333;
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20bg.gif") top center repeat-y;
	background-color : #ffffff;
	text-align : center;
	line-height : 1.5em;
	font-size : 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 : #ff33cc;
}
a:visited {
	color : #ff33cc;
}
a:hover {
	color : #ffffff;
	background-color : #666666;
}
a:active {
	color : #ff33cc;
}
 /* リンク画像の枠を表示しない */
a img {
	border-style : none;
	border-width : 0px;
	text-decoration : none;
}
 /* 絵文字の設定 */
.emoji {
	vertical-align : middle;
	margin : 1px;
	border : 0px;
}

/* ----- レイアウト用ブロックの設定 ----- */
div#container {
	width : 780px;
	text-align : left;
	margin-left : auto;
	margin-right : auto;
}
div#branding {
	width : 780px;
	height : 200px;
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20header.gif") top center no-repeat;
	background-color : #ffffff;
}
div.column {
	margin : 20px 0px;
}
div#primary-column {
	float : right;
	width : 540px;
	padding : 0px 20px;
	voice-family : "\"}\"";
	voice-family : inherit;
	width : 500px;
}
html>body div#primary-column {
	width : 500px;
}
 /* サイトインフォ関連ブロック */
div#secondary-column {
	float : left;
	width : 240px;
	padding : 0px 0px 0px 20px;
	voice-family : "\"}\"";
	voice-family : inherit;
	width : 220px;
}
html>body div#secondary-column {
	width : 220px;
}
 /* 著作表示ブロック */
div#siteinfo-legal {
	clear : both;
	width : 780px;
	height : 160px;
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20footer.gif") bottom center no-repeat;
	background-color : #ffffff;
}

/* ----- タイトル・サイトの説明部分の設定 ----- */
 /* タイトル */
div#branding h1 {
	font-size : 24px;
	padding : 40px 350px 5px 20px;
}
html>body div#branding h1 {
	font-size : 24px;
}
div#branding h1 a {
	color : #000000;
	text-decoration : none;
}
div#branding h1 a:link {
	color : #000000;
}
div#branding h1 a:visited {
	color : #000000;
}
div#branding h1 a:hover {
	color : #ffffff;
	background-color : #000000;
}
div#branding h1 a:active {
	color : #000000;
}
 /* サイトの説明 */
div#branding p {
	font-size : 12px;
	padding : 0px 350px 0px 20px;
}
html>body div#branding p {
	font-size : 12px;
}

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

/* ----- コメント部分の設定 ----- */
 /* コメントフォーム */
div#primary-column form {
	padding : 0px 10px;
}
 /* 管理者だけにコメント */
input#himitu {
	margin-right : 0.5em;
}
 /* コメントフォームのボタン */
p.form-btn {
	margin-top : 20px;
}
 /* コメントトップ */
h3#comment-top {
	height : 22px;
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20icon1.gif") top left no-repeat;
	font-size : 15px;
	padding : 4px 40px 3px;
	margin-bottom : 10px;
	border-bottom : 1px solid #cccccc;
}
html>body h3#comment-top {
	font-size : 15px;
}
h3.comment-post,
h3.comment-edit {
	height : 22px;
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20icon1.gif") top left no-repeat;
	font-size : 15px;
	padding : 4px 40px 3px;
	margin-bottom : 10px;
	border-bottom : 1px solid #cccccc;
}
html>body h3.comment-post,
html>body h3.comment-edit {
	font-size : 15px;
}
 /* コメントのタイトル */
h4.comment-header {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 0px 15px;
}
html>body h4.comment-header {
	font-size : small;
}
 /* コメント本文 */
div.comment-body {
	padding : 0px 10px;
}
 /* コメントフッター */
ul.comment-footer {
	text-align : right;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
	padding : 10px;
}
html>body ul.comment-footer {
	font-size : x-small;
}
ul.comment-footer li {
	display : inline;
	list-style-type : none;
}
 /* コメントフォーム */
div#primary-column form {
	padding : 0px 10px 20px;
}
.form-text {
	width : 300px;
	background-color : #f0f0f0;
	padding : 1px 2px;
	border : 1px solid #999999;
}
.form-text-area {
	width : 300px;
	background-color : #f0f0f0;
	padding : 1px 2px;
	border : 1px solid #999999;
}
.form-pass {
	width : 150px;
	background-color : #f0f0f0;
	padding : 1px 2px;
	border : 1px solid #999999;
}
.form-button {
	background-color : #f0f0f0;
	padding : 1px;
	margin : 1px;
	border : 1px solid #999999;
}

/* ----- トラックバック部分の設定 ----- */
 /* トラックバックトップ */
h3.trackback-top,
h3.trackback-header {
	height : 22px;
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20icon1.gif") top left no-repeat;
	font-size : 15px;
	padding : 4px 40px 3px;
	margin-bottom : 10px;
	border-bottom : 1px solid #cccccc;
}
html>body h3.trackback-top,
html>body h3.trackback-header {
	font-size : 15px;
}
 /* トラックバックURL */
p.trackback-url {
	padding : 0.2em 0.5em;
	margin : 10px 15px 5px;
	border : 1px solid #666666;
}
div.trackback-javascript {
	text-align : center;
	margin : 0px 15px 15px;
}
 /* トラックバックのタイトル */
h4.trackback-title {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 0px 15px;
}
html>body h4.trackback-title {
	font-size : small;
}
 /* トラックバック先の概要 */
div.trackback-excerpt {
	padding : 0px 10px;
}
 /* トラックバックフッター */
ul.trackback-footer {
	text-align : right;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
	padding : 10px;
}
html>body ul.trackback-footer {
	font-size : x-small;
}
ul.trackback-footer li {
	display : inline;
	list-style-type : none;
}

/* ----- Secondary-Columnの設定 ----- */
div.side {
	margin : 0px 0px 20px 0px;
	border-top : 1px solid #cccccc;
	border-right : 2px solid #cccccc;
	border-bottom : 2px solid #cccccc;
	border-left : 1px solid #cccccc;
}
div.sidebody {
	padding : 3px 5px 5px 5px;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
}
html>div.sidebody {
	font-size : x-small;
}
 /* アーカイブ関連の見出 */
div#secondary-column h2 {
	background : url("http://blog-imgs-27.fc2.com/s/y/s/systeminchaos/20icon2.gif") top left no-repeat;
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	padding : 2px 5px 2px 25px;
}
html>div#secondary-column h2 {
	font-size : small;
}
 /* 著者名・著者概要の設定 */
p.author-name,
p.author-description {
	margin : 0px 15px;
}
 /* プロフィール画像 */
p.author-image img {
	display : block;
	margin : 10px 15px;
	border : 1px solid #666666;
}
div#secondary-column ul {
	list-style-position : outside;
	margin : 0px 0px 0px 20px;
}
 /* 検索の設定 */
div.sidebody input,
div.sidebody textarea {
	background-color : #f0f0f0;
	margin : 1px;
	border : 1px solid #999999;
}

/* ----- カレンダー部分の設定 ----- */
 /* カレンダー表示用のテーブル設定 */
table.calender {
	width : 100%;
	border-collapse : collapse;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
}
html>table.calender {
	font-size : x-small;
}
 /* カレンダー見出（前月・当月・次月などのリンク部分） */
.calender caption {
}
 /* カレンダーのセル見出（曜日表示部分） */
.calender th {
	color : #000000;
	text-align : center;
	background : #999999;
	padding : 0.1em;
	border : 1px solid #999999;
}
 /* カレンダーのセル部分（日付表示部分） */
.calender td {
	text-align : center;
	padding : 0.1em;
	border-bottom : 1px solid #999999;
}
 /* カレンダーリンク部分（記事を書いた日） */
.calender td a {
	font-weight : bold;
	display : block;
	background : #ffccff;
}
.calender td a:link {
	color : #000000;
	text-decoration : none;
}
.calender td a:visited {
	color : #000000;
	text-decoration : none;
}
.calender td a:hover {
	color : #ffffff;
	background-color : #999999;
}
.calender td a:active {
	color : #000000;
}
 /* 日曜日 */
.calender #sun {
	color : #ff0000;
}
 /* 土曜日 */
.calender #sat {
	color : #0000ff;
}

/* ----- フッター部分の設定 ----- */
div#siteinfo-legal div {
	text-align : right;
	line-height : 1.4em;
	padding : 80px 20px 0px;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : x-small;
}
html>body div#siteinfo-legal div {
	font-size : x-small;
}

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

/* ----- 引用の設定 ----- */
blockquote {
	background-color : #f0f0f0;
	padding : 0.2em 0.3em;
	margin : 1.5em;
	border-top : 1px solid #999999;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-left : 3px solid #999999;
}

/* ----- コード ----- */
div.section pre {
	margin : 1em auto;
	padding : 0.5em;
	border : 1px solid #663333;
	font-family : sans-serif;
	overflow : auto;
	width : 90%;						/* pre element clearing bug in WinIE  */
}
/* 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;
}