/* ページ全体 -----------------------------------------------*/

#visitor {
    width:780px;
    height:8px;
    margin:12px auto 3px auto;
    background-image: url(http://file.chocoband.blog.shinobi.jp/visitor.gif);
    background-repeat:no-repeat;
    background-position:100% 100%;
    text-indent:-5000px;
    }

#wrap { 
    width:780px;
    margin:0 auto;
    text-align:left;
    background-color:#fff;
    border:1px solid #000;
    padding:0 10px;
    }
  
	   
/* ヘッダ --------------------------------------------------*/ 

#header {
    width:760px;
    height:35px;
    margin-bottom:12px;
    padding:0;
    }

#title {
    float:left;
    width:383px;
    height:21px;
    background-image: url(http://file.chocoband.blog.shinobi.jp/header.gif);
    background-repeat:no-repeat;
    text-indent:-5000px;
    margin-top:14px;
    } 

#navi {
    float:right;
    width:320px;
    height:8px;
    margin-top:27px;
    padding:0;
    }

	
/* コンテンツ ----------------------------------------------*/

#contentArea {
    width:760px;
    clear:both;
    background-color:#fff;
    border:none;
    margin:0;
    padding:0;
    }
	
#contentLeft {
    float: left;
    width:220px;
    margin-bottom:10px;
    padding:0;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    }

#contentRight {
    float: right;
    width: 535px;
    margin-bottom:10px;
    padding:0;
    }


/* フッター ------------------------------------------------*/			 

#footer { 
    clear:both;
    background: url(http://file.chocoband.blog.shinobi.jp/copyright.gif);
    background-repeat:no-repeat;
	background-position:top;
    width:199px;
    height:25px;
    margin:10px auto;
    padding-top:10px;
    text-align:center;
    line-height:1.4em;
    }


/* 見出し --------------------------------------------------*/

h1 {
font-size:12px;
}

h1.title {
width:200px;
height:32px;
margin-bottom:10px;
background-image:url(http://file.chocoband.blog.shinobi.jp/bands_title.gif);
background-repeat:no-repeat;
background-position:8px 13px;
text-align:left;
text-indent:-5000px;
}
	
h2 {
margin:0;
font-size:100%;
color:#084fa0;
letter-spacing:0.1em;
}


/* 共通 ----------------------------------------------------*/

img {
border: none;
}
	
ul {
margin:0 15px; 
}
	
li {
list-style-type:none;
text-align:justify;
text-justify:inter-ideograph;
}
	
dt,dd {
line-height:1.6em;
text-align:justify;
text-justify:inter-ideograph;
}

p {
font-size:100%;
text-align:justify;
text-justify:inter-ideograph;
}





/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
    font-size:80%; 
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    color:#333;
    margin:0;
    text-align:center;
    background-color:#ccc;

scrollbar-3dlight-color:;
scrollbar-arrow-color:#8fbc8f;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#8fbc8f;
scrollbar-shadow-color:#8fbc8f;
scrollbar-track-color:#ccc;

}
/*table全ての設定*/
/*<td>の全ての設定*/
table,tr,td {
margin:0;
line-height:1.6em;
}
/*通常のリンクの設定*/
a:link { 
color:#446633;
text-decoration:none;
border:0;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited { 
color:#99AA77;
text-decoration:none;
border:0;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
color:#446633;
text-decoration:underline;
border:0;
cursor:crosshair;
}
/*アクティブ状態のリンクの設定*/
a:active {
color:#446633;
text-decoration:underline;
border:0;
}


/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
text-align: left;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:5px;
font-size: 85%;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
padding:0;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
height:0;
width:0;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 5px;
margin: 5px;
}

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
text-align: left;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
margin:0 0 5px 0;
text-align: left;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
padding:13px 0px 10px 10px;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
color:#446633;
font-weight:normal;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
padding:0 0 10px 13px;
}
/*記事本文が記載される部分*/
.EntryText {
font-size: 85%;
line-height:140%;
color: #555555;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 20px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
width:200px;
padding:5px 8px 5px 20px;
text-align:right;
font-size:85%;
}

/*通常のリンクの設定*/
#EntryBlock a:link { 
color:#92C2C2;
text-decoration:none;
border:0;
}
/*過去に見たことがあるページのリンクの設定*/
#EntryBlock a:visited { 
color:#669999;
text-decoration:none;
border:0;
}
/*カーソルが合っている状態のリンクの設定*/
#EntryBlock a:hover {
color:#92C2C2;
text-decoration:underline;
border:0;
cursor:crosshair;
}
/*アクティブ状態のリンクの設定*/
#EntryBlock a:active {
color:#92C2C2;
text-decoration:underline;
border:0;
}


/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
}
/*コメント部分*/
.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;
font-size:80%;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
font-size:80%;
padding-top:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
border-color: black;
border-width: 1;
background-color:#fff;
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:3px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	border:solid 1px #995555;
	padding:10px;
}

.CommentResTitle {
	font-size:14px;
	font-weight:700;
}

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

.CommentResFooter {
	text-align:right;
	margin:15px 0;
	border-top:1px dotted #995555;
}


.clear {
    clear:both;
	}