@charset "utf-8";

/*---------------------ページ全体----------------------*/
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3','メイリオ', sans-serif;
	font-size:16px;
	line-height:1.6em;
	letter-spacing:1px;
        word-wrap: break-word;
	color:#333;
        background: #fff url(http://blog-imgs-55.fc2.com/p/o/t/potar/white-grain-bg.gif);
}
/* リンク設定 */
a{color:#666;text-decoration:none;}
a:link{color:#666;text-decoration:none;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}

/*-----------記事部分＋サイドバー＋フッター ------------*/
#container{
        width: 1000px;      /* ■記事部分とサイドバーを合わせて幅1000pxに■ */
	margin:0 auto;
	text-align:left;
}

/*---------------------ヘッダー------------------------*/
/* ヘッダー背景 */
#header-bg {
	width:100%;      /* ■ヘッダーの背景はブラウザの横幅いっぱいに■ */
	height:150px;
	margin-bottom:32px;
        background: #c8c8c8;
}
/* ヘッダー */
#header {
        width: 1000px;     /* ■ブログタイトル部分は横幅1000pxにして中央に■ */
        height: 150px;
        margin: 0 auto;
}
/* ブログタイトル */
.blogtitle{
	font-size:48px;
	padding:58px 0 0 92px;
        font-family: 'MS PMincho','Hiragino Mincho Pro',serif;
        -webkit-text-stroke: 0.5px #eee;
}
/* ブログタイトルのリンク設定 */
.blogtitle a{color:#eee;}
.blogtitle a:link{color:#eee;}
.blogtitle a:visited{color:#eee;}
.blogtitle a:hover{color:#eee;text-decoration:none;}
/* ブログの説明 */
.description{
	font-size:12px;
	padding-left:94px;
	margin:13px 0 0 0;
	color:#666;
}

/*---------------------記事表示部------------------------*/
#content{
        width: 770px;      /* ■記事部分を横幅770pxに(余白を含む)■ */
	margin: 0;
	padding: 0;
        float: left;
}
/* 全ての記事のボックス */
.entry-area{
	margin:0 60px 0 20px;
}
/* 各記事のボックス */
.entry-body{
	padding:0;
	line-height:1.6em;
	margin:0 0 20px 0;
}
/* 記事ヘッダー */
.entry-head {
        margin: 0;
        padding: 0;
        height: 80px;
}
/* 日付エリア */
.date-area{
        width: 78px;
        height: 78px;
        background:#fff;
        border: 1px solid #ddd;
        border-radius: 50%;
        color: #666;
	padding:0;
	margin:0;
        float: left;
        /* border-radius: 50%; */
}
/* 日付 */
.date {
	font-size:18px;
	font-family:Georgia, serif;
        padding: 19px 10px 0 10px;
        text-align: center;
}
/* 曜日 */
.youbi {
	font-size:12px;
	font-family:Georgia, serif;
        margin: -1px 0 0 0;
        padding: 0 10px 0 10px;
        text-align: center;
}
/* 記事タイトル */
.title{
	color:#333;
	font-size:18px;
	font-weight:normal;
	letter-spacing:2px;
        padding: 0 0 1px 0;
}
/* 記事タイトルリンク設定 */
.title a{color:#333;}
.title a:link{color:#333;}
.title a:visited{color:#333;}
.title a:hover{color:#333;}
/* カテゴリーとタグ */
.cat-tag {
        color: #666;
        font-size: 12px;
        float: left;
	margin:0;
	padding:19px 0 0 10px;
}
/* 記事本文 */
.main{
	font-size:0.8em;
	margin: 20px 0 0 90px;
	padding:0;
        border-bottom: 1px solid #ddd;
}
/* 画像 */
.main img{
	margin: 0 5px 5px 0;
}
.main .emoji{
	margin:1px;
	vertical-align:middle;
	float:none;
	border:0;
}
/* 続きを読む */
.continues{
	font-size:0.9em;
	font-weight:normal;
}
/* コメント数トラックバック数 */
.entry-foot{
        width: 90px;
        height: 20px;
        border-bottom: 1px solid #ddd;
	font-size:11px;
	margin:0;
	padding:0;
        position: relative;
        top: -21px;
}
/* 個別記事 トップと前後記事へのリンク */
.menu{
        font-size: 0.8em;
	text-align:right;
	margin:5px 0 10px 0;
}
.pagenavi{
	font-size:0.7em;
	text-align:center;
	margin:0 0 15px;
}

/* アイコンの位置 */
.entry-body .icon { position: relative; top: 3px; }
/*---------------------トラックバック表示部----------------------*/
/* トラックバックURLヘッド */
.trackback-urlhead{
	font-size:0.85em;
	padding:0;
	margin:0 0 10px 90px;
}
/* トラックバックURL */
.trackback-url{
	color:#333;
	font-size:0.7em;
	font-weight:bold;
	margin:15px 0 15px 90px;
	padding:0;
	letter-spacing:2px;
}
/* トラックバックヘッド */
.trackback-head{
	font-size:0.85em;
	padding:0;
	margin:0 0 15px 90px;
}
/* トラックバック本文 */
.trackback-body{
	font-size:0.75em;
	padding:10px 20px 0 20px;
	margin:0 0 0 90px;
	letter-spacing:2px;
	background: #eee;
	border-radius: 3px 3px 0 0;
}
/* トラックバック送信時間等 */
.trackback-post{
	color:#333;
	font-size:0.65em;
	text-align:right;
	padding:0 20px 5px 20px;
	margin:0 0px 20px 90px;
	background: #eee;
	border-radius: 0 0 3px 3px;
}

/*---------------------コメント表示部----------------------*/
/* コメントヘッド */
.comments-head{
	font-size:0.85em;
	margin-bottom:15px;
	padding:0;
	margin-left:90px;
}
/* コメント本文 */
.comments-body{
	font-size:0.75em;
	padding:10px 20px 0 20px;
	margin:0 0 0 90px;
	letter-spacing:2px;
	background:#eee;
	border-radius: 3px 3px 0 0;
}
/* コメント投稿時間等 */
.comments-post{
	color:#333;
	font-size:0.65em;
	text-align:right;
	padding:0 20px 5px 20px;
	margin:0 0 20px 90px;
	background:#eee;
	border-radius: 0 0 3px 3px;
}

/*---------------------コメント送信フォーム----------------------*/
table.form{margin:25px 0 0 90px;}
.form td{font-size:0.85em;}
.form label{font-weight:normal;}
#name{width:200px;border:1px solid #333;}
#mail{width:200px;border:1px solid #333;}
#url{width:200px;border:1px solid #333;}
#comment{width:400px;height:150px;border:1px solid #333;}
#pass{width:100px;border:1px solid #333;}
#himitu{border:0px;background:fff;}
#submit{font-size:1em;border:1px solid #333;} 
#del{font-size:1em;border:1px solid #333;}
.mess{font-size:1em;}

/*---------------------サイドバー全体----------------------*/
#sidebar{
	width:220px;       /* ■サイドバーは横幅220pxのままです(余白を含む)■ */
        margin: 30px 10px 0 0;
	padding:0 0 20px;
        float: left;
}
/* ■#contentの幅770px + #sidebarの幅220px + #sidebar右側マージン10px = #containerの幅1000pxです■ */
/*---------------------サイドバー項目----------------------*/
/* タイトル */
.sidetitle{
	font-size:0.8em;
	padding:0;	
	background-position:right top;
	letter-spacing:2px;
}
/* タイトル前後アイコン */
.sidetitle:before, .sidetitle:after {
       content: url(http://blog-imgs-55.fc2.com/p/o/t/potar/whitegrain-dot4.png);
       margin: 0 3px 0 1px; 
       position: relative;
       top :1px;
       left: 1px;
}
/* 全体 */
.side{
	font-size:0.72em;
	line-height:1.5;
	width:auto;
	padding:3px 5px;
	margin:0 0 20px;
}
.side ul{
	list-style:none;
	padding:0;
	margin:0;
}
.side li{
	padding:0;
	margin:5px 0;
}

/*---------------------カレンダー---------------------*/
.calender{
	width:195px;
	font-size:1em;
        border: solid 1px #ddd;
        border-collapse: collapse;
}
.calender caption{
	font-size:1.1em;
	padding:3px 0;
}
.calender caption a{
	color:#97c3c3;
	font-weight:bold;
}
.calender caption a:hover{color:#73739a;}
.calender th{
	font-size:0.85em;
	padding:3px 0;
	margin:0;
	text-align:center;
	font-weight:normal;
	letter-spacing:normal;
	width:25px;
	height:18px;
	line-height:18px;
        border: solid 1px #ddd;
}
.calender td{
	font-size:0.8em;
	padding:3px 0;
	text-align:center;
	width:25px;
	height:18px;
	line-height:18px;
        border: solid 1px #ddd;
}
.calender td a{
	color:#97c3c3;
	font-weight:normal;
	
}
.calender td a:hover{
        color: #73739a;
	text-decoration: underline;	
}

/*---------------------フッター----------------------*/
#footer{
	clear:both;
	font-size:0.7em;
	line-height:1.6em;
	margin:20px 0 0 0;
	padding:10px 0 10px 110px;
}

/*---------------------その他----------------------*/
h1,h2,h3,h4 {
	margin:0;
	padding:0;
}
/* 引用 */
.main blockquote{
	font-size:0.9em;
        margin: 10px 20px 10px 20px;
        padding: 18px 10px 18px 40px;
        background-color: #eee;
        border: 1px solid #ddd;
        background-image: url(http://blog-imgs-55.fc2.com/p/o/t/potar/whitegrain-blocquote3.png);
        background-position: top left;
        background-repeat: no-repeat;
}
/*罫線*/
hr {
    border: 0;
    height: 0;
    border-top: 1px solid #666;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
/* inputタグ(ボタンなど) */
input{
	background:#fff;
	border:1px solid #333;
	color:#333;
}
/* ページの先頭へ戻るアイコン */
#back-top { 
        position:fixed;
        right:20px;
        bottom: 20px;
}
br {letter-spacing:normal;} /* brタグのletter-spacing解除 */
img{border:0;}
img a:hover {underline: none;}
.clear{clear:both;}