/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	margin: 0;
	padding: 0;
}

/* structure 
--------------------------------------------- */

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	text-align: center;
	color:#666666;
	background: url(http://matsunoi-ryo-stablo.up.seesaa.net/matsunoi-ryo/bg01.jpg) repeat;
	}

/*ブログ全体の外枠設定*/
#wrap {
	margin: 0 auto;
	width: 100%;
	}
#container {
	margin: 0 auto;
	width: 850px;
	background: #ffffff;
	/*border:1px solid #cccc66;*/
	}
/*clearfix*/
#container:after {
	content: "";
	display: block;
	clear: both;
	}

/*ブログ全体のリンク色設定*/
a {
	color:#cc6699;
	text-decoration: none;

	}

/*ヘッダー箇所の設定　--ここから--*/

/*ブログタイトル*/
#banner h1 {
	text-indent: -9999px;
	}
#banner h1 a {
	display: block;
	width: 100%;
	height: 390px;
	background: url(http://matsunoi-ryo-stablo.up.seesaa.net/matsunoi-ryo/header-45d50.jpg) top center no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
	}

/*ブログ説明文*/
.description {
	display: none;
	}

/*記事表示箇所の設定　--ここから--*/
#content {
	float: left;
	width: 430px;
	margin:0px 7px;

	}

/*ナビゲーションの設定*/
.navi {
	text-align: center;
	margin: 0 0 10px 0;
	line-height: 1;
	}

/*記事全体の外枠設定*/
.blog {
	text-align: left;
	}

/*記事投稿日時の設定*/
h2.JAMOSA {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	color:#339933;
	line-height: 1;
	}

/*記事タイトル・記事本文・記事投稿日時の外枠設定*/
.blogbody {
	width: 430px;
	margin-bottom: 15px;
	color:#333333;
	}

/*記事タイトルの設定*/
h3.title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -1px;
	padding: 10px;
	padding-left: 10px;
	color: #cc6699;
	border-bottom:2px dotted #cccccc;
	}
h3 a {
	text-decoration: none;
	color:#cc6699;

	}


/*記事本文の設定*/
.text {
	padding: 10px;
	margin-bottom: 1em;
	}

/*Postedの設定*/
.posted {
	font-size: 10px;
	text-align: right;
	padding: 0 10px 10px 0;
	}
.posted a:link, .posted a:visited {
	color: #cc6699;
	}
.posted a:hover {
	text-decoration: underline;
	}

/*左サイドバーの設定*/
#links-left {
	float: left;
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;

	}
/*右サイドバーの設定*/
#links {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-left: 15px;
	text-align: left;

	}

/*カレンダーの設定--ここから--*/

/*カレンダー外枠の設定*/
#calendar {
	margin-bottom: 15px;
	}

/*カレンダーのテーブルの設定*/
#calendar table {
	width: 100%;
	}

/*カレンダー年月及びカレンダーナビの設定　--ここから--*/

/*年月及びカレンダーナビ外枠の設定*/
.calendarhead {
		font-size:12px;
	font-weight: bold;
	margin:0 0 10px 0px;
	padding: 5px 0 5px 0px;
	text-align:center;
	color:#ff9900;
	width:170px;
	
	}

/*年月の文字色設定*/
.calendarhead a{
	color: #ff9900;
	text-decoration: none;
	}

/*ナビの文字色設定(リンクなしの場合)*/
.calendarhead .calendarday {
	color: #ff9900;
	}

/*ナビの文字色設定(リンクありの場合)*/
.calendarhead .calendarday a{
	color: #ff9900;
	text-decoration: none;
	}

/*カレンダー年月及びカレンダーナビの設定　--ここから--*/


/*カレンダー中のtd及びthの設定(リンクなしの場合)*/
.calendarday {
	font-size: 10px;
	padding: 3px;
	margin-bottom: 10px;
	color:#666666;
	}
.calendarday a:link .calendarday a:visited {
	background: #1b76bf;
	color:#FF6600;
	text-decoration: none;
	}
.calendarday a:hover {
	text-decoration: underline;
	}

/*カレンダー中のtdの設定(リンクありの場合)*/
.calendarday-a {

	}

/*カレンダーの「日」にリンクがあった際の文字設定*/
.calendarday-a a {
	background: #f4eee6;
	display: block;
	color:#FF6600;
	}

/*サイドコンテンツのタイトル設定*/
.sidetitle {
	font-size:12px;
	font-weight: bold;
	margin:0 0 10px 0px;
	padding: 5px 0 5px 42px;
	text-align:left;
	color:#ff9900;
	width:140px;
	background: url(http://matsunoi-ryo-stablo.up.seesaa.net/matsunoi-ryo/point.jpg) top left no-repeat;
	}

/*サイドコンテンツの内容表示箇所設定*/
.side, .side-2 {
	padding: 0px 0 20px 0;
	text-align: left;
	}

/*サイドコンテンツのリンク色を変更する場合の設定*/

.side a:link, .side a:visited, .side-2 a:link, .side-2 a:visited {
	color:#cc6699;
	text-decoration: none;
	}
.side a:hover, .side-2 a:hover {
	color: #cc6699;
	text-decoration:underline;
	}

/*サイドコンテンツのタグ表示箇所設定*/
.side-tag {
	padding: 5px 0 15px 0;
	text-align: left;
	}

/*サイドコンテンツのタグリンク色設定*/
.side-tag a {

	}
.side-tag a:hover {
	text-decoration: underline;
	}

/*RSSフィードの設定*/
.syndicate {
	margin: 0 0 15px 0;
	text-align: center;
	}

/*コメント枠の設定　--ここから--*/

/*コメント表示領域の外枠設定*/
#comments {
	text-align: left;
	width: 460px;
	margin-bottom: 20px;
	}
div#comment-write {
	text-align: left;
	width: 430px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	}
/*コメント入力欄の外枠設定*/
#comments form {
	margin: 10px;
	}

/*コメント本文入力欄の設定*/
textarea {
	margin-bottom: 5px;
	}

/*コメントタイトルの設定*/
.comments-head {
	padding: 10px;
	font-weight: bold;
	}

/*コメント本文の設定*/
.comments-body {
	margin-bottom:20px;
	border-bottom: 1px solid #4b4b4b;
	}

/*コメント投稿日時の設定*/
.comments-post {
	font-size: 10px;
	text-align: right;
	padding: 0 10px 10px 0;
	}

/*フッターの設定*/
#footer {
	clear: both;
	width: 100%;
	}

div.thumb {
	margin-bottom:10px;
	text-align: center;
	}
dov.thumb img {
	margin-bottom:5px;
	}
div.powered {
text-align: center;
	margin-bottom:10px;
	}

.listCategoryArticle{
margin-top:5px;
padding:5px;
border:solid 1px #ccc;
}
.listCategoryArticle ul{
list-style:none;
padding:0;
margin:0 0 0 10px;
text-align:left;
list-style-position:outside;
}
.listCategoryArticle ul li{
margin:0;
padding-left:12px;
line-height:1.4;
font-size:10px;
}