@charset "EUC-JP";


/* ブラウザの初期化 */
* { margin : 0; padding : 0;}


/* ---------------------------------------------------------

	リンクカラーの設定

　★の付いている色が現在のアクセントカラーです。
　他の色に置換することでデザインを簡単にカスタマイズできます。

------------------------------------------------------------ */
/* 基本設定 */
a { border : none; text-decoration : none;}
a:link , a:visited { color : #CC0033;}/*水色★*/
a:hover , a:active { color : #00CCFF;}

/* リンク画像の枠の設定 */
a img { border : none; text-decoration : none;}

/* ブログ名（h1） */
div#branding h1 a:link , 
div#branding h1 a:visited { color : #CC0033;}
div#branding h1 a:hover , 
div#branding h1 a:active { color : #00CCFF;}/*水色★*/

/* 記事のタイトル（h2） */
div#primary-column h2 a:link , 
div#primary-column h2 a:visited { color : #000000;}
div#primary-column h2 a:hover , 
div#primary-column h2 a:active { color : #00CCFF;}/*水色★*/

/* 記事の日付 */
p.edit-hajime a:link , 
p.edit-hajime a:visited { color : #000000;}
p.edit-hajime a:hover , 
p.edit-hajime a:active { color : #00CCFF;}/*水色★*/

/* ページ移動ナビ */
ul.prev-next-navi li a:link,
ul.prev-next-navi li a:visited {
	display : block;
}
ul.prev-next-navi li a:hover,
ul.prev-next-navi li a:active {
	display : block;
	background-color : #f6f6f6;
}

/* カレンダー */
.calender td a:link , .calender td a:visited {
	color : #333;
	background-color : #f6f6f6;
	border: solid 1px #fff;
}
.calender td a:hover , .calender td a:active {
	color : #13c5f2;/*水色★*/
	background-color : #f6f6f6;
	border : dotted 1px #13c5f2;/*水色★*/
}

/* リンクの設定（右） */
.calender caption a:link , .calender caption a:visited , .hajime_r a:link , .hajime_r a:visited {
	color : #13c5f2;/*水色★*/
}
.calender caption a:hover , .calender caption a:active , .hajime_r a:hover , .hajime_r a:active {
	color : #333;
	border : none;/* ボーダーを表示しない */
}

/* ULリンクの設定（右） */
.hajime_r ul a:link , .hajime_r ul a:visited {
	_width : 205px;/*for IE6*/
	color : #777;
	border : none;
	text-decoration : none;
	display : block;
}
.hajime_r ul a:hover , .hajime_r ul a:active {
	color : #13c5f2;/*水色★*/
	border : none;
	text-decoration : none;
	background-color : #f6f6f6;
	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 : #333;
	border-bottom : dotted 1px #333;
}

/* フッター部分の Top page 部分 */
div#siteinfo-legal div#footer-r a:link , div#siteinfo-legal div#footer-r a:visited {
	color : #13c5f2;/*水色★*/
}
div#siteinfo-legal div#footer-r a:hover , div#siteinfo-legal div#footer-r a:active {
	color : #333;
	border-bottom : none;
}


/* ---------------------------------------------------------
	基本設定
------------------------------------------------------------ */

/* body要素内全ての基本設定 */
body {
	color : #000000;
	background-color : #dc143c;
	text-align : center;/* for IE6 */
	font-size : 85%;
	font-family : Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height : 1.7em;
}

/* 見出し */
h3,h4,h5,h6 {
	font-size : 1em;
	font-weight : normal;
	padding : 0.4em 0.6em;
	margin-bottom : 1em;
	border-top : dotted 1px #ccc;
	border-bottom : dotted 1px #ccc;
}

/* 強調 */
em { font-style : italic;}

/* より強い強調 */
strong { font-weight : bold;}

/* 略語 */
abbr , acronym {
	border-bottom : 1px dotted;
	cursor : help;
}

/* 引用 */
blockquote {
	font-size : 95%;
	width : 95%;
	margin : 1em auto;
	padding : 0.5em;
	border : 1px dotted #ccc;
}

/* 番号付きリスト */
ol {
	font-size : 90%;
	list-style-position : inside;
	line-height : 1.5em;
}

ol li {
	padding : 0.3em 1.5em 1em 1.5em;
}

/* 定義リスト */
dl { font-size : 100%;}
dt {
	color : #333;
	font-weight : normal;
	border-left : 0.2em solid #eee;
	padding-left : 0.4em;
}
dd {
	font-size : 90%;
	font-weight : normal;
	padding : 0.3em 1.5em 1em 1.5em;
}


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


/* ---------------------------------------------------------
	レイアウトの基本設定

　左:550px（記事内には515px迄のモノが OK）
　右:250px（プラグイン内には225px迄のモノが OK）
　合計:800px

------------------------------------------------------------ */

/* サイト全体を内包【container】 */
div#container {
	width : 800px;
	margin : 0 auto;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_topbg_line.gif") top left repeat-x #fff;
}

/* 左へまとめて配置【branding】と【primary-column】を内包 */
div#left-cont {
	float : left;/* 左側へ */
}

/* ブログ名とサイトの説明【branding】 */
div#branding {
	width : 550px;
	height : 110px;
	text-align : left;
}

/* 記事やコメント「branding」等も内包【primary-column】 */
div#primary-column {
	width : 550px;
	text-align : left;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_dotline-tate_bg.gif") right top repeat-y;
}

/* プラグインなどを内包【secondary-column】 */
div#secondary-column {
	width : 250px;
	float : right;/* 右側へ */
	font-size : 90%;
	line-height : 1.5em;
	text-align : left;
}

/* 著作権【siteinfo-legal】 */
div#siteinfo-legal {
	clear : both;
	width : 800px;
	height : 85px;
	text-align : left;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_dotline_yoko.gif") top left repeat-x;
}

/* 記事と記事の間隔（section） */
div.section {
	margin: 0 0 3em;
}

/* 【secondary-column】に付けてあるクラス（column） */
div.column {
	margin : 0;
}

/* ページ最下部のライン */
div#btm-line {
	height : 5px;
	clear : both;
	font-size : 0%;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_btmbg_line.gif") left bottom repeat-x;
}


/* ---------------------------------------------------------
	ブログ名・サイトの説明部分の設定【branding】
------------------------------------------------------------ */
/* ブログ名 */
div#branding h1 {
	padding : 32px 15px 8px;
	font-size : 2.0em;
	line-height : 1em;
}

/* サイトの説明 */
div#branding p {
	padding : 0 15px;
	line-height : 1.4em;
	font-size : 100%;
	font-style : ＭＳ Ｐゴシック;
}


/* ---------------------------------------------------------
	記事の設定
------------------------------------------------------------ */
/* 記事のタイトル */
div.section h2 {
	margin : 0 15px;
	padding : 0.5em;
	font-size : 1.1em;
	font-weight : normal;
	line-height : 1.4em;
	background-color : #1e90ff;
}

/* 日付と編集（edit） */
p.edit-hajime {
	color : #000000;
	font-size : 80%;
	text-align : right;
	line-height : 1em;
	margin : 0.1em 17px 0 0;
}

/* 記事本体部分のテキストスペース
--------------------------------------------------------------
	※515px以上のモノを挿入したい時は下の margin-right と
	padding 数値で調整してください。
	Max は margin-right と　padding を 0 で 550px まで。
--------------------------------------------------------------
 */
div.entry-body {
	margin-right : 15px;/* ←here */
	padding : 1.2em 0 1.5em 20px;/* １番右に記述された数値 */
	border-bottom : 1px solid #eee;
}

/* 追記（続きを読む） */
p.entry-more {
	font-size : 95%;
	text-align : right;
	line-height : 1em;
	padding : 1.5em 0 0;
}

/* 追記文 */
div.more-txt {
	padding : 1.5em 0 0;
}

/* 記事内の ul タグの設定 */
div.entry-body ul {
	font-size : 90%;
	list-style-position : inside;
	line-height : 1.5em;
}

/* 記事内の li タグの設定 */
div.entry-body ul li {
	padding : 0.3em 1.5em 1em 1.5em;
}

/* 記事下のフッターメニュー */
div.section ul.entry-footer {
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 4px 15px 0 0;
}

/*for Opera*/
*+html:first-child div.section ul.entry-footer {
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
}

/*for IE7*/
*+html body div.section ul.entry-footer {
	position : relative;
	left : -3px;
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
/*for IE6*/
*html div.section ul.entry-footer {
	position : relative;
	left : -3px;
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

div.section ul.entry-footer li {
	font-size : 90%;
	display : inline;
	list-style-type : none;
	line-height : 1.2em;
	padding-top : 5px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_line-3px.gif") top left repeat-x;
}

/* ページ移動用ナビゲーション */
div#primary-column ul.prev-next-navi {
	font-size : 80%;
	text-align : left;
	list-style : none;
	list-style-position: outside;
	margin-bottom : 4em;
	padding : 0 15px 0 10px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_naname_bg.gif") left top repeat-y;
}

ul.prev-next-navi li.prev-page {
	margin : 0.1em 0;
	padding : 0.2em 0 0.2em 42px;
	line-height : 140%;
	background-image : url("http://blog104.fc2.com/h/hajimedesign/file/006_txt_prev.gif");
	background-repeat : no-repeat;
	background-position : 0 5px;
}

ul.prev-next-navi li.top-page {
	margin : 0.1em 0;
	padding : 0.2em 0 0.2em 42px;
	line-height : 140%;
	background-image : url("http://blog104.fc2.com/h/hajimedesign/file/006_txt_top.gif");
	background-repeat : no-repeat;
	background-position : 0 5px;
}

ul.prev-next-navi li.next-page {
	margin : 0.1em 0;
	padding : 0.2em 0 0.2em 42px;
	line-height : 140%;
	background-image : url("http://blog104.fc2.com/h/hajimedesign/file/006_txt_next.gif");
	background-repeat : no-repeat;
	background-position : 0 5px;
}


/* ---------------------------------------------------------
	コメント部分の設定
------------------------------------------------------------ */
/* コメントトップ */
p#comment-top {
	margin : 0 15px;
	padding : 0.5em;
	font-size : 110%;
	font-weight : normal;
	line-height : 130%;
	background-color : #f6f6f6;
}

/* コメントフォーム上のテキスト */
.comment-post {
	line-height : 100%;
	margin : 1em 20px 5px;
	text-align : right;
}

/* コメントのタイトル */
p.comment-header {
	padding : 1.5em 0 0 20px;
}

/* コメント本文 */
div.comment-body {
	overflow : hidden;/* for Mac */
	margin-right : 15px;
	padding : 1.2em 0 1.5em 20px;
	border-bottom : 1px solid #eee;
}

/* コメントフッター */
ul.comment-footer {
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 4px 15px 0 0;
}

/*for Opera*/
*+html:first-child div.section ul.comment-footer {
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
}

/*for IE7*/
*+html body ul.comment-footer {
	position : relative;
	left : -3px;
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
/*for IE6*/
*html ul.comment-footer {
	position : relative;
	left : -3px;
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

ul.comment-footer li {
	font-size : 90%;
	display : inline;
	list-style-type : none;
	line-height : 1.2em;
	padding-top : 5px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_line-3px.gif") top left repeat-x;
}

/* コメントフォーム */
div#primary-column form {padding : 0; margin : 0;}


/* ---------------------------------------------------------
	コメントフォームの設定
------------------------------------------------------------ */
/* コメントフォームの色とサイズ */
table#hajime_form_style {
	width : 535px;
	border-collapse : collapse; 
}

table#hajime_form_style th {
	text-align : right;
	font-style : normal;
}

table#hajime_form_style td {
	text-align : left;
	font-style : normal;
	width : 362px;
}

table#hajime_form_style td input {
	font-size : 90%;
	color : #333;
	text-align : left;
	font-style : normal;
	background-color : #f6f6f6;/*薄いグレー*/
	border : 1px solid #999;
	padding : 0.1em 0.2em;
	margin : 1px 0 1px 5px;
}

input.hajime_form {
	width : 355px;
}

/*Safari only*/
html[xmlns*=""] body:last-child input.hajime_form {
	width : 355px;
	margin : 2px 0;
}

/*コメントタイトル入力ボックス*/
table#hajime_form_style td input.hajime_form_title {
	color : #ff89d8;/*ピンク*/
	width : 355px;
}

div.hajime_emoji {
	margin : 3px 0 0 5px;
	padding : 0;
}

textarea.hajime_textarea {
	font-size : 90%;
	color : #333;
	background-color : #f6f6f6;/*薄いグレー*/
	width : 355px;
	height : 200px;
	border : 1px solid #999;
	padding : 0.2em;
	margin : 0 0 2px 5px;
}

input.hajime_pass {
	width : 100px;
}

table#hajime_form_style input.hajime_check {
	margin : 0 5px;
	background-color : #fff;
	border : none;
}

td.txt_check {
	font-size : 80%;
}

div.hajime_btn {
	text-align : right;
}

table#hajime_form_style td div.hajime_btn input{
	margin : 0;
	border : none;
	background-color : #fff;
}

/* コメント削除ボタン右の隙間 */
input#btn_r2 {
	margin-right : 2px;
	border : none;
	background-color : #fff;
}


/* ---------------------------------------------------------
	トラックバック部分の設定
------------------------------------------------------------ */
/* トラックバックトップ */
p#trackback-top {
	margin : 2.5em 15px 0;
	padding : 0.5em;
	font-size : 110%;
	font-weight : normal;
	line-height : 130%;
	background-color : #f6f6f6;/*薄いグレー*/
}

/* トラックバックURL */
input.trackback-uri {
	width : 355px;
	font-size : 80%;
	color : #333;
	text-align : left;
	font-style : normal;
	background-color : #f6f6f6;/*薄いグレー*/
	border : 1px solid #999;
	padding : 0.2em 0.3em;
	margin-left : 5px;
}

div.hajime_uri_style {
	text-align : right;
	padding : 0;
	margin : 3em 15px 3em 0;
}

/* トラックバックのタイトル */
p.trackback-header {
	margin : 1.5em 0 0 20px;
}

/* トラックバック先の概要 */
div.trackback-excerpt {
	overflow : hidden;/* for Mac */
	margin-right : 15px;
	padding : 1.2em 0 1.5em 20px;
	border-bottom : 1px solid #eee;
}

/* トラックバックフッター */
ul.trackback-footer {
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 4px 15px 0 0;
}

/*for Opera*/
*+html:first-child div.section ul.trackback-footer {
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
}

/*for IE7*/
*+html body ul.trackback-footer {
	position : relative;
	left : -3px;
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
/*for IE6*/
*html ul.trackback-footer {
	position : relative;
	left : -3px;
	font-size : 90%;
	list-style-position : inside;
	text-align : right;
	line-height : 1.2em;
	padding : 3px 15px 0 0;
	font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

ul.trackback-footer li {
	font-size : 90%;
	display : inline;
	list-style-type : none;
	line-height : 1.2em;
	padding-top : 5px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_line-3px.gif") top left repeat-x;
}


/* ---------------------------------------------------------
	テキストボタン設定　■□■□■□
------------------------------------------------------------ */
div#txt-btn {
	width : 250px;
	height : 110px;
}

div#secondary-column table.txt-btn-table {
	overflow : hidden;
	height : 27px;
	text-align : left;
	padding-top : 5px;
	margin-left : 10px;
	border-spacing : 0;
}

/*for IE7*/
*+html body div#secondary-column table.txt-btn-table {
	overflow : hidden;
	height : 27px;
	text-align : left;
	padding-top : 0;
	margin-top : 5px;/*←here*/
	margin-left : 10px;
	border-spacing : 0;
}

/*for IE6*/
*html div#secondary-column table.txt-btn-table {
	overflow : hidden;
	height : 27px;
	text-align : left;
	padding-top : 0;
	margin-top : 5px;/*←here*/
	margin-left : 10px;
	border-spacing : 0;
}

div#secondary-column table.txt-btn-table td {
	height : 27px;
}

/* ボタン１（小） */
div#secondary-column table.txt-btn-table td#fontChanger-small a {
	display : block;
	height : 27px;
	width : 38px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_btn_a1.gif") bottom left no-repeat;
}

/* ボタン２（中） */
div#secondary-column table.txt-btn-table td#fontChanger-medium a {
	display : block;
	height : 27px;
	width : 39px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_btn_a2.gif") bottom left no-repeat;
}

/* ボタン３（大） */
div#secondary-column table.txt-btn-table td#fontChanger-large a {
	display : block;
	height : 27px;
	width : 39px;
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_btn_a3.gif") bottom left no-repeat;
}

/* ボタンマウスオーバー */
div#secondary-column table.txt-btn-table td#fontChanger-small a:hover,
div#secondary-column table.txt-btn-table td#fontChanger-medium a:hover,
div#secondary-column table.txt-btn-table td#fontChanger-large a:hover { 
	background-position : top;
}


/* ---------------------------------------------------------
	【secondary-column】プラグインなどの設定
------------------------------------------------------------ */

/* プラグイン上のタイトル（ラベル） */
div#secondary-column p.tit {
	color : #333;
	margin-bottom : 1em;
	margin-right : 10px;
	padding : 0.5em;
	background : #f6f6f6;
	line-height : 130%;
	font-size : 110%;
	text-align : left;
}

/* プラグイン内のテキストのスペース
--------------------------------------------------------------
	※225px以上のモノを挿入したい時は下の padding の数値を
	変更してください。Max は padding を 0 で 250px まで。
--------------------------------------------------------------
 */
div#secondary-column div.plugin-sp {
	padding : 0 15px 0 10px;/*←here*/
	margin-bottom : 3em;
}

/* アーカイブ関連のリスト設定 */
div#secondary-column ul {
	list-style : none;
	list-style-position: outside;
}

/*for IE6*/
*html body div#secondary-column li {
	width : 225px;/*←here*/
	line-height : 1.2em;
	padding : 0 0 0 20px;
	margin-bottom : 0.5em;
	background-image : url("http://blog104.fc2.com/h/hajimedesign/file/006_list_icon.gif");
	background-repeat : no-repeat;
	background-position : 0 0.2em;
}

div#secondary-column li {
	width : 205px;
	line-height : 1.2em;
	padding : 2px 0 2px 20px;
	margin-bottom : 0.3em;
	background-image : url("http://blog104.fc2.com/h/hajimedesign/file/006_list_icon.gif");
	background-repeat : no-repeat;
	background-position : 0 0.3em;
}


/* ---------------------------------------------------------
	【secondary-column】プラグイン非対応設定
------------------------------------------------------------ */
/* 検索のデコレーション */
.hajime_search {
	width : 140px;
	color : #ff89d8;/*ピンク*/
	text-align : left;
	font-style : normal;
	background-color : #f6f6f6;/*薄いグレー*/
	border : 1px solid #999;
	padding : 0.1em 0.2em;
	margin-right : 2px;
}

/*for Opera*/
*+html:first-child .hajime_search {
	height : 18px;/*←here*/
	width : 140px;
	color : #ff89d8;/*ピンク*/
	text-align : left;
	font-style : normal;
	background-color : #f6f6f6;/*薄いグレー*/
	border : 1px solid #999;
	padding : 0.1em 0.2em;
	margin-right : 2px;
}

.hajime_search_btn {
	vertical-align : bottom;
}

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

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

p.plugin-myimage {
	display : block;
	margin-bottom : 0.6em;
}

/* ---------------------------------------------------------
	カレンダー部分の設定
------------------------------------------------------------ */
/* カレンダー表示用のテーブル設定 */
table.calender {
	border-collapse : separate;/* 隣接するセルのボーダーを間隔をあけて表示 */
	border-spacing : 1px;/* セルのボーダーの間隔を指定 */
	line-height : 130%;
	font-size : 100%;
}

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

/* カレンダーのセル見出（曜日表示部分） */
.calender th {
	width : 30px;
	text-align : center;
	font-weight : normal;
}

/* カレンダーのセル部分（日付表示部分） */
.calender td { text-align : center;}

/* カレンダーリンク部分（記事を書いた日） */
.calender td a {
	display : block;
	border: solid 1px #fff;
}

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

/* 土曜日 */
th#sat { color : #333;}


/* ---------------------------------------------------------
	フッター部分の設定（著作権）
------------------------------------------------------------ */
div#siteinfo-legal p {
	font-size : 80%;
	line-height : 150%;
	padding-left : 15px;
}

/* コピーライト */
address {
	text-transform : capitalize;
	font-size : 80%;
	line-height : 150%;
	padding-top : 1.2em;
	padding-left : 15px;
	font-style : normal;
}

div#footer-l {
	width :650px;
	height : 80px;
	float : left;
}

div#footer-r {
	width : 149px;/*150ピッタリだとIEが×*/
	height : 80px;
	float : right;
	text-align : right;
}

div#siteinfo-legal div#footer-r p#top-txt {
	background : url("http://blog104.fc2.com/h/hajimedesign/file/006_naname_bg.gif") right top repeat-y;
	padding-right : 10px;
	margin-top : 30px;
}


/* ---------------------------------------------------------
	コード
------------------------------------------------------------ */
div.section pre {
	font-size : 95%;
	font-family : monospace;
	margin : 1em auto;
	padding : 0.5em;
	line-height : 1.5em;
	border : 1px solid #ccc;
	background-color : #fff;
	overflow : auto;
	width : 95%;/* 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の文字化け対策 */
/* 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;
}