@charset "EUC-JP";

/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

* { margin : 0; padding : 0;}


/* body要素以下全てに適用されます */

body {
	color : #666;
	background : url("http://blog-imgs-27.fc2.com/h/a/j/hajimetedesign/005_bg.gif") top left repeat;
	text-align : center;/* 古いIEでセンタリングする */
	line-height : 170%;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
	font-size : 95%;/* 古いIEの文字サイズ */
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 95%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body {
	font-size : 95%;/* Opera用の文字サイズ */
}


/* リンクの設定
------------------------------------------------------------ */

a { text-decoration : none;}
a:link , a:visited { color : #ff9718;}
a:hover , a:active { color : #ffc57d;}


/* リンク画像の枠を表示しない */
a img {
	border-style : none;
	border-width : 0px;
	text-decoration : none;
}


/* リンクの設定（ブログ名のみ） 
------------------------------------------------------------ */

div#branding h1 a:link , div#branding h1 a:visited {
	color : #fff;
}

div#branding h1 a:hover , div#branding h1 a:active {
	color : #ff9;
	border : none;/* ボーダーを表示しない */
}


/* リンクの設定（カレンダー）
------------------------------------------------------------ */

.calender td a:link , .calender td a:visited {
	color : #ff9718;
	border: solid 1px #fff;
}

.calender td a:hover , .calender td a:active {
	color : #ffae4a;
	border: dotted 1px #ffae4a;
}


/* ULリンクの設定（右）
------------------------------------------------------------ */

.hajime_r ul a:link , .hajime_r ul a:visited {
	color : #666;
	border : none;
	text-decoration : none;
	display : block;
}

.hajime_r ul a:hover , .hajime_r ul a:active {
	color : #ff9718;
	border : none;
	text-decoration : none;
	background-color : #fff3e3;
	display : block;
}


/* リンクの設定（コピーライト）
------------------------------------------------------------ */

div#siteinfo-legal a:link , div#siteinfo-legal a:visited {
	color : #999;
}

div#siteinfo-legal a:hover , div#siteinfo-legal a:active {
	color : #4f3266;
}


/* レイアウト用ブロックの設定
------------------------------------------------------------ */

/* body直下部分（サイト全体をを包含） */

div#container {
	width : 766px;
	margin : 0 auto;
	padding-top : 10px;
	background : url("http://blog-imgs-27.fc2.com/h/a/j/hajimetedesign/005_bg_766x10.gif") top center repeat-y;/* 画像766x10 */
}


/* タイトル部分（ブログ名） */

div#branding {
	width : 742px;
	height : 138px;
	background : url("http://blog-imgs-27.fc2.com/h/a/j/hajimetedesign/005_bg_742x138.gif") bottom center no-repeat #ff9718;/* 画像742x138 */
	margin : 0 auto;
	text-align : center;
}

/* サイトの説明内包テーブル */
table#intro {
	margin : 0 auto;
	text-align : center;
}

div.column {
	margin-bottom : 3em;/* タイトル部分と記事、記事部分とフッター部分の間隔 */
}


/* containerの左右に10pxの余白に使用 */

div#hajime10 {
	width : 740px;
	margin : 0px auto;
	text-align : left;/* 古いIE用にセンタリングした部分を元に戻す */
}


/* 記事やコメントのブロック */

div#primary-column {
	padding-top : 30px;
	float : left;/* 左側に回り込む */
	width : 480px;
}


/* サイトインフォ関連ブロック */

div#secondary-column {
	padding-bottom : 30px;
	float : right;/* 右側に回り込む */
	width : 240px;
	font-size : 90%;
	line-height : 150%;
}


/* 著作表示ブロック */

div#siteinfo-legal {
	clear : both;/* 回り込みを解除 */
	width : 740px;
	height : 77px;
	background : url("http://blog-imgs-27.fc2.com/h/a/j/hajimetedesign/005_bg.gif") repeat;
	margin : 0;
	text-align : center;
}


/* 絵文字 */
.emoji {
	vertical-align : middle;
	padding : 0 0.2em;
}


/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

/* タイトル */

div#branding h1 {
	margin : 0px auto;
	padding-top : 34px;
	padding-bottom : 0.2em;
	font-size : 160%;/* 古いIEの文字サイズ */
	font-weight : normal;
	line-height : 130%;
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 160%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body div#branding h1 {
	font-size : 160%;/* Opera用の文字サイズ */
}


/* サイトの説明 */

div#branding p {
	margin : 0 auto;
	color : #fff;
	border-top : #fff dotted 1px;
	padding : 0.3em 0.2em 0;
	line-height : 150%;
	font-size : 100%;/* 古いIEの文字サイズ */
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 100%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body div#branding p {
	font-size : 100%;/* Opera用の文字サイズ */
}


/* Primary-Columnの設定
------------------------------------------------------------ */

/* ページ移動用ナビゲーション */

p.prev-next-navi {
	font-size : 95%;
	padding-top : 0.5em;
	margin-bottom : 3em;
	text-align : center;
}

div.section {
	margin-bottom : 4em;/* 記事と記事の間隔 */
}


/* 記事のタイトル部分 */

div.section h2 {
	line-height : 130%;
	border-left : #ff9718 solid 5px;
	padding : 3px 0px 0px 10px;
	font-size : 140%;/* 古いIEの文字サイズ */
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 140%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body div.section h2 {
	font-size : 140%;/* Opera用の文字サイズ */
}

/* 記事本体部分 */

div.entry-body {
	padding : 1em 5px;
	border-bottom : #ccc dotted 1px;
}

/* 記事本体部分のリスト設定 */
div.entry-body ul {
	font-size : 90%;
	list-style-position : inside;
	line-height : 140%;
}

div.entry-body li {
	padding : 0 1em;
}


/* 追記部分 */

p.entry-more {
	padding : 1em 5px;
	text-align : right;
}


/* フッター部分 */

div.section ul.entry-footer {
	font-size : 90%;
	font-family : "Times New Roman", Times;
	line-height : 100%;
	padding-top : 0.5em;
	list-style-position : inside;
	text-align : left;
}

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


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

/* コメントトップ */

p#comment-top {
	color : #999;
	font-family : Verdana;
	line-height : 130%;
	border-left : #999 solid 5px;
	padding : 3px 0px 0px 10px;
	font-size : 140%;/* 古いIEの文字サイズ */
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 140%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body p#comment-top {
	font-size : 140%;/* Opera用の文字サイズ */
}


/* コメントの投稿タイトル文字 */
.comment-post {
	color : #999;
	font-size : 120%;
	line-height : 100%;
	margin-top : 1em;
	padding-right : 5px;
	text-align : right;
}


/* コメントのタイトル */

.comment-header {
	color : #f19149;
	padding : 1em 5px 0;
}


/* コメント本文 */

div.comment-body {
	overflow : hidden;/* Mac用にはみ出しtextを非表示 */
	color : #999;
	padding : 1em 5px;
	border-bottom : #ccc dotted 1px;
}


/* コメントフッター */

ul.comment-footer {
	font-size : 90%;
	font-family : "Times New Roman", Times;
	line-height : 100%;
	padding-top : 2px;
	list-style-position : inside;
	text-align : left;
}

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

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

div#primary-column form {
	padding : 0;
	margin : 0;
}


/* コメントフォームの色とサイズ */

.hajime_form_style {
	color : #999;
	font-size : 90%;
	font-family : "Times New Roman", Times;
}

.hajime_form {
	font-size : 90%;
	color : #999;
	background-color : #fff;
	width : 350px;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
	padding : 2px;
	margin-left : 5px;
}

.hajime_form_title {
	font-size : 90%;
	color : #f96;
	background-color : #fff;
	width : 350px;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
	padding : 2px;
	margin-left : 5px;
}

.hajime_emoji {
	margin-left : 5px;
	padding : 0px;
}

.hajime_textarea {
	font-size : 90%;
	color : #999;
	background-color : #fff;
	width : 350px;
	height : 110px;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
	padding : 2px;
	margin-left : 5px;
}

.hajime_pass {
	font-size : 90%;
	color : #e97cad;
	background-color : #fff;
	padding : 2px;
	width : 100px;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
	margin-left : 5px;
}

.hajime_check {
	border-width : 0;
	margin : 0px 5px;
}


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

/* トラックバックトップ */

p#trackback-top {
	color : #999;
	font-family : Verdana;
	line-height : 130%;
	border-left : #999 solid 5px;
	margin-top : 3em;
	padding : 3px 0px 0px 10px;
	font-size : 140%;/* 古いIEの文字サイズ */
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 140%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body p#trackback-top {
	font-size : 140%;/* Opera用の文字サイズ */
}


/* トラックバックURL */

.trackback-uri {
	font-size : 85%;
	color : #999;
	background-color : #fff;
	width : 350px;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
	padding : 2px;
	margin-left : 5px;
}

.hajime_uri_style {
	color : #999;
	font-size : 100%;
	font-family : "Times New Roman", Times;
	text-align : right;
	padding : 0;
	margin : 2em 0;
}


/* トラックバックのタイトル */

p.trackback-header {
	color : #999;
	padding : 1em 5px 0;
}


/* トラックバック先の概要 */

div.trackback-excerpt {
	overflow : hidden;/* Mac用にはみ出しtextを非表示 */
	color : #999;
	padding : 1em 5px;
	border-bottom : #ccc dotted 1px;
}


/* トラックバックフッター */

ul.trackback-footer {
	font-size : 90%;
	font-family : "Times New Roman", Times;
	line-height : 100%;
	padding-top : 2px;
	list-style-position : inside;
	text-align : left;
}

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


/* Secondary-Columnの設定
------------------------------------------------------------ */

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

div#secondary-column p.tit {
	color : #333;
	text-indent : 0.4em;
	height : 26px;
	margin-top : 30px;
	margin-bottom : 15px;
	background : url("http://blog-imgs-27.fc2.com/h/a/j/hajimetedesign/005_bg_rb.gif") bottom left repeat-x;
	line-height : 130%;
	font-size : 120%;/* 古いIEの文字サイズ */
	text-align : left;/* センタリング */
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 120%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>div#secondary-column p.tit {
	font-size : 120%;/* Opera用の文字サイズ */
}

/* 検索のデコレーション */

.hajime_search {
	color : #ff89d8;
	background-color : #fff;
	width : 150px;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
	padding : 2px;
}

.hajime_search_btn {
	padding-left : 2px;
	vertical-align : bottom;
}


/* 著者名・著者概要・広告の位置調整 */

p.author-name , p.author-description {
	margin : 1em 0;
}


/* プロフィール画像 */

p.author-image img {
	display : block;/* ブロックレベルで表示 */
	margin : 10px 0;/* マージン */
	border : 1px solid #ccc;/* 枠線 */
}


/* アーカイブ関連のリスト表示設定 */
/* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */

div#secondary-column ul {
	list-style : none;
	list-style-position: outside;
}

div#secondary-column li {
	width : 200px;
	line-height : 130%;
	padding : 0 0 0 20px;
	margin-bottom : 0.5em;
	background-image : url("http://blog-imgs-27.fc2.com/h/a/j/hajimetedesign/005_list.gif");
	background-repeat : no-repeat;
}


/* カレンダー部分の設定
------------------------------------------------------------ */

/* カレンダー表示用のテーブル設定 */

table.calender {
	color : #999;
	border-collapse : separate;/* 隣接するセルのボーダーを間隔をあけて表示 */
	border-spacing : 2px;/* セルのボーダーの間隔を指定 */
	line-height : 150%;/* 行間 */
	font-size : 100%;/* 古いIEの文字サイズ */
	font-family : "Times New Roman", Times;
	voice-family : "\"}\"";/* おまじない */
	voice-family : inherit;/* おまじない */
	font-size : 100%;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>table.calender {
	font-size : 100%;/* Opera用の文字サイズ */
}


/* カレンダー見出（前月・当月・次月などのリンク部分） */

.calender caption {
	margin-bottom : 2px;
}


/* カレンダーのセル見出（曜日表示部分） */

.calender th {
	width : 26px;
	color : #999;
	font-size : 90%;
	font-family : Verdana;
	font-weight : bold;
	border-bottom : 2px solid #d9d9d9;
	text-align : center;
}


/* カレンダーのセル部分（日付表示部分） */

.calender td { text-align : center;}


/* カレンダーリンク部分（記事を書いた日） */

.calender td a {
	display : block;
	border: solid 1px #fff;
}


/* 日曜日 */

th#sun {
	color : #e97cad;/* 日曜日を赤色表示 */
	border-bottom : 2px solid #f4bdd6;
}

/* 土曜日 */

th#sat {
	color : #c987e2;/* 土曜日を紫色表示 */
	border-bottom : 2px solid #e4c3f0;
}

.hajime_center {
	width : 198px;
	margin : 0 auto;
	text-align : center;
}


/* フッター部分の設定
------------------------------------------------------------ */

div#siteinfo-legal address {
	color : #999;
	font-size : 90%;
	font-style : normal;
	line-height : 150%;
	padding-top : 22px;
	text-align : center;
}

div#siteinfo-legal p {
	color : #999;
	font-size : 90%;
	line-height : 150%;
	text-align : center;
}

/* 強調の設定
------------------------------------------------------------ */

/* 強調 */

em {
	font-style : italic;/* 斜体 */
}

/* より強い強調 */

strong {
	font-weight : bold;
}


/* 引用の設定
------------------------------------------------------------ */

/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */
/* 書式・例 */
/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
/* background : url("hoge.gif") top left repeat; */

blockquote {
	width : 95%;/* 幅 */
	margin : 1.5em auto 0;/* マージン */
	padding : 0.5em;/* パディング */
	border : 1px solid #ccc;/* 枠の色と線種 */
}


/* コード
------------------------------------------------------------ */

/* 記事中にプログラムコードなどを書く時に使います */
/* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */

div.section pre {
	margin : 1em auto;
	padding : 0.5em;
	border : 1px solid #ccc;
	background-color : #fcfcfc;
	font-family : sans-serif;
	overflow : auto;
	width : 90%;/* pre element clearing bug in WinIE  */
}

/* for without MacIE5 \*/

div.section pre {
	overflow : scroll;/* MacIE用バグ対応 */
}/* */

div.section > pre {
	width : auto;/* MacIE用バグ対応 */
}

div.section code {
	font-family : monospace;/* 等幅フォントを指定 */
}


/* Mac版IEの文字化け対策
------------------------------------------------------------ */

/* マック版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;
}


/* 微調整
------------------------------------------------------------ */

.sp6 { padding : 0px 6px;}

/* その他タグ
------------------------------------------------------------ */

abbr , acronym {
	border-bottom : 1px dotted;
	cursor : help;
}

ol { list-style-position : inside;}