/* css reset */
* {
 margin:0;
 padding:0;
 font-style:normal;
 font-size:100%;
 word-break:break-all;
}
div {overflow:hidden}
i {font-style:italic} 
a img {border:none}

/* ###############set layout############### */
body {width:960px}
/* left menu */
#leftMenu {
 float:left;
 width:220px;
 padding:20px 0 10px;
}

/* right menu */
#rightMenu {
 float:right;
 width:220px;
 padding:20px 0 10px;
}
/* main contents */
#columnContents {
 float:left;
 width:490px;
 margin-left:15px;
}
/* ###############load background############### */
li {background:url('../html/images/li_header.gif') no-repeat 0 3px}
#header {background:url('../html/images/header.gif') 50% 0 no-repeat}
#footer {background:url('../html/images/f_bg.gif') 50% 0 no-repeat}
div.plugin p.title {background:url('../html/images/p_title.gif') no-repeat}
div#columnContents h2 {background:url('../html/images/e_title.gif') no-repeat}
div.ubc div.body li,div.ubc div.extend li{background:none ! important}
div.ubc {background:url('../html/images/e_bg.gif') right bottom no-repeat}
/* ###############set color pattern############### */
body {color:#333333}
a, h2 a:hover {
 color:#0099cc;
 text-decoration:none;
}
a:hover {color:#cc0033}
p.toPagetop a {color:#333333}
#header,#footer {color:#333}
#headline {color:#555}
#header a,#footer a {color:#333}
#header a:hover.#footer a:hover {color:#cc3333}
h2, h2 a {color:#333}
h2 {border-bottom:2px solid #e60c30}
table.pageNavi {
 background-color:#eee;
 color:#FF3399
}
table.list th {
 background-color:#e8e4e0;
 color:#003c49
}
table.list td {background-color:#ffffff}
table.list th,table.list td {border:1px solid #b2b2b2}
table.pageNavi td.prev {color:#f8f4f0}
div.contentBlock {
 border:1px solid #b2b2b2;
 background-color:#ffffff;
 color:#000000;
}
table.pageNavi a {color:#003c49}
div.plugin p.title {
 border-bottom:1px solid #b2b2b2;
 color:#cc3333;
}
div.plugin p.title a {color:#003c49}
table.profile td {border:1px solid #b2b2b2}
table.profile th {
 border-right:1px solid #b2b2b2;
 color:#003c49;
}
div.calender table th {
 color:#999;
 border-bottom:1px solid #eee;
}
div.calender table th.clsat,div.calender table td.clsat {color:#0000ff}
div.calender table th.clsun,div.calender table td.clsun {color:#ff0000}
div.ubc p.date {color:#006080}
div.ubc p.posted {
 border-top:1px solid #b2b2b2;
 color:#8fabbe
}
div.ubc p.posted a {color:#8fabbe}
div.ubc p.posted a:hover {color:#ff9900}
#ubcTrackback {border-top:1px dashed #b2b2b2}
#ubcComment div.content {border:1px solid #b2b2b2}
#ubcTrackback p.posted,#ubcComment p.posted {
 border-bottom:1px solid #b2b2b2;
 background-color:#f8f4f0;
 color:#003c49;
}
#ubcTrackback p.posted a,#ubcComment p.posted a {color:#003c49}
#ubcTrackback p.pageNavi,#ubcComment p.pageNavi {color:#003c49}
#ubcComment table.commentForm th {
 border:1px solid #b2b2b2;
 background-color:#f8f4f0;
 color:#003c49;
}
#ubcComment p.submitBack a {color:#999999}
#ubcComment p.submitBack a:hover {
 background-color:#e8e4e0;
 color:#003c49;
}
/* ###############base setting############### */
body {
 margin:0 auto 10px;
 font-size:80%;
}
ul {
 list-style-type:none;
 list-style-position:outside;
}
#leftMenu ul li,#rightMenu ul li {
 margin:0 1em;
 padding:0 1em;
}
#columnContents li,#contents li {
 margin-left:1em;
 padding:0 1em;
}
ol {
 margin-left:2em;
}
#columnContents ol,#contents ol li {
 margin-left:0.5em;
 padding:0;
}

/* ###############pagetop############### */
#pagetopParagraph {
 position:absolute;
 top:-1em;
 line-height:1;
 visibility:hidden;
}
p.toPagetop {
 margin:10px 0 5px;
 text-align:right;
}
/* ###############header############### */
#header {
 margin-top:10px;
 min-height:120px;
 padding:32px 100px 0 120px;
}
#header h1 {
 line-height:24px;
 font-size:18px;
}
#header h1 a {
	padding-right:20px;
	background:#fff;
}
#headline {
 font-size:14px;
 line-height:20px;
 margin-left:1em
}
/* ###############footer############### */
#footer {
 clear:both;
 font-size:14px;
 line-height:30px;
 text-align:center;
 margin-bottom:10px;
 padding-top:40px;
}
/* ###############main contents############### */
/* content block */
h2 {
 line-height:130%;
 font-size:120%;
 font-weight:bold;
}
div#columnContents h2 {
 font-size:24px;
 padding:0 10px 0 20px;
}
div#columnContents div.ubc, #columnContents div.plugin {padding-top:5px}
/* page navigation */
p.toBlogTop {
 margin:5px 10px 5px 10px;
 text-align:right;
 font-size:85%;
}
table.pageNavi {width:100%}
table.pageNavi td {
 padding-top:1px;
 vertical-align:middle;
}
table.pageNavi td.prev {
 width:33%;
 padding-left:3px;
 font-size:85%;
}

table.pageNavi td.now {
 width:34%;
 text-align:center;
}

table.pageNavi td.next {
 width:33%;
 padding-right:3px;
 text-align:right;
 font-size:85%;
}

/* plugin loop */
div.plugin {
 margin-bottom:10px;
 padding-bottom:10px;
 overflow:hidden;
}

div.plugin p.title {
 font-size:120%;
 line-height:160%;
	text-indent:20px;
 margin-bottom:0.5em;
}
div.plugin p.title img {vertical-align:bottom}
div.plugin div.body {
 margin:5px;
 line-height:1.3;
}
div.plugin p,#syndicate {padding:5px}
div.plugin dl {margin:0 5px 5px}
p.pluginSitemap {margin:10px 0}
p.banner {text-align:center}
#syndicate div.banner,p.sitemapBanner,p.qrcode {
 padding-bottom:3px;
 text-align:center;
}
div.freeComment {
 margin:0 10px 10px;
 line-height:1.2;
}
#sitemap h3 {margin:10px 0}
#sitemap ul {
 margin:0 0 5px;
 padding:0 0 10px 20px;
 overflow:hidden;
}
#sitemap ul li {
 margin:0 0 5px;
 background:none;
}
/* profile */
div.plugin dd.profile {padding:0}
div.plugin table.profile {
 width:180px;
 margin:5px auto;
 border-collapse:collapse;
}
div.plugin div.profileImages {text-align:center}
div.plugin div.profileImages img {padding:3px 0}
table.profile th,table.profile td {padding:2px 4px}
table.profile th {text-align:center}
table.profile td {width:120px}
/* calender */
div.calender {margin:0 auto 20px;text-align:center}
div.calender * {overflow:visible}
div.calender table {
 margin:3px auto 0;
 border-collapse:collapse;
}
div.calender table th,div.calender table td {padding:2px 5px}
div.calender table th {text-align:center}
/* rss img */
div.plugin p.rss {
 margin-top:3px;
 text-align:right;
 line-height:1;
}
/* font size set for contribute */
span.xxs {font-size: xx-small}
span.xs {font-size: x-small}
span.s {font-size: small}
span.l {font-size: large}
span.xl {font-size: x-large}
span.xxl {font-size: xx-large}
/* ubcBlock */
div.ubc {
 margin:10px 0;
 padding-bottom:10px;
 overflow:hidden;
}
div.ubc p.category {padding-top:10px}
div.ubc p.date, div.ubc p.permalink {
 padding-right:5px;
 text-align:right;
 font-size:85%;
}
div.ubc div.body,div.ubc div.extend {
 padding:0 10px;
 line-height:1.5;
}
div.ubc div.extend {margin:10px 0}
div.ubc p.imtag {margin-bottom:3px}
div.ubc p.morelink {
 margin:0 5px 5px;
 text-align:right;
}
div.ubc p.posted {
 padding:4px 5px 0;
 text-align:right;
 font-size:85%;
}
div.ubc p.parentLink {
 margin:4px 10px 0 0;
 text-align:right;
 line-height:1;
}
/* trackback & comment */
#ubcTrackback {
 margin:0 0 20px 0;
 padding-top:10px;
}
#ubcComment {margin:0 0 20px 0}
#ubcComment h3 {margin:20px 0}
#ubcTrackback p.tburl {margin:3px 0 10px 10px}
#ubcTrackback input {
  margin: 3px 0 10px 0;
  width: 335px;
}
#ubcTrackback div.content,
#ubcComment div.content {margin:10px 0 10px 0}
#ubcTrackback p.posted,#ubcComment p.posted {
 padding:2px 4px;
 overflow:hidden;
}
#ubcTrackback p.pageNavi,#ubcComment p.pageNavi {padding:2px 0 1px 5px}
#ubcTrackback div.content div.body,
#ubcComment div.content div.body {
 padding:3px 5px;
 overflow:hidden;
}
#ubcComment table.commentForm {margin:10px 0}
#ubcComment table.commentForm th {
 width:4.5em;
 vertical-align:top;
}
#ubcComment table.commentForm td {margin:-1em 0 5px 4em}
#ubcComment table.commentForm input {width:280p}
#ubcComment table.commentForm textarea {
 width:280px;
 height:8em;
}
#ubcComment form {
 width:100%;
 margin-bottom:20px;
 padding:5px 0 10px;
}
#ubcComment p.submit {
 margin:0 auto;
 text-align:center;
}
#ubcComment p.submit input {
 width:200px;
}
#ubcComment p.submitBack {text-align:center}
#ubcComment p.submitBack a {padding:2px 4px}
/* search result */
#searchResults p.result {margin:5px 0}
/*reader*/
#plugin_reader, #p_search {text-align:center}
/*sitemap*/
#sitema_ul {list-style:inside square !important;color:#ccc}
#sitemap_ul li {line-height:120%;margin:0.3em 0}