@charset "utf-8";

/*---------------------ページ全体----------------------*/
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	font-size:10px;
	line-height:1.6em;
	letter-spacing:1px;
        word-wrap: break-word;
	color:#696969;
        background: #fff url(http://green-knowe.ocnk.net/data/green-knowe/image/cloth-a5.png);
}
/* ### 全体的なリンクの設定 ### */

a:link {	color: #996666;text-decoration: none;}
a:visited {	color: #996666;text-decoration: none;}
a:active {	color: #996666;text-decoration: none;}
a:hover {	color: #a9a9a9;text-decoration: underline;}

/*-------------------コンテンツ全体--------------------*/
#container{
	margin:0;
	text-align:left;
}

/*---------------------ヘッダー------------------------*/
/* ヘッダー全体 */
#header {
	width:100%;
	height:150px;
	margin-bottom:32px;
        background: url(http://green-knowe.ocnk.net/data/green-knowe/image/bg_fabric_gley.gif);

}
/* ブログタイトル */
.blogtitle{
	font-size:24px;
	padding-top:38px;
	padding-left:92px;
        font-color:#808080;
        font-family: 
        -webkit-text-stroke: 0.5px #eee;
	
}

/* タイトル前アイコン */
.blogtitle:before {
       content: url(http://green-knowe.ocnk.net/data/green-knowe/image/stitchg_06.gif);
       margin: 0 3px 0 1px; 
       position: relative;
       top :1px;
       left: 1px;
}

/* ブログタイトルのリンク設定 */
.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{
	position:relative;
	margin: 0 250px 0 0;
	padding: 0;
}
/* 全ての記事のボックス */
.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{
	font-color:#AF6262; 
	font-size:15px;
	font-weight:normal;
	letter-spacing:2px;
        padding: 0 0 1px 0;
}
/* 記事タイトルリンク設定 */
.e_title{
	font-family: "MS UI Gothic",  "Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	text-indent:5px;
	margin: 0px 10px 0px 130px;
	padding:10px 0px 2px 0px ;
	text-align:right;
	color:#AF6262;
	font-size:14px;   /*### 記事タイトルの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px dashed #CCCCCC;}


.title a:link{color:#AF6262;}
.title a:visited{color:#AF6262;}
.title a:hover{color:#AF6262;}

/* 記事タイトル前アイコン */
.title:before {
       content: url(http://green-knowe.ocnk.net/data/green-knowe/image/stitchg_16.gif);
       margin: 0 3px 0 1px; 
       position: relative;
       top :1px;
       left: 1px;
}

/* カテゴリーとタグ */
.cat-tag {
        color: #CC9966;;
        font-size: 12px;
        float: left;
	margin:0;
	padding:19px 0 0 10px;
}
/* 記事本文 */
.main{  font-color:#696969;
	font-size:13px;
	margin: 20px 0 0 90px;
	padding:0;
        border-bottom: 1px solid #ddd;
        line-height:170%;
}
/* 画像 */
.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:12px;
	padding:10px 20px 0 20px;
	margin:0 0 0 90px;
	letter-spacing:2px;
	background:#eee;
	border-radius: 3px 3px 0 0;
        line-height:150%;
 background: #fff url(http://green-knowe.ocnk.net/data/green-knowe/image/cloth-a5.png);
}
/* コメント投稿時間等 */
.comments-post{
	color:#333;
	font-size:10px;
	text-align:right;
	padding:0 20px 5px 20px;
	margin:0 0 20px 90px;
	background:#eee;
	border-radius: 0 0 3px 3px;
background: #fff url(http://green-knowe.ocnk.net/data/green-knowe/image/cloth-a5.png);
}

/*---------------------コメント送信フォーム----------------------*/
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{
	position:absolute;
	right:20px;
	top:173px;
	width:220px;
        margin: 30px 10px 0 0;
	padding:0 0 20px;
}

/*---------------------サイドバー項目----------------------*/

/* ### サイドメニュー ### */

#SIDE{
	float:right;
	margin:10px 0px 0px 0px;
	padding:0px auto 5px auto;
	text-align:left;
	width:250px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:240px;
	font-size: 10px; /* サイドメニューの全体的な文字サイズ */
	color:#666666;  /* サイドメニューの全体的な文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka"
	}	
html>body #SIDE{
	width:240px;
	}

.sidetitle{
	margin:0px auto;
	padding:10px 0px;
        padding-left:0px;
	text-indent:0px;
	color:#AF6262; /* サイドメニューのタイトルの文字色 */
	font-size:10px;  /* サイドメニューのタイトルの文字サイズ */
	font-weight:bold;
	letter-spacing:2px;
	background-color: none;
	background-image: url("http://blog-imgs-34-origin.fc2.com/a/w/i/awitchsally/aws_ti01_side.jpg");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	}

.sidetitle:first-letter { color:#AF6262;  /*サイドメニュータイトルの最初の文字色*/} 

/* サイドタイトル前アイコン */
.sidetitle:before {
       content: url(http://green-knowe.ocnk.net/data/green-knowe/image/stitch_20.gif);
       margin: 0 3px 0 1px; 
       position: relative;
       top :1px;
       left: 1px;
}

#SIDE p {
	margin:5px 10px;
	padding:2px 0px;
	color:#666666;  /* サイドメニューのプラグインの説明などの文字色 */
	}

#SIDE img {
	margin:0px 0px;
	}
#SIDE ul{
	margin:5px 5px 5px 10px;
	padding:0px;
	list-style:none;
	}
#SIDE li {
	margin:0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	list-style-type: disc;  /* サイドメニューのリストのマーク */
	line-height:130%;
	letter-spacing:1px;
	color:#E3E0C8;  /* サイドメニューのリストの文字色（非リンク） */
	}
#SIDE form {
	padding-bottom:10px;
	}
#SIDE form input{
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:8px;
	}
#SIDE form textarea {
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:8px;
	}


/*---------------------カレンダー---------------------*/
.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-origin.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;}