@charset "EUC-JP";

/* 
ダウンロードして頂きありがとうございます。現役WEBデザイナーが作るFC2BLOG用のテンプレートです。
ご使用にあたっての注意事項や機能説明など初心者の方でもできるだけわかりやすいように記載して
おりますので、お手数ですがご利用前に必読して頂きます様、宜しくお願い致します。
*/

/*------------------ 削除・改変不可ここから ------------------*/

/* 
・テンプレの再配布、営利目的の利用禁止
・画像の無断転載・再配布禁止
・アダルトサイト・法律違反サイト・宗教サイト使用禁止
・Win XP環境にてIE6,IE7,Firefox2,Opera9,Netscape7,Safari(Win版)にてブラウザ確認チェック済み
・カスタマイズ可能(削除・改変不可の箇所を除く)
*/

/* Copyright (C) ぽなちゃんねる http://ponaroom.blog103.fc2.com/ | Link http://www.linkstyle33.com/ */

/*------------------ 削除・改変不可ここまで ------------------*/



/*------------------ 主な機能ここから ------------------*/

/* 
・SEO対策
・Newマーク対応(記事部分以外の最近のコメント箇所などに実装するには各プラグインの変更が必要です)
・プラグイン対応
・プラグインON/OFF時のページ切替
・ライトコンテンツに表示するプラグインのみ折りたたみ式表示
*/

/*------------------ 主な機能ここまで ------------------*/



/*------------------ サイト構造ここから ------------------*/

/* サイト構造を大きなブロックでわけると以下の通りです。 */

/*

背景画像の幅：880px

・サイト全体の幅：780px
・ヘッダーの幅：780px
・カレンダーの幅：780px
・パン屑の幅：780px
・コンテンツ囲みの幅：780px
・レフトコンテンツの幅：580px
・ライトコンテンツの幅：180px
・フッターの幅：780px

ライトコンテンツにプラグイン1,プラグイン2,プラグイン3を表示
プラグイン3のみを折りたたみ式にしております。

*/

/*------------------ サイト構造ここまで ------------------*/



/*------------------ 推薦画像サイズここから ------------------*/

/*
各ブロックの推薦画像サイズは以下の通りです。推薦サイズより大きい(または、各ブロックの
幅より大きい)場合、レイアウトが崩れる場合がありますのでご注意下さい。
*/

/*
・ヘッダー箇所：幅310px 高さ180px以内
・レフトコンテンツ箇所：幅180px以内 高さ任意
・ライトコンテンツ箇所：幅175px以内 高さ任意

※レフトコンテンツ箇所,ライトコンテンツ箇所とは、アフェリエイトなどプラグインで掲載する画像です。
※センターコンテンツ箇所とは、ブログの記事部分に掲載する画像です。
*/

/*------------------ 推薦画像サイズここまで ------------------*/



/*------------------ 背景画像を自分の好きな画像にするには？ここから ------------------*/

/*
1) 管理画面メニューにある【ファイルアップロード】をクリックしファイル管理ページに移動します。 

2) 背景に使用したい画像をアップロードします。 

3) アップロードされた画像を表示し、画像のアドレス（URL）をコピーします
※画像を右クリックしプロパティをクリックするとアドレス(URL)の箇所に
http://blog-imgs-12.fc2.com/a/a/a/hoge/img.jpgと画像のURLがあります。

4) 管理画面メニューの【テンプレートの設定】をクリックします 

5) テンプレート管理ページの下にあるテンプレートのhtmlまたはCSSのソースから交換したい箇所の
元画像のURLを探します

※CSSで設定されている場合は以下の様に変更します。
【変更前】background: url(http://blog-imgs-12.fc2.com/p/o/n/hoge/img.jpg) center top no-repeat; /* 背景画像設定箇所 */

【変更後】background: url(ここに手順3でコピーした画像のURLをペースト) center top no-repeat; /* 背景画像設定箇所 */

※画像交換後必要に応じてurl()以降を変更して下さい。
left(背景画像を左を基準に表示) | center(背景画像を中央を基準に表示) | right(背景画像を右を基準に表示)

top(背景画像を上を基準に表示) | center(背景画像を中央を基準に表示) | bottom(背景画像を下を基準に表示)

no-repeat(背景画像を繰り返し表示しない) | repeat-x(背景画像を横方向に繰り返し表示する) | repeat-y(背景画像を縦方向に繰り返し表示する)

6) プレビューで確認し画像が変わっているか確認して下さい。

7) 画像が変わっているのを確認できた後に【更新】ボタンを押し作業完了です。
*/

/*------------------ 背景画像を自分の好きな画像にするには？ここまで ------------------*/

/*http://blog-imgs-17.fc2.com/p/o/n/ponaroom/cat_body_bg.gif*/

/* ベース
----------------------------------------------------------- */

*{padding: 0; margin: 0;}

body {
margin: 0 auto;
padding: 0;
background: url(http://blog-imgs-21.fc2.com/p/o/n/ponaroom/wine_body_bg.gif);
color: #333;
font-size: 11px;
font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
line-height: 1.5;
text-align: center;
}

/* レイアウト
----------------------------------------------------------- */

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea {
margin: 0;
padding: 0;
}

address, strong, th {
font-weight: normal;
}

fieldset {
border: 0;
}

object, embed {
vertical-align: top;
}

ul, ol, li, dl, dt, dd {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

p {
margin-bottom: 1em;
}

/* リンク
----------------------------------------------------------- */

a {
text-decoration: none;
color: #6bbf3f;
}

a:hover {
text-decoration: underline;
}

/* 画像
----------------------------------------------------------- */

img {
border: 0;
vertical-align: bottom;
}

img a {
position: relative;
}

/*--- 絵文字 ---*/

img.emoji {
margin: 0;
padding: 0;
vertical-align: middle;
border: 0;
}

/* ベースコンテンツ
----------------------------------------------------------- */

/*--- 全体枠 ---*/

#wrapper {
width: 780px;
margin: 0 auto;
}

/*--- ヘッダー ---*/

#header {
width : 780px;
height: 250px;
margin: 0 auto;
border-bottom: 1px solid #999;
background: url(http://blog-imgs-21.fc2.com/p/o/n/ponaroom/wine_top.gif); /* 背景画像設定箇所 */
text-align: left;
}

#header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*--- カレンダー ---*/

#calendar {
width : 780px;
margin: 0 auto;
padding: 5px 0;
text-align: center;
}

/*--- パン屑 ---*/

#pankuzu {
width : 780px;
margin: 0 auto;
padding: 5px 0 5px 5px;
text-align: left;
}

/* カレンダーレイアウト
----------------------------------------------------------- */

#calendar ul {
}

#calendar li {
display: inline;
}

/*--- 日にち表示 ---*/

#calendar li.day {
padding: 0 2px;
font-size: 1.1em;
color: #444;
}

/*--- 前月へのリンク表示 ---*/

.prev-month-calendar {
padding: 0 10px 0 0;
}

/*--- 来月へのリンク表示 ---*/

.next-month-calendar {
padding: 0 0 0 10px;
}

/*--- コンテンツ外枠(レフト,センター,ライト) ---*/

#container {
width: 780px;
margin: 0 auto;
}

#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*--- レフトコンテンツ ---*/

#left {
display: inline;
float: left;
width: 580px;
background: url(http://blog-imgs-21.fc2.com/p/o/n/ponaroom/wine_center_bottom_bg.gif) repeat-y; /* 背景画像設定箇所 */
text-align: left;
padding: 0 0 15px 0;
}

/*--- ライトコンテンツ ---*/

#right {
display: inline;
float: right;
width: 180px;
padding: 0 0 15px 0;
color: #ccc;
}

/*--- フッター ---*/

#footer {
width : 780px;
margin: 0 auto;
padding: 5px 0;
background: #453242; /* 背景色設定箇所 */
text-align: right;
font-size: 10px;
color: #ccc;
}

/* ベースコンテンツ (ヘッダーコンテンツ)
----------------------------------------------------------- */

/*--- ヘッダーレフト ---*/

#header_left {
float: left;
width: 452px;
}

/*--- ヘッダーライト ---*/

#header_right {
float: left;
width: 310px;
padding: 50px 0 0 0;
overflow: hidden;
}

/*--- ブログタイトル ---*/

h1 {
padding: 100px 0 0 150px;
color: #cc9999;
font-size: 1.5em;
}

/*--- ブログタイトルリンク ---*/

h1 a {
text-decoration: none;
color: #cc9999;
font-size: 1.4em;
}

/*--- ブログタイトルリンクカーソルを合わせた時のリンク文字 ---*/

h1 a:hover {
text-decoration: none;
}

/*--- サブタイトル ---*/

h2 {
padding: 45px 0 0 15px;
color: #fff;
font-size: 1.1em;
}

/* ベースコンテンツ (ライトコンテンツ)
----------------------------------------------------------- */

/*--- メニュー囲み ---*/

.side_block {
width : 180px;
background: url(http://blog-imgs-21.fc2.com/p/o/n/ponaroom/wine_right_title.gif) no-repeat; /* 背景画像設定箇所 */
}

/*--- プラグインのタイトル ---*/

.side_menu_title {
padding: 5px 0 20px 25px;
font-size: 1.1em;
font-weight: bold;
color: #fff;
}

/*--- 折りたたみメニュー表示箇所 ---*/

.fs8 {
font-size: 0.8em;
color: #999;
}

/*--- プラグインの内容表示 ---*/

.side_body_block {
}

/*--- プラグインの内容表示下部 ---*/

.side_block_bottom {
height: 30px;
margin: 0 0 30px 0;
}

/*--- メニューリスト子要素 ---*/

#right li {
background: url(http://blog-imgs-21.fc2.com/p/o/n/ponaroom/wain_komidashi.gif) 4px 3px no-repeat; /* 背景画像設定箇所 */
padding: 0 0 0 19px;
font-size: 0.8em;
line-height: 2;
}

#right li a {
color: #fff;
}

/*--- プラグインカレンダー ---*/

.plugin-calender {
color: #ccc;
}

.plugin-calender table {
border: solid 1px #ccc;
}

.plugin-calender table th {
border: solid 1px #ccc;
color: #ccc;
}

.plugin-calender table td {
border: solid 1px #ccc;
color: #ccc;
}

/*--- レフトコンテンツ,ライトコンテンツ画像 ---*/

#left img, #right img {
padding: 5px 0;
}

/* ベースコンテンツ (レフトコンテンツ)
----------------------------------------------------------- */

/*--- 新着マーク ---*/

.new {color: #ff0000; font-weight: bold;}

/*--- ページ移動 ---*/

.page_navi {
width : 580px;
padding: 10px 0;
text-align: center;
}

.page_navi_bottom {
width : 580px;
padding: 10px 0;
text-align: center;
}

/*--- 記事部分等囲み ---*/

.main_block {
width : 580px;
}

/*--- 記事部分等囲み2 ---*/

.main_body_block {
}

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

.main_title_block {
width : 580px;
height: 150px;
background: url(http://blog-imgs-21.fc2.com/p/o/n/ponaroom/wine_center_top_bg.gif) no-repeat; /* 背景画像設定箇所 */
}

.main_title {
padding: 70px 0 0 160px;
}

/*--- 記事部分等囲み表示下部 ---*/

.main_block_bottom {
height: 150px;
margin: 0 0 30px 0;
}

/*--- 記事の日時表示 ---*/

.data {
float: left;
padding: 0 30px 0 0;
color: #FAEBD7;
font-size: 1.1em;
font-weight: bold;
}

/*--- 記事タイトル ---*/

h3 {
float: left;
font-size: 1.3em;
}

/*--- 記事タイトルリンク ---*/

h3 a {
font-size: 1.1em;
text-decoration: none;
color: #cc6666;
}

/*--- 日付等のステータス ---*/

.main_state {
padding: 0 10px 0 0;
text-align: right;
font-size: 0.8em;
}

/*--- 記事部分等本文囲み ---*/

.main_body {
margin: 5px 0 0 0;
padding: 0 10px;
color: #fff;
}

/*--- 記事部分に掲載する画像 ---*/

.main_body img {
margin: 10px;
border: solid 4px #fff;
}

/*--- 記事部分のページトップへのリンク ---*/

.page_top {
padding: 15px 10px 15px 0;
text-align: right;
font-size: 0.8em;
}

/*--- コメント、トラックバック囲み ---*/

.link_block {
margin: 0 0 10px 0;
border-bottom: 1px dotted #336699;
}

/*--- コメント、トラックバックタイトル ---*/

.link_title {
font-weight: bold;
}

/* ベースコンテンツ (フッターコンテンツ)
----------------------------------------------------------- */

#footer p {
padding-right: 10px;
}

/*--- フッターリンク文字 ---*/

#footer a {
color: #666;
text-decoration: underline;
}

/* フォーム設定
----------------------------------------------------------- */

.main_body input, .main_body textarea {
border: 1px solid #ccc;
}

.main_body input {
width: 250px;
}

.main_body input#pass {
width: 80px;
}

.main_body input#himitu {
width: 20px;
}

.main_body textarea {
width: 280px;
height: 150px;
}

/*--- 入力エリアのボタンの設定 ---*/

.main_body input.btn {
margin: 5px 0 0 0;
width: 60px;
}

/* テーブルレイアウト
----------------------------------------------------------- */

#left table {
font-size: 10px;
}

#left table th, #left table td {
padding: 10px 0;
vertical-align: top;
}

/* 回り込み
----------------------------------------------------------- */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/* 罫線
----------------------------------------------------------- */

hr {
border: dashed 1px #d3d3d3;
margin: 5px 0;
}

/* ハック
----------------------------------------------------------- */

input, textarea {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}

br {
letter-spacing: normal;
}

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}