/*
【挨拶】
まず初めに、当テンプレート「Black_Clear_Clean」を
ダウンロードしていただき、誠にありがとうございます。

【基本構造】
基本構造は3カラム構築となっております。
詳しくは：http://annkokunokizinn.blog116.fc2.com/blog-entry-188.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:#000000;width:100%;
color:#565656;
background-image: url(""); 
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 0.5em;
border : 3px double #e4e4e4;
}

/* 絵文字 */
.emoji{
vertical-align:middle;
}


/*▼トップヘッダー▼*/
#my_header{width:100%; height:280px;
background-image: url("//blog-imgs-104.fc2.com/y/o/s/yossyaqua/8_20170220190233a0d.jpg"); 
background-color:#111111;
background-position: right top;
background-repeat: no-repeat;
}



/*▼ブログタイトルの色▼*/
#imggazou{
color:#eeeeee;
text-decoration:none;
}

#titlelinkue a:hover{
color:#99ffff;
}



#titleiti{
padding:40px 100px 0px 28px;
letter-spacing: 1px;
}


/*ブログ概要部分*/
#gaiyou{
text-align: left;
padding:120px 330px 0 33px;
background-position: left top;
line-height : 1.3;
background-repeat: repeat;
color:#eeeeee;
font-size :85%;
}



/*真ん中と左のブロックを囲むfloat用記述*/
#wrapper {
width:727px;
float:left;

}


#my_body{width:920px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#fff;
border-left:solid #222277 2px;
border-right:solid #222277 2px;
background-color:#000000;
}

#my_contents { width:535px;
float:right;
background: url(//blog-imgs-112.fc2.com/y/o/s/yossyaqua/1_20170725123314a10.jpg) repeat-y;
overflow:hidden;
}

#mymain{padding:0px 0px 10em 10px;}

/*▼センターボックス▼*/
.centerbox{
text-align : left;
font-size:16px;
font-weight : bold ;
color:#ffffff;
line-height: 20px;
border-left:5px solid #2222cc;
border-right:5px solid #2222cc;
padding:5px 5px 10px 14px;
margin-bottom :0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/Blackbar_2009_white.gif) no-repeat;
}

/*▲センターボックス▲*/



/*投稿されたコメントの記述*/
.postc {
padding: 0px 0px 0px 0px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #555;

}

/*投稿フォーム*/
.toukouform {
margin:10px 0px 30px 0px;
width:515px;
background-color:#fdfdfd;
}


/*コメント*/
.comment {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 12px;
line-height: 130%;
color: #353535;
background-color:#f5f5f5;
width : 515px;
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 : #fff;
font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
line-height : 1.2;
font-size : 71%;
text-align:right;
margin: 0px 0px 0px 0px;
padding: 10px 12px 5px 5px;
border-left: 5px solid #555555;
border-right: 5px solid #555555;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/Blacksita_bar_2009.gif) no-repeat;
}


/*センターの文字（続きを読む)*/
.centermore {
margin: 0px;
font-size: 90%; 
padding:5px 12px 18px 12px;
line-height : 1.5;
color: #333333;
}



/*センターの中の文字*/
.centermozi {
color : #333333;/* 文字の色 */
line-height : 1.5;	/* 行間 */
font-size : 90%;/* 文字サイズ */
text-align: ;
margin: 0px;
padding: 12px 10px 10px 12px; /*文字の位置*/
}


/*センターの中*/
.centernakanaka{
margin: 0px 0px 0px 0px;
width : 505px;
border-right: 5px solid #555555;
border-left: 5px solid #555555;
padding:0px;
}
/*センターの中*/


/*センターボックス中*/
.centernaka{
margin: 5px 0px 50px 0px;
padding: 0px; width : 515px;
background-color:#f5f5f5;
overflow:hidden;
}
/*センターボックス中*/


/*▼センター部分▼*/
.contents {margin:5px 0px 0px;
width:515px;
background-color:#fdfdfd;
}

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: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: #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%;
line-height : 1.5;
font-color:#333;
text-align:right;
}

.titlelistfont{
padding:5px 0px 2px 1px;
border-bottom: 1px solid #eef6fa;
color:#333;
font-size:80%;
}

.titlelistbox{
padding:8px 18px 10px 12px;
font-size:90%;
line-height : 1.5;
border-left:5px solid #555555;
border-right:5px solid #555555;
}

.titlelisttitle a:hover{
line-height : 1.5;
font-color:#555;
padding:8px 0px 0px 0px;
text-decoration-color:#66eeee;
}

.naviue{
padding:4px 15px 2px 0px;
font-size:80%;
text-align:right;
border-left:5px solid #555555;
border-right:5px solid #555555;
background:url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/Blacksita_bar_2009.gif) no-repeat;
}


/*ページ移動用ナビゲーション*/
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 30px 10px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 105%;
line-height: 120%;
color: #353535;
}

/*コメントを編集するページのフォーム表記*/
.hennsyuu{
padding:10px 0px 10px 10px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 95%;
line-height: 120%;
color: #353535;
}



/*コメント本文の記述*/
.czenntai {
padding: 10px 13px 5px 15px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 125%;
line-height: 120%;
color: #353535;
}



/*投稿されたコメントの時間関連記述*/
.ctimedate {
padding: 10px 17px 5px 0px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-size: 11px;
color: #353535;
text-align:right;
border-bottom: 1px solid #edf6fa;
}


/*投稿されたコメントのタイトル*/
.ctitle{
padding: 15px 0px 0px 13px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka;
font-weight: bold;
font-size: 13px;
color: #44cccc;
}


/*左のナビゲーション*/
#my_navi_1 {width:192px;
float:right;
padding:2px 0px 60px 0px;
margin-left:0px;
margin-top:3px;
background-color:#000000;
overflow:hidden;
}

/*左プラグインの外枠*/
.left_p p{
margin: 0px 0px 20px 0px;
color: #444;
text-align:left;
}


/* サイドメニューリストマーク設定(左) */
.left_p ul {
margin-left: 10px;
color:#55dddd;
}

.left_p li {
list-style-type: disc;
list-style-position: outside;
}


dl.left_p {
margin: 0px auto 0px;
width: 192px;
text-align: left;

}
	
	
dl.left_p dt {
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 5px;
font-size : 77%;
font-weight: bold;
color: #ffffff;
letter-spacing: 1px;
line-height: 25px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/sidebarblack_2009.gif) repeat-x left top;
border-left:3px solid #2222DD;
}
	

dl.left_p dd {
margin: 0px 10px 0px 10px;
padding:0px 0px 15px 0px;
line-height : 1.5;
font-size: 72%;
color: #fff;
}

dl.left_p a:link, dl.left_p a:visited {
color: #fff;
}
	
dl.left_p a:hover, dl.left_p a:active {
color: #44dddd;
text-decoration: none;

}




/*右のナビゲーション*/
#my_navi_2 { width:192px;
float:left;
padding:2px 0px 60px 0px;
margin-top:3px;
margin-right:1px;
background-color:#000000;
overflow:hidden;
}

/*右のプラグイン(1)*/
.right_p ul {
margin-left: 15px;
color:#55dddd;
}


.right_p li {
list-style-type: disc;
list-style-position: outside;
}


.right_p p{
margin: 0px 0px 20px 0px;
color: #fff;
text-align:left;
}


/*プラグインの設定(右の外枠設定）*/
dl.right_p {
margin: 0px auto 0px;
width: 192px;
text-align: left;
padding:0px 0px 10px 0px;
}
	
	
dl.right_p dt {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
font-size : 77%;
font-weight: bold;
color: #ffffff;
letter-spacing: 1px;
line-height: 25px;
background: url(http://blog-imgs-19.fc2.com/a/n/n/annkokunokizinn/sidebarblack_2009.gif) repeat-x left top;
border-left:3px solid #2222DD;
}
	

dl.right_p dd {
margin: 0px 10px 0px 10px;
padding:3px 5px 10px 1px;
line-height : 1.6;
font-size: 72%;
color: #fff;
}




dl.right_p a:link, dl.right_p a:visited {
color: #fff;
}
	
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:#000000;border-top:1px solid #eee;text-align:center; padding:1em 0;color:#eee;
font-size: small;

}
/*▲著作権記述部分END▲*/


/*サブタイトル部分のリンク色*/
#centerc a:link{
color:#ffffff;
text-decoration:none;
}

#centerc a:visited{
color:#ffffff;
text-decoration: none;
}

#centerc a:hover{
color:#88ffff;
text-decoration:none;
}



/*リンクの設定*/
#a:hover{
color:#88ffff;
text-decoration: none;     /* 下線を消す */
}

/*下記のリンク記述は必ずこの順番でする*/

a:link{color:#22bbbb;
text-decoration: none; }

a:visited{color:#22bbbb;
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: #ffffff;
}



/* カレンダー部分の見出*/

.plugin-calender caption {
margin: 0px auto;
text-align: center;
}


/*曜日部分*/
	
.calender {
width:170px;
font-size:10px;
border-collapse: separate;
margin: 10px 0px 7px 0px;
color: #ffffff;
text-align:center;
}

.calendar th {
width:20px;
height:25px;
font-size:10px;
text-align:center;
font-weight: nomal;
}

/* 土曜日を青 */
th#sat { color:#3b9fcc}
	
/* 日曜日を赤*/
th#sun { color:#d19900;}
	

/* 日付部分 */
.calendar td {
width:20px;
height:25px;
text-align:center;
}

/*リンク部分 */
.calender td a {
display:block;
font-weight: bold;
color:#ffffff;
padding: 1px;
}

.calender td a:link,
.calender td a:visited{
color:#44DDDD;
}

.calender td a:hover{
color: #44dddd;
}