/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

* ver.3-2 *
"site_gitai_p" by ucd

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【初めにお読みください】

◎「サイト風に見せる」ことを最優先にし、各種デメリット(*1)を無視した特殊なテンプレです
そのためカテゴリ画面では最新の１記事しか表示されない仕様になっています
　　　　　　　　　　　　￣￣￣￣￣￣￣￣
◎但し、作者ブログで説明している基本の設定(*2)を行うことで、特定のカテゴリに限り
曰記風（記事が複数並び、曰付や前後ページへのリンクも出る形）に表示させることができます

◎全てのカテゴリをそういった曰記風表示にしたい場合は
　[1]HTMLの「▼▼▼」が含まれる行から「▲▲▲」が含まれる行まで(計22行)を削.除
　[2]このファイル末尾の「▼▼▼」が含まれる行から「▲▲▲」が含まれる行まで(計6行)を削.除
という2つの作業をしてください(*3)

◎規約と使い方は下記アドレスからご覧頂けます　必ずご確認ください
http://ucdundo.blog.fc2.com/blog-category-7.html


【参考】
*1...うちのテンプレのデメリット
　　　http://ucdundo.blog.fc2.com/blog-category-7.html#demeritto
*2...基本の使い方
　　　http://ucdundo.blog.fc2.com/blog-entry-323.html
*3...全てのカテゴリを曰記風表示にする
　　　http://ucdundo.blog.fc2.com/blog-entry-314.html

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*** 全体の配置 ***/
/* マージンリセット */
body, div { margin: 0; padding: 0; }
h1, h2, h3, h4 {  margin: 0; padding: 0; }
p, ul, ol, dl, dt, dd  { margin: 0; padding: 0; }
ul { list-style: none; }
form { margin: 0; padding: 0; }
input, textarea { margin: 0; padding: 0; }
a, a:hover, a:active, a:focus { outline: 0; font-weight: normal; }/* for ie6 */

/* 共通 */
html, body { height: 100%; }
body { text-align: center; }
#container { text-align: center; width: 100%; max-width: 1280px; margin: 0 auto; position: relative; padding-top: 70px; }
#footer { text-align: right; margin:70px 10px 0 auto; padding-bottom: 10px; }
p.fc2, p.template { display: inline; }
p.fc2 { margin-right: 10px;}
br { letter-spacing : normal; }
.hojo { display: none!important; }

/* 検索窓 */
#search { position: absolute; top: 0; right: 10px; padding-top: 10px; }
#search .kensakumado { vertical-align: bottom; width: 66px; }
.botan { padding: 0 2px; position: relative; top:1px; left: 1px; }
.botan:hover { position: relative; top:2px; left: 2px; }

/* パンくずリスト */
#pankuzu { position: absolute; top: 0; left: 10px; padding-top: 15px; }


/*** 入口ページ配置 ***/
#index_body #container { padding-top: 0 ;}
#index_body #footer { margin-top: 0; }
#index_area_1 { width: 100%; min-height: 100%; margin: 0 auto; padding: 12.5%/*ブログ名上余白*/ 0 11.5%/*新着情報下余白*/ 0; text-align: center; overflow-x: hidden; }
#setumei { margin-top: 15px; }
/**以下、入口メニュープルダウン関係**/
.parent_positioner { float: left; position: relative; left: 50%; padding-top: 10%;/*サイト説明からメニューまで*/ }
.positioner { float: left; position: relative; left: -50%; height: 23px; }
.menuHolder { position: relative; height: 23px; z-index: 100; }
ul.ulTop { float: left; list-style: none; overflow: hidden; padding: 0; margin: 0; line-height: 21px; text-align: center; width: 119px; zoom: 1; }
ul.ulTop li.liTop { float: left; width: 238px; /* ulTop×2 */ margin: -32767px -119px 0 0; }
ul.ulTop li.liTop a.aTop { position: relative; z-index: 50; display: block; float: left; width: 119px; margin-top: 32767px; }
ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active { margin-right: 1px; }
ul.sub { float: left; padding: 15px 0 0 0; margin: 0; list-style: none; margin-top: -15px; }
ul.sub li { line-height: 21px; vertical-align: top; height: 21px; }
ul.sub li a { float: left; width: 119px; clear: left; /*background必須*/background: url(dm.png) left top no-repeat; position: relative; z-index: 500; }
ul.sub li a.last { /* null */ }
ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active { margin-right: 1px; }
.free_space { clear: both; padding-top: 4%/*メニューからフリースペースまで*/; }
/**以上、入口メニュープルダウン関係**/
.news { clear: both; margin-top: 5%/*フリースペースから新着情報まで*/; }
.news ul { width: 270px; margin: 0 auto; white-space: nowrap; text-align: left; }
.news li { padding: 1px 0; }
.news .all { text-align:right; position: relative; bottom: 3px; }


/*** 入口以外ページ配置 ***/
#not_index_area { width: 800px/*記事エリア幅*/; margin: 0 auto; padding: 50px 20px; }
.topentry { width: 80%/*記事内容幅(640px)*/; margin: 0 auto; padding-top: 50px; text-align: left; }
.topentry_body { margin: 5px auto; line-height: 200%; } 
.fc2_footer { padding:0!important; margin: 30px 0 0 0; }
.edit { text-align: right; padding-top: 20px; }
#back, .back { text-align: center; margin: 120px 0 50px 0; }
#pagelink { text-align: center; margin: 170px 0 50px 0; }
#back a, #pagelink a, .back a { padding: 0 2px; }

/* 目次ページ配置 */
.topentry h3 { text-align: center; margin: 0 0 90px 0; }
.mokuji .topentry_body { padding: 50px 0; }

/* 日記ページ配置 */
.nikki h2 { text-align: center; padding: 50px 0; }
.nikki h4 { text-align: center; margin: 0 0 50px 0; }
.date, .pagetop { margin: 0 auto; text-align: right; }
.date { margin: 15px auto; }
.nikki .topentry { margin-bottom: 90px; padding-top: 90px; }
.morelink { padding-left: 10%; margin: 50px 0; }
.nikki .edit { position: relative; top: 10px; }

/* 作品ページ配置 */
.more { margin-top: 50px; padding-top: 50px; }

/* 記事内部色々配置 */
.emoji { display: inline!important; text-align: left!important; margin: 0!important; vertical-align: text-bottom!important; }
.topentry_body h1, .topentry_body h2, .topentry_body h3, .topentry_body h4, .topentry_body h5, .topentry_body h6 { text-align: left; margin: 0; padding: 0;}
.topentry_body blockquote, .blog_baton { padding: 10px; margin: 10px; }
.topentry_body p { padding: 4px 7px 5px 10px; border: none; }
.topentry_body hr { height: 1px; }
.topentry_body strong { font-weight: bold; }
.topentry_body ul, .topentry_body dl { margin: 15px 20px; }
.topentry_body ol { margin: 15px 20px 15px 40px; }
.topentry_body dl dd { padding-left: 10px; padding-bottom: 15px; }
.baton_q { margin: 10px 10px 0 10px; padding-top:10px; }
.q_number:after { content: "."; }
.baton_a { margin: 5px 10px 10px 20px; padding-bottom:10px; }
.a_number:after { content: "."; }

/* プラグインページ配置 */
#tag_body h4 { text-align: center; margin: 0 0 50px 0; }
#tag_body .topentry { padding: 90px 0 30px 0; }
#tag_body .topentry { text-align: center; }
#tag_body .topentry_body { width:60%; margin: 0 auto; text-align: left; }
#tag_body .pagetop { width:48%; margin: 0 auto; }
#tag_body .back { margin-top: 90px; margin-bottom: 90px; }

/* その他ページ配置 */
#sonota ul { margin: 30px 0; }
#titlelist_body ul, .sonota { margin-left: 20%; margin-bottom: 10px; }


/*** フォント、字の装飾関係 ***/
/* 字の形と装飾とサイズ 【基本】 */
body { font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS UI Gothic", "HGSｺﾞｼｯｸM", Arial, Verdana, sans-serif; }
input, textarea { font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS UI Gothic", "HGSｺﾞｼｯｸM", Arial, Verdana, sans-serif; }
div#footer { font-size: 11px; }
strong { font-weight: normal; font-size: 1em; }
.cursor { cursor: pointer; }

/* 字の形と装飾とサイズ【各エリア】 */
.botan { font-family: 'Advent Pro', sans-serif; font-size: 14px; }
#h1 { font-weight: normal; font-size: 25px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "HGSｺﾞｼｯｸM", Geneva, Arial, Verdana, sans-serif; letter-spacing: 7px;}
#setumei { font-size: 11px; letter-spacing: 1px; }
.news { font-size: 11px; }
.news .all { font-size: 14px; }
#pankuzu { font-size: 11px; }
.topentry_body a { text-decoration: underline; }
.topentry .h3, .nikki .h2 { font-size: 16px; font-weight: normal; letter-spacing: 5px; }
.topentry_body { font-size: 12px; }
.topentry_body h5, .topentry_body h6 { font-size: 1em; }
.h4 a { text-decoration: none; }
.edit { font-size: 10px; }
#back, #pagelink, .back { font-size: 12px; }
.h4 { font-size: 14px; font-weight: normal; letter-spacing: 3px; }
.date, .pagetop { font-size: 11px; }


/*** 色関係 ***/
/* 色【基本】 */
body { color: #333; background: #fff; }
a { text-decoration: none; }
a:link { color: #333; }
a:visited { color: #555; }
a:hover, a:active { color: #ccc; }
input, textarea { border: solid 1px #ccc; background: transparent; color: #000; }

/* 色【各エリア】 */
#search { border-bottom: solid 1px #dfdfdf; }
#search .kensakumado { border: none; }
.botan { color: #ccc; border: none; }
.botan:hover { color: #ddd; }
#h1 { color: #000; }
#pankuzu { color: #ccc; }
#pankuzu a:link, #pankuzu a:visited { color: #999; }
#pankuzu a:hover, #pankuzu a:active { color: #333; }
.date { color: #999; }
.nikki .topentry { border-top: dotted 1px #ccc; }
.nikki h2 + div.topentry { border: none; }
.morelink a:link { color: #999; text-decoration: none; }
.morelink a:visited { color: #ccc; text-decoration: none; }
.morelink a:hover, .morelink a:active { color:#333; }
.edit a { color: #ccc; text-decoration: none; }

/* 色【記事内部】 */
.more { border-top: dotted 1px #ccc; }
.topentry_body hr { border: none; border-top: dotted 1px #999; color: #fff/*背景と同色*/; }
.topentry_body blockquote, .blog_baton { border:dotted 1px #999; }



/********** 基本の設定ここから **********/

/*** 案内・目次記事を入口新着情報と全記事一覧から隠す(yyyyを年、mmを月の数に) ***/
.date_202710 { display: none; }

/*** 曰記カテゴリ表示分岐（Nを日記カテゴリの番号に）＿▼▼▼全て日記風にするならここから削除 ***/
.nikki { display: none; }
.category_cat2_body .mokuji { display: none; }
.category_cat2_body .nikki { display: block; }
.cat_N { display: none; }
/*** ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ▲▲▲全て日記風にするならここまで削除 ***/