@charset "utf-8";

/*
【挨拶】
まず初めに、当テンプレート「SkyBlue_Cloud」を
ダウンロードしていただき、誠にありがとうございます。

【基本構造】
基本構造は3カラム構築となっております。
詳しくは：http://3et.org/production/skyblue-cloud.html

【利用規約】
アフィリエイト：使用OK
素材の二時配布：不可
二次転載：不可
カスタマイズ後の著作権記述部分変更（カスタマイズはOK）：不可
*/


/*bodyの属性指定*/
*{margin:0; padding:0;}
body{
width:100%;
color:#555555;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
background: #e6f2f6 url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/skybluefixed.jpg) repeat-x left top fixed;
}


/*整形済みテキストの設定*/
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 0.5em;
border : 3px double #dddddd;
}

h1, h2, h3, h4, h5, h6 {
font-family:georgia,tahoma,arial,helvetica,sans-serif;
}

.centernaka a {
color:#3D72C0;
font-weight:800;
text-decoration:none;
}

/* 絵文字 */
.emoji{
vertical-align:middle;
}

/*WEB拍手の位置等*/
.fc2_footer{
padding:3px 0px 2px 0px;
}

/*トップヘッダー*/
#my_header{width:100%; height:200px;
background-image: url("http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/skybluecloudtop.jpg");
background-color:#faffff;
background-position: left top;
background-repeat: no-repeat;
}

/*ブログタイトルの色*/
#imggazou{
color:#fff;
text-decoration:none;
}

#titlelinkue a:hover{
color:#ddffff;
}

#titleiti{
padding:29px 80px 0px 52px;
letter-spacing: 1px;
}

/*ブログ概要部分のフォント色と位置*/
#gaiyou{
text-align: left;
padding:15px 270px 0 52px;
background-position: left top;
line-height : 1.3;
background-repeat: repeat;
color:#eee;
font-size :85%;
font-weight:800;
}

/*ブログナビ部分*/
.navinavi{
margin:0;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/bluebar26.gif) repeat scroll 0 0;
}

.navinavi ul{
color:#ffffff;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
border:1px solid #eeeeee;
padding: 0px 15px 0px 25px;
line-height : 195% ;
font-weight:bold;
font-size:80%;
}

.navinavi li{
display:inline;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/*ナビのリンク色とリンク有効範囲*/
.navinavi a{
padding:0px 8px 3px 5px;
}

.navinavi a:link{
color:#ffffff;
}

.navinavi a:visited{
color:#ffffff;
}

.navinavi a:hover{
text-decoration: none;
color:#444444;
}

/*ブログ全体の影*/
#global_box{
background:transparent url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/syadouwsky.gif) repeat-y scroll center top;
margin-left:auto;
margin-right:auto;
width:982px;
}

/*全体を囲う*/
#my_body{width:970px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}

/*真ん中と左のブロックを囲むfloat用記述*/
#wrapper {
width:763px;
float:left;
}

/*左メイン位置BOX*/
#my_contents { 
width:550px;
float:right;
overflow:hidden;
padding:0px 0px 0px 5px;
}

/*記事の位置等の調整*/
#mymain{
padding:7px 0px 9em 3px;
}

/*センターボックス*/
.centerbox{
background:transparent url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/sidebluebartop.gif) repeat scroll 0 0;
color:#555;
font-size:105%;
font-weight:bold;
border:1px solid #b2c7dd;
margin:3px 3px;
padding:4px 0 4px 16px;
}

/*記事タイトルリンクの設定*/
.centerbox a:link{
color:#555555;
text-decoration:none;
}

/*リンク先を訪れた後の表示*/
.centerbox a:visited{
color:#555555;
text-decoration:none;
}

/*リンクマウスオーバー時*/
.centerbox a:hover{
color:#55bfbf;
text-decoration: none;     /* 下線を消す */
}



/*自由形BOX*/
.freebox{
background:transparent url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/sidebluebartop.gif) repeat scroll 0 0;
color:#555;
font-size:105%;
font-weight:bold;
border:1px solid #b2c7dd;
margin:1px 1px;
padding:1px 0 2px 16px;
}


/*投稿されたコメントの記述*/
.postc {
font-size: 12px;
padding: 0px 0px 0px 0px;
font-size: 100%;
line-height: 150%;
color: #555;
border:1px solid #B2C7D8;
}

/*投稿フォーム*/
.toukouform {
margin:10px 0px 30px 0px;
width:537px;
background-color:#ffffff;
}


/*コメント*/
.comment {
line-height: 150%;
color: #555;
border:1px solid #B2C7D8;
width : 537px;
margin: 0px 0px 40px 0px;
padding:0px 0px 40px 0px;
background-color:#ffffff;
}


/*ページリンク（コメント）*/
.komennto {
text-align: center;
margin: 5px 0px 10px 0px;
line-height : 1.5;	/* 行間 */
font-size : 85%;		/* 文字サイズ */
padding: 5px 9px 5px 5px;
}


/*センターのデータ（日付）*/
.centerdate {
color : #555;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.2;
font-size : 79%;
text-align:right;
margin: 0px 0px 0px 0px;
padding: 9px 5px 5px 5px;
background: url() repeat scroll 0 0;
background-color:#ffffff;
}

/*センターの日付（中）*/
.centerdatein{
border-top: 1px solid #dddddd;
margin:0px 5px 0px 5px;
padding:7px 5px 3px 5px;
}


/*センターの文字（続きを読む)*/
.centermore {
color:#555555;
font-family:Verdana;
font-size:90%;
line-height:1.5;
margin:0;
padding:12px 15px 7px 18px;
}



/*センターの中の文字*/
.centermozi {
color : #555555;/* 文字の色 */
line-height : 1.5;	/* 行間 */
font-size : 90%;/* 文字サイズ */
margin: 0px;
padding: 12px 10px 7px 18px; /*文字の位置*/
font-family:Verdana;
}


/*センターの中*/
.centernakanaka{
margin: 0px 0px 0px 0px;
width : 537px;
padding:0px;
}
/*センターの中*/



/*センターボックス中*/
.centernaka{
margin: 5px 0px 35px 0px;
padding: 0px; width : 537px;
background-color:#ffffff;
border:1px solid #B2C7D8;
overflow:hidden;
}


/*▼センター部分▼*/
.contents {
margin:5px 0px 0px;
width:537px;
background-color:#fdfdfd;
border:1px solid #B2C7D8;
}

li {list-style:none;}
h1{padding-left:20px;}


/*トラックバック部分*/
.tbody{
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #555;
background-color:#fff;
width : 490px;
margin: 0px 0px 0px 15px;
padding:2px 0px 0px 0px;
border-bottom: 1px solid #eef6fa;
}

/*トラックバック関連のリスト記述*/
p.trackback_uri {
margin:0 0 30px 0px;
padding:5px 10px 25px 15px;
font-size:90%;
}

ul.trackback_footer {
margin: 0px 0px 10px 0px;
padding: 2px 5px;
text-align: right;
font-size: 95%;
color: #555;
}

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%;
line-height : 1.5;
color:#555555;
text-align:right;
}

.titlelistfont{
padding:5px 0px 1px 1px;
margin:0px 0px 10px 0px;
border-bottom: 1px solid #eef6fa;
color:#555;
font-size:88%;
}

.titlelistbox{
padding:20px 18px 10px 15px;
font-size:97%;
line-height : 1.5;
}

.titlelisttitle a:hover{
line-height : 1.5;
color:#555555;
padding:8px 0px 0px 0px;
text-decoration:underline;
}

.naviue{
padding:4px 18px 5px 0px;
font-size:83%;
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:Verdana,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 100%;
line-height: 120%;
} 


/*コメントフォーム題名部分*/
.daimei{
padding:12px 0px 2px 0px;
}


/*コメントフォーム入力部分*/
.yoko{
padding:0px 0px 0px 9px;
}

/*フォーム入力ボタン位置*/
.botann{
padding:10px 0px 10px 9px;
}


/*コメントフォーム部分の表記の設定*/
.form{
padding:10px 0px 30px 10px;
font-size: 75%;
line-height: 120%;
color: #555555;
}

/*コメントを編集するページのフォーム表記*/
.hennsyuu{
padding:10px 0px 10px 10px;
font-size: 90%;
line-height: 120%;
color: #555555;
}



/*コメント本文の記述*/
.czenntai {
padding: 10px 13px 5px 15px;
font-size: 95%;
line-height: 110%;
color: #555;
}



/*投稿されたコメントの時間関連記述*/
.ctimedate {
padding: 10px 17px 5px 0px;
font-size: 12px;
color: #555555;
text-align:right;
border-bottom: 1px solid #edf6fa;
}


/*投稿されたコメントのタイトル*/
.ctitle{
padding: 15px 0px 0px 13px;
font-weight: bold;
font-size: 15px;
color: #44cdcd;
}



/*左のナビゲーション*/
#my_navi_1 {width:200px;
float:right;
padding:2px 0px 30px 0px;
margin-left:0px;
margin-top:12px;
margin-bottom:30px;
background-color:#ffffff;
border:solid 1px #B2C7D8;
font-family:'Meiryo',Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
overflow:hidden;
}

/*左プラグインの外枠*/
.left_p p{
margin: 0px 0px 10px 0px;
color: #555;
text-align:left;
}


/* サイドメニューリストマーク設定(左) */
.left_p ul {
margin-left: 0px;
color:#55dddd;
}

.left_p li {
background:#FFFFFF url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/yasisimple.gif) no-repeat scroll 4px 8px;
border-bottom:1px solid #EEEEEE;
display:block;
margin:1px 0 0;
padding:3px 0 3px 20px;
}


dl.left_p {
margin: 0px auto 0px;
width: 195px;
text-align: left;
}
	
	
dl.left_p dt {
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 5px;
font-size : 77%;
font-weight: bold;
color: #666;
letter-spacing: 1px;
line-height: 25px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/sidebluebar.gif) repeat-x left top;
border:1px solid #ddddDD;
}
	

dl.left_p dd {
margin: 0px 5px 0px 5px;
padding:1px 3px 8px 0px;
line-height : 1.5;
font-size: 72%;
color: #555;
}

dl.left_p a:link, dl.left_p a:visited {
color: #265768;
}
	
dl.left_p a:hover, dl.left_p a:active {
color: #44bbbb;
text-decoration: none;
}



/*右のナビゲーション*/
#my_navi_2 { width:200px;
float:left;
padding:2px 0px 30px 0px;
margin-top:12px;
margin-right:1px;
margin-bottom:30px;
background-color:#fff;
border:1px solid #B2C7D8;
font-family:'Meiryo',Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
overflow:hidden;
}


/*右のプラグイン(1)*/
.right_p ul {
margin-left: 0px;
color:#55d5d5;
}


.right_p li {
background:#FFFFFF url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/yasisimple.gif) no-repeat scroll 4px 8px;
border-bottom:1px solid #EEEEEE;
display:block;
margin:1px 0 0;
padding:3px 0 3px 20px;
}


.right_p p{
margin: 0px 0px 10px 0px;
color: #fff;
text-align:left;
}


/*プラグインの設定(右の外枠設定）*/
dl.right_p {
margin: 0px auto 0px;
width: 195px;
text-align: left;
padding:0px 0px 10px 0px;
}
	
	
dl.right_p dt {
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 5px;
font-size : 77%;
color: #666;
letter-spacing: 1px;
font-weight: bold;
line-height: 25px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/sidebluebar.gif) repeat-x left top;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
border:1px solid #dddddd;
}
	

dl.right_p dd {
margin: 1px 5px 0px 5px;
padding:0px 3px 8px 0px;
line-height : 1.5;
font-size: 72%;
color: #666;
}


/*右プラグインのリンク色*/
dl.right_p a:link, dl.right_p a:visited {
color: #265768;
}
	
dl.right_p a:hover, dl.plugin a:active {
color: #44bbbb;
text-decoration: none;
}



/*plug inの設定＆その他のタグの設定(左）*/

ul, ol, li, dl, dt, dd {
list-style: none;
}



/*▼著作権記述部分▼*/
#my_footer{
width:100%;
clear:left;
background-color:#ffffff;border-top:1px solid #eee;
text-align:center;
padding:1em 0;
color:#555555;
font-size: small;

}
/*▲著作権記述部分END▲*/




/*下記のリンク記述は必ずこの順番でする*/

a:link{color:#7Da2e0;
text-decoration: none; }

a:visited{color:#7da2e0;
text-decoration: none; }

a:hover{
color:#7697c8;
text-decoration:underline;
}




/*カレンダー部分の設定（プラグインHTMLと合わせて使う)*/
.plugin-calender {
width:180px;
font-size:10px;
border-collapse: separate;
margin: 10px 2px 8px 0px;
color: #555;
}


/* カレンダー部分の見出*/
.plugin-calender caption {
margin: 0px auto;
text-align: center;
}


/*曜日部分*/
.calender {
width:180px;
font-size:10px;
border-collapse: separate;
margin: 10px 0px 7px 0px;
color: #555;
text-align:center;
}

.calendar th {
width:20px;
height:25px;
font-size:10px;
text-align:center;
}

/* 土曜日を青 */
th#sat { color:#3bcccc}
	
/* 日曜日を赤*/
th#sun { color:#d15500;}
	

/* 日付部分 */
.calendar td {
width:20px;
height:25px;
text-align:center;
}

/*リンク部分 */
.calender td a {
display:block;
font-weight: bold;
color:#555;
padding: 1px;
}

.calender td a:link,
.calender td a:visited{
color:#44ccdd;
}

.calender td a:hover{
color: #44ccdd;
}