@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;
background:#8BBEEA;
}
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 :768px; margin:0 auto;border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;background:#8BBEEA url(images/main_bg.gif) no-repeat;}

/*------------banner------------*/
#banner { clear:both; width: 340px;height:150px; margin-left:40px; padding-top:98px;}
#banner h1 { font-size: 20px; line-height: 1.1;padding-bottom:30px;}
#banner h1 a{ color: #036;}
#banner span.lead{font-size: 12px;display:block; color: #0A2362;}

/*------------content------------*/
#content {border-top:1px solid #fff; width: 770px; margin:0 auto;padding-top:10px;}


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

/*--side common--*/
#side{ float: left; width: 185px;padding:0px 5px 0px 10px;	/* written by ie5xConvert -begin */
/*for winie5x*/
width: 200px;
voice-family: "\"}\"";
voice-family: inherit;
/*for other*/
width: 185px;
/* written by ie5xConvert -end */
}
#side div.sidebar { font-size: x-small; color: #666; width: 190px; overflow: hidden; word-break: break-all; background:#fff; margin-bottom:10px;}
#side div.sidebar h3{color:#009900;font-size: x-small; border-bottom:2px dotted #009900; padding: 7px 9px 7px 30px; line-height:1.2; background:#CCFFCC url(images/side_h3_icon.gif) no-repeat 2px 0px; }
#side div.sidebar h3 span.text { display:block; }
#side div.sidebar ul{margin:0px; padding: 6px 6px 3px 8px;}
#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; background-color: #FFCC00; text-align: center; font-size: 10px; line-height: 18px; margin: 10px 6px 10px 6px; color: #fff; height: 18px;}
#side div.rss-reader a { text-decoration: none; color:#fff; }


/*--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;}

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


#rssfeed {
font-size:x-small;
padding: 0px 12px;
}

#side div#rss { padding: 10px 0px 10px 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 { width: 550px; float: right; overflow: hidden;padding-right:10px;	/* written by ie5xConvert -begin */
/*for winie5x*/
width: 560px;
voice-family: "\"}\"";
voice-family: inherit;
/*for other*/
width: 550px;
/* written by ie5xConvert -end */
}

/*--archive--*/
#main div.archive-title{ width: 540px; font-size: small; margin-bottom:3px; line-height:1.2;}
#main div.archive-bottom{ width: 540px; font-size: small; padding: 5px; line-height:1.2; padding-top:10px; 	/* written by ie5xConvert -begin */
/*for winie5x*/
width: 550px;
voice-family: "\"}\"";
voice-family: inherit;
/*for other*/
width: 540px;
/* written by ie5xConvert -end */
}
#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: 550px;height:10px;background: url(images/main_article_head.gif) no-repeat;font: 0px/0px sans-serif;}
.articles-bottom {width: 550px;height:10px;background: url(images/main_article_foot.gif) no-repeat;font: 0px/0px sans-serif;}*/
.articles { clear:both;width: 550px; line-height: 166%;background:#fff;margin-bottom:-5px; padding-bottom:10px; }


.articles img { margin-right: 10px; margin-bottom: 10px;}
.articles h3{ color:#fff; font-size: small; font-weight: bold; line-height:1.3;background:#009933 url(images/articles_h3_icon.gif) no-repeat; padding: 7px 5px 7px 35px}
.articles h3 a{ text-decoration: none; color:#fff; }
.articles h3 a:hover{ text-decoration: underline; }
.articles div.posted{font-size: x-small; line-height:1.5;  padding: 10px;border-top:2px dotted #666;}
.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: 10px}
.articles p p {margin-left: 0px; margin-right: 0px}

/*-- nice!--*/
#nice {width:515px; clear:both;margin-left: 10px;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 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{ color:#fff; clear:both; width: 770px; height: 52px; margin: 0px auto; padding:12px 0px; line-height:150%; font-size: x-small; font-family: Geneva,Verdana,sans-serif; 	
/* written by ie5xConvert -begin */
/*for winie5x*/
width: 770px;
height: 76px;
voice-family: "\"}\"";
voice-family: inherit;
/*for other*/
width: 770px;
height: 52px;
/* written by ie5xConvert -end */
}
#footer .copyright{ padding-right: 5px; vertical-align:middle; float:right;}