/**************************************************************************************
▼カラー設定
〔ヘッダーメニュー〕〔カテゴリー別ページの色〕
・カテゴリー名が長かったり、数が多いとヘッダーメニューが２段になってしまいます。
・カテゴリー10までの色を用意してます。以降は背景色になります。

▼プラグイン
・1～4は折りたたみ式
・5は"TOPページのみ"記事の上に表示されます。フリースペースにブログの説明などを入れるといいかと思います。
・5は使わない場合表示されません

**************************************************************************************/
/*****▼INDEXページ **********************/
.BackColor_{background-color: #E4E6D2 ;}
.Color_{color               : #BCBE99 ; font-size: 20px;}

/*****▼プラグイン **********************/
.BackColor_P{background-color: #EDEECC ;}
.Color_P{color               : #BFC089 ; font-size: 20px;}

/*****▼未選択**********************/
.BackColor_0{background-color: #DCE9DC ;}
.Color_0{color               : #99C999 ; font-size: 20px;}

/*****▼カイミク**********************/
.BackColor_1{background-color: #DFECD3 ;}
.Color_1{color               : #A9C989 ; font-size: 20px;}

/*****▼リンレン**********************/
.BackColor_2{background-color: #E9E9C9 ;}
.Color_2{color               : #BCBC89 ; font-size: 20px;}

/*****▼ボカロ兄弟**********************/
.BackColor_3{background-color: #ECE3D3 ;}
.Color_3{color               : #C9A989 ; font-size: 20px;}

/*****▼マスメイ**********************/
.BackColor_4{background-color: #ECDFD9 ;}
.Color_4{color               : #C99999 ; font-size: 20px;}

/*****▼がくリン**********************/
.BackColor_5{background-color: #E6D6E6 ;}
.Color_5{color               : #B989B9 ; font-size: 20px;}

/*****▼UTAU**********************/
.BackColor_6{background-color: #E3DFEC ;}
.Color_6{color               : #A09FC0 ; font-size: 20px;}

/*****▼動画紹介**********************/
.BackColor_7{background-color: #D9E2EC ;}
.Color_7{color               : #93A0C9 ; font-size: 20px;}

/*****▼雑記**********************/
.BackColor_8{background-color: #D2E6DC ;}
.Color_8{color               : #89C9A9 ; font-size: 20px;}

/*****▼カテゴリー９**********************/
.BackColor_9{background-color: #D6E6E6 ;}
.Color_9{color               : #89B9B9 ; font-size: 20px;}

/*****▼カテゴリー１０********************/
.BackColor_10{background-color: #E0E0E0 ;}
.Color_10{color               : #AFAFAF ; font-size: 20px;}



/**************************************************************************************
〔０〕全ブロック用デザイン
**************************************************************************************/
* {
	margin          : 0px;
	padding         : 0px;
}
body {
	font-size       : small;
	color           : #5A5A5A;
	font-family     : "ＭＳ Ｐゴシック",Verdana, "Osaka", sans-serif;
	background-color: #E4E6D2;
}
a{color: #AC9D8A; text-decoration: none;}
a:visited {color: #888866; text-decoration: none;}
a:hover {
	color           : #464646;
	background-color: #DCE9C5;
}

textarea{
	font-size       : small;}
#MainBlock{text-align: center;}




/**************************************************************************************
〔１〕ヘッダー　トップページ・メインページ用デザイン
**************************************************************************************/
#TopBlock{ background-color: #9DBC8A;}
.TopTitle{
	padding         : 80px 0 0 10px;
	letter-spacing  : 0.3em;
	font-size       : 25px;
}
.TopExplanation{
	padding         : 50px 0 20px 10px;
}
#TopBlock a{ color: #464646;}

#MenuBlock a{ color: #464646;}
#MenuBlock {background-color: #9DBC8A;}
#MenuBlock ul{ list-style-type: none; text-align: right;}
#MenuBlock li{ display: inline; padding: 2px 3px 1px 3px; margin-left:5px; list-style-type:none;}
/**************************************************************************************
〔２〕　プラグイン用デザイン
**************************************************************************************/
.PluginInnerBlock{
	line-height     : 1.2;
	padding         : 0 10px 20px 10px;}
.PluginTitle{
	font-size       : 13px;
	letter-spacing  : 0.1em;
	background-color: #9DBC8A;
	padding         : 3px 5px;}
.PlaginExplanation{
	font-size       : 10px;}
.PlaginData{
	margin          : 5px;}


/**************************************************************************************
〔３〕　一覧ページ 
〔４〕　詳細記事 　用デザイン
**************************************************************************************/
.EntryBlock {
	width           : 600px;
	text-align      : left;
	margin          : 0 auto;
	padding         : 2.0em;
	background-color: #ffffff;
	line-height     : 1.8;
}
.EntryText a{ text-decoration: underline; }
.EntryTitle {
	padding         : 0 0 10px 0;
	letter-spacing  : 0.3em;}

.EntryPs{ margin-top     : 1em;}
.EntryFooter{ 
	list-style-type : none;
	text-align      : right;
	font-size       : 11px;
	margin-top      : 10px;
}
.EntryFooter li{ display: inline; padding: 0 5px;}
.Navi_not_Entry{
	padding-top     : 20px;
	list-style-type : none;
	text-align      : center;
}
.Navi_not_Entry li{
	color           : #5A5A5A;
	background-color: #9DBC8A;
	padding         : 2px 5px;
	margin          : 5px;
	display         : inline;
}
.Navi_not_Entry a{color       : #DADFD2;}
.NaviEntry{color    : #5A5A5A;}


/**************************************************************************************
〔５〕　コメント
〔６〕　コメントフォーム
〔７〕　トラックバック
〔８〕　コメント編集ページ　用デザイン
**************************************************************************************/
.CtBlock {
	width           : 600px;
	text-align      : left;
	margin          : 2.5em auto;
	padding         : 2.0em;
	background-color: #ffffff;
	line-height     : 1.6;
}
.CtFont {
	letter-spacing  : 0.3em;
	font-size       : 25px;
	margin-bottom   : 20px;
}
.CtTop{
	color           : #AC9D8A;
	list-style-type : none;
	font-size       : 11px;
	margin-bottom   : 10px;
}
.CtText a{ text-decoration: underline; }
.CtTop li{ display: inline; padding: 0 5px 0 0;}
.CtBox{margin-bottom: 30px;}
.CtRes{
	margin          : 10px 0 0 100px;
	padding         : 10px;
	background-color: #EFF0E3;}
.CtTitle{
	margin-bottom   : 5px;
	font-size       : 12px;}


/**************************************************************************************
〔９〕フッター用デザイン
**************************************************************************************/
#FooterBlock {
	border-top      : 1px dashed #C6CA9F;
	color           : #AC9D8A;
	text-align      : center;
	padding         : 10px 0;
	margin-top      : 10px;
}
.cm {
	font-size       : 10px;
	margin-top      : 20px;
}
.FooteMenu{
	font-size       : 10px;
	list-style-type : none;
	text-align      : center;
	margin-bottom   : 20px
}
.FooteMenu li{ display: inline; padding: 0 0.5em;}



/**************************************************************************************
〔１０〕  カレンダー　検索　共通プラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
	margin          : 0 auto;
	text-align      : center;
	width           : 140px;}

/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
	text-align: center;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
	margin          : 0 auto;
	text-align      : center;
	width           : 140px;}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
	text-align: center;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
	color: #e3b0a2;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
	color: #A2C2E3;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
	text-align: center;
}
/*-------------------------------------------------------
  検索用デザイン
-------------------------------------------------------*/
.box{
	font-size: 11px;
	width: 140px;}
.btn{
	font-size: 11px;}

/*-------------------------------------------------------
  各プラグイン共通項目用設定デザイン
-------------------------------------------------------*/
/*各プラグイン処理内の基本デザイン*/
.plugin_data {
	font-size         : x-small;
	text-align        : left;
	border-bottom     : 2px dashed #EEEFC9;
	padding           : 5px 0 0 5px;
	width             : 150px;}

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

/**************************************************************************************
**************************************************************************************
≪ 忍者メールフォーム2 150px ver. ≫

■ タイトル部分の背景色や、広告部分の背景色、枠線、フォーム入力部分の色などは
ある程度CSSの知識があれば変えられると思います。

■　対応パーツは、[ name ]　[ mail ]　[ url ]　[ title ]　[ textarea ]　[ answer ]　[ text ]
減らす場合はそのままご利用していただいて大丈夫です。
他のパーツを増やす場合は、CSSの追加で可能です。CSSの知識がある方のみ自力でアレンジして下さい。

■ 再配布はしないようお願いします。

http://karma7.blog.shinobi.jp/
KARMA7
**************************************************************************************
**************************************************************************************/


/**************************************************************************************
全体のデザイン
**************************************************************************************/
/*メールフォーム全体を囲っているタグのid*/
#ninja_mail{
	margin          : 0px;
	padding         : 0px;
	color           : #5A5A5A;
	font-size       : x-small;
	text-align      : left;
	width           : 150px;
	border          : 2px dashed #EEEFC9;
}
/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#ninja_mail .main {
	padding         : 5px;
}
/*メールフォームのタイトルを囲っているタグのclass*/
#ninja_mail .title{
	font-size       : 20px;
	padding         : 2px 5px;
}
/*メールフォームの説明文を囲っているタグのclass*/
#ninja_mail .explain {
	font-size       : x-small;
	padding         : 2px 5px;
}
/**************************************************************************************
パーツのデザイン
**************************************************************************************/
/*パーツの入力項目のclass（inputなどの部分）*/
#ninja_mail .name_parts,
#ninja_mail .mail_parts,
#ninja_mail .url_parts,
#ninja_mail .title_parts,
#ninja_mail .answer_parts,
#ninja_mail .text_parts{
	background-color: #ffffff;
	font-size       : x-small;
	width           : 130px;
	border          : 1px dotted #EEEFC9;
	margin-top      : 2px;
}
#ninja_mail .textarea_parts{
	background-color: #ffffff;
	font-size       : x-small;
	width           : 130px;
	height          : 100px;
	border          : 1px dotted #EEEFC9;
	margin-top      : 2px;
}
/**************************************************************************************
ボタンのデザイン
**************************************************************************************/
/*メールフォームの送信ボタンを囲っているタグのclass*/
#ninja_mail .submit {
	text-align      : center;
}
/*メールフォームの送信ボタンのclass*/
#ninja_mail .submit_button {
	background-color: #ffffff;
	border          : 2px dotted #EEEFC9;
}
/**************************************************************************************
エラーメッセージ
送信完了メッセージ
**************************************************************************************/
/*エラーメッセージを囲っているタグのclass*/
#ninja_mail .error,
#ninja_mail .result{
	padding         : 20px 0 0 10px;
	font-size       : 18px;
}
/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#ninja_mail .error_submit,
#ninja_mail .result_submit {
}
/*エラーメッセージのリトライボタンのclass*/
#ninja_mail .error_submit_button,
#ninja_mail .result_submit_button {
}
/**************************************************************************************
広告のデザイン
**************************************************************************************/
#shinobi_jp_text {
	padding-top     : 10px;
	width           : 100% !important;
	text-align      : right !important;
}
#karma7 a, #shinobi_jp_text a{
	color           : #BBBBBB;
	text-decoration : none;
}
#karma7{
	font-size       : x-small;
	padding         : 2px 0;
	width           : 100%;
	text-align      : right;
}
/**************************************************************************************
ボックスや強調文字
**************************************************************************************/
.box1{
border: 2px dashed #EEEFC9;
padding: 10px 10px 10px 10px;
margin: 20px 30px 20px 30px;
text-align: left;}
.box2{
border: 4px dashed #EAF3D9;
background-color: #EAF3D9;
color: #4C4C4C;
padding: 10px 20px 10px 20px;
margin: 20px 30px 20px 60px;
text-align: left;}
span.zi{
font-size: 16px;
color: #AC9D8A;
font-weight:bold;
border-bottom: 2px dashed #EEEFC9;}