@charset "utf-8";


/*---------------------ページ全体----------------------*/
body{
	font-family:Verdana,'メイリオ','Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3',sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	letter-spacing:1px;
	font-size:16px;
	line-height:1.3em;
	color:#fff;
        background: #272727 url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-bg.gif);
}

/* リンク設定 */
a{color:#b4b4b4;text-decoration:underline;}
a:link{color:#b4b4b4;text-decoration:underline;}
a:visited{color:#b4b4b4;text-decoration:underline;}
a:hover{color:#efefef;text-decoration:underline;}

/*---------------------コンテンツ全体----------------------*/
#container{
        width:  1090px;
	margin:0px auto;
	text-align:left; 
        background: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-bg-paisley.png) center 5px fixed no-repeat;
}

/*---------------------ヘッダー----------------------*/
#banner{
	width:90%;
	height:230px;
	margin:0 0 10px 0;
        color: #808080;
}
/* リンク設定 */
#banner a{color:#808080;text-decoration:none;font-weight:bold;}
#banner a:link{color:#808080;text-decoration:none;font-weight:bold;}
#banner a:visited{text-decoration:none;font-weight:bold;}
#banner a:hover{color:#808080;text-decoration:none;font-weight:bold;background:transparent;}
/* ブログタイトル */
.blogtitle{
	font-size:3em;
	font-weight:normal;
	padding-top:60px;
	padding-left:20px;
	text-align:left;
        font-family: 'MS PMincho','Hiragino Mincho Pro',serif;
        -webkit-text-stroke: 0.5px #808080;
}
/* ブログの説明 */
.description{
	font-size:0.9em;
	text-align:left;
	padding-left:22px;
	margin-top:16px;
        -webkit-text-stroke: 0.2px #808080;
}

/*---------------------記事表示部----------------------*/
#content{
	margin: 0px;
	padding: 0px;
        width: 80%;
        float: left;     
}
/* 記事全体 */
.entry{
        margin: 0 40px 0 20px;
	padding:0px;
}
/* 日付 */
.date{
	font-size:0.9em;
        margin: 3px 0 5px 0;
	letter-spacing:1px;
	text-align:right;
        border-top: 1px solid #666;
}
/* 記事本体 */
.entrybody{
	padding:0px;
	line-height:1.5em;
	margin:0 0 50px 0;
}
/* 記事タイトル */
.title{
	color:#eee;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:2px;
	margin:0px;
	padding:0px;
}	
.title::before {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-entry1.png);
        position: relative;
        top: 3px;
}
.title::after {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-entry2.png);
        position: relative;
        top: 5px;
}
/* 記事タイトルリンク設定 */
.title a{color:#fff;text-decoration:none;}
.title a:link{color:#fff;text-decoration:none;}
.title a:visited{color:#fff;text-decoration:none;}
.title a:hover{color:#b4b4b4;text-decoration:none;}

/* 記事本文 */
.main{
	font-size:0.8em;
	margin:15px 0 0 0;
	padding:0px;
	word-break:break-all;
}
/* 画像 */
.main img{
	margin-bottom:5px;
	margin-right:5px;
}
.main .emoji{
	margin:1px;
	vertical-align:middle;
	float:none;
	border:0px;
}
/* 続きを読む */
.continues{
	font-weight:normal;
}
/* 投稿時間等 */
.posted{
        color:#b4b4b4;
	font-size:0.8em;
	text-align:right;
	margin:0px 0px 25px 0px;
	padding:0px;
}
/* 個別記事 トップと前後記事へのリンク */
.menu{
	text-align:right;
	margin:5px 0px 0px;
}
.pagenavi{
	font-size:0.7em;
	text-align:center;
	margin:0px 0px 15px;
}
/*---------------------トラックバック表示部----------------------*/
/* トラックバックURLヘッド */
.trackback-urlhead{
	font-size:0.85em;
	padding:0px;
	margin:20px 0 5px 0;
}
.trackback-urlhead::before {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-tb.png);
        position: relative;
        top: 9px;
}
.trackback-urlhead::after {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-tb2.png);
        position: relative;
        top: 4px;
}
/* トラックバックURL */
.trackback-url{
	color:#fff;
	font-size:0.7em;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	letter-spacing:2px;
}
/* トラックバックヘッド */
.trackback-head{
	font-size:0.85em;
	padding:0px;
	margin:30px 0 10px 0;
}
.trackback-head::before {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-tb.png);
        position: relative;
        top: 9px;
}
.trackback-head::after {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-tb2.png);
        position: relative;
        top: 4px;
}
/* トラックバック本文 */
.trackback-body{
	font-size:0.75em;
	padding:5px 10px 0 10px;
	margin:0px;
	letter-spacing:2px;
	word-break:break-all;
        background: rgba(90,90,90,0.2);
        border-radius: 3px 3px 0 0;
}
/* トラックバック送信時間等 */
.trackback-post{
	color:#fff;
	font-size:0.65em;
	text-align:right;
	padding:0 10px 5px 10px;
	margin: 0 0 15px 0;
        background: rgba(90,90,90,0.2);
        border-radius: 0 0 3px 3px;
}

/*---------------------コメント表示部----------------------*/
/* コメントヘッド */
.comments-head{
	font-size:0.85em;
	margin:30px 0 5px 0;
	padding:3px 0px 2px 5px;
}
.comments-head::before {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-entry1.png);
        position: relative;
        top: 5px;
}
.comments-head::after {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-entry2.png);
        position: relative;
        top: 5px;
}
/* コメント本文 */
.comments-body{
	font-size:0.75em;
	padding:5px 10px 0 10px;
	margin:0px;
	letter-spacing:2px;
	word-break:break-all;
        background: rgba(90,90,90,0.2);
        border-radius: 3px 3px 0 0;
}
/* コメント投稿時間等 */
.comments-post{
	color:#fff;
	font-size:0.65em;
	text-align:right;
	padding:0 10px 5px 10px;
	margin:0 0 15px 0;
	background: rgba(90,90,90,0.2);
        border-radius: 0 0 3px 3px;
}
/*---------------------コメント送信フォーム----------------------*/
table.form{margin:35px 0px 0px 10px;} 
.form td{font-size:0.85em;}
.form label{font-weight:normal;} 
#name{width:200px;border:1px solid #666;}
#mail{width:200px;border:1px solid #666;}
#url{width:200px;border:1px solid #666;} 
#comment{width:400px;height:150px;border:1px solid #666;}
#pass{width:100px;border:1px solid #666;} 
#himitu{border:0px;background:transparent;}
#submit{font-size:1em;border:1px solid #666;} 
#del{font-size:1em;border:1px solid #666;}
.mess{font-size:1em;}

/*---------------------サイドバー----------------------*/
#sidebar{
	width:20%;
        margin: 6px 0 0 0;
	padding:0px 0px 20px;
        float: left;
}

/*---------------------サイドバー項目----------------------*/
/* タイトル */
.sidetitle{
	font-size:0.9em;
	padding:0px 0px 3px 0px;
	text-align:left;	
	letter-spacing:2px;
}
.sidetitle::before, .sidetitle::after {
        content: url(https://blog-imgs-55.fc2.com/p/o/t/potar/blackgrain-icon.png);
}
/* 全体 */
.side{
	font-size:0.75em;
	text-align:left;
	line-height:1.25em;
	width:auto;
	padding:3px;
	margin:0px 0px 20px;
	word-break:break-all;
}
.side ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.side li{
	padding:0px;
	margin:5px 0px;
}
/*サイドリンク設定*/
.side a{color:#b4b4b4;text-decoration:none;}
.side a:link{color:#b4b4b4;text-decoration:none;padding:1px;}
.side a:visited{color:#b4b4b4;text-decoration:none;}
.side a:hover{color:#efefef;text-decoration:underline;}
/*---------------------カレンダー---------------------*/
.calender{
	width:195px;
	font-size:1em;
        border: solid 1px #666;
        border-collapse: collapse;
}
.calender caption{
	font-size:1.1em;
	padding:3px 0px;
}
.calender caption a{
	color:#222;
	font-weight:bold;
}
.calender caption a:hover{color:#fafafa;}
.calender th{
	font-size:0.85em;
	padding:3px 0px;
	margin:0px;
	text-align:center;
	font-weight:normal;
	letter-spacing:normal;
	width:25px;
	height:18px;
	line-height:18px;
        border: solid 1px #666;
}
.calender td{
	font-size:0.8em;
	padding:3px 0px;
	text-align:center;
	width:25px;
	height:18px;
	line-height:18px;
        border: solid 1px #666;
}
.calender td a{
	color:#fff;
        background: #222;
        border-radius: 40%;
	font-weight:normal;
	
}
.calender td a:hover{
        color: #fff;
        background: #222;
        border-radius: 40%;	
}

/*---------------------フッター----------------------*/
#footer{
	clear:both;
	font-size:0.7em;
	text-align:left;
	line-height:2em;
	margin:20px 0px 10px 20px;
	padding:0px;
}
/* フッターリンク設定 */
#footer a{color:#b4b4b4;text-decoration:none;}
#footer a:link{color:#b4b4b4;text-decoration:none;}
#footer a:visited{color:#b4b4b4;text-decoration:none;}
#footer a:hover{color:#efefef;text-decoration:underline;}
/*---------------------その他----------------------*/
h1,h2,h3{
	margin:0px;
	padding:0px;
}

/* 引用 */
.main blockquote{
	padding:3px 8px 3px 8px;
	width:93%;
	font-size:0.85em;
	margin:10px;
	word-break:break-all;
        background: rgba(90,90,90,0.2);
        border-radius: 3px;
        border: 1px dotted #666; 
}
/* 罫線 */
hr {
    border: 0;
    height: 0;
    border-top: 1px solid #666;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* inputタグ(ボタンなど) */
input{
	background:transparent;
	border:1px solid #666;
	color:#fff;
}
textarea{
        background:transparent;
        border: 1px solid #666;
        color: #fff;
}
br {letter-spacing:normal;} /* brタグのletter-spacing解除 */
img{border:0px;}/* imgタグ */
.clear{clear:both;}
/*ページの先頭へ戻るアイコン*/
#back-top { 
        position:fixed;
        right:20px;
        bottom: 20px;
}