@charset "UTF-8";
body {
	background: url(../../images/bg.gif) 0 0 #fff;
	color: #333;
	margin: 0;
	padding: 0;
	font-family:
	'メイリオ',
	Meiryo,
	'Lucida Grande',
	Verdana,
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	Osaka,
	'ＭＳ Ｐゴシック',
	sans-serif;
	font-size: 12px;
	line-height: 180%;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,caption {
 	margin: 0;
	padding: 0;
}
ul {
 	list-style-type: none;
}
img {
	border: 0;
}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearFix {
	_height: 1px;
	min-height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* :::::::::: リンク :::::::::: */
a:link {
	color: #339900;
	text-decoration: none;
       letter-spacing: 0;
}
a:visited {
	color: #339900;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
a:active {
	color: #ff0000;
	text-decoration: none;
}

/* :::::::::: レイアウト :::::::::: */
#wrapper {
	width: 850px;
	height: auto;
	margin: 0 auto 30px auto;
	padding: 0;
}
#header { /* ヘッダー */
	width: 850px;
       height: 200px;
       background: url(../../images/bg_header2.jpg) 0 0 no-repeat;
       text-indent: -9999px;
}
#container { /* コンテンツエリア */
	width: 850px;
	height: auto;
	margin: 0 auto;
	padding: 0;
       background: url(../../images/bg_content2.jpg) 0 0 repeat-y;
}
#mainArea { /* コンテンツエリア */
	width: 735px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
}
*html #mainArea { /* コンテンツエリア */
	width: 750px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
}
#leftArea { /* 左記事エリア */
       float: left;
	width: 535px;
	height: auto;
       margin-left: 3px;
}
#rightArea { /* 右ナビエリア */
       float: right;
	width: 195px;
	height: auto;
}
#footer { /* フッター */
	width: 850px;
       height: 180px;
       background: url(../../images/bg_footer2.jpg) 0 0 no-repeat;
}

/* :::::::::: ナビゲーション :::::::::: */
ul#nav {
       position: relative;
       top: 87px;
	width: 740px;
       height: 48px;
       margin: 0 auto;
}
ul#nav li {
       float: left;
} 
li#home a,
li#about a,
li#blog a,
li#mailmag a,
li#past a {
       display: block;
       height: 48px;
       overflow:hidden;
       outline:none;
} 
li#home a {
	width: 76px;
       background: url(../../images/navi/nav_01.gif) 0 0 no-repeat;
} 
li#home a:hover {
       background: url(../../images/navi/nav_01on.gif) 0 0 no-repeat;
} 
li#about a {
	width: 222px;
       background: url(../../images/navi/nav_02.gif) 0 0 no-repeat;
} 
li#about a:hover {
       background: url(../../images/navi/nav_02on.gif) 0 0 no-repeat;
} 
li#blog a {
	width: 138px;
       background: url(../../images/navi/nav_03.gif) 0 0 no-repeat;
} 
li#blog a:hover {
       background: url(../../images/navi/nav_03on.gif) 0 0 no-repeat;
} 
li#mailmag a {
	width: 135px;
       background: url(../../images/navi/nav_04.gif) 0 0 no-repeat;
} 
li#mailmag a:hover {
       background: url(../../images/navi/nav_04on.gif) 0 0 no-repeat;
}
li#past a {
	width: 169px;
       background: url(../../images/navi/nav_05.gif) 0 0 no-repeat;
} 
li#past a:hover {
       background: url(../../images/navi/nav_05on.gif) 0 0 no-repeat;
} 

/* :::::::::: 上へ戻る :::::::::: */
#goTop {
	width: 680px;
       height: 19px;
       margin: 0 auto;
       font-size: 11px;
       text-align: right;
}

/* :::::::::: 問い合わせ先 :::::::::: */
#contact {
       position: relative;
       top: 20px;
       left: 90px;
	width: 500px;
       height: 100px;
       font-size: 11px;
}
#contact h3 {
	display: block;
	width: 113px;
       height: 25px;
       text-indent: -9999px;
       background: url(../../images/h_toiawase.gif) 0 0 no-repeat;
}
#contact h2 {
	display: block;
	width: 400px;
       height: 19px;
       margin: 5px 0;
       text-indent: -9999px;
       background: url(../../images/jccca.gif) 0 0 no-repeat;
}
#contact ul li {
	line-height: 150%;
}

/* :::::::::: 記事 :::::::::: */
.article {
	display: block;
       margin: 0 auto 20px auto;
}

.detail_top,
.detail_bottom {
	display: block;
	width: 515px;
       height: 10px;
}
.detail_top {
       background: url(../images/detail_bg_top.gif) 0 0 no-repeat;
}
.detail_bottom {
       background: url(../images/detail_bg_bottom.gif) 0 0 no-repeat;
}
.detail {
	display: block;
	width: 515px;
       height: auto;
       padding: 10px 0;
       background: url(../images/detail_bg_middle.gif) 0 0 repeat-y;
}
*html .detail {
	display: block;
	width: 515px;
       height: auto;
       margin-top: -8px;
       padding: 10px 0;
       background: url(../images/detail_bg_middle.gif) 0 0 repeat-y;
}
.titleArea {
	display: block;
	width: 455px;
       height: 50px;
       margin: 0 auto;
       padding: 8px 3px 5px 8px;
       background: #ecfdc1;
       border-left: solid 7px #8cbe11;
}
h3.date {
	color: #8cbe11;
       font-size: 12px;
       font-weight: bold;
}
h2.post_title {
	color: #000;
       font-size: 16px;
       font-weight: bold;
       margin-top: 3px;
}
.post {
	display: block;
	width: 455px;
       height: auto;
       margin: 20px auto;
}
ul.metaData {
	display: block;
	width: 455px;
       height: 15px;
       margin: 15px auto 10px auto;
       padding-top: 10px;
       color: #000;
       border-top: solid 1px #ccc;
}
ul.metaData li.md01 a,
ul.metaData li.md02 a {
	float: left;
       margin-right: 10px;
       color: #000;
}
*:first-child+html ul.metaData {
	display: block;
	width: 455px;
       height: 30px;
       margin: 15px auto 10px auto;
       padding-top: 10px;
       color: #000;
       border-top: solid 1px #ccc;
}

/* :::::::::: カレンダー :::::::::: */
#calendar table {
       display: block;
       width: 200px;
       height: auto;
       margin: 0 auto 20px auto;
       border: solid 2px #8cbe11;
       background: #fff;
       color: #000;
}
#calendar  th {
	font-family: ' MSゴシック', osaka;
	text-align: center;
        padding: 2px 5px;
        font-size: 95%;
       color: #000;
}
#calendar  td {
	font-family: Verdana, Arial, sans-serif, Helvetica;
	text-align: center;
        padding: 2px 4px;
}
#calendar caption {
        width: 100%;
	font-family: Verdana, Arial, sans-serif, Helvetica,' MSゴシック', osaka;
	font-weight: bold;
        font-size: 95%;
       margin-bottom: 0;
       color: #000;
       background: #8cbe11;
}
#calendar  .today {
	font-family: Verdana, Arial, sans-serif, Helvetica;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
       background: url(../../images/cld_today_waku.gif) 0 2px no-repeat;
}
#calendar  .past {
	font-family: Verdana, Arial, sans-serif, Helvetica;
	text-align: center;
       color: #ecfdc1;
	font-weight: bold;
       background: url(../../images/cld_past_waku.gif) 0 2px no-repeat;
}

/* :::::::::: サイドナビゲーション :::::::::: */
#newEntry,
#category,
#monthly {
       display: block;
       width: 200px;
       height: auto;
       margin: 0 auto 20px auto;
}
#newEntry p#title,
#category p#title,
#monthly p#title {
       display: block;
       width: 200px;
       height: 41px;
       margin: 0 auto 10px auto;
       text-indent: -9999px;
}
*html #newEntry p#title,
*html #category p#title,
*html #monthly p#title {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = 	"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
)
);
}
#newEntry p#title {
       background: url(../images/new_entry.png) 0 0 no-repeat;
}
#category p#title {
       background: url(../images/category.png) 0 0 no-repeat;
}
#monthly p#title {
       background: url(../images/monthly.png) 0 0 no-repeat;
}
#newEntry dl,
#category dl,
#monthly dl {
       clear: left;
       display: block;
       width: 180px;
       height: auto;
       margin: 5px auto;
}
#newEntry dl dt,
#category dl dt,
#monthly dl dt {
       float: left;
       display: block;
       width: 11px;
       height: 15px;
       margin: 0;
       background: url(../images/cross.png) 0 4px no-repeat;
       text-indent: -9999px;
}
#newEntry dl dd a,
#category dl dd a,
#monthly dl dd a {
       float: left;
       display: block;
       width: 155px;
       height: auto;
       margin: 0 0 15px 10px;
       line-height: 150%;
       color: #000;
}

/* :::::::::: トラックバック :::::::::: */
#trackback_area {
	width: 515px;
	font-size: 80%;
	margin-top: 40px;
}
#trackback_area h3 {
	font-size: 14px;
	line-height: 160%;
	border-bottom: dotted 1px #999;
	margin-bottom: 10px;
}
#trackback_area dl.trackback {
	margin-bottom: 15px;
	padding: 10px;
	border: solid 1px #c6c6c6;
	background-color: #efefef;
}
#trackback_area dl.trackback dt {
	float: left;
	width: 110px;
	padding-left: 3px;
}
#trackback_area dl.trackback dd {
	padding-left: 70px;
}
#trackback_area dl.trackback dd input {
	width: 365px;
	height: 14px;
	padding: 2px;
	border: solid 1px #b7b7b7;
	font-size: 12px;
}
#trackback_area .tb {
	margin-bottom: 15px;
}
#trackback_area .tb h4 {
	font-size: 12px;
}

/* :::::::::: コメント :::::::::: */
#comment_area {
	width: 515px;
	font-size: 80%;
	margin-top: 40px;
}
#comment_area h3 {
	font-size: 14px;
	line-height: 160%;
	border-bottom: dotted 1px #999;
	margin-bottom: 10px;
}
#comment_area .cm {
	margin-bottom: 15px;
}
#comment_area .cm h4 {
	font-size: 12px;
}