@charset "UTF-8";

/*------------common------------*/
body { font: small/1.3 Geneva,Verdana,sans-serif;
	font-size:x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:small;
}
input ,form ,dl ,dt ,dd ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,div,fieldset,legend ,body { margin: 0px; padding: 0px;}
input,textarea {font-family: "Hiragino Kaku Gothic Pro W3", Osaka, Geneva,Verdana,sans-serif;}
textarea, select, option{ line-height: 140%;}
a {text-decoration: none; color:#036;}
a:hover{ text-decoration: underline;}
.nice{ border: #0090FF 1px solid; background-color: #FFD900; padding: 0px 2px 0px 2px; margin: 0; color: #0090FF;}

#container { width :770px; margin:0 auto; background:#7c581b url(images/main_bg.gif) no-repeat;}


/*------------banner------------*/
#banner { clear:both; width: 500px;height: 190px; margin-left: 60px; padding-top:82px;}
#banner h1 { font-size: 20px; line-height: 1.2; }
#banner h1 a{ color: #fff;}
#banner span.lead{font-size: 12px;display:block; color: #fff;margin-top: 7px}


/*------------content------------*/
#content { width: 760px; margin:0 auto;}
/* mac ie hack \*/
#content {width: 750px;}
/* mac ie hack */

/*------------side------------*/

/*--side common--*/
#side{ float: left; width: 186px; padding-top:8px; background: url(images/side_head_bg.gif) no-repeat;  }
#side div.sidebar { font-size: x-small; color: #666; width: 186px; overflow: hidden; word-break: break-all;background:#f8f6f3;padding-top: 5px;}
#side div.sidebar h3{font-size: x-small; margin-left:7px; margin-right:7px; padding: 6px 2px 5px 38px; line-height:1.2; border-bottom:1px solid #666; background: url(images/side_h3_icon.gif) no-repeat; }
#side div.sidebar h3 span.text { display:block; }
#side div.sidebar ul{margin:0px; padding: 9px 6px 3px 12px;}
#side div.sidebar li { list-style-type: none; padding-bottom: 9px;}

.new { padding-left:6px; color: #f00; font-weight:bold;}

/*--profile--*/
#side div.sidebar div#profile{ padding: 10px 6px 0px 6px; line-height:1.6; overflow: hidden;}
#side div.sidebar div#profile img{ float: left; display:block; padding: 0px 6px 10px 0px;}
#side div.sidebar div#profile div.status{ float: left;}
#side div.sidebar div#profile span.profileLink{ background: url(images/profile_arrowR_small.gif) no-repeat 0px 1px; padding: 0px 0px 0px 12px;}
#side div.sidebar div#profile div.profile-end { clear:both;}


/*--calendar--*/
#side div.sidebar div#calendar{ padding: 6px 12px;}
#side div.sidebar div#calendar div.calendar-date{ text-align:center;}
#side div.sidebar div#calendar table { font-size: x-small; text-align: center; padding: 2px; border: 0px;}
#side div.sidebar div#calendar td{ height: 20px; width: 20px; color: #333; text-align: center; line-height: 1.3; border: 0px;}
#side div.sidebar div#calendar td.link { background: url(images/calendar_link_bg.gif) no-repeat center center;}

/*--rss--*/
#side div.rss-reader { background: url(images/rss_arrowR_large.gif) no-repeat; text-align: center; font-size: 10px; line-height: 18px; padding: 3px 0px 3px 0px;  color: #fff; height: 18px;	
	/* written by ie5xConvert -begin */
	/*for winie5x*/
	height: 24px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	height: 18px;
	/* written by ie5xConvert -end */
}
#side div.rss-reader a { text-decoration: none; color:#333; }


/*--search--*/
#side div.sidebar form.search { padding: 6px 6px 6px 12px; font-size: x-small;}
#side div.sidebar form.search input { width:120px; height:16px; }
#side div.sidebar form.search input.Button { width:40px; height:20px;}
#side div.sidebar div.search-end {padding-bottom:10px;}

/*--powered and rss--*/
#side div#powered {background:#f8f6f3; padding: 10px 12px 0px 12px;}
#side div#powered img { border:0;}

#rssfeed {
	font-size:x-small;
	background:#f8f6f3 url(images/side_foot_bg.gif) no-repeat bottom; 
	padding: 10px 0px 20px 12px;
}

/*------------
#side div#rss {background:#f8f6f3 url(images/side_foot_bg.gif) no-repeat bottom; padding: 10px 0px 20px 0px;}
#side div#rss img {padding: 0px 0px 10px 12px; border:0;}
------------*/

/* customPanel */
#side div.sidebar div.customPane-body { padding: 6px 6px 9px 12px;}


/*------------main------------*/
#main {padding-bottom:240px;background:#7c581b url(images/foot_bg.gif) no-repeat right bottom; width: 556px; float: right; overflow: hidden;}

/*--archive--*/
#main div.archive-title{color:#fff; width: 540px; font-size: small; margin-bottom:3px; line-height:1.2;}
#main div.archive-bottom{color:#fff; width: 540px; font-size: small; padding: 5px; line-height:1.2; 	/* written by ie5xConvert -begin */
	/*for winie5x*/
	width: 550px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	width: 540px;
	/* written by ie5xConvert -end */
}
#main div.archive-title a { color:#fff;}
#main div.archive-bottom a { color:#fff;}
#main span.archive-name{ float: left;}
#main span.previousLink{ background: url(images/archive_arrowL_small.gif) no-repeat left center; padding-left: 14px;}
#main span.nextLink{ background: url(images/archive_arrowR_small.gif) no-repeat right center; padding-right: 14px;}
#main span.archive-links{ background: url(images/archive_arrow_small.gif) no-repeat left center; padding-left: 14px; font-size: x-small; float: right; line-height:1.5;}


/*--articles--*/
.articles-top {width: 556px;height:43px;background: url(images/main_article_head.gif) no-repeat;font: 0px/0px sans-serif;}
.articles-bottom {width: 556px;height:20px;background: url(images/main_article_foot.gif) no-repeat;font: 0px/0px sans-serif;}
.articles { clear:both;width: 556px; line-height: 166%;  background: url(images/main_article_bg.gif); overflow: hidden;}
.articles img { margin-right: 10px; margin-bottom: 10px;}
.articles h3{ color:#70879A2; font-size: small; font-weight: bold; line-height:1.3; padding: 7px 7px 7px 11px;background: url(images/main_h3_bg.gif) no-repeat 5px bottom; }
.articles h3 a{ text-decoration: none; color:#0879A2; }
.articles h3 a:hover{ text-decoration: underline; }
.articles div.posted{margin-left: 10px; margin-right: 10px; background: url(images/posted_bg.gif) no-repeat right bottom;font-size: x-small; line-height:1.5; padding: 30px 120px 5px 0px; }
.articles font { line-height: 140%;}
.articles-bottom { clear:both;}
.articles h4{ padding: 0px 0px 0px 6px; margin: 0px; font-size: small; font-weight: bold;}
.articles td{ font-size: small; line-height: 166%;}
.articles p {margin-left: 10px; margin-right: 15px}
.articles p p {margin-left: 0px; margin-right: 0px}

/*-- nice!--*/
#nice {width:515px;margin-left: 10px; clear:both;margin-bottom: 12px; padding: 6px 6px 0px 7px; border: 1px #A0AAB9 solid; overflow: hidden; 	
	/* written by ie5xConvert -begin */
	/*for winie5x*/
	width: 530px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	width: 515px;
	/* written by ie5xConvert -end */
}
#nice h4.nice-title { background: url(images/icon-nice.gif) no-repeat 0px 4px; padding: 3px 3px 3px 25px; font-size: small; font-weight: bold;}
#nice td{ font-size: x-small; line-height: 120%;}
#nice form{ margin: 12px 0px 12px 0px;}



/*--comments--*/
#comments{width:522px;margin-left: 10px;margin-bottom: 12px; padding: 6px 6px 0px 0px; border: 1px #A0AAB9 solid; overflow: hidden; 	
	/* written by ie5xConvert -begin */
	/*for winie5x*/
	width: 530px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	width: 522px;
	/* written by ie5xConvert -end */
}
#comments form{ margin: 12px 0px 12px 0px;}
.comments{ font-family: Geneva,Verdana,sans-serif; font-size: small; line-height: 150%; text-align: left; margin: 24px 0px 12px 6px;}
.comments-namecard{ width: 48px; float: left; text-align:center;}
.comments-body{ width: 420px; font-family: Geneva,Verdana,sans-serif; line-height: 166%; margin-left: 50px;}
#comments .delete{ margin: 12px 0px 6px 60px;}



/*--comment-write--*/
#comment-write{width:522px;margin-left: 10px; margin-bottom: 12px; padding: 6px 6px 0px 0px; border: 1px #A0AAB9 solid; overflow: hidden; 	
	/* written by ie5xConvert -begin */
	/*for winie5x*/
	width: 530px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	width: 522px;
	/* written by ie5xConvert -end */
}
.comment-write{ font-family: Geneva,Verdana,sans-serif; font-size: x-small; line-height: 166%; margin: 12px 0px 12px 6px;}
.comment-write textarea{ width: 400px; padding: 0px; margin: 0px 0px 6px 0px;}
.caption{ font-size:x-small; line-height:166%; font-family: Geneva,Verdana,sans-serif;}



/*---trackback-- */
#trackback{width:522px;margin-left: 10px;  padding: 6px 6px 10px 0px; border: 1px #A0AAB9 solid; 	
	/* written by ie5xConvert -begin */
	/*for winie5x*/
	width: 530px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	width: 522px;
	/* written by ie5xConvert -end */
}
#trackback div.trackback { font-family: Geneva,Verdana,sans-serif; margin: 12px 0px 12px 6px;}
#trackback .trackback input{ margin-top: 6px;}


/* related */
#related {width:522px;margin-left: 10px; margin-bottom: 12px; padding: 6px 6px 0px 0px; border: 1px #A0AAB9 solid; 	
	/* written by ie5xConvert -begin */
	/*for winie5x*/
	width: 530px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*for other*/
	width: 522px;
	/* written by ie5xConvert -end */
}
#related div.related { color: #333; margin: 12px 0px 12px 6px;}
#related div.related ul {margin-left:20px;}
#related div.related ul li { padding-bottom:5px;}



/* blockquote */
blockquote { border: 1px solid #ccc; margin: 12px 15px 12px 10px; padding: 6px; background:#fff; line-height: 166%;}



/*--amazon--*/
.sonet-asin-area{ margin-left: 10px; margin-right: 15px; padding-bottom: 12px; clear: both;}
.sonet-asin-image{ padding-right: 12px; border: 0; float: left;}
p.sonet-asin-title{ padding: 0px 6px 0px 6px; margin-top: 0px; margin-bottom: 3px;}
.sonet-asin-info ul{ padding: 0px 6px 0px 6px; margin: 0;}
li.sonet-asin-label{ color: #333333; line-height: 140%; list-style-type: none; font-size: x-small; margin-bottom: 6px; }
.sonet-asin-break{ clear:both;}



/*---------------footer---------------*/
#footer{background:#7c581b; color:#fff; clear:both; width: 770px; height: 52px; margin: 0px auto; padding:0px 0px 0px 0px; line-height:150%; font-size: x-small; font-family: Geneva,Verdana,sans-serif; text-align:right; }
#footer .copyright{ padding-right: 5px; vertical-align:middle;}