@charset "utf-8";

/*------------------------------------------------------------------------------
Title: Ninja Blog Template
Created: 2009 Winter
Note : 1 - Reset style
	　 2 - Blog style
------------------------------------------------------------------------------*/

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

1. Reset style

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

/*------------------------------------------------------------
	Html, Body
-------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	}

html {
	overflow-y: scroll;
	}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 62.5%;
	font-family: arial,osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",helvetica,sans-serif;
	}

*+html body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
	}

* html body {
	font-family: "ＭＳ Ｐゴシック";
	}

/*------------------------------------------------------------
	Text
-------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

p {
	margin: 0;
	line-height: 1.6;
	}

blockquote {  
	margin: 0;  
	padding: 0;  
	}  

br {
	letter-spacing: normal;
	}

pre, code {
	margin: 0;
	padding: 0;
	}

address, strong, em, cite, code {
	font-style: normal;
	font-weight: normal;
	}

/*------------------------------------------------------------
	Table
-------------------------------------------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0; 
	font-size: 100%;
	}

th, td {
	margin: 0;
	padding: 0;
	}

caption, th {
	text-align: left;
	font-style: normal;
	font-weight: normal;
	}

/*------------------------------------------------------------
	List
-------------------------------------------------------------*/

ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/*------------------------------------------------------------
	Form
-------------------------------------------------------------*/

form, fieldset, legend, input, textarea, select {
	margin: 0;
	padding: 0;
	}

fieldset {
	border: 0;
	}

legend {
	color: #444444;
	}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}

/*\*//*/
textarea, select, input {
	font-family: Osaka;
	}
/**/

/*------------------------------------------------------------
	Image
-------------------------------------------------------------*/

img {
	margin: 0;
	border: 0;
	}

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

2. Blog style

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

/*------------------------------------------------------------
	Hypertext
-------------------------------------------------------------*/

a:link,
a:visited {
	color: #6c7f73;
	}

a:hover,
a:active {
	color: #ccffe1;
	}

/*------------------------------------------------------------
	Structure
-------------------------------------------------------------*/

body {
	background: #FFFFFF;
	text-align: center;
	}

/* [ div#container ]
========================================================= */

div#container {
	margin: 0 auto 15px;
	overflow: hidden;
	width: 904px;
	text-align: left;
	color: #6d6d56;
	font-size: 1.2em;
	}

/* [ div#header ]
========================================================= */

div#header {
        padding: 0px 10px 0 241px;
	position: relative;
	height: 200px;
	background: url(http://bfile.shinobi.jp/6030/c2_bg_header.gif) top left no-repeat;
	}

/* ヘッダーブロックリンク色 */
div#header a:link,
div#header a:visited {
	color: #2f2623;
	}

div#header a:hover,
div#header a:active {
	color: #2f2623;
	}

/* ブログタイトル */
p#siteName {
	line-height: 1.3;
	font-size: 1.8em;
	font-family: "ＭＳ 明朝",serif;
	}

/* ブログの説明文 */
h1 {
	position: absolute;
	top: 141px;
	line-height: 1.6;
	}

/* [ div#primary ]
========================================================= */

/* メインブロック */
div#primary {
	float: right;
	position:relative;
	z-index: 1;
	width: 685px;
	background: url(http://bfile.shinobi.jp/6030/c2_bg_container.gif) repeat-y;
	}

div.inner {
	margin: 0 37px 0 36px;
	}

/* ページング（上下共通） */
ul.pager {
	margin-bottom: 10px;
	padding-top: 8px;
	float: left;
	width: 100%;
	background: url(http://bfile.shinobi.jp/6030/c2_bg_inner.gif) 592px 0 no-repeat;
	}

/* ページング（下部のみ） */
ul.under {
	margin-top: 50px;
	background: none;
	}

ul.pager li {
	margin-right: 5px;
	float: left;
	border: solid 1px #CCCCCC;
	width: 1.5em;
	height: 1.5em;
	background: none;
	line-height: 1.5;
	text-align: center;
	color: #666666;
	}

ul.pager li a {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background: #F4F4F4;
	line-height: 1.5;
	color: #778EA6;
	}

ul.pager li a:hover {
	background: none;
	color: #CCCCCC;
	}	

/* 各記事前後エントリーへのナビゲーション */	
ul.flip {
	margin: 0 0 50px;
	clear: both;
	font-size: 0.9em;
	}

ul.flip li {
	margin-bottom: 0.5em;
	display: block;
	}

/* タイトル共通 */
h2 {
	margin-bottom: 20px;
	clear: both;
	font-size: 1.4em;
	}

/* 本文共通 */	
p.text {
	margin: 10px 0;
	line-height: 1.6;
	font-size: 1em;
	}

/* インフォメーション共通 */		
p.info {
	margin: 0 0 50px;
	clear: both;
	text-align: right;
	font-size: 0.8em;
	}

p.info span {
	margin-right: 10px;
	}

/* -------------------------------------------------
	エントリーブロック独自
---------------------------------------------------*/

div.entry {
	margin-bottom: 10px;
	clear: both;
	border-bottom: dotted 1px #d9d9d2;
	width: 100%;
	}

div.entry h2 {
	padding: 5px 40px 10px;
	background: url(http://bfile.shinobi.jp/6030/c2_bg_entry_h2.gif) no-repeat;
	}

/* エントリータイトルリンク色 */
div.entry h2 a:link,
div.entry h2 a:visited {
	color: #2f2623;
	}

div.entry h2 a:hover,
div.entry h2 a:active {
	color: #2f2623;
	}

/* 本文内挿入イメージ */	
div.entry img {
	margin: 5px;
	}

/* 追記 */	
div.entry p.ps {
	margin: 10px 0;
	text-align: right;
	font-size: 1em;
	}

/* 引用 */
div.entry blockquote {
	margin: 10px 10px 20px;
	padding: 10px;
	border-left: solid 4px #00A0E9;
	line-height: 1.4;
	background: #EEEEEE;
	color: #666666;
	}

/* インフォメーション */
div.entry p.info {
	position: relative;
	top: 20px;
	border-right: solid 1px #00A0E9;
	}

div.entry p.info span {
	padding-left: 10px;
	border-left: solid 1px #00A0E9;
	}

/* -------------------------------------------------
	コメント・フォーム・トラックバックブロック独自
---------------------------------------------------*/

/* タイトル */	
p.ttl {
	margin: 15px 0;
	color: #6d6d56;
	font-weight: bold;
	font-size: 2em;
	}

/* --------------------------------
	コメントブロック独自
----------------------------------*/
div.comment {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #CCCCCC;
	}

/* 本文 */	
span.comment_text_color {
	display: block;
	line-height: 1.6;
	}

/* インフォメーション */	
div.comment p.info {
	margin-bottom: 0;
	text-align: right;
	}

/* レス */
div.res {
	margin: 10px 0 0 100px;
	font-size: 0.9em;
	}

/* フォーム項目 */	
dl.form dt {
	margin: 7px 0 2px;
	font-size: 0.8em;
	}

/* フォーム入力エリア */	
dl.form input,
dl.form textarea,
dl#trackback input {
	padding: 5px;
	border: none;
	border: solid 1px #EEEEEE;
	width: 95%;
	background: #F4F4F4;
	}

* html dl.form input,
* html dl.form textarea
* html dl#trackback input {
	padding: 0 5px;
	height: 2em;
	line-height: 2.0;
	}

dl.form textarea {
	height: 300px;
	line-height: 1.6;
	}

input.submit {
	margin: 15px 0 0 0;
	padding: 5px;
	}

* html input.submit {
	padding: 0;
	}

*+html input.submit {
	padding: 0;
	}

/* --------------------------------
	トラックバックブロック独自
----------------------------------*/

dl#trackback dt {
	margin-bottom: 2px;
	font-size: 0.8em;
	}	

/* [ div#secondary - プラグイン ]
========================================================= */

div#secondary {
	float: left;
	position: relative;
	left: 5px;
	z-index: 10;
	width: 219px;
	color: #FFFFFF;
	}	

/* プラグインブロックリンク色 */
div#secondary a:link,
div#secondary a:visited {
	color: #FFFFFF;
	}

div#secondary a:hover,
div#secondary a:active {
	color: #FFFFFF;
	}

/* プラグイン */
div#secondary dl {
	margin-bottom: 10px;
	}

/* プラグインタイトル */
div#secondary dl dt {
	padding: 15px 15px 15px 49px;
	border-bottom: solid 5px #FFFFFF;
	height: 10px;
	background: #96967c url(http://bfile.shinobi.jp/6030/c2_bg_plugin_ttl.gif) top left no-repeat;
	color: #FFFFFF;
	font-size: 125%;
	font-family: "ＭＳ 明朝",serif;
	}

/* プラグイン内容 */	
div#secondary dl dd {
	padding: 0 10px;
	background: #96967c;
	text-align: center;
	font-size: 0.9em;
	}

div#secondary dl dd ul {
	text-align: left;
	}

div#secondary dl dd ul li {
	margin-bottom: 4px;
	}

/* プラグイン内容各データ */	
.plugin_data {
	margin-bottom: 4px;
	padding: 0 0 2px 20px;
	zoom: 1;
	background: url(http://bfile.shinobi.jp/6030/c2_ico_plugin.gif) top left no-repeat;
	text-align: left;
	}

/* プラグイン日付部分 */
.plugin_data_date {
	margin-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	color: #FFFFFF;
	}

/* カレンダー */
#secondary table {
	border-collapse: separate;
	border-spacing: 2px;
	empty-cells: show;
	}

.CalendarMoveTable,
.CalendarTable {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	color: #FFFFFF;
	}

.CalendarMoveTable {
	font-weight: bold;
	}

.CalendarTable {
	margin-top: 5px;
	}

div#secondary div.CalendarTdLink a:link,
div#secondary div.CalendarTdLink a:visited {
	color: #00A0E9;
	} 

div#secondary div.CalendarTdLink a:hover,
div#secondary div.CalendarTdLink a:active{
	color: #00A0E9;
	} 

.CalendarTable td {
	padding: 2px 4px;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
	}

.CalendarWdayTr th {
	padding: 2px 4px;
	border: solid 1px #FFFFFF;
	text-align: center;
	}

.CalendarTable th.CalendarWdaySun,
.CalendarTable td.CalendarTdSun {
	color: #ffff00;
	}

/* [ div#footer - フッター ]
========================================================= */

div#footer {
	padding: 110px 0 0 26px;
	clear: both;
	background: url(http://bfile.shinobi.jp/6030/c2_bg_primary.gif) bottom left no-repeat;
	font-size: 0.8em;
	}

/* フッターナビゲーション */
ul#footerNavi li {
	display: inline;
	}



/* ■■オリジナルクラス ■■
───────────────────────────────────────
*/

/* 【 任意の要素に枠をつける： imgbox 】
記事中の任意の要素に枠をつけます*/
.entry .imgbox {
  border : 1px solid #333;
  margin : 1px;
}

/* 【 任意の要素に枠をつけない： noimgbox 】
記事中の任意の要素に枠をつけないようにします 
（枠を表示させるカスタマイズと組み合わせて利用してください）*/
.entry .noimgbox {
  border : none;
}

/* 【 要素の左寄せ： f-left 】
以降のテキストを右側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-left ,
.entry .imgbox.f-left {
  display:inline;
  float : left;
  margin : 0 0.5em 0.5em 0;
}

/* 【 要素の右寄せ： f-right 】
以降のテキストを左側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-right ,
.entry .imgbox.f-right {
  display : inline;
  float : right;
  margin : 0 0 0.5em 0.5em;
}

/* 【 画像を写真風に： photo 】
写真のような枠をつけることが出来ます。*/
.entry .photo {
  margin : 0.5em;
  padding : 6px;
  background : #fff url("http://blog-imgs-41-origin.fc2.com/r/i/m/rimse/photo_loading.gif") no-repeat center center;
  border : 1px solid #666;
}

/* 【 さらに強い強調： strong 】
FC2の仕様上、太字を表現する目的でstrong要素が使われるため、
strong要素が本来示す"さらに強い強調"を表現することが難しくなっています。
このテンプレートでは、strongにクラス名strongを与えた場合、
アクセントカラーを使用して強調するという設定にしています。
このスタイルを使うには、
1.強調する部分の直前に
  <strong class="strong">
2.強調する部分の直後に
  </strong>
という記述を追加してください。
*/
strong.strong , strong.strong a:link , strong.strong a:visited {
  color : #f36;
}


/* ■■ スタイルシート追加用エリア ■■
───────────────────────────────────────
スタイルを追加する場合は、ここより下に追加してください */

/*●以下、記事の一部を囲う機能（BLOCKQUOTEタグ）*/
blockquote.type1 {border: 0px solid ;background:#cccccc;}
blockquote.type2 {border: 8px solid #cccccc;}
blockquote.type3 {border: 3px dashed;}
blockquote.type4 {border: 1px dashed #1f3134; background:#bee0ce;}
blockquote.type5 {border: 2px #696969 dashed;}
blockquote.type6 {border: 2px solid　#696969 ;background:#cccccc;}
blockquote.type7 {border: 7px solid　#696969 ;background:#eeeeee;}
blockquote.type8 {border: 0px solid ;background:#b3ccbe;}
blockquote.type9 {border-left: 1px dashed #adbfd1; ;border-top:none;border-right:none;border-bottom:none;}



/*●以下、記事の一部を蛍光ペンのようにマーキングできる機能（spanタグ）*/
.k01{
background-color:#add1d1;/*緑*/
color:#ffffff;}

.k02{
background-color:#d1d1ad;/*黄*/
color:#ffffff;}

.k03{
background-color:#d1bfad;/*ベージュ*/
color:#ffffff;}

.k04{
background-color:#d1adae;/*サーモン*/
color:#ffffff;}

.k05{
background-color:#d1add1;/*ピンク*/
color:#ffffff;}

.k06{
background-color:#b7add1;/*紫*/
color:#ffffff;}

.k07{
background-color:#adbfd1;/*青*/
color:#ffffff;}

.k08{
background-color:#d1adbf;/*桃*/
color:#000;}

.k09{
background-color:#457a7a;/*緑に白文字*/
color:#fff;}

.k10{
background-color:#45607a;/*青に白文字*/
color:#fff;}

.k11{
background-color:#7a4560;/*赤に白文字*/
color:#fff;}

.k12{
background-color:#000000;/*黒に白文字*/
color:#fff;}

.k13{
background-color:#cccccc;/*薄グレーに白文字*/
color:#ffffff;}

.k14{
background-color:#7f7f7f;/*濃グレーに白文字*/
color:#ffffff;}