@charset "utf-8";


/**** 配置関係 ****/
/* マージンリセット */
body, div { margin: 0; padding: 0; }		/* for Opera?  */
h1, h2, h3, h4 {  margin: 0; padding: 0; }
p, ul, dl, dt, dd  { margin: 0; padding: 0; }
ul { list-style: none; }
form { margin: 0; padding: 0; }
input, textarea { margin: 0; padding: 0; }

/* 共通配置 */
html, body { height: 100%; }
body { text-align: center; }
#container { text-align: center; width: 100%; }
#footer { text-align: right; margin:50px 10px 0 auto; padding-bottom: 10px; }
p.fc2, p.template { display: inline; }
p.fc2 { margin-right: 10px;}

/* インデックスエリア配置 */
#index_area_1 { width: 100%; margin: 8% auto; text-align: center; }
#index_area_2 { width: 500px; margin: 20% auto 10% auto; padding: 5% 0; text-align: center; }
#setumei { margin-top: 15px; }
.category { margin: 90px 0 0 0; }
div#me { position:relative; overflow:hidden; }
div#me ul.oya_ul { position: relative; left: 50%; float: left; }
div#me li.oya_li { position: relative; left: -50%; float: left; }
div#me li.oya_li ul.ko_ul { visibility: hidden; }
div#me li.oya_li:hover ul.ko_ul { visibility: visible; }
div#me ul.oya_ul .oya_li_div { width: 8em; }
ul.ko_ul { position: relative; top: 2px; }
.rireki { clear: both; margin-top: 8%; }
.rireki ul { width: 280px; margin: 0 auto; white-space: nowrap; text-align:left; }
.menu h2 { display: none; }
.link li { display: inline; }

/* 非インデックスエリア配置 */
#not_index_area { width: 700px; margin: 20px auto; padding: 10px 20px 50px 20px; text-align: left; }
.fc2_footer img { display: inline!important; margin: 0!important; }
.fc2_footer { padding:10px!important; margin-top:15px; }
#back { width: 100%; text-align: center; margin-top: 70px; }
.topentry h3 { width; 100%; text-align: center; margin: 0 0 50px 0; }


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


/*** 形関係 ***/
/* 字の形とサイズ 【基本】 */
body { font-size: 75%; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }
input, textarea { font-size: 12px; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }
#h1 { font-weight: bold; font-size: 50px; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; letter-spacing: 5px;}
div#footer { font-size: 11px; }
strong { font-weight: normal; font-size: 1em; }

/* 字サイズ【各エリア】 */
#index_con #setumei, .link { font-size: 100%; }
#index_con .rireki { font-size: 90%; } 
#index_con .category { font-size: 110%; }
div.topentry .h3 { font-size: 110%; }
div.topentry_body { font-size: 100%; }
#back { font-size: 105%; }


/*** 記事関係色々 ***/
.topentry { width: 100%; margin-top: 50px; }
.topentry_body { width: 620px; margin: 5px 40px; line-height: 150%; }
.more { margin-top: 10px; border-top: solid 1px #ccc; padding-top:10px; }
.topentry_body img { display: block; text-align: center; margin: 50px auto;}
.emoji { display: inline!important; text-align: left!important; margin: 0!important; vertical-align: text-bottom!important; }
.topentry_body a { text-decoration: underline; }
.topentry_body blockquote { border:solid 1px #ccc; padding: 10px; margin: 10px; }
.topentry_body p { padding: 5px 5px 2px 10px; border: none; }
.topentry_body hr { height: 1px; background-color:#ccc; border: none; color: #ccc;  }
.topentry_body strong { font-weight: bold; }


/*** エリアによってデザインを変える ***/
#index_body {}
#category_body, #permanent_body {}


/*** 特定のカテゴリをインデックスに表示しない ***/
/* xを非表示にしたいカテゴリ番号に */
.cat_x { display: none; }