/*
【挨拶】
まず初めに、当テンプレート「White_Nature_Blue」をダウンロードしていただき
誠にありがとうございます。

【基本構造】
基本構造は2カラム構築となっており、
以下に詳しく記されていますので宜しければご覧ください
http://3et.org/production/white-blue-nature.html

【利用規約】
アフィリエイト：使用OK
素材の二時配布：不可
二次転載：不可
カスタマイズ後の著作権記述者部分変更（カスタマイズはOK）：不可

【後書き】
今回のテンプレートは全体をできるだけ、
シンプルかつ爽やかに作成させていただきました。
テンプレート名「White_Nature_Blue」
直訳：「白　自然　青」
*/




/*bodyの属性指定*/
*{margin:0; padding:0;}
body{background-color:#ffffff;width:100%;
background-image: url("http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/whitebluebacground.gif"); 
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Helvetica","Arial","Verdana","ＭＳ Ｐゴシック",sans-serif;
}

/*整形済みテキストの設定*/
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 {
width : 90%;
margin : 10px;
padding : 1em 1em;
border : 3px double #e4e4e4;
}

/* 絵文字 */
.emoji{
vertical-align:middle;
}


/*全体を囲むブログ陰の部分*/
#shadowisblog{
width:890px;
margin-left:auto;
margin-right:auto;
background:transparent url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/shadowisover_2009.gif) repeat-y scroll 0 0;
overflow:hidden;
}


/*全体を包む領域*/
#my_body{width:886px;
margin-left:auto;
margin-right:auto;
text-align:left;
}


/*センタートップヘッダー*/
.centertop{
margin-left:2px;
width:605px;
height:320px;
background:url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/whitebluetop.jpg);
background-repert:no-repeat;
margin-bottom:15px;
}


/*ブログタイトルの色*/
#imggazou{
color:#44d5ee;
text-decoration:none;
}


#titlelinkue a:hover{
color:#33e5ee;
}


#titleiti{
padding:40px 10px 0px 28px;
letter-spacing: 1px;
}


/*ブログ概要部分*/
#gaiyou{
text-align: left;
padding:90px 70px 0 33px;
background-position: left top;
line-height : 1.3;
background-repeat: repeat;
color:#777777;
font-size :80%;
}



/*真ん中を包む領域*/
#my_contents { width:648px;
float:left;
}

#mymain{padding:15px 0px 10em 14px;}


/*▼センターボックス▼*/
.centerbox{
text-align : left;
font-size:16px;
font-weight : bold ;
color:#555555;
line-height: 24px;
padding:10px 5px 12px 16px;
margin-bottom :7px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/white_608_45bar.gif) repeat-x left top;
}

/*▲センターボックス▲*/



/*投稿されたコメントの記述*/
.postc {
padding: 0px 0px 10px 0px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #555;
}

/*投稿フォーム*/
.toukouform {
padding: 0px 0px 10px 0px;
margin:10px 0px 30px 0px;
width:608px;
}


/*コメント*/
.comment {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #666666;
background-color:#fff;
width : 608px;
margin: 0px 0px 40px 0px;
padding:0px 0px 40px 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: 95%; 
padding:5px 16px 5px 8px;
line-height : 1.6;
color: #5f5f5f;
}



/*センターの中の文字*/
.centermozi {
color : #5f5f5f;/* 文字の色 */
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.7;	/* 行間 */
font-size : 95%;/* 文字サイズ */
text-align: ;
margin: 0px;
padding: 6px 12px 10px 8px; /*文字の位置*/
}


/*センターの中*/
.centernakanaka{
margin: 0px 0px 10px 7px;
width : 600px;
}
/*センターの中*/


/*センターボックス中*/
.centernaka {
margin: 5px 0px 45px 0px;
padding: 0px; width : 608px;
background-color:#ffffff;
overflow:hidden;
}
/*センターボックス中*/


/*▼センター部分▼*/
.contents {margin:0em 0;width:608px;
padding:0px 0px 8px 0px;
background-color:#ffffff;}
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;
}

p.trackback_uri input {
margin: 10px 0px 5px 0px;
padding: 1px;
font-size: 90%;
line-height: 1.5;
border: 1px solid #d1e2ef;
background-color: #fff;
width: 90%;
}




/*タイトルリストの記述*/
.titlezikann{
font-size:90%;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.5;
font-color:#333;
text-align:right;
}

.titlelistmargin{
margin: 5px 0px 0px 0px;
}

.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;
margin:12px 0px 0px 0px;
font-size:95%;
text-decoration-color:#66eeee;
}

.naviue{
padding:5px 15px 8px 0px;
font-size:85%;
text-align:right;
}


/*ページ移動用ナビゲーション*/
p.page_navi {
padding-top:10px;
margin-bottom : 15px;
color: #b2b2b2;
font-size: 85%;
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;
}



/*上プラグインの外枠*/
.left p{
margin: 0px 0px 20px 0px;
color: #555;
text-align:left;
}


/* サイドメニューリストマーク設定(上) */
.left ul {
margin-left: 13px;
color:#77ddee;
}

.left li {
list-style-type: disc;
list-style-position: outside;
}


dl.left_p{
margin: 0px auto 0px;
width: 230px;
text-align: left;
}
	
	
dl.left_p dt{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
font-size : 77%;
font-weight: bold;
color: #666666;
letter-spacing: 1px;
line-height: 43px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/whitebar230_45.gif) repeat-x left top;
}
	

dl.left_p dd {
margin: 0px 10px 0px 10px;
padding:5px 0px 8px 0px;
line-height : 1.5;
font-size: 72%;
color: #555;
}
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:230px;
float:left;
padding:20px 8px 30px 0px;
margin-top:0px;
margin-right:0px;
margin-bottom:30px;
overflow:hidden;
}

/*右のプラグイン(1)*/
.right ul {
margin-left: 15px;
color:#77ddee;
}


.right li {
list-style-type: disc;
list-style-position: outside;
}


.right p{
margin: 0px 0px 20px 0px;
color: #555;

text-align:left;
}


/*プラグインの設定(右の外枠設定）*/
dl.right_p {
margin: 0px auto 0px;
width: 230px;
text-align: left;
}
	
	
dl.right_p dt {
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 12px;
font-size : 77%;
font-weight: bold;
color: #666666;
letter-spacing: 1px;
line-height: 43px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/whitebar230_45.gif) repeat-x left top;

}
	

dl.right_p dd {
margin: 0px 5px 0px 10px;
padding:1px 0px 12px 0px;
line-height : 1.6;
font-size: 72%;
color: #333;
}




dl.right_p a:link, dl.plugin a:visited {
color: #555;
}
	
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;
text-align:center; 
padding:1em 0;color:#444;
font-size: small;
background-color:#eeffff;
}




/*リンクの設定*/
#a:hover{
color:#22aabb;
text-decoration: none;     /* 下線を消す */
}

/*下記のリンク記述は必ずこの順番でする*/

a:link{color:#33bbbb;
text-decoration: none; }


a:visited{color:#33cc77;
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:200px;
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;
}