@charset "UTF-8";

/**************************************************************************************
COMMON SETTINGS 全ブロックの共通設定
**************************************************************************************/
/*-- Extra --*/
.offset:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/*--PAGE SETTINGS 表示ページ全体基本設定--*/
* {margin:0; padding:0;}
ul {list-style: none;}
br{letter-spacing: normal;}
address{font-style: italic;}
strong{font-weight: bold;}
cite{font-style: italic; font-weight: bold;}
h1, h2, h3, h4, h5, h6 {
	position: static;
	margin: 0;
	padding: 0;
}

/*--BODY全体に関する設定--*/
body {
	height:auto;
	background:#B0D9FF url("http://file.cocefi.blog.shinobi.jp/skin_bg_outer.gif") center top repeat-y scroll;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-align:center;					/*non-centered: text-align: left;*/
	padding:0; margin:0;

	width: 100%;	/* FireFox Fix: background shifting if browser is too small */
	display: table;
}

/*<td>の全ての設定*/
td {text-align:center;}
/*table全ての設定*/
table{border-collapse: collapse;}

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

/*--Link--*/
a { text-decoration: none;}
a:link { color: #50C4FF;}
a:visited {color:#50C4FF;}
a:active { color: #50C4FF;}
a:hover { color:#FF89E2;}

/*--Form input 全体のフォーム--*/
input {
	margin:1px 0;
	padding: 1px 2px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	font-size: 12px;
	color: #999;
}
textarea {
	margin :1px 0;
	padding: 1px 2px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	font-size: 12px;
	color: #666;
}


/**************************************************************************************
Blog title design settings
**************************************************************************************/
/*--Page title--*/
#TopTitle {
	clear:both;
	text-align: center;
	padding: 300px 20px 0 20px;
	width: 190px;
	/*background:transparent url("http://file.cocefi.blog.shinobi.jp/skin_title.gif") top center no-repeat scroll;*/
}

/*--Blog title style--*/
#TopTitle h1{
	/*font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	letter-spacing: 1px;*/
}
#TopTitle h1 a{
	display:block;
	width:196px; height:143px;
	padding:0; margin:0;
}
#TopTitle h1 a strong{
	display:none;
}

/*--Blog title colors--*/
#TopTitle h1 a:link {color: #555555;}
#TopTitle h1 a:visited {color: #555555;}
#TopTitle h1 a:hover {color: #FF89E2; text-decoration: none;}
#TopTitle h1 a:active {color: #555555;}

/*--Blog description text (under title)--*/
#TopExplanation {
	padding: 5px;
	text-align: center;
	font-size: 10px;
	color: #50C4FF;
}

/* --Admin links-- */
div.AdminTools {
	float: left;
	width: 190px;
	padding: 0px 20px 0px 20px;
	font-size: 10px;
	color: #B2B2B2;
	text-align: center;
}
div.AdminTools a:link {color: #B2B2B2;}
div.AdminTools a:visited {color: #B2B2B2;}
div.AdminTools a:active { color: #B2B2B2;}
div.AdminTools a:hover {color: #FF89E2;}


/**************************************************************************************
FOOTER フッターブロック用デザイン
**************************************************************************************/
/*--一番下のブロック（著作権表示が書かれる場所）の設定--*/
#FooterBlock {
	clear: both;			/*non-centered: left*/
	width: 550px;
	margin: 0px auto;		/*non-centered: 0px 5px 0px 275px*/
	padding: 0px;			/*non-centered: 10px*/
	text-align: left;
	color: #8C8C8C;
	/*background-image: url(http://bfile.shinobi.jp/1694/ss_sidetitle.gif);*/
	/*border-top: 1px solid #EEEEEE;*/	/*non-centered*/
	/*background-color: #FFFFFF;*/		/*non-centered*/
}
p.copy {
	font-size: 11px;
	padding: 5px;
}


/**************************************************************************************
PLUGIN プラグインブロック用デザイン
**************************************************************************************/
/*--プラグイン表示箇所全体の設定--*/
.PluginBlock {
	width: 240px;
	margin: 0;
	float: left;
	overflow: hidden;
	text-align: left;
	color: #8C8C8C;
}

/*--プラグイン部分リンク色--*/
div.PluginBlock a:link {color: #8C8C8C;}
div.PluginBlock a:visited {color: #8C8C8C;}
div.PluginBlock a:active {color: #8C8C8C;}
div.PluginBlock a:hover {color: #FF89E2;}

/*--プラグイン表示箇所の背景や余白設定--*/
.PluginInnerBlock {
	margin: 10px 0 15px 0;
	padding: 6px 8px 10px 8px;
/*	background-image: url(http://file.cocefi.blog.shinobi.jp/skin_sidebg.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}

/*--プラグインのタイトル（名称）部分の設定--*/
.PluginTitle {
	text-align: right;
	padding: 2px 10px;
	height: 18px;
	font: normal 12px georgia, palatino, 'times new roman',serif;
	/*letter-spacing: 1px;*/
	color: #FFFFFF;
	background:transparent url("http://file.cocefi.blog.shinobi.jp/skin_bg_plugin.gif") center center no-repeat scroll;
/*	background-image: url(http://file.cocefi.blog.shinobi.jp/skin_sidetitlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	/*border-bottom: 1px solid #eee;*/
}
/*--プラグインの説明部分の設定--*/
.PluginExplanation {
}

/*--プラグインが表示される場所の設定--*/
.PluginContents {
	font-size: 10px;
	padding: 10px;
}

/*--各プラグイン処理内の基本デザイン--*/
div.plugin_data {
	padding: 0 0 0 11px;
	font-size: 10px;
	line-height: 140%;
	background-image: url(http://bfile.shinobi.jp/1694/ss_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

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


/**************************************************************************************
サイドメニューツリーリスト用
**************************************************************************************/
/*--強引なIE6対策の為、スタイルシートが通常と少し違います。ツリー化の際はなるべく下記のものを修正してご利用下さい--*/

.plugin_data ul{
	list-style: none;
}

/*--ツリー途中の装飾--*/
div.PluginBlock ul.tree li{
	padding: 0 0 0 11px;
	margin-left: 3px;
	font-size: 10px;
	line-height: 140%;
	background-image: url(http://bfile.shinobi.jp/1694/ss_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--ツリー最後装飾--*/
div.PluginBlock ul.tree li.end {
	padding: 0 0 0 11px;
	margin-left: 3px;
	font-size: 10px;
	line-height: 140%;
	background-image: url(http://bfile.shinobi.jp/1694/ss_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--メニューをツリー化する場合の補正--*/
div#newentrylist, div#linkslist, div#commentlist, div#tblist, div#categorylist, div#entrylist{
	border:none; /*ボーダーを消す*/
	background-image:none; /*背景画像を消す*/
	background-color: transparent; /*背景色をなしに*/
	margin: 0px; /*マージン消し*/
	padding: 0px; /*パディング消し*/
	width: 99%; /*強引なIE6対策*/
	overflow: hidden; /*強引なIE6対策*/
}

/*--エントリー見出し--*/
span.treetop_entry {font-weight: bold;}
/*--リンクカテゴリー--*/
span.treetop_link {font-weight: bold;}
/*--カテゴリータイトル--*/
span.treetop_category {font-weight: bold;}
/*--ツリー化用ここまで--*/


/*--//// オマケ ////--*/
/*--サイドバーに忍者式メルフォームを設置する場合の整形＆装飾
忍者式メールフォームのデザイン設定で「自作CSS使用」の場合のみ有効です--*/
div.PluginContents div.main br{
	line-height: 1px;
}
div.PluginContents div.main input{
	width: 90%;
	padding: 0 2px;
	border: 1px solid #A5A5A5;
}
div.PluginContents div.main textarea{
	width: 90%;
	padding: 0 2px;
	border: 1px solid #A5A5A5;
}
div.PluginContents div.main input.submit_button{
	width: 50px;
	background: #ccc;
	color: #666;
	margin-bottom: 3px;
	border:1px solid #ccc;
}
/*--///// オマケオワリ /////--*/

/**************************************************************************************
ARTICLE ENTRY SETTINGS 記事ブロック用デザイン
**************************************************************************************/
div#content {
	float:none;					/*non-centered: left*/
	text-align: left;
	padding: 0px;
	margin: 0px auto;			/*non-centered: 0px*/
	width: 1100px;
}
div#leftColumn {
	float: left;
	text-align: left;
	padding: 60px 5px 0 5px;
	margin: 0px;
	width: 240px;
	color: #BBBBBB;
	background:transparent url("http://file.cocefi.blog.shinobi.jp/skin_titletop.jpg") center top no-repeat scroll;
}
div#rightColumn {
	float: left;
	text-align: left;
	padding: 60px 5px 0 5px;
	margin: 0px;
	width: 240px;
}
div#middleColumn {
	text-align: left;
	margin: 0px;
	width: 535px;
	float: left;
	padding: 60px 20px 0 45px;
	background:transparent url("http://file.cocefi.blog.shinobi.jp/skin_bg_accent.gif") left top no-repeat scroll;
}

/*--Article container--*/
div#EntryBlock {
	text-align: left; clear:both;
	overflow: hidden;
}
.EntryInnerBlock {
	text-align: left;
}
.entryHeader {
	float: left; clear: both;
	width: 100%;
	padding: 0 0 0 30px;
	background: transparent url("http://file.cocefi.blog.shinobi.jp/skin_icon_entry.gif") left top no-repeat scroll;
}
/*--Article date--*/
.entryDay {
	float: left; clear: both;
	width: 100%;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #BEBEBE;
	text-align: left;
}

/*--Article title-*/
.EntryTitle {
	float: left; clear: both;
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
}

.EntryTitle h1{
	font: normal 18px georgia, palatino, 'times new roman',serif;
	/*letter-spacing: 1px;*/
}
.EntryTitle h1 a:link {color: #555555;}
.EntryTitle h1 a:visited {color: #555555;}
.EntryTitle h1 a:hover {color: #D0E0B0; text-decoration: none;}
.EntryTitle h1 a:active {color: #555555;}

/*--View article comments, Trackback--*/
.EntryTextBox {
	float: left; clear: both;
	margin-bottom: 20px;
	width: 100%;
}

/*--Article text--*/
.EntryText {
	float: left; clear: both;
	padding: 20px 0;
	font-size: 11px;
	line-height: 150%;
	font-family: Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color: #8C8C8C;
	text-align: left;
	letter-spacing: 1px;
	width: 100%;
}

/*--PS/click to view more--*/
.EntryPsText {
	float: left; clear: both;
	padding: 20px 0;
	width: 100%;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	/*text-decoration: underline;*/
}

/*--Article footer--*/
.EntryFooter {
	float: left; clear: both;
	width: 100%; height: 31px;
	font-size : 10px;
	color : #A0A0A0;
	text-align : right;
	padding : 10px 0 50px 0;
	/*letter-spacing: 1px;*/
	border-top: #CAA6B2 1px dotted;
}
.EntryFooter a { text-decoration: none;}
.EntryFooter a:link { color: #FF89E2;}
.EntryFooter a:visited {color:#FF89E2;}
.EntryFooter a:active { color: #FF89E2;}
.EntryFooter a:hover { color:#D0E0B0;}

/*--Article footer links spacing--*/
.EntryCategory, .EntryComment, .EntryTrackback {margin-left: 2px;}


/*--//////Other article settings//////--*/
/*-- Quote --*/
blockquote {
	font-size: 12px;
	padding: 20px 20px 10px 23px;
	color: #585858;
	line-height: 140%;
/*	background-image : url(http://bfile.shinobi.jp/1694/ss_bq.gif);
	background-repeat : no-repeat;
	background-position : center top;*/
}

/*--Article links--*/
div.EntryText a{
	/*text-decoration: underline;*/
}

/*--Article list--*/
div.EntryText ul li {
	list-style-type: disc;
	margin: 0 15px 0 20px;
}
div.EntryText ol li{
	list-style-type: decimal;
	margin: 0 15px 0 20px;
}

div.EntryText .hilite {
	font-weight: bold;
	color: #50C4FF;
}

/*--Article images--*/
div.EntryText img {
	margin: 2px 5px;
	padding: 5px;
	background: #EEF7FC;
	border: #DDDDDD 1px solid;
/*	border-top: 1px solid #fff;
	border-bottom: 2px dotted #eee;
	border-left: 1px solid #fff;
	border-right: 2px dotted #eee;*/
}

/*--Article emoticon--*/
div.EntryText img.emoji, div.EntryText img.noborder {
	margin: 0 1px;
	padding:0;
	background-color: transparent;
	border: none;
}


/**************************************************************************************
PAGE NAVIGATION ページナビ
**************************************************************************************/
/*--HOME articles and links to the following--*/
.PageLinkBlock{
	clear: both;
	text-align: center;
	padding: 10px 10px 30px 10px;
	font-size: 10px;
	font-weight: bold;
}

/*--Links to every page--*/
.PageLinkBlock10{
	clear: both;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
}

div.PageLinkBlock10 ul li.page10a {
	display : inline;
	padding: 2px 3px;
	margin: 1px;
	list-style-type : none;
	font-size : 10px;
	font-weight: bold;
	color: #3C2E34;
	background-color: #eee;
}
div.PageLinkBlock10 ul {
	list-style-position : inside;
}

/**************************************************************************************
USER COMMENTS コメント表示部分の設定
**************************************************************************************/
/*--コメント全体の設定--*/
.CommentBlock{
	float: left; clear: both;
	width: 100%;
	color: #555555;
	text-align: left;
}

/*--この記事にコメントする（Post your Comment）と書かれてる部分の設定--*/
.CommentMenuTitle{
	text-align: left;
	font: bold 14px Verdana, Helvetica, sans-serif;
	margin-left: 30px;
}

/*--コメントのタイトル、コメント、コメント情報の全ての背景部分--*/
.CommentTextBox{
	float: left; clear: both;
	padding: 10px 20px;
	margin : 10px 20px 0 20px;
	text-align: left;
	border: 1px solid #B2B2B2;
	width: 85%;
	background:#FFFFFF url("http://file.cocefi.blog.shinobi.jp/skin_bg_diamond.gif") left top repeat scroll;
}

/*--コメントのタイトル部分--*/
.CommentTitle{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #FF89E2;
}

/*--コメント内容部分--*/
.CommentText{
	color: #8C8C8C;
	font-size: 12px;
	line-height: 150%;
}

/*--投稿者や投稿時間などが表示されている部分--*/
.CommentFooter{
	text-align: right;
	font-size: 10px;
	padding:5px;
	margin: 3px 0 0 0;
	color: #FF89E2;
}
/*--投稿者名の部分--*/
.CommentUserName {margin-left: 3px;}
/*--投稿者のホームページへのリンク部分--*/
.CommentURL {margin-left: 2px;}
/*--投稿された時間が記載されている部分--*/
.CommentWriteDate {margin-left: 2px;}
/*--コメント編集へのリンク部分--*/
.CommentEdit {margin-left: 5px;}

/*--コメントを投稿するフォーム全体の設定--*/
.CommentFormBlock{
	float: left; clear: both;
	width: 360px;
	margin: 20px;
	padding: 20px 0;
	text-align: left;
	border: 1px solid #B2B2B2;
	background:#FFFFFF url("http://file.cocefi.blog.shinobi.jp/skin_bg_diamond.gif") left top repeat scroll;
}
/*--コメントフォーム用テーブル--*/
.CommentFormTable{
	margin: 0 auto 0 35px;
	font-size: 12px;
}
/*--コメントフォームTDタグ設定--*/
.CommentFormTd{
	padding-top: 4px;
	text-align: left;
}
/*--Submit button alignment--*/
.CommentFormSubmit{
	text-align: right;
}

/*--inputタグやtextareaの設定--*/
.CommentForms{
	width: 250px;
}

/*-- Color selection background color --*/
select#color{
	background-color: #fff;
	border: 1px solid #ccc;
}

.CommentFormstext{
	width: 280px;
}
.Commentpass{
	width: 50px;
}
/*--Submit button styling--*/
input.serb {
	margin-top: 5px;
	width: 100px;
	font-size: 12px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	color: #999;
}


/*-------------------------------------------------------
ADMIN COMMENT RESPOND STYLING コメント-管理者用返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	float: right; clear: both;
	width: 80%;
}

.CommentResBox {
	margin-top: 5px;
	padding: 10px;
	background:#FFFFFF url("http://file.cocefi.blog.shinobi.jp/skin_bg_diamond.gif") left top repeat scroll;
	border: 5px solid #B2B2B2;
}

.CommentResTitle {
	font-size:12px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FF89E2;
}

.CommentResText {
	font-size: 12px;
	line-height: 150%;
	color: #50C4FF;
	text-align: left;
}

.CommentResFooter {
	font-size: 10px;
	margin: 3px 0 0 0;
	padding: 2px;
	color: #FF89E2;
	text-align: right;
}

/**************************************************************************************
USER COMMENTS EDIT コメント編集部分の設定
**************************************************************************************/
/*--コメント編集ブロック--*/
.editBox{
	float: left; clear: both;
	padding: 10px 0;
	text-align: left;
	color: #555555;
}
.editMenuTitle{
	text-align: left;
	font: bold 14px Verdana, Helvetica, sans-serif;
	margin-left: 30px;
}

/**************************************************************************************
TRACKBACK トラックバック表示部分の設定
**************************************************************************************/
/*--トラックバック全体の設定--*/
.TrackbackBlock{
	float: left; clear: both;
	margin-top: 15px;
	width: 100%;
}
/*トラックバック部分のリンク色*/
.TrackbackBlock a { text-decoration: none;}
.TrackbackBlock a:link { color: #FF89E2;}
.TrackbackBlock a:visited {color:#FF89E2;}
.TrackbackBlock a:active { color: #FF89E2;}
.TrackbackBlock a:hover { color:#D0E0B0;}

/*--トラックバックメニューのタイトル部分--*/
.TrackbackMenuTitle{
	text-align: left;
	margin: 10px 0 0 30px;
	font: bold 14px Verdana, Helvetica, sans-serif;
	color: #585858;
}

/*--トラックバックのタイトル、記事、リンク部分の総合設定--*/
.TrackbackTextBox{
	margin: 0 20px;
	padding: 10px 20px;
	text-align : left;
	background:#FFFFFF url("http://file.cocefi.blog.shinobi.jp/skin_bg_diamond.gif") left top repeat scroll;
	border: 1px solid #B2B2B2;
}

/*--トラックバックタイトルの部分--*/
.TrackbackTitle{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/*--トラックバックの記事部分--*/
.TrackbackText{
	color: #8C8C8C;
	font-size: 11px;
	line-height: 150%;
}

/*--投稿されたブログ名やリンクなどを表示する部分の設定--*/
.TrackbackFooter{
	text-align:right;
	padding:5px;
	font-size: 10px;
	color: #FF89E2;
}
/*--トラックバック元のブログ名部分--*/
.TrackbackUserName {margin-left: 2px;}
/*--トラックバック元へのリンク部分--*/
.TrackbackFromURL {margin-left: 2px;}
/*--トラックバックされた日付部分--*/
.TrackbackWriteDate {margin-left: 2px;}

/*--この記事のトラックバック　と書かれた部分の設定--*/
.TrackbackURLTitle{
	text-align: left;
	padding: 10px 10px 10px 30px;
	font-size: 11px;
	color: #8C8C8C;
}

/*--トラックバックする為のURLが記載されているフォーム部分の設定--*/
#TrackbackURL{
	width: 220px;
	background: #fff;
	color: #FF89E2;
}

/**************************************************************************************
SIDEBAR CALENDAR サイドバー用カレンダーデザイン
**************************************************************************************/
/*--カレンダー日付移動用テーブル（前月、次月へのリンクなど）--*/
.CalendarMoveTable {
	width: 90%;
	font-size: 10px;
	margin: 0 auto;
/*	border-top: 1px solid #F2F2F2;
	border-bottom: none;
	border-left: 1px solid #F2F2F2;
	border-right: 2px solid #eee;*/
}
.CalendarMoveTable td a {
	font-weight: bold;
}
.CalendarMoveTable td a:link {color: #FF89E2;}
.CalendarMoveTable td a:visited {color:#FF89E2;}
.CalendarMoveTable td a:active {color: #FF89E2;}
.CalendarMoveTable td a:hover {color:#ADAEB4;}

/*--カレンダー日付移動用テーブル、<tr>タグ部分のデザイン--*/
.CalendarMoveTr {
}
/*--カレンダー日付移動用テーブル内、左側td部分のデザイン--*/
.CalendarPrevTd {
	padding: 3px 0 5px 0;
}
/*--カレンダー日付移動用テーブル内、中央td部分のデザイン--*/
.CalendarNowTd {
	padding: 3px 0 5px 0;
}
/*--カレンダー日付移動用テーブル内、右側td部分のデザイン--*/
.CalendarNextTd {
	padding: 3px 0 5px 0;
}
/*--カレンダー表示用テーブル--*/
.CalendarTable {
	width: 90%;
	padding: 3px;
	font-size: 10px;
	margin: 0 auto;
/*	border-top: none;
	border-bottom: 2px solid #eee;
	border-left: 1px solid #F2F2F2;
	border-right: 2px solid #eee;*/
}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
	background: #C5C4D1;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
	padding: 2px 0;
	color: #FFFFFF;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
	padding: 2px 0;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
	padding: 2px 0;
	color: #FFFFFF;
}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
	text-align: center;
	line-height: 20px;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
	margin: 1px;
	text-align: center;
	line-height: 20px;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
	margin: 1px;
	text-align: center;
	line-height: 20px;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
	margin: 1px;
	font-weight: bold;
	background-color: #FFFEE1;
	line-height: 20px;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}