@charset "EUC-JP";
/* ===================================================================
CSS information
author:abc-template
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
/* reset */
* {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-weight : normal;
}
html {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 10px;
}

/* default */
body {
	background: #666;
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	リンク
----------------------------------------------------*/
/* ページ全体のリンク色 */
a {
	color:#000000;
	text-decoration:underline;
}
a:link {
	color:#000000;
	text-decoration:underline;
}
a:visited {
	color:#999999;
	text-decoration:underline;
}
a:hover {
	color:#333333;
	text-decoration:none;
}
a:active {
	color:#333333;
	text-decoration:none;
}

/* ブログ名の色 */
h1 a,h1 a:link,h1 a:visited {
	color:#000000;
	text-decoration:none;
}
h1 a:hover,h1 a:active {
	color:#999999;
	text-decoration:none;
}

/* 見出しの色 */
.section h2 a, .section h2 a:link, .section h2 a:visited {
	color:#000000;
	text-decoration:none;
	font-weight: 700;
}
.section h2 a:hover, .section h2 a:active {
	color:#999999;
	text-decoration:none;
	font-weight: 700;
}

/* サイドメニューのリンク色 */
#side a {
	color:#fff;
	text-decoration:underline;
}
#side a:link {
	color:#fff;
	text-decoration:underline;
}
#side a:visited {
	color:#ccc;
	text-decoration:underline;
}
#side a:hover {
	color:#fff;
	text-decoration:none;
}
#side a:active {
	color:#fff;
	text-decoration:none;
}

/* フッターのリンク色 */
#footer a {
	color:#fff;
	text-decoration:underline;
}
#footer a:link {
	color:#fff;
	text-decoration:underline;
}
#footer a:visited {
	color:#ccc;
	text-decoration:underline;
}
#footer a:hover {
	color:#fff;
	text-decoration:none;
}
#footer a:active {
	color:#fff;
	text-decoration:none;
}


/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0px auto;
	text-align: left;
	background: #666;
}

#header {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background: url(http://blog-imgs-42.fc2.com/a/b/c/abctemplate/header01.gif) repeat-x center top;
}

#container {
	width: 800px;
	margin: 15px auto 0;
	background: url(http://blog-imgs-42.fc2.com/a/b/c/abctemplate/main01.gif) repeat-y left top;
}

#main {
	width: 600px;
	float: left;
}

#side {
	width: 180px;
	float: right;
	color: #fff;
}

#footer {
 	width: 800px;
 	height: 98px;
 	margin: 0 auto;
 	background: url(http://blog-imgs-42.fc2.com/a/b/c/abctemplate/footer01.gif) no-repeat left top;
}


/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
/* ブログ名 */
h1 {
	width: 800px;
	margin: 0 auto;
	font-size: 1.7em;
	padding: 20px 0 0;
}

/* ブログの説明文 */
#header p {
	width: 800px;
	margin: 10px auto;
}


/*----------------------------------------------------
	カラム左
----------------------------------------------------*/
/* ページ移動用ナビゲーション */
.prev-next-navi {
	margin: 0 auto 15px;
	text-align: center;
}

#maincontent {
	width: 570px;
	margin: 15px auto;
}

.section {
	margin: 0 0 100px 0;
}

/* 記事のタイトル部分 */
.section h2 {
	font-size: 1.4em;
	font-weight: 700;
	width: 470px;
	height: 35px;
	background: url(http://blog-imgs-42.fc2.com/a/b/c/abctemplate/title01.gif) no-repeat left bottom;
	padding: 15px 0 0 100px;
}

/* 記事全体 */
.entry-body {
	margin: 15px 0;
}

/* 追記部分 */
.entry-more {
	padding : 25px 15px 15px 0;
	text-align : right;
}

/* フッター部分（コメントやトラックバックなど） */
.section ul.entry-footer {
	padding : 20px 10px 15px 10px;
	list-style-position : inside;
}

.section ul.entry-footer li {
	display : inline;
	list-style-type : none;
}


/*----------------------------------------------------
	コメント部分の設定
----------------------------------------------------*/

/* コメントフォーム */
#main form {
	padding : 0 10px;
}

/* 管理者だけにコメント */
input#himitu {
	margin-right : 0.5em;
}

/* コメントフォームのボタン */
p.form-btn {
	margin-top : 20px;
}

/* コメントトップ */
h3#comment-top {
	margin : 15px 0 10px 0;
	padding : 0 15px;
}
h3.comment-post,
h3.comment-edit {
	padding : 0 15px;
}

/* コメントのタイトル */
h4.comment-header {
	margin-bottom : 10px;
	padding : 0 10px;
	border-bottom : 1px solid #333;
}

/* コメント本文 */
.comment-body {
	padding : 0 10px;
}

/* コメントフッター */
ul.comment-footer {
	padding : 10px 10px 15px 10px;
}

ul.comment-footer li {
	display : inline;
	list-style-type : none;
}


/*----------------------------------------------------
	トラックバック部分の設定
----------------------------------------------------*/

/* トラックバックトップ */
h3#trackback-top {
	margin : 15px 0;
}

/* トラックバックURI */
.trackback-uri {
	margin-bottom : 15px;
	padding : 0.2em 0.5em;
	border : 1px solid #333;
}

/* トラックバックのタイトル */
h4.trackback-header {
	margin-bottom : 10px;
	padding : 0 10px;
	border-bottom : 1px solid #333;
}

/* トラックバック先の概要 */
div.trackback-excerpt {
	padding : 0 10px;
	background : transparent;
}

/* トラックバックフッター */
ul.trackback-footer {
	padding : 10px 10px 15px 10px;
	display : inline;
	list-style-type : none;
}

ul.trackback-footer li {
	display : inline;
	list-style-type : none;
}


/*----------------------------------------------------
	カラム右
----------------------------------------------------*/
/* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */

#side h2 {
	font-size: 1.3em;
	font-weight: 700;
	background: url(http://blog-imgs-42.fc2.com/a/b/c/abctemplate/side01.gif) no-repeat left top;
	padding: 5px 0 5px 30px;
	border-bottom: 2px #ccc dotted;
	margin-bottom: 10px;
}

/* カレンダーの位置調整 */
#side h2.calendar-archives {
	margin-bottom : 5px;
}

/* 月別・カテゴリ別アーカイブの位置調整 */
#side h2.monthly-archives,
#side h2.categories-archives {
	margin-top : 20px;
	margin-bottom : 5px;
}

/* 検索の位置調整 */
#side h2.search {
	margin-top : 20px;
	margin-bottom : 10px;
}

/* 最近のコメント・最近のトラックバック・リンクの位置調整 */
#side h2.recent-entries, #side h2.recent-comments, #side h2.recent-trackbacks, #side h2.links {
	margin-top : 20px;
	margin-bottom : 5px;
}

/* プロフィールなどの位置調整 */
#side h2.appendix {
	margin-top : 20px;
	margin-bottom : 10px;
}

/* 著者名・著者概要・広告の位置調整 */
p.author-name,
p.author-description,
.ads {
	margin : 0 15px;
}

/* プロフィール画像 */
p.author-image img {
	display : block;
	margin : 10px 15px;
	border : 1px solid #333;
}

/* アーカイブ関連のリスト表示設定 */
#side ul {
	margin : 0 15px;
	list-style-position : inside;
}


/*----------------------------------------------------
	カレンダー部分の設定
----------------------------------------------------*/
/* カレンダー表示用のテーブル設定 */
table.calendar {
	width : 100%;
	border-collapse : collapse;
	font-size : x-small;
	font-size : small;
}

html>table.calendar {
	font-size : small;
}

/* カレンダー見出（前月・当月・次月などのリンク部分） */
.calendar caption {
	margin-bottom : 10px;
}

/* カレンダーのセル見出（曜日表示部分） */
.calendar th {
	padding : 0.1em;
	border-bottom : 1px dotted #333;
	text-align : center;
}

/* カレンダーのセル部分（日付表示部分） */
.calendar td {
	padding : 0.1em;
	border-bottom : 1px dotted #333;
	text-align : center;
}

/* カレンダーリンク部分（記事を書いた日） */
.calendar td a {
	display : block;
	background : #ccc;
}

/* 日曜日 */
th.sun {
	color : #fcc;
}

/* 土曜日 */

th.sat {
	color : #cff;
}


/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#copyright {
	color: #fff;
	padding: 20px 0 0 0;
}


/*----------------------------------------------------
	引用の設定
----------------------------------------------------*/
blockquote {
	width : 300px;
	margin : 20px 0 20px 50px;
	padding : 0.5em;
	border : 1px solid #333;
}


/*----------------------------------------------------
	コード
----------------------------------------------------*/
.section pre {
	margin : 1em auto;
	padding : 0.5em;
	border : 1px solid #633;
	font-family : sans-serif;
	overflow : auto;
	width : 90%;
}

/* for without MacIE5 \*/
.section pre {
	overflow : scroll;
}/* */

.section > pre {
	width : auto;
}

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