/*
====================================================================================

 作成日: 2010.04.24
 最終更新日: 2010.08.10
 テンプレート名: CHELL カスタマイズ用 #06 index
 Template by CHELLCY (http://chellcy.com/)

====================================================================================
*/

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

 背景差し替え設定は◆2箇所
 トップ画像設定は♪1箇所
 それぞれのマークで探索すればすぐ見つかると思います

 各種プラグインの位置はサンプルhttp://chell.iku4.com/で確認してみてくださいね

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

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

 ☆は追加したもの
 ★はHTMLにも加筆してオリジナルで追加した要素です

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


/*
====================================================================================
 リセット ☆
====================================================================================
*/

html {overflow-y: scroll;overflow:auto;height:100%;}

table {border-collapse: collapse; border-spacing: 0;}

fieldset,img {border: 0;}

br {letter-spacing: 0;}

li {list-style-type: none;}

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

h1,h2,h3,h4,h5,h6 {font-size: 100%;}

/*
====================================================================================
 全ブロックの共通設定
====================================================================================
*/

/* BODY全体に関する設定
--------------------------------------------------------------------------------- */
body {
	font-size: 12px;
	line-height: 170%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",Osaka,"Osaka‐等幅",Sans-Serif;
	letter-spacing: 0.7pt;
	color: #666666;
	text-align: center;
	padding-right:30px;
	background: #FFFFFF;
	height:100%;
}

/* ※被っている設定は↓が優先されます */

/* インデックス用の全体背景など (◆背景画像の設定index)
--------------------------------------------------------------------------------- */
#toppage_body{

}

/* インデックス以外の全体背景など (◆背景画像の設定index以外)
--------------------------------------------------------------------------------- */
#not_toppage_body{

}

/* IE6用のメニュー固定がたつき防止に背景固定はしておいたほうが良いです
--------------------------------------------------------------------------------- */

/* IE6用メニュー固定がたつき防止ハック(背景固定) */
body,
#toppage_body,
#not_toppage_body{
	_background-attachment:fixed;
}

/* スクロールバーの設定※IEのみ ☆
--------------------------------------------------------------------------------- */
html {
	scrollbar-arrow-color: #333333;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #FFFFFF;
}

/* tdの全ての設定
--------------------------------------------------------------------------------- */
td {text-align: center;}

/* table全ての設定
--------------------------------------------------------------------------------- */
table {
	color: #666666;
	font-size: 10px;
	border-collapse: collapse;
}

/* 他エレメントの設定 ☆
--------------------------------------------------------------------------------- */
p {margin: 1em 0;}
pre {overflow: auto; width: 100%;}
input,textarea {font-size: 12px;letter-spacing: 0.7pt;}

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

/* 通常のリンクの設定
--------------------------------------------------------------------------------- */
a:link {color: #999999; text-decoration: none;}

/* 過去に見たことがあるページのリンクの設定
--------------------------------------------------------------------------------- */
a:visited {color: #999999; text-decoration: none;}

/* カーソルが合っている状態のリンクの設定
--------------------------------------------------------------------------------- */
a:hover {color: #CCCCCC;}

/* アクティブ状態のリンクの設定
--------------------------------------------------------------------------------- */
a:active {color: #CCCCCC;}


/*
====================================================================================
 全体のカラム設定
====================================================================================
*/

/* 全体ブロックの設定 ★
--------------------------------------------------------------------------------- */
#AllBlock {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position:relative;
}


body > #AllBlock {
        height: auto;
}

/* インデックスブロックの設定 ★
--------------------------------------------------------------------------------- */
#indexBlock {
	margin-left: 30px;
	padding-top: 30px;
	text-align: left;
}

/* メインブロックの設定
--------------------------------------------------------------------------------- */
#mainBlock {
	text-align:right;
	width:100%;
	height: 100%;
}

#mainBlock #TopImg,
#mainBlock #TopBlock,
#mainBlock #EntryBlock,
#mainBlock .PluginBlock {
	margin-left:285px;
}

/* サイドブロック（左側メニューが書かれる場所）の設定
--------------------------------------------------------------------------------- */
#SideBlock {
	width: 265px;
	position:fixed;
	top:0;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+0));
	left: 0px;
}

/* メニュースクロールバー用のボックス */
.scroll_box {overflow:auto;}

/* メニューのウィンドウ超過分をスクロールするための高さ設定 */
html,
body,
#AllBlock,
#SideBlock,
.scroll_box{height:100%;}

/* 余白と横幅用のボックス */
.padding_box {
	padding:30px 20px 0;
	width:200px;
}


/* 一番上のブロック（タイトルが書かれる場所）の設定
--------------------------------------------------------------------------------- */
#TopBlock {
	margin-bottom:20px;
}


/* メインページ専用のトップ画像 ♪
--------------------------------------------------------------------------------- */
.mainpage_body #EntryBlock {
	background: url(http://bfile.shinobi.jp/6210/6th_03.gif) no-repeat scroll left 30px;
	padding-top:450px;
}


/* プラグイン表示箇所全体の設定
--------------------------------------------------------------------------------- */
.PluginBlock {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* 記事繰り返し処理全ての部分の設定
--------------------------------------------------------------------------------- */
#EntryBlock {
	text-align: left;
	padding-top: 30px;
}

/* 一番下のブロック（著作権表示が書かれる場所）の設定
--------------------------------------------------------------------------------- */
#FooterBlock {
	clear:left;
	color: #CCCCCC;
	padding-bottom: 5px;
	clear:left;
	text-align: right;
	width: 100%;
	font-size: 10px;
	position:absolute;
	bottom:0px;
}


/*
====================================================================================
 表示位置のオプションクラス
====================================================================================
*/

/* テキスト左寄
--------------------------------------------------------------------------------- */
.left {text-align: left;}

/* テキスト中央寄せ
--------------------------------------------------------------------------------- */
.center {text-align: center;}

/* テキスト右寄
--------------------------------------------------------------------------------- */
.right {text-align: right;}


/*
====================================================================================
 トップブロック用デザイン
====================================================================================
*/

/* ページタイトル文字部分の設定
--------------------------------------------------------------------------------- */
#TopTitle {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* ページタイトル文字色の設定
--------------------------------------------------------------------------------- */
.TopTitleFont {
	font-size: 17px;
	color: #000000;
	font-weight: bold;
}

/* ページタイトルの下に来るブログの説明文
--------------------------------------------------------------------------------- */
#TopExplanation {
	margin-left: auto;
	margin-right: auto;
	padding:5px 0;
	text-align: left;
	color: #CCCCCC;
}


/*
====================================================================================
 カテゴリーメニュー ★
====================================================================================
*/

#categoryMenu {
	padding-bottom: 40px;
}


/*
====================================================================================
 プラグインブロック用デザイン
====================================================================================
*/

/* プラグイン表示箇所の背景や余白設定
--------------------------------------------------------------------------------- */
.PluginInnerBlock {
	padding:0 0 40px;
}

#indexBlock .PluginInnerBlock {
	padding:0;
}

#sub_pluginBlockE .PluginInnerBlock {
	padding:0;
	margin-bottom:20px;
}

/* プラグインのタイトル（名称）部分の設定 ◇ プラグイン4のタイトル
--------------------------------------------------------------------------------- */
.PluginTitle {
	padding: 5px 0;
	margin:0 0 10px;
	color: #000000;
	font-weight: bold;
	_height:0;
}

#sub_pluginBlockD .PluginTitle {
	padding: 5px 0;
	margin:0 0 10px;
}

/* プラグインの説明部分の設定
--------------------------------------------------------------------------------- */
.PluginExplanation {
}

/* プラグインが表示される場所の設定
--------------------------------------------------------------------------------- */
.PluginContents {
}


/*
====================================================================================
 記事ブロック用デザイン
====================================================================================
*/

/* 記事表示部分の背景や余白等の設定
--------------------------------------------------------------------------------- */
.EntryInnerBlock {
	text-align: left;
	margin-bottom: 80px;
}

/* 各記事タイトル部分の設定 ◇ 記事のタイトル
--------------------------------------------------------------------------------- */
.EntryTitle {
 	font-weight: bold;
	margin: 0 0 10px;
	padding: 5px 0;
}

/* 各記事タイトル部分の文字色設定
--------------------------------------------------------------------------------- */
.EntryTitleFont {
	color: #000000;
}

/* 各記事やコメント、トラックバックなどの総合のブロック部分
--------------------------------------------------------------------------------- */
.EntryTextBox {
	margin: 20px 0;
}

/* 記事本文が記載される部分
--------------------------------------------------------------------------------- */
.EntryText {
}

/* 記事本文のimgの装飾 ☆
--------------------------------------------------------------------------------- */
.EntryText img {
	border-color: #F4F4F4 #EEEEEE #EEEEEE #F4F4F4;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	padding: 5px;
	margin:5px;
}

/* 追記文書が記載される部分
--------------------------------------------------------------------------------- */
.EntryPsText {
	margin: 10px 0;
}

/* カテゴリーと日付へのリンク ★
--------------------------------------------------------------------------------- */
.EntryHeader {
	text-align:left;
}

/* 記事へのリンク（コメントやトラックバック等）の背景
--------------------------------------------------------------------------------- */
.EntryFooter {
	text-align:right;
}

/* 記事の投稿者名が記載されている部分
--------------------------------------------------------------------------------- */
.EntryUserName {
}

/* 記事を投稿した日が記載されている部分
--------------------------------------------------------------------------------- */
.EntryWriteDate {
}

/* 記事のカテゴリ名が記載されている部分
--------------------------------------------------------------------------------- */
.EntryCategory {
}

/* 記事へのコメントリンクが記載されている部分
--------------------------------------------------------------------------------- */
.EntryComment {
	margin-left: 5px;
}

/* 記事へのトラックバックリンクが記載されている部分
--------------------------------------------------------------------------------- */
.EntryTrackback {
	margin-left: 5px;
}

/* 次の記事やHOMEへのリンクが表示される背景部分
--------------------------------------------------------------------------------- */
.PageLinkBlock {
	text-align: center;
}

.pagelink_10 {
	padding: 5px 0;
}

/* メイン＆記事ページの時は表示しない */
.entry_body .PageLinkBlock,
.mainpage_body .PageLinkBlock {
	display:none;
}


/*
====================================================================================
 各コメント表示部分の設定
====================================================================================
*/

/* コメント全体の設定
--------------------------------------------------------------------------------- */
.CommentBlock {
	padding-top: 30px;
	margin-bottom: 50px;
	background: url(http://bfile.shinobi.jp/6210/1st_cm.gif) no-repeat top left;
}

/* この記事にコメントする　と書かれてる部分の設定
--------------------------------------------------------------------------------- */
.CommentMenuTitle {visibility: hidden;}

/* コメントのタイトル、コメント、コメント情報の全ての背景部分
--------------------------------------------------------------------------------- */
.CommentTextBox {
	margin: 30px 0;
}

/* コメントのタイトル部分
--------------------------------------------------------------------------------- */
.CommentTitle {
	text-align: left;
	font-weight: bold;
	padding: 5px 0;
	margin:0 0 10px;
}

/* コメント部分
--------------------------------------------------------------------------------- */
.CommentText {
	padding: 10px;
}

/* 投稿者や投稿時間などが表示されている部分
--------------------------------------------------------------------------------- */
.CommentFooter {
	text-align: right;
	padding: 5px;
}

/* 投稿者名の部分
--------------------------------------------------------------------------------- */
.CommentUserName {
	margin-left: 5px;
}

/* 投稿者のホームページへのリンク部分
--------------------------------------------------------------------------------- */
.CommentURL {
	margin-left: 5px;
}

/* 投稿された時間が記載されている部分
--------------------------------------------------------------------------------- */
.CommentWriteDate {
	margin-left: 5px;
}

/* コメント編集へのリンク部分
--------------------------------------------------------------------------------- */
.CommentEdit {
	margin-left: 5px;
}

/* コメントを投稿するフォーム全体の設定
--------------------------------------------------------------------------------- */
.CommentFormBlock {
	margin-bottom: 20px;
}

/* コメントフォーム用テーブル
--------------------------------------------------------------------------------- */
.CommentFormTable {
	margin: auto;
}

/* コメントフォームTHタグ設定
--------------------------------------------------------------------------------- */
.CommentFormTh {
	padding: 0 5px;
}

/* コメントフォームTDタグ設定
--------------------------------------------------------------------------------- */
.CommentFormTd {
	text-align: left;
}

/* 携帯機種画像の整列 ☆
--------------------------------------------------------------------------------- */
.CommentFormTd img {
	vertical-align: middle;
	padding: 1px;
	*vertical-align: -1px;　/* IE用ハック */
}

/* コメントフォーム送信ボタンのTDタグ設定
--------------------------------------------------------------------------------- */
.CommentFormSubmit {
	text-align: left;
	padding: 8px 5px 5px 0;
}

/* コメントフォーム送信ボタンの装飾 ☆
--------------------------------------------------------------------------------- */
.CommentFormSubmit input {
	width: 90px;
	height: 22px;
	margin:0 68px;
	background: transparent url(http://bfile.shinobi.jp/6210/1st_submit.gif) no-repeat bottom;
	border: 0;
}

/* inputタグやtextareaの設定
--------------------------------------------------------------------------------- */
.CommentForms {
}

/* コメントフォームの装飾 ☆
--------------------------------------------------------------------------------- */
input.CommentForms {
	width: 300px;
	height: 16px;
	margin: 5px 0;
	padding: 3px;
	background: transparent url(http://bfile.shinobi.jp/6210/1st_form_txt.gif) repeat-x top left;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
}

.CommentFormTd select {
	margin: 5px 0;
}

textarea.CommentForms {
	width: 380px;
	height: 100px;
	overflow: auto;
	margin: 0 0 15px;
	padding: 3px;
	background: transparent;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 0 1px 1px;
	scrollbar-arrow-color: #333333;
	scrollbar-face-color: pink;
	scrollbar-highlight-color: pink;
	scrollbar-shadow-color: pink;
	scrollbar-3dlight-color: pink;
	scrollbar-darkshadow-color: pink;
	scrollbar-track-color: pink;
	filter: chroma(color=pink); 
}

/* コメントフォームの画像装飾 ★
--------------------------------------------------------------------------------- */
.foamCMinput {
}

.foamCMtext {
	background: url(http://bfile.shinobi.jp/6210/1st_form_txtarea.gif) repeat-x top left;
}


/*
====================================================================================
 トラックバック表示部分の設定
====================================================================================
*/

/* トラックバック全体の設定
--------------------------------------------------------------------------------- */
.TrackbackBlock {
	padding: 30px 0 50px;
	margin-bottom: 50px;
	background: url(http://bfile.shinobi.jp/6210/1st_tb.gif) no-repeat top left;
}

/* トラックバックメニューのタイトル部分
--------------------------------------------------------------------------------- */
.TrackbackMenuTitle {visibility: hidden;}

/* トラックバックのタイトル、記事、リンク部分の総合設定
--------------------------------------------------------------------------------- */
.TrackbackTextBox {
	margin: 30px 0px;
}

/* トラックバックタイトルの部分
--------------------------------------------------------------------------------- */
.TrackbackTitle {
	text-align: left;
	font-weight: bold;
	padding: 5px 0;
	margin:0 0 10px;
}

/* トラックバックの記事部分
--------------------------------------------------------------------------------- */
.TrackbackText {
	padding: 10px;
}

/* 投稿されたブログ名やリンクなどを表示する部分の設定
--------------------------------------------------------------------------------- */
.TrackbackFooter {
	text-align: right;
	padding: 5px;
}

/* トラックバック元のブログ名部分
--------------------------------------------------------------------------------- */
.TrackbackUserName {
	margin-left: 5px;
}

/* トラックバック元へのリンク部分
--------------------------------------------------------------------------------- */
.TrackbackFromURL {
	margin-left: 5px;
}

/* トラックバックされた日付部分
--------------------------------------------------------------------------------- */
.TrackbackWriteDate {
	margin-left: 5px;
}

/* この記事のトラックバック　と書かれた部分の設定
--------------------------------------------------------------------------------- */
.TrackbackURLTitle {
	text-align: left;
	background: transparent;
}

/* トラックバックする為のURLが記載されているフォーム部分の設定
--------------------------------------------------------------------------------- */
#TrackbackURL {
}

/* トラックバックURLの装飾 ☆
--------------------------------------------------------------------------------- */
input#TrackbackURL {
	width: 480px;
	height: 16px;
	background: url(http://bfile.shinobi.jp/6210/1st_form_txt.gif) repeat-x top left;
	margin: 5px;
	padding: 3px;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
}


/*
====================================================================================
 各プラグイン共通項目用設定
====================================================================================
*/

/* 各プラグイン処理内の基本デザイン
--------------------------------------------------------------------------------- */
.plugin_data {
	text-align: left;
	padding: 0 0 0.25em;
}

/* 各プラグイン処理内基本デザインの下に記載する日付など
--------------------------------------------------------------------------------- */
.plugin_data_date {
	text-align: right;
}


/*
====================================================================================
 カレンダープラグイン用デザイン
====================================================================================
*/

/* カレンダー日付移動用テーブル（前月、次月へのリンクなど）
--------------------------------------------------------------------------------- */
.CalendarMoveTable {
	width: 100%;
}

/* カレンダー日付移動用テーブル、<tr>タグ部分のデザイン
--------------------------------------------------------------------------------- */
.CalendarMoveTr {
}

/* カレンダー日付移動用テーブル内、左側td部分のデザイン
--------------------------------------------------------------------------------- */
.CalendarPrevTd {
	text-align: right;
	padding: 5px;
}

/* カレンダー日付移動用テーブル内、中央td部分のデザイン
--------------------------------------------------------------------------------- */
.CalendarNowTd {
	width: 55px;
	padding: 5px;
}

/* カレンダー日付移動用テーブル内、右側td部分のデザイン
--------------------------------------------------------------------------------- */
.CalendarNextTd {
	text-align: left;
	padding: 5px;
}

/* カレンダー表示用テーブル
--------------------------------------------------------------------------------- */
.CalendarTable {
	width: 100%;
}

/*
------------------------------------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
------------------------------------------------------------------------------------
*/

/* 曜日表示部分（<tr>タグ部分）のデザイン
--------------------------------------------------------------------------------- */
.CalendarWdayTr {
}

/* 曜日表示部分、日曜日の<th>タグ部分デザイン
--------------------------------------------------------------------------------- */
.CalendarWdaySun {
	padding: 2px;
}

/* 曜日表示部分、平日の<th>タグ部分デザイン
--------------------------------------------------------------------------------- */
.CalendarWday {
	padding: 2px;
}

/* 曜日表示部分、土曜日の<th>タグ部分デザイン
--------------------------------------------------------------------------------- */
.CalendarWdaySat {
	padding: 2px;
}

/*
------------------------------------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
------------------------------------------------------------------------------------
*/

/* 日付表示部分（<tr>タグ部分）のデザイン
--------------------------------------------------------------------------------- */
.CalendarTr {
}

/* 日付表示部分、日曜日の<td>タグ部分デザイン
--------------------------------------------------------------------------------- */
.CalendarTdSun {
	padding: 2px;
	color: #999999;
}

/* 日付表示部分、土曜日の<td>タグ部分デザイン
--------------------------------------------------------------------------------- */
.CalendarTdSat {
	padding: 2px;
	color: #999999;
}

/* 日付表示部分、平日曜日の<td>タグ部分デザイン
--------------------------------------------------------------------------------- */
.CalendarTd {
	padding: 2px;
	color: #999999;
}

/* 記事が存在する場所の設定
--------------------------------------------------------------------------------- */
.CalendarTdLink {
}

/* 記事が存在する日付の文字色の設定
--------------------------------------------------------------------------------- */
.CalendarTdLinkFont {
	color: #000000;
}

/*
====================================================================================
 コメント -> 管理者返信部分デザイン
====================================================================================
*/

.CommentResBlock {
	margin-top: 30px;
	margin-left: 85px;
}

.CommentResBox {
}

.CommentResTitle {
	font-weight: bold;
}

.CommentResText {
	padding: 10px 10px 0 0;
}

.CommentResFooter {
	text-align: right;
	margin: 15px 0;
}


/*
====================================================================================
 探索フォームの装飾 ☆
====================================================================================
*/

.blogsearch {

}

input.box {
	background: transparent;
	width: 65%;
	padding: 3px;
	background: url(http://bfile.shinobi.jp/6210/1st_form_txt.gif) repeat-x top left;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
}

input.btn {
	background: transparent url(http://bfile.shinobi.jp/6210/form_search_btn.gif) no-repeat left top;
	width: 40px;
	height: 22px;
	border: 0;
}


/*
====================================================================================
 プラグインブロック ★
====================================================================================
*/

/* プラグイン1
--------------------------------------------------------------------------------- */
div#sub_pluginBlockA {
}

/* プラグイン2
--------------------------------------------------------------------------------- */
div#sub_pluginBlockB {
}

/* プラグイン3
--------------------------------------------------------------------------------- */
div#sub_pluginBlockC {
}

/* プラグイン4
--------------------------------------------------------------------------------- */
div#sub_pluginBlockD {
	padding-top:30px;
}

/* プラグイン5 エントリーの上
--------------------------------------------------------------------------------- */
div#sub_pluginBlockE {
}


/*
====================================================================================
 メニュー表示の切り替え ★
====================================================================================
*/

.getbox {
	display:none;
}