/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
	text-align: center;
background-color:#f8f4e6;
color:#666666;
background-image:url('http://file.ccc.ko-me.com/dots.gif');
}
/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {

color:#793483;



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

color:#793483;



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

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

text-decoration:underline;
}

/*全体の設定*/
#mainBlock {
width:1004px;
text-align: center;
}

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

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




/**************************************************************************************
自サイトレイアウト
**************************************************************************************/
@charset "Shift_Jis";

/*---- NF035 -----*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	scrollbar-track-color: #f8f4e6;
	scrollbar-face-color: #f8f4e6;
	scrollbar-shadow-color: #4E4F4A;
	scrollbar-darkshadow-color: #000;
	scrollbar-highlight-color: #4E4F4A;
	scrollbar-3dlight-color: #d0a77e;
	scrollbar-arrow-color: #FB7351;
}

html {
	overflow-y: scroll;
}

body {
	line-height: 1.5;
	color: #666;
	font-size: 90%;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

}

h1, h2 {
	font-weight: normal;
}

h1, h2, h3 {
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
}

h1 {
	color: #0063A6;
	font-size: 150%;
	letter-spacing:15px;
}
	h1 a:link {color: #0063A6;}
	h1 a:visited {color: #0063A6;}
	h1 a:hover {color: #FF9C59;}

h2 {
	color: #000;
	font-size: 77%;
text-align: left;
}

	h2.category {
		margin-left: 20px;
		color: #941f57;
		font-size: 200%;

	}

h3 {
	margin-left: 20px;
	padding-left: 10px;
	color: #666;
	font-size: 100%;
text-align: left;
	background: url("http://ccc.shime-saba.com/img/cross01.gif") center left no-repeat;
}

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

p {
	margin: 0 0 1em 0;
}

br {
	letter-spacing: normal;
}

em {
	color: #C9064C;
	font-style: normal;
}

strong {
	font-weight: bold;
}

big {
	font-size: 131%;
}

small {
	font-size: 77%;
}

ins {
	text-decoration: underline;
}

del {
	color: #444;
}

b {
	font-weight: bold;
}

i {
	font-style: oblique;
}

address, cite {
	font-style: normal;
}

code {
	font-family: monospace;
}

table {
	margin: 0 0 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
}

th,td {
	padding: 2px 5px;
	border: 0px solid #4E4F4A;
}

hr {
	display: none;
}
	.line {
		margin-top: 30px;
	}

	.clears {
		clear: both;
		padding: 0 0 1em 0;
	}

img, a img {
	border: 0;
}

	.img_right {
		float: right;
		margin: 0 0 0 10px;
		padding: 5px;
		border: 1px solid #333;
		background: #f8f4e6;
	}

	.img_left {
		float: left;
		margin: 0 10px 0 0;
		padding: 5px;
		border: 1px solid #333;
		background: #f8f4e6;
	}

blockquote {
	margin: 0 0 1em 30px;
	padding: 0px 5px;
	border-left: 3px double #4E4F4A;
	color: #777;
	background: #f8f4e6;
}

input, select, textarea {
	margin: 2px 0;
	width: 50%;
	border: 1px solid #4E4F4A;
	color: #9F9F9F;
	font-size: 100%;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background: #f8f4e6 url("http://ccc.shime-saba.com/img/stripe020_7.gif") left top;
}

textarea {
	width: 95%;
}

input.button {
	width: 90px;
	vertical-align: middle;
}

div#out {
	margin: 0 auto;
	max-width: 1024px;
}

* html #out {
	width: expression(document.body.clientWidth < 680? "660px" : document.body.clientWidth > 1024? "1004px" : "auto");
}

div#header {
	background: url("http://ccc.shime-saba.com/img/title2.jpg") center top no-repeat;
}

div.write {
	margin: 10px 5px 10px auto;
	padding: 15px;
	width: 70%;
	background: #f8f4e6;
}

div.write ul, div.write ol {
	margin: 0 0 1em 10px;
}

div.write ul li {
	list-style: square inside;
}

div.write ol li {
	list-style: decimal;
	margin: 0 0 0 20px;
}

div.write ul.parallel {
	margin: 0;
}

ul.parallel li {
	display: inline;
	list-style: none;
}

ul.parallel li img {
	margin: 0 2px 3px 0;
}

dl {
	margin: 0 0 1em 0;
}

dt {	}

dd {
	margin: 0 0 5px 15px;
}

dl.parallel dt {
	width: 120px;
	line-height: 1.6;
}

dl.parallel dd {
	margin: -1.6em 0 5px 120px;
	padding: 0 0 0 15px;
}

p.info {
	margin: 0 0 1em 0;
	padding: 2px 10px 0 0;
	height: 80px;
	overflow: auto;
	border: 0;
}

.deco {
	line-height: 22px;
	background: url("http://ccc.shime-saba.com/img/line004.gif") left top;
}

img.deco {
	padding: 5px;
	border: 1px solid #333;
	background: #f0f6da;
}

.page_navi li {
	list-style: none;
	text-align: right;
}

.page_navi li a {
	margin-right: 20px;
	padding: 0 5px;
	border: 1px solid #e17b34;
	font-size: 77%;
	text-align: center;
	background: #f0f6da;
}

div#title2 {
	padding: 10px 0 0 10px;
	height: 50px;
	background: #f0f6da url("http://ccc.shime-saba.com/img/title2.jpg") center top no-repeat;
text-align: left;
}

div#menu {
	padding-top: 10px;
	height:30px;
	text-align: right;
	background: #f8f4e6 ;
}

div#menu li {
	display: inline;
	list-style: none;
	padding: 0 5px;
}

div#menu li a {
	padding-left: 10px;
	color: #9D36AC;
	text-decoration: none;
	background: url("http://ccc.shime-saba.com/img/cross01.gif") center left no-repeat;
}

div#menu li a:hover {
	background: url("http://ccc.shime-saba.com/img/cross02.gif") center left no-repeat;
}

div#footer {
	margin: 30px auto 5px auto;
	text-align: center;
}

div#footer li {
	display: inline;
	list-style: none;
	padding: 0 10px;
}

div#copy, #copy a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

div#spacer {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}






/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
height: 1000px;
text-align: center;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 220px;
text-align: left;
float:left;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style:solid;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 10px;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 10px;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 700px;
float:right;
text-align: left;
background-color:#f8f4e6;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 10px;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
border-style:none;
font-weight:bold;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 10px;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 20px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
border-style:solid;
border-top-width:1px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.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;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
border-style:double;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
border-style:none;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
border-style:solid;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:100%;
background-color:#f0f6da;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
background-color:#f8f4e6;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
background-color:#f8f4e6;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:200px;
padding:3px;
background-color:#FFFFFF;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
background-color:#f0f6da;
}
/*記事が存在する日付の文字色の設定*/
.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;
}