@charset "utf-8";
body {
	background: url(/blog/img/background.gif);
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", Osaka, "メイリオ", "Meiryo", "MS PGothic", Sans-Serif;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	color: #444444;
}


/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*

	for contents base

*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
img {
	border: none;
	vertical-align: bottom;
}

input, textarea, table {
	font-size: 100%;
}

p, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, address {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ul, ol {
	list-style: none;
}


/*------------------------------
	clearfix
------------------------------*/
/* Modern browsers like Firefox, Safari, Opera */
.cfx:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* IE 7 and MacIE*/
.cfx {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .cfx {
	height: 1%;
}
.cfx {
	display: block;
}
/* End hide from IE-mac */


/*------------------------------
	font size demo
------------------------------*/
/*#demo1 {font-size: 77%;} /*renders 10px */
/*#demo2 {font-size: 85%;} /*renders 11px */ 
/*#demo3 {font-size: 93%;} /*renders 12px */
/*#demo4 {font-size: 100%;} /*renders 13px */
/*#demo5 {font-size: 108%;} /*renders 14px */
/*#demo6 {font-size: 116%;} /*renders 15px */
/*#demo7 {font-size: 123.1%;} /*renders 16px */
/*#demo8 {font-size: 131%;} /*renders 17px */
/*#demo9 {font-size: 138.5%;} /*renders 18px */
/*#demo10 {font-size: 146.5%;} /*renders 19px */
/*#demo11 {font-size: 153.9%;} /*renders 20px */
/*#demo12 {font-size: 161.6%;} /*renders 21px */
/*#demo13 {font-size: 167%;} /*renders 22px */

/*link color*/
a:link{
	color: #212121;
	text-decoration: none;
}
a:visited{
	color: #212121;
	text-decoration: none;
}
a:active{
	color: #212121;
	text-decoration: underline;
}
a:hover{
	color: #212121;
	text-decoration: underline;
}


/*archive link*/
#archiveLink {
	border-top: 1px solid #cccccc;
	text-align: center;
	padding: 8px 0 30px;
	position: relative;
}
#archiveLink li#previous {
	background: url(/blog/img/icon_prev.gif) 0 center no-repeat;
	padding: 0 0 0 15px;
	float: left;
}
#archiveLink li#archives {
	background: url(/blog/img/icon_archives.gif) 0 center no-repeat;
	padding: 0 0 0 15px;
	position: absolute;
	left: 42%;
}
#archiveLink li#next {
	background: url(/blog/img/icon_next.gif) right center no-repeat;
	padding: 0 15px 0 0;
	float: right;
}


/*base box set*/
#container {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}

#container #wrapper {
	background: #FFFFFF;
	padding: 18px 20px 30px;
	overflow: hidden;
}

#container #wrapper #content {
	width: 650px;
	float: left;
	overflow: hidden;
}

#container #wrapper #content #main {
	width: 460px;
	padding: 0;
	float: right;
	overflow: hidden;
}

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*

	for header

*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
#container #header {
	background: #000000;
	overflow: hidden;
	font-size: 85%;
	line-height: 100%;
}
#container #header p#logo {
	padding: 9px 12px 9px 20px;
	float: left;
}
#container #header h1 {
	color: #cccccc;
	font-weight: normal;
	float: left;
	margin: 19px 0 0;
}
#container #header p#officlalLink {
	background: url(/blog/img/arrow_yellow.gif) left center no-repeat;
	float: right;
	text-align: right;
	padding: 0 20px 0 10px;
	margin: 19px 0 0;
}

#container #header p#officlalLink a:link{
	color: #cccccc;
	text-decoration: none;
}
#container #header p#officlalLink a:visited{
	color: #cccccc;
	text-decoration: none;
}
#container #header p#officlalLink a:active{
	color: #cccccc;
	text-decoration: underline;
}
#container #header p#officlalLink a:hover{
	color: #cccccc;
	text-decoration: underline;
}


/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*

	for footer

*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
#container #footer {
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #666666;
	background: #000000;
	color: #666666;
	font-size: 80%;
}

#container #footer address {
	padding: 15px 20px 0;
	font-style: normal;
}

#container #footer p.caption {
	padding: 3px 20px;
}

#container #footer p#logo-hdj {
	position: absolute;
	top: 15px;
	right: 103px;
}

#container #footer p#logo-buellcom {
	position:absolute;
	top: 15px;
	right: 20px;
}


/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*

	for side navigation

*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/

#leftNav {
	width: 160px;
	float: left;
	padding: 6px 0 0;
	line-height: 140%;
	letter-spacing: 0.1em;
}

#leftNav h3 {
	margin: 0 0 10px;
}

/* category area settings */
#leftNav .staffArea {
	padding: 30px 0;
}
#leftNav .category {
	border-top: 1px solid #c5c5c5;
	font-size: 85%;
}
#leftNav .category li {
	background: url(/blog/img/dotline_w160.gif) left bottom no-repeat;
	padding: 10px 0;
}
#leftNav .category li a,
#leftNav .category li span {
	background: url(/blog/img/arrow_black.gif) 0 1px no-repeat;
	padding: 0 0 0 19px;
	display: inline-block;
}

/* search area settings */
#leftNav #searchArea {
	margin: 0 0 25px;
	position: relative;
}
#leftNav #searchArea input {
	margin: 0;
	padding: 0;
}
#leftNav #searchArea #search {
	width: 122px;
	height: 15px;
}
#leftNav #searchArea #searchBt {
	position: absolute;
	top: -2px;
	right: 0;
}
#leftNav #searchArea p {
	font-size: 85%;
	margin: 5px 0 0;
}
#leftNav #searchArea a {
	color: #0066cc;
}

/* calender area settings */
#leftNav #caleArea {
	font-size: 85%;
}
#leftNav #caleArea a {
	color: #0066cc;
}

#leftNav #caleArea table {
	width: 160px;
	border-collapse: collapse;
	margin: 0 0 0 -1px;
	letter-spacing: 0;
}
#leftNav #caleArea table th {
	border-collapse: collapse;
	border: 1px solid #ffffff;
	padding: 0;
}
#leftNav #caleArea table td {
	background: #e5eaec;
	border-collapse: collapse;
	border: 1px solid #ffffff;
	padding: 0;
	text-align: center;
	line-height: 22px;
}
#leftNav #caleArea table td a {
	display: block;
	width: 100%;
	height: 100%;
}
#leftNav #caleArea table td.today {
	background: #929da0;
	color: #ffffff;
}
#leftNav #caleArea ul#calenderList {
	text-align: center;
	line-height: 100%;
	margin: 8px 0 10px;
	position: relative;
}
#leftNav #caleArea ul#calenderList li {
}
#leftNav #caleArea ul#calenderList li#prevCal {
	float: left;
	padding: 0 0 0 20px;
}
#leftNav #caleArea ul#calenderList li#years {
	position: absolute;
	left: 30%;
}
#leftNav #caleArea ul#calenderList li#nextCal {
	float: right;
	padding: 0 20px 0 0;
}

/* monthlyArchive area settings */
#leftNav #monthlyArchive {
	background: url(/blog/img/dotline_w160.gif) no-repeat;
	margin: 20px 0 30px;
	padding: 1px 0 0;
}
#leftNav #monthlyArchive li {
	background: url(/blog/img/dotline_w160.gif) left bottom no-repeat;
	padding: 10px 0;
}
#leftNav #monthlyArchive li a {
	background: url(/blog/img/arrow_black.gif) 0 center no-repeat;
	padding: 0 0 0 19px;
	display: inline-block;
}


#rightNav {
	width: 160px;
	float: right;
	padding: 6px 0 0;
	font-size: 85%;
	line-height: 140%;
	letter-spacing: 0.1em;
}
#rightNav h3 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #cccccc;
}

/* profile area settings */
#rightNav div.profile {
	margin: 0 0 20px;
	width: 160px;
	overflow: hidden;
}
#rightNav div.profile p.profileTxt {
	background: url(/blog/img/dotline_w160.gif) left bottom no-repeat;
	clear: both;
	width: 160px;
	margin: 0 0 10px;
	padding: 5px 0 10px;
}
#rightNav div.profile p.profileImg {
	float: left;
	width: 50px;
	padding: 0;
	margin: 0;
}
#rightNav div.profile dl {
	float: right;
	width: 101px;
}

/* ranking area settings */
#rightNav #ranking {
	margin: 0 0 30px;
}
#rightNav #ranking dt {
	background: url(/blog/img/arrow_black.gif) 0 center no-repeat;
	padding: 0 0 0 19px;
	margin: 0 0 3px;
}
#rightNav #ranking dd {
	background: url(/blog/img/dotline_w160.gif) left bottom no-repeat;
	margin: 0 0 10px;
	padding: 0 0 10px 19px;
}

/* Buell2010 area settings */
#rightNav #Buell2010 {
	margin: 0 0 20px;
}
#rightNav #Buell2010 dl {
	background: url(/blog/img/dotline_w160.gif) left bottom no-repeat;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#rightNav #Buell2010 dl dt {
	margin: 0 0 3px;
}
#rightNav #Buell2010 dl dd{ 
	background: url(/blog/img/arrow_black.gif) 0 1px no-repeat;
	padding: 0 0 0 19px;
	margin: 0 0 0 5px;
}


/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*

	for main

*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
/* entry settings */
#container #wrapper #content #main p.mainBnr {
	margin: 0 0 30px;
}
#container #wrapper #content #main p.date {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 85%;
	color: #666666;
}
#container #wrapper #content #main h2 {
	font-weight: bold;
	font-size: 153.9%;
	color: #222222;
	line-height: 130%;
	border-bottom: 1px solid #cccccc;
	padding: 0 100px 5px 0;
}
#container #wrapper #content #main div.entryBody {
	margin: 8px 0;
	border-bottom: 1px solid #cccccc;
}
#container #wrapper #content #main div.entryBody p {
	margin: 0 0 1em;
	color: #444444;
}
#container #wrapper #content #main div.entryBody p.moreLink {
	background: url(/blog/img/arrow_black.gif) 0 center no-repeat;
	padding: 0 0 0 19px;
}

/* author settings */
#container #wrapper #content #main div.author {
	padding: 0 0 30px;
	clear: both;
}
#container #wrapper #content #main div.author ul {
}
#container #wrapper #content #main div.author ul li {
	float: left;
	margin: 0 7px 0 0;
}
#container #wrapper #content #main div.author ul li.category {
	background: url(/blog/img/dotline_h.gif) right center no-repeat;
	padding: 0 7px 0 0;
}
#container #wrapper #content #main div.author ul li.category-entry {
	background: none;
	padding: 0 7px 0 0;
}
#container #wrapper #content #main div.author ul li.category a,
#container #wrapper #content #main div.author ul li.category-entry a {
	background: url(/blog/img/icon_category.gif) 0 -1px no-repeat;
	padding: 0 0 0 15px;
	color: #666666;
}
#container #wrapper #content #main div.author ul li.permalink a {
	background: url(/blog/img/icon_permalink.gif) 0 -1px no-repeat;
	padding: 0 0 0 15px;
	color: #666666;
}

#container #wrapper #content #main div.author ul.sbs {
	text-align: right;
	float: right;
}
#container #wrapper #content #main div.author ul.sbs li img {
	vertical-align: middle;
}

/* back number settigns */

dl#backNumber {
	margin: 8px 0 10px;
}

dl#backNumber dt {
	clear: left;
	float: left;
	width: 5.5em;
	background: url(/blog/img/arrow_black.gif) 0 center no-repeat;
	padding: 0 0 0 1.5em;
}

dl#backNumber dd {
	padding: 0 0 8px 8em;
}
*html dl#backNumber dd {
	padding: 0 0 8px 0;
	zoom: 1;
}


/* search templete original settigns */
#searchErr {
	margin: 8px 0 10px;
}
#searchErr blockquote {
	margin: 1em 0 1em 20px;
}


/*------------------------------
	comment Entry Area
------------------------------*/
#container #wrapper #content #main #commentEntry {
	margin: 0 0 10px;

}
#container #wrapper #content #main #commentEntry p {
	margin: 1em 0 0;
}
#container #wrapper #content #main #commentEntry p#backLink {
	background: url(/blog/img/icon_prev.gif) 0 center no-repeat;
	padding: 0 0 0 15px;
}