/*
【挨拶】
まず初めに、当テンプレート「Nature_Mystery_3C」を
ダウンロードしていただき、誠にありがとうございます。

【基本構造】
基本構造は3カラム構築となっており、
以下に詳しく記されていますので宜しければご覧ください
http://annkokunokizinn.blog116.fc2.com/blog-entry-157.html

【利用規約】
アフィリエイト：使用OK
アダルトサイト：使用不可
素材の二時配布：不可
二次転載：不可
カスタマイズ後の著作権記述者部分変更（カスタマイズはOK）：不可

【後書き】
今回のテンプレートは
なるべく画像などに頼りすぎないように、シンプルかつフレッシュに、
自然の美しさを表現しながら、テンプレート制作に着手させていただきました。
不具合当などがございましたら。お気軽に当サイトを訪れていただければ
幸いと存じ上げます。
*/


/*サイトの概要構成説明(全体を包むのはmy_body)
 -----------------------------------
 |     トップ(my_hedder)                          |  
 |                                                       |    
 | ----------------------------------|    
 | ----------------------- |               | 
 | 左と真ん中を囲む (wrapper)|   右         |  
 | (float用の記述)                |                |
 |                                      |(my_navi_2) |
 | ---------|------------- |                |
 | 左            | 真ん中           |               |
 | (my_navi_1)| (my_contents) |                |
 |                |                     |                |
 |                                      |               |
 |------------------------|               |
 |----------------------------------|
 | フッター部分(my_footer)                     |
 |----------------------------------|*/

/*▼bodyの属性指定▼*/
*{margin:0; padding:0;}
body{background-color:#eeffe5;width:100%;
color:#505050;
font-family:'ＭＳ Ｐゴシック',Osaka,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}
/*▲bodyの属性指定END▲*/


/*整形済みテキストの設定*/
div.centernaka pre {
margin : 1em auto;
padding : 0.7em;
border : 1px solid #efefef;
font-family : sans-serif;
overflow : auto;
width : 90%;	
}

/*mac IE用対策*/
div.centernaka pre {
overflow : scroll;
}

div.centernaka > pre {
width : auto;							
}

div.centernaka code {
font-family : monospace;
}


/*引用タグの設定*/
div.centernaka blockquote, q, cite {
width : 90%;
margin : 10px;
padding : 1em 1em;
border : 3px double #e4e4e4;
background-color:#eeeeee;
}

/* 絵文字 */
.emoji{
vertical-align:middle;
}


/*▼トップヘッダー▼*/
#my_header{width:100%; height:200px; background-image: url("https://blog-imgs-46.fc2.com/p/o/n/ponta64/TIoF3.jpg"); 
background-color:#f9fff9;
background-position: left top;
background-repeat: no-repeat;}
/*▲トップヘッダーEND▲*/


/*▼ブログタイトルの色▼*/
#imggazou{
color:#44cf49;
text-decoration:none;
}

#titlelinkue a:hover{
color:#44d5ee;
}


/*▲ブログタイトルの色▲*/

#titleiti{
padding:40px 0px 0px 28px;
letter-spacing: 1px;
}


/*ブログ概要部分*/
#gaiyou{
text-align: left;
padding:65px 410px 0 30px;
background-position: left top;
line-height : 1.3;
background-repeat: repeat;
color:#ff9922;
font-size : 80%;
}



/*真ん中と右のブロックを囲むfloat用記述*/
#wrapper {
width:702px;
float:left;
background-color:#ffffff;
}


#my_body{width:899px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#fff;
border-left:solid #66ddaa 2px;
border-right:solid #66dd88 2px;

}

#my_contents { width:505px;
float:right;
background-color:#fff;
}

#mymain{padding:0px 0px 10em 9px;}

/*▼センターボックス▼*/
.centerbox{
text-align : left;
font-size:15px;
font-weight : bold ;
color:#333333;
line-height: 20px;
background-color:#ddffbb;
border-right:4px inset #339911;
border-bottom:3px inset #339911;
border-left:3px solid #ffd800;
padding:7px 5px 12px 14px;
margin-bottom :7px;
margin-top:3px;
margin-left:4px;
margin-right:6px;
}

/*▲センターボックス▲*/



/*投稿されたコメントの記述*/
.postc {
padding: 0px 0px 0px 0px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #555;
}


/*コメント*/
.comment {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;

line-height: 130%;
color: #666666;
background-color:#fff;
width : 490px;
margin: 0px 0px 0px 0px;

}


/*ページリンク（コメント）*/
.komennto {
text-align: center;
margin: 5px 0px 10px 0px;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.5;	/* 行間 */
font-size : 70%;		/* 文字サイズ */
padding: 5px 9px 5px 5px;
}


/*センターのデータ（日付）*/
.centerdate {
color : #555;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.5;
font-size : 72%;
text-align:right ;
margin: 5px 0px 0px 0px;
padding: 5px 18px 5px 13px;
}


/*センターの文字（続きを読む)*/
.centermore {
margin: 0px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 80%; 
padding:5px 14px 5px 8px;
line-height : 1.6;
color: #555;
}



/*センターの中の文字*/
.centermozi {
color : #555;/* 文字の色 */
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.6;	/* 行間 */
font-size : 80%;/* 文字サイズ */
text-align: ;
margin: 0px;
padding: 5px 14px 10px 8px; /*文字の位置*/
}


/*センターの中*/
.centernakanaka{
margin: 0px 0px 10px 7px;
width : 470px;
}
/*センターの中*/


/*センターボックス中*/
.centernaka {
margin: 0px 0px 45px 0px;
padding: 0px; width : 485px;
background-color:#ffffff;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
overflow:hidden;
}
/*センターボックス中*/


/*▼センター部分▼*/
.contents {margin:0em 0; padding:0px 0px 8px 0px;}
li {list-style:none;}
h1{padding-left:20px;}
/*▲センター部分▲*/


/*トラックバック部分*/

.tbody{
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #666666;
background-color:#fff;
width : 450px;
margin: 0px 0px 0px 15px;
border-bottom: 1px solid #eef6fa;
}

/*トラックバック関連のリスト記述*/
p.trackback_uri {
margin : 0px 0px 30px 20px;
padding : 10px 0px;
font-size:90%;
}

ul.trackback_footer {
margin: 0px 0px 10px 0px;
padding: 2px 5px;
text-align: right;
font-size: 95%;
color: #666;
}

ul.trackback_footer li {
display : inline;
list-style-type : none;
}



/*タイトルリストの記述*/
.titlezikann{
font-size:90%;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.5;
font-color:#555;
text-align:right;
}

.titlelistfont{
padding:5px 0px 2px 5px;
border-bottom: 1px solid #eef6fa;
color:#555;
font-size:80%;
}

.titlelistbox{
padding:8px 18px 10px 12px;
font-size:90%;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.5;
}

.titlelisttitle a:hover{
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.5;
font-color:#555;
padding:8px 0px 0px 0px;
text-decoration-color:#66eeee;
}


/*ページ移動用ナビゲーション*/
p.page_navi {
margin-bottom : 15px;
color: #b2b2b2;
font-size: 90%;
text-align: center;
}


/*入力欄の文字設定*/
input, select, textarea {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 100%;
line-height: 120%;
} 


/*コメントフォーム題名部分*/
.daimei{
padding:12px 0px 2px 0px;
}


/*コメントフォーム入力部分*/
.yoko{
padding:0px 0px 0px 5px;
}

/*フォーム入力ボタン位置*/
.botann{
padding:10px 0px 10px 5px;
}


/*コメントフォーム部分の表記の設定*/
.form{
padding:10px 0px 10px 10px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 100%;
line-height: 120%;
color: #555;
}



/*コメント本文の記述*/
.czenntai {
padding: 10px 13px 5px 15px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 110%;
line-height: 120%;
color: #555;
}



/*投稿されたコメントの時間関連記述*/
.ctimedate {
padding: 10px 17px 5px 0px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 10px;
color: #555;
text-align:right;
border-bottom: 1px solid #edf6fa;
}


/*投稿されたコメントのタイトル*/
.ctitle{
padding: 10px 0px 5px 13px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-weight: bold;
font-size: 12px;
color: #55dddd;
}


/*左のナビゲーション*/
#my_navi_1 {width:190px;
float:right;
padding:4px 0px 30px 0px;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
margin-left:0px;
margin-bottom:30px;
overflow:hidden
}

/*左プラグインの外枠*/
.left p{
margin: 0px 0px 20px 0px;
color: #555;
text-align:left;
}


/* サイドメニューリストマーク設定(左) */
.left ul {
margin-left: 13px;
color:#36abce;
}

.left li {
list-style-type: disc;
list-style-position: outside;
}


dl.left_p {
margin: 0px auto 8px;
width: 190px;
text-align: left;
}
	
	
dl.left_p dt {
margin: 0px 2px 0px 2px;
padding: 1px 0px 0px 5px;
font-size : 80%;
font-weight: bold;
color: #454545;
letter-spacing: 1px;
line-height: 25px;
background-color:#ddffbb;
border-right:4px inset #339911;
border-bottom:3px inset #339911;
border-left:3px solid #ffd800;
}
	

dl.left_p dd {
margin: 0px 4px 0px 7px;
padding:5px 0px 8px 0px;
line-height : 1.5;
font-size: 72%;
color: #4f4f4f;
}

dl.left_p a:link, dl.plugin a:visited {
color: #555;
}
	
dl.left_p a:hover, dl.plugin a:active {
color: #44dddd;
text-decoration: none;
}




/*右のナビゲーション*/
#my_navi_2 { width:190px;
float:left;
padding:4px 0px 30px 0px;
background-color:#fff;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
margin-right:2px;
margin-bottom:30px;
overflow:hidden
}

/*右のプラグイン(1)*/
.right ul {
margin-left: 15px;
color:#36abce;
}

.right li {
list-style-type: disc;
list-style-position: outside;
}


.right p{
margin: 0px 0px 20px 0px;
color: #444;
text-align:left;
}


/*プラグインの設定(右の外枠設定）*/
dl.right_p {
margin: 0px auto 8px;
width: 190px;
text-align: left;
}
	
	
dl.right_p dt {
margin: 0px 2px 8px 2px;
padding: 0px 0px 0px 7px;
font-size : 80%;
font-weight: bold;
color: #454545;
letter-spacing: 1px;
line-height: 25px;
background-color:#ddffbb;
border-right:4px inset #339911;
border-bottom:3px inset #339911;
border-left:3px solid #ffd800;
}
	

dl.right_p dd {
margin: 0px 5px 0px 7px;
padding:1px 0px 1px 0px;
line-height : 1.6;
font-size: 72%;
color: #4f4f4f;
}



dl.right_p a:link, dl.plugin a:visited {
color: #666;
}
	
dl.right_p a:hover, dl.plugin a:active {
color: #44dddd;
text-decoration: none;
}


/*plug inの設定＆その他のタグの設定(左）*/

ul, ol, li, dl, dt, dd {
list-style: none;
}



/*▼著作権記述部分▼*/
#my_footer{
width:100%;
clear:left;
background-color:#ffffd1;border-top:2px solid #fff;text-align:center; padding:1em 0;color:#555;
font-size: small;
}
/*▲著作権記述部分END▲*/



/*リンクの設定*/
#a:hover{
color:#44e1e1;
text-decoration: none;     /* 下線を消す */
}

/*下記のリンク記述は必ずこの順番でする*/

a:link{color:#33bbbb;
text-decoration: none; }

a:visited{color:#55bb66;
text-decoration: none; }

a:hover{
text-decoration:underline;
}


/*カレンダー部分の設定（プラグインHTMLと合わせて使う)*/

.plugin-calender {
width:170px;
font-size:10px;
border-collapse: separate;
margin: 10px 2px 8px 0px;
color: #454545;
}



/* カレンダー部分の見出*/

.plugin-calender caption {
margin: 0px auto;
text-align: center;
}


/*曜日部分*/
	
.calender {
width:170px;
font-size:10px;
border-collapse: separate;
margin: 10px 0px 7px 0px;
color: #454545;
text-align:center;
}

.calendar th {
width:20px;
height:25px;
font-size:10px;
text-align:center;
font-weight: nomal;
}

/* 土曜日を青 */
th#sat { color:#3b5fcc}
	
/* 日曜日を赤*/
th#sun { color:#b15500;}
	

/* 日付部分 */
.calendar td {
width:20px;
height:25px;
text-align:center;
}

/*リンク部分 */
.calender td a {
display:block;
font-weight: bold;
color:#111111;
padding: 1px;
}

.calender td a:link,
.calender td a:visited{
color: #55bb66;
}

.calender td a:hover{
color: #44dddd;
}