@charset "UTF-8";


/*----- 値の書き方の例 -----*/
/*-----
例：padding : 10px;
値が1つの場合、値1→上下左右

例：padding : 10px 15px;
値が2つの場合、値1→上下、値2→左右

例：padding : 10px 15px 20px;
値が3つの場合、値1→上、値2→左右、値3→下

例：padding : 10px 15px 20px 25px;
値が4つの場合、値1→上、値2→右、値3→下、値4→左
-----*/


/* 全体的な設定lammban
------------------------------------------------------------ */


/*----- contentプロパティの初期化 -----*/
*:before,
*:after {
content : "";
}


/*-----
全体的なマージン・パディング・フォントスタイル等の初期化 -----*/

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
}


/*----- body要素以下全てに適用されます -----*/
/*----- 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい -----*/

/*----- 書式・例 -----*/
/*----- background : url 画像の表示位置 繰り返し指定; -----*/
/*----- background : url("hoge.gif") top left no-repeat; -----*/


body {
color: #666666;
/* 文字の色 */

text-align : center;
/* 古いIEでセンタリングする */

line-height : 1.5;
/* 行間 */

font-size : x-small !important;
/* 古いIEの文字サイズ */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;
/* おまじない */

font-size : small !important;
/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body {
font-size : small !important;
/* Opera用の文字サイズ */
}

textarea {
width : 90%;
}


/* リンクの設定
------------------------------------------------------------ */


/*----- リンクの設定 -----*/

a {
text-decoration : none;
/* アンダーラインなど装飾を施さない */
}

a:link {
color : #666666;
}
/* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */

a:visited {
color : #993399;
}
/* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */

a:hover {
color : #FF0000;
}
/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */

a:active {
color : #666666;
}
/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */

a img {
border-style : none;
/* リンク画像の枠を表示しない */

border-width : 0px;
/* 枠の幅を0pxに設定 */

text-decoration : none;
/* 装飾を表示しない */
}


/* レイアウト用ブロックの設定
------------------------------------------------------------ */


/*----- 全体の大枠 -----*/
/*----- 左右のマージンを自動で求める事でセンタリングを行ってます -----*/
/*----- センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい -----*/


div#container {
width : 870px;
/* wrapper＋extra-columnの幅 */

margin-left : auto;
/* 左側のマージンを自動計算 */

margin-right : auto;
/* 右側のマージンを自動計算 */

background-color : transparent;
/* 背景を透過（bodyで指定した値が有効になります） */

text-align : left;
/* 古いIE用にセンタリングした部分を元に戻す */
}


/*----- 左メニューと記事部分の幅 -----*/

div#wrapper {
width : 690px;
float : left;
}


/*----- タイトル部分 -----*/
/*----- 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい -----*/

/*----- 書式・例 -----*/

/*----- background : url("画像のパス") 画像の表示位置 繰り返し指定; -----*/
/*----- background : url("hoge.gif") top left no-repeat; -----*/


div#branding {

width : 870px;
/* 背景画像のサイズを指定する場合は切れないように画像の横サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません）最大値はcontainerで設定した幅までです */
}

div.column {
margin : 15px 0;
/* タイトル部分と記事、記事部分とフッター部分の間隔 */
}


/*----- 本文部分ブロック -----*/
/*----- IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます -----*/
/*----- 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します -----*/


div#primary-column {
float : right;
/* 回り込み設定 */

width : 510px;
/* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;
/* おまじない */
}

html>body div#primary-column {
width : 510px;
/* Opera用のコンテンツ幅 */
}

#primary-column a:link {
color: #666666;
text-decoration: underline;
}

#primary-column a:visited {
color: #993399;
text-decoration: underline;
}

#primary-column a:hover {
color: #FF0000;
}

#primary-column a:active {
color: #666666;
text-decoration: underline;
}


/*----- Primary-Columnのリスト表示 -----*/

div#primary-column ul {
padding-left: 15px;
}


/*----- secondary-column　サイトインフォ関連ブロック -----*/

div#secondary-column {
float : left;
/* 回り込み設定 */

font-size: 12px;

width : 170px;
/* コンテンツ幅 */
}

#secondary-column a:link {
color: #666666;
}

#secondary-column a:visited {
color: #999999;
}

#secondary-column a:hover {
color: #FF6699;
}

#secondary-column a:active {
color: #666666;
}




/*----- secondary-columnのマージン -----*/

.rmain {
margin-bottom : 30px;
margin-right : 10px;
}


/*----- 著作表示ブロック -----*/

div#siteinfo-legal {
clear : both;
/* 回り込みを解除 */
margin : 0 10px;
}
	

/*----- 絵文字 -----*/
.emoji{
vertical-align:middle;
}


/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */


/*----- タイトル画像 -----*/

#h1 {
padding:216px 15px 5px 0px;
color: #000000;
font-size: 20px;
font-family: "ヒラギノ明朝 Pro W3";
text-align: right;
background-image:url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_870.jpg");
}

#h1 a:link {
color: #000000;
}

#h1 a:visited {
color: #000000;
}

#h1 a:hover {
color: #000000;
text-decoration: underline;
}

#h1 a:active {
color: #000000;
}


/*----- サイトの説明 -----*/

div#branding p {
padding : 0 5px;
font-size : small;
/* 古いIEの文字サイズ */

color: #666666;
background-color: #EDEDED;
border-top : 0px solid #333;
/* 上線 */

border-bottom : 0px solid #333;
/* 下線 */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;
/* おまじない */

font-size : small;
/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body div#branding p {
font-size : small;
/* Opera用の文字サイズ */
}


/* Primary-Columnの設定
------------------------------------------------------------ */

/*----- ページ移動用ナビゲーション -----*/

p.prev-next-navi {
margin-bottom : 20px;
text-align : center;
}


/*----- 各記事毎のブロック -----*/
/*-----

        *-------------+
        |                     |
        |                     |
        |      section      |
        |                     |
        |                     |
        +-------------+

        *-------------+
        |                     |
        |                     |
        |      section      |
        |                     |
        |                     |
        +-------------+

        
        +-+- section
        |   |
        |   +-+- h2（タイトル）
        |       |
        |       +-+- 記事
        |           |
        |           +- 段落
        |
        +-+- section
        |   |
        |   +-+- h2（タイトル）

各記事はこのようにブロックで記事毎に階層が分けられています
-----*/


div.section {
margin-bottom : 20px;
/* 記事と記事の間隔 */
}


/*----- 記事のタイトル部分 -----*/

div.section h2 {
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_510_h.gif") top left repeat;

height : 60px;
line-height: 60px;
text-align: center;

font-size : small;
/* 古いIEの文字サイズ */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;			
/* おまじない */

font-size : small;
/* CSSを正しく解釈出来るブラウザ用の文字サイズ */

padding-left: 0px;
}

html>body div.section h2 {
font-size : small;
/* Opera用の文字サイズ */
}


/*----- タイトル後ろの日付 -----*/

.entry-day {
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 15px;
color: #A8A8A8
}


/*----- 段落の設定 -----*/

div.section p {
margin : 1em 0;
/* 上下1行分空ける */
}


/*----- 記事本体部分 -----*/

div#entry-body {
padding : 1px 20px 1px 20px;
color: #666666;
background-color: #CCFFCC;
margin-bottom: 0px;
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_510_m.gif");
}

#entry-body a:link {
color: #0066CC;
}

#entry-body a:visited {
color: #993399;
}

#entry-body a:hover {
color: #FF0000;
}

#entry-body a:active {
color: #0066CC;
}


/*----- 追記部分 ※無効-----*/

p.entry-more {
padding : 25px 15px 15px 0;
text-align : right;
}


/*----- フッター部分（コメントやトラックバックなど） -----*/

div.section ul.entry-footer {
font-size : 10px;
padding : 0px 0px 0px 0px;
list-style-position : inside;
height : 60px;
line-height: 60px;
text-align: center;
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_510_f.gif");
}

div.section ul.entry-footer li {
display : inline;
list-style-type : none;
}



/* コメント部分の設定
------------------------------------------------------------ */


/*----- コメントフォーム -----*/

div#primary-column form {
padding : 0 10px;
}


/*----- コメントフォーム -----*/

input#himitu {
margin-right : 0.5em;
}


/*----- コメントフォームのボタン -----*/

p.form-btn {
margin-top : 20px;
}


/*----- コメントトップ -----*/

h3#comment-top {
margin : 15px 0 10px 0;
padding : 0 15px;
}

h3.comment-post,
h3.comment-edit {
padding : 0 15px;
}


/*----- コメントのタイトル -----*/

h4.comment-header {
margin-bottom : 10px;
padding : 0 10px;
border-bottom : 1px solid #333;
/* 枠線 */
}


/*----- コメント本文 -----*/

div.comment-body {
padding : 0 10px;
}


/*----- コメントフッター -----*/

ul.comment-footer {
padding : 10px 10px 15px 10px;
}

ul.comment-footer li {
display : inline;
list-style-type : none;
}


/* トラックバック部分の設定
------------------------------------------------------------ */


/*----- トラックバックトップ -----*/

h3#trackback-top {
margin : 15px 0;
}


/*----- トラックバックURI -----*/

p.trackback-uri {
margin-bottom : 15px;
padding : 0.2em 0.5em;
border : 1px solid #333;
}


/*----- トラックバックのタイトル -----*/

h4.trackback-header {
margin-bottom : 10px;
padding : 0 10px;
border-bottom : 1px solid #333;
}


/*----- トラックバック先の概要 -----*/

div.trackback-excerpt {
padding : 0 10px;
background : transparent;
}


/*----- トラックバックフッター -----*/

ul.trackback-footer {
padding : 10px 10px 15px 10px;
display : inline;
list-style-type : none;
}

ul.trackback-footer li {
display : inline;
list-style-type : none;
}



/* Secondary-Columnの設定
------------------------------------------------------------ */

/*----- アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） -----*/


div#secondary-column h2 {
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_170.gif") top left repeat;
/* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
/* height : 20px; */

margin-bottom : 15px;
padding-left: 5px;
height : 20px;
line-height: 20px;

font-size : 10px;
/* 古いIEの文字サイズ */

color: #999999;
/* フォントカラー */

text-align : center;
/* センタリング */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;
/* おまじない */
}

html>div#secondary-column h2 {
font-size : 10px;
/* Opera用の文字サイズ */
}


/*----- カレンダーの位置調整 -----*/

div#secondary-column h2.calendar-archives {
margin-bottom : 5px;
}


/*----- 月別・カテゴリ別アーカイブの位置調整 -----*/

div#secondary-column h2.monthly-archives,
div#secondary-column h2.categories-archives {
margin-top : 20px;
margin-bottom : 5px;
}


/*----- 検索の位置調整 -----*/

div#secondary-column h2.search {
margin-top : 20px;
margin-bottom : 10px;
}


/*----- 最近のコメント・最近のトラックバック・リンクの位置調整 -----*/

div#secondary-column h2.recent-entries,
div#secondary-column h2.recent-comments,
div#secondary-column h2.recent-trackbacks,
div#secondary-column h2.links {
margin-top : 20px;
margin-bottom : 5px;
}


/*----- プロフィールなどの位置調整 -----*/

div#secondary-column h2.appendix {
margin-top : 20px;
margin-bottom : 10px;
}


/*----- RSS 1.0　HTML 4.01　RSS FEED -----*/

.rss {
font-size : 10px;
}

.html-valid {
font-size : 10px;
}

.feed-valid {
font-size : 10px;
}


/*----- 著者名・著者概要・広告の位置調整 -----*/

p.author-name,
p.author-description,
p.ads {
margin-left : 15px;
margin-right : 10px;
}


/*----- プロフィール画像 -----*/
p.plugin-myimage {
display : block;
/* ブロックレベルで表示 */

margin : 15px 0px 10px 0px;
/* マージン */
}


/*----- アーカイブ関連のリスト表示設定 -----*/
/*----- リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい -----*/
/*----- 画像を使いたい場合はlist-style-imageを追加して下さい -----*/

/*----- 例 -----*/
/*----- list-style-type : none; -----*/
/*----- list-style-image : url("画像のパス"); -----*/


div#secondary-column ul {
margin-left : 20px;
list-style-position : outside;
}


div#extra-column ul {
margin-left : 10px;
list-style-position : outside;
}



/* カレンダー部分の設定
------------------------------------------------------------ */


/*----- カレンダー表示用のテーブル設定 -----*/

.calender {
font-family: Georgia, "Times New Roman", Times, serif;
color: #666666;
width : 100%;
/* 幅 */

border-collapse : collapse;	
/* 値の入っていないセルも表示する */

font-size : small;	
/* 古いIEの文字サイズ */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;
/* おまじない */

font-size : x-small;
/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}


html>.calender {
font-size : x-small;
/* Opera用の文字サイズ */
}

/*----- カレンダー見出（前月・当月・次月などのリンク部分） -----*/

.plugin-calender caption {
font-weight: bold;
font-size : small;
margin-bottom : 10px;
}


/*----- カレンダーのセル見出（曜日表示部分） -----*/

.plugin-calender th {
padding : 0.1em;
border-bottom : 1px dashed #333;
text-align : center;
}


/*----- カレンダーのセル部分（日付表示部分） -----*/

.plugin-calender td {
padding : 0.1em;
border-bottom : 1px dashed #333;
text-align : center;
}


/*----- カレンダーリンク部分（記事を書いた日） -----*/

.plugin-calender td a {
display : block;
background : #FFCCCC;
}


/*----- 日曜日 -----*/

#sun {
color : #FF6633;
/* 日曜日を赤色表示 */
}


/*----- 土曜日 -----*/

#sat {
color : #0099FF;
/* 土曜日を青色表示 */
}



/* extra-Columnの設定
------------------------------------------------------------ */

div#extra-column h2 {
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_170.gif") top left repeat;
margin-bottom : 15px;
height : 20px;
line-height: 20px;
/* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
/* height : 20px; */

font-size : 10px;
/* 古いIEの文字サイズ */

color: #999999;
/* フォントカラー */

text-align : center;
/* センタリング */

voice-family : "\"}\"";
/* おまじない */

voice-family : inherit;
/* おまじない */
}

html>div#secondary-column h2 {
font-size : 10px;
/* Opera用の文字サイズ */
}


/*----- extra-column　サイトインフォ関連ブロック -----*/

div#extra-column {
float : right;
/* 回り込み設定 */

font-size: 12px;

width : 170px;
/* コンテンツ幅 */
}

#extra-column a:link {
color: #666666;
}

#extra-column a:visited {
color: #999999;
}

#extra-column a:hover {
color: #FF6699;
}

#extra-column a:active {
color: #666666;
}


/*----- extra-columnのマージン -----*/

.rmain_r {
margin-bottom : 30px;
margin-left : 10px;
}



/* フッター部分の設定
------------------------------------------------------------ */

div#siteinfo-legal p {
padding : 10px 0;
/* パディング */

color: #999999;
font-size: 10px;

border-top : 1px solid #CCCCCC;
/* 上線 */

text-align : center;
}
/* センタリング */


#siteinfo-legal p a:link {
color: #0066FF;
}

#siteinfo-legal p a:visited {
color: #9966CC;
}

#siteinfo-legal p a:hover {
color: #FF6699;
}

#siteinfo-legal p a:active {
color: #0066FF;
}


/* 強調の設定
------------------------------------------------------------ */


/*----- 強調 -----*/

em {
font-style : italic;
/* 斜体 */
}


/*----- より強い強調 -----*/

strong {
font-weight : bold;
/* 文字を太字にする */
}


/* 引用の設定
------------------------------------------------------------ */


/*----- 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい -----*/

/* 書式・例 */
/*----- background : url("画像のパス") 画像の表示位置 繰り返し指定; -----*/
/*----- background : url("hoge.gif") top left repeat; -----*/

blockquote {
width : 300px;
/* 幅 */

margin : 20px 0 20px 50px;
/* マージン */

padding : 0.5em;
/* パディング */

border : 1px solid #333;
/* 枠の色と線種 */
}



/* コード
------------------------------------------------------------ */


/*----- 記事中にプログラムコードなどを書く時に使います -----*/
/*----- プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう -----*/



div.section pre {
margin : 1em auto;
padding : 0.5em;
border : 1px solid #633;
font-family : sans-serif;
overflow : auto;
width : 90%;
/* pre element clearing bug in WinIE  */
}


/*----- for without MacIE5 \ -----*/

div.section pre {
overflow : scroll;
/* MacIE用バグ対応 */
}

div.section > pre {
width : auto;
/* MacIE用バグ対応 */
}

div.section code {
font-family : monospace;
/* 等幅フォントを指定 */
}


/* Mac版IEの文字化け対策
------------------------------------------------------------ */

/*----- マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい -----*/

textarea,input,select {
font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

/* トップお知らせ部分の設定
------------------------------------------------------------ */

div#entry-body2 {
padding : 1px 20px 1px 20px;
color: #666666;
background-color: #CCFFCC;
margin-bottom: 0px;
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_510_m.gif");
}

#entry-body2 a:link {
color: #0066CC;
}

#entry-body2 a:visited {
color: #993399;
}

#entry-body2 a:hover {
color: #FF0000;
}

#entry-body2 a:active {
color: #0066CC;
}

div.section .entry-footer2 {
font-size : 10px;
padding : 0px 0px 0px 0px;
list-style-position : inside;
height : 60px;
line-height: 60px;
text-align: center;
background : url("https://blog-imgs-21-origin.fc2.com/t/o/s/toshinoie/white_space_510_f.gif");
}