* {
	margin: 0;
	padding: 0;
}



/* ボディ全体 */
body{
	/* サイト内の文字の設定 */
	text-align: left; /* 文字を左に設定 */
	line-height: 1.6; /* 文字間隔 */
	font-size: 12px; /* 文字サイズ */
	font-family: sans-serif,"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka; /* 文字種類 */
	color:#cccccc; /* 文字色 */
	background: #333333; /* 背景色 */
	}


/* リンク文字 */
a {
	text-decoration: none; /* 下線無し */
	color: #808080; /* 文字色 */
}

/* カーソルを合わせたときのリンク文字 */
a:hover {
	text-decoration: underline; /* 下線 */
}

/* イメージにリンクを貼ったときの設定 */
a img {
	border : none; /* 線無し */
}

/* コメントや検索フォームなどの入力エリアの設定 */
input,textarea,select,button,submit {
	color: #888888; /* 文字色 */
	background: #ffffff; /* 背景色 */
	border: 1px solid #666666; /* 線の色 */
}

/* テーブルセル全般の文字設定 */
th,td {
	vertical-align: top; /* 上寄せ */
}

/* 絵文字 */
img.emoji {
	vertical-align: middle; /* 上寄せ */
	border: 0; /* 線無し */
}




/*レイアウト設定----------------------------------------------*/


/* 外枠 */
#container {
	width:880px;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	border-right: 20px solid #000000; /* 右ライン */
	border-left: 20px solid #000000; /* 左ライン */

	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color:#000000;

	}


/* 【ヘッダー部分】 ------------------------------------------------*/
#header {
	width: 860px; /* 幅 */	
	height: 350px; /* 高さ */
	margin:  auto;

	/* トップ画像を変えたい場合は、backgroundのurl()内の画像を指示して下い */
	background: url(https://blog-imgs-115-origin.fc2.com/j/a/p/japarider/20180619001130e29.jpg) center top no-repeat;
}



/* ブログタイトル */
h1 {
	text-align: left;/* 左寄せ　*/
	padding-left: 4px;/* 左からの距離　*/
	padding-top: 4px; /* 上からの距離　*/
	font-size: 16px; /* 文字サイズ */
px; /* 文字サイズ */
	font-weight: lighter; /* 太字 */
}

/* ブログタイトルリンク */
h1 a {
	text-decoration: none; /* 下線無し */
	color: #cccccc; /* 文字のカラー */
}
h1 a:hover {
	text-decoration: none; /* 下線無し */
	color: #ffffff; /* 文字のカラー */
}



/* ブログの説明 */
h2 {
	width: 300px; /* 幅 */
	height: 40px; /* 高さ */
	text-align: left;/* 左寄せ　*/
	padding-top: 40px; /* 上からの距離　*/
	padding-left: 0px;/* 左からの距離　*/
	color: #660066;/* 文字のカラー */
	font-size: 20px; /* 文字サイズ */
	font-weight: lighter;
	border-bottom: 0px solid #eeeeee; /* 下にラインを書いています */
}



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


/* サイドメニューの位置 */
#menu {
	float : right; /* 右寄せ→right、左寄せ→left */
	padding:0px 0px 0px 0px;
	margin :0px 0px 0px 0px; /* 上下左右からの間隔 */

}



/* サイドメニュー囲み */
.menu_block {
	width : 200px; /* メニューの枠の幅 */
	padding:15px;
	margin :0px 10px 0px 0px; /* 上下左右からの間隔 */
	background-color: #333333;/* 背景色 */
}

/* サイドメニュータイトル */
.menu_title {
	padding:0px 0px 0px 18px;
	margin :0px 0px 5px 0px; /* 上下左右からの間隔 */
	font-size: 14px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
	color: #ffffff; /* 文字色 */

	border-left: 8px solid #9400d3; /* 左ライン*/
	border-bottom: 0px solid #999999 ; /* 下ライン*/
	background-color: #666666;/* 背景色 */
}

/* サイドメニューリスト親要素 */
ul {
	list-style-type: none; /* メニューリスト「・」無*/
}

/* サイドメニューリスト子要素 */
li {

}


.menu_by {
	width : 200px;
	font-size: 10px; /* 文字の大きさ*/
	padding:15px;
	background-color: #333333;/* 背景色 */
}

/*記事----------------------------------------------*/


#main {
	float : left; /* 右寄せ→right、左寄せ→left */
	padding:0px 0px 0px 10px;
	margin : 0px; /* 上下左右からの間隔 */

}



/* 記事、コメントなどの囲み */
.main_block {
	width : 600px; /* 幅 */
	border: 0px solid #ffbf7f;/* 枠線。太さ、色 */
	padding:15px 0px 0px 0px;
	margin :0px 0px 10px 0px; /* 上下左右からの間隔 */
	background-color: #333333;/* 背景色 */
}



/* 記事、タイトル */
.main_title {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 18px;
	font-size: 17px; /* 文字の大きさ*/
	font-weight: bold; /* 太字 */
	border-left: 8px solid #9400d3; /* 左ライン*/
	border-bottom: 0px solid #999999 ; /* 下ライン*/
	background-color: #666666;/* 背景色 */
}

.main_title a, a:hover{
	color: #ffffff; /* 文字色 */
	text-decoration: none; /* 下線無し */
}




/* 記事部分等本文囲み */
.main_body {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}

/* 記事カテゴリー等 */
.main_state {
	margin-right: 15px;
	margin-bottom: 5px; /* 下からの間隔 */
	text-align: right; /* 文字右寄せ */
	font-size: 10px; /* 文字の大きさ */
}

/* コメント、トラックバック囲み */
.link_block {
	margin-bottom: 15px; /* 下に間隔を取っています */
	border-bottom: 1px solid #eeeeee; /* 下に点線を書いています */
}

/* コメント、トラックバックタイトル */
.link_title {
	font-weight: bold; /* 太字 */
	color: #ffaa00; /* 文字色 */
}




/* フッター部分 ------------------------------------------------------*/

#footer {
	width : 860px; /* フッター部分の幅 */
	height: 80px; /* 高さ */
	clear : both; /* 回り込み解除 */
	margin-top: 10px; /* 上からの間隔 */
	text-align: center; /* 文字を中央に設定 */
	color: #ffffff; /* 文字色 */



}


#footer a  {
	color: #ffffff; /* 文字色 */

}







/*その他------------------------------------------------------*/


/* ページ移動 */
.page_navi {
	width : 500px; /* ページ移動の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	text-align: center; /* 文字中央寄せ */
}

/* カレンダー設定------------------------------------------------------*/

/* カレンダー枠テーブル */
table.calender {
	width: 90%;
	margin: 0px auto;
}

/* ヘッダー（年、月） */
table.calender caption {
	margin-bottom: 15px;
	margin: 0px auto;
	font-size: 14px;
	color: #999999;
}

table.calender caption a {
	color: #999999;
}

table.calender caption a:hover {
	background-color: #000000;
}

/* カレンダーのセル */
table.calender th,
table.calender td {
	padding: 0.1em;
	border-bottom: 1px dotted #000000;
	text-align: center;
}

table.calender td a {
	display: block;
	background-color: #000000;
}

table.calender td a:hover{ 
	display: block;
	background-color: #999999;
}


/* 日曜日の色 */
table.calender th#sun {
	color: #ff0000;
}

/* 土曜日の色 */
table.calender th#sat {
	color: #00bfff ;
}