/* css reset */
* {
 margin:0;
 padding:0;
 font-style:normal;
 font-size:100%;
 word-break:break-all;
}

i {
 font-style:italic;
} 

/* base setting*/
html {
 background:#c8c4c0 url('../html/images/bgimg.gif');
}

body {
 width:760px;
 margin:0 auto 10px;
 border-left:1px solid #b2b2b2;
 border-right:1px solid #b2b2b2;
 background-color:#ffffff;
 color:#000000;
 font-size:80%;
}

#leftMenu ul,
#rightMenu ul {
 list-style-type:none;
 list-style-position:outside;
}

#columnContents li,
#contents li {
 margin-left:2em;
 list-style-position:outside;
}

#columnContents li,	/*20070525_ogu add*/
#leftMenu li,
#rightMenu li {
 margin:0 5px 4px;
 padding-left:8px;
 background:url('../html/images/li_header.gif') no-repeat 0 3px;
}

ol {
 margin-left:2em;
 list-style-position:outside;
}

#columnContents ol,			/*20070525_ogu add*/
//#columnContents ol li,	/*20070525_ogu comment*/
#contents ol li {
 margin-left:0.5em;
 padding:0;
 background:none;
}

a img {
 border:none;
}

a:hover {
 color:#ff9900;
}

/* pagetop */
#pagetopParagraph {
 position:absolute;
 top:-1em;
 line-height:1;
 visibility:hidden;
}

p.toPagetop {
 margin:10px 0 5px;
 text-align:right;
 font-size:85%;
}

p.toPagetop a {
 color:#333333;
 text-decoration:none;
}

p.toPagetop a:hover {
 color:#333333;
 text-decoration:underline;
}

/* header */
#header {
 padding:5px 0 10px;
 border-bottom:1px solid #b2b2b2;
 background:#e8e4e0 url('../html/images/head_bg.jpg') bottom;
 color:#003c49;
}

#header h1 {
 padding:0 10px 5px 20px;
 font-size:180%;
 font-weight:normal;
}

#header a {
 color:#003c49;
 text-decoration:none;
}

#header a:hover {
 text-decoration:underline;
}

#toPortalTop {
 margin:0;
 padding-right:10px;
 text-align:right;
}

#headline {
 padding:0 20px 5px 20px;
 font-weight:normal;
}

/* footer */
#footer {
 clear:both;
 padding:2px 0;
 text-align:center;
 border-top:1px solid #b2b2b2;
 border-bottom:1px solid #b2b2b2;
 background:#e8e4e0 url('../html/images/head_bg.jpg');
 color:#003c49;
}

#footer a {
 color:#003c49;
}

/* left menu */
#leftMenu {
 float:left;
 width:182px;
 padding:20px 15px 10px 12px;
}

/* right menu */
#rightMenu {
 float:left;
 width:182px;
 padding:20px 0 10px 15px;
}

/* main contents */
#columnContents {
 float:left;
 width:340px;
 margin:20px 0;
}

#contents {
 width:520px;
 margin:0 auto 20px;
}/* content block */
div.contentBlock {
 border:1px solid #b2b2b2;
 background-color:#ffffff;
 color:#000000;
}

h2 {
 margin-bottom:3px;
 padding:3px 0 2px 5px;
 background:#e8e4e0 url('../html/images/bgimg_content.gif');
 color:#003c49;
 font-weight:bold;
}

/* contents table */
table.list th,
table.list td {
 border:1px solid #b2b2b2;
}

table.list th {
 background-color:#e8e4e0;
 color:#003c49;
}

table.list td {
 background-color:#ffffff;
 color:contents_color;
}

/* page navigation */
p.toBlogTop {
 margin:5px 10px 5px 10px;
 text-align:right;
 font-size:85%;
}

table.pageNavi {
 width:100%;
 background-color:#f8f4f0;
 color:#003c49;
}

table.pageNavi td {
 padding-top:1px;
 vertical-align:middle;
}

table.pageNavi td.prev {
 width:33%;
 padding-left:3px;
 font-size:85%;
 color:#f8f4f0;
}

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

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

table.pageNavi a {
 color:#003c49;
}/* plugin loop */
div.plugin {
 margin-bottom:10px;
 border:1px solid #b2b2b2;
 background-color:#ffffff;
 color:#000000;
 overflow:hidden;
}

div.plugin h2 {
 margin-bottom:4px;
 padding:1px 0 0 5px;
 border-bottom:1px solid #b2b2b2;
 background:#e8e4e0 url('../html/images/bgimg_content.gif');
 color:#003c49;
 font-weight:normal;
}

div.plugin h2 a {
 color:#003c49;
}

div.plugin h2 img {
 vertical-align:bottom;
}

div.plugin div.body {
 margin:5px;
 line-height:1.3;
}

div.plugin p {
 margin:5px;
}

div.plugin dl {
 margin:0 5px 5px;
}

div.plugin img {
 border:none;
}

p.pluginSitemap {
 margin:10px 0;
}

p.banner {
 text-align:center;
}

/* syndicate */
#syndicate {
 padding:5px;
}

#syndicate div.banner {
 padding-bottom:3px;
 text-align:center;
}

#syndicate div.banner img {
 border:none;
}

/* free comment */
div.freeComment {
 margin:0 10px 10px;
 line-height:1.2;
}

/* sitemap */
p.sitemapBanner {
 margin-bottom:5px;
 text-align:center;
}

#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;
}

/* QR code */
p.qrcode {
 text-align:center;
}

/* profile */
div.plugin dd.profile {
 padding:0;
}

div.plugin table.profile {
 width:180px;
 margin-top:5px;
 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;
 border-top:1px solid #b2b2b2;
}

table.profile th {
 text-align:left;
 border-right:1px solid #b2b2b2;
 background-color:#e8e4e0;
 color:#003c49;
 font-weight:normal;
}

table.profile td {
 width:120px;
}

/* calender */
div.calender {
 margin:0 auto 20px;
}

div.calender * {
 overflow:visible;
}

div.calender p.clhead {
 text-align:center;
}

div.calender table {
 margin:3px auto 0;
 border-collapse:collapse;
}

div.calender table th,
div.calender table td {
 border:1px solid #b2b2b2;
 padding:0 2px;
}

div.calender table th {
 text-align:center;
 font-weight:normal;
 background-color:#e8e4e0;
 color:#003c49;
}

div.calender table td {
 text-align:right;
 background-color:#ffffff;
}

div.calender table td.clon {
}

div.calender table td.cloff {
}

div.calender table th.clsat,
div.calender table td.clsat {
 color:#0000ff;
}

div.calender table th.clsun,
div.calender table td.clsun {
 color:#ff0000;
}

/* ranking */
div.plugin p.ranklink {
 margin-top:3px;
 text-align:right;
 line-height:1;
}

/* 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 {
 padding-right:5px;
 text-align:right;
 font-size:85%;
 color:#006080;
}

div.ubc div.body {
 padding:0 10px;
 line-height:1.5;
}

/* 本文内 liフォーマット add_ogu 20070604 */
div.ubc div.body li,
div.ubc div.extend li{
 background:none ! important;
}

div.ubc div.extend {
 margin:10px 0;
 padding:0 10px;
 line-height:1.5;
}

div.ubc p.imtag {
 margin-bottom:3px;
}

div.ubc p.morelink {
 margin:0 5px 5px;
 text-align:right;
 font-size:85%;
}

div.ubc p.posted {
 padding:4px 5px 0;
 text-align:right;
 border-top:1px solid #b2b2b2;
 color:#8fabbe;
 font-size:85%;
}

div.ubc p.posted a {
 color:#8fabbe;
}

div.ubc p.posted a:hover {
 color:#ff9900;
}

div.ubc p.parentLink {
 margin:4px 10px 0 0;
 text-align:right;
 line-height:1;
}

/* evaluate */
div.evaluatetitle {
 margin-bottom:4px;
 padding:1px 0 0 5px;
 border-bottom:1px solid #b2b2b2;
 background:#e8e4e0 url('../html/images/bgimg_content.gif');
 color:#003c49;
 font-weight:normal;
}



/* trackback & comment */
#ubcTrackback {
/* margin:0 40px 20px 20px; */
 margin:0 0 20px 0;
 padding-top:10px;
 border-top:1px dashed #b2b2b2;
}

#ubcComment {
/* margin:0 40px 20px 20px; */
 margin:0 0 20px 0;
}

#ubcComment h3 {
 margin:20px 0;
}

#ubcTrackback p.tburl {
 margin:3px 0 10px 10px;
}

/* A.Horimoto #ubcTrackback input 2006/12/01  */
#ubcTrackback input {
  margin: 3px 0 10px 0;
  width: 335px;
}

#ubcTrackback div.content,
#ubcComment div.content {
 margin:10px 0 10px 0;
 border:1px solid #b2b2b2;
}

#ubcTrackback p.posted,
#ubcComment p.posted {
 padding:2px 4px;
 border-bottom:1px solid #b2b2b2;
 background-color:#f8f4f0;
 color:#003c49;
 overflow:hidden;
}

#ubcTrackback p.posted a,
#ubcComment p.posted a {
 color:#003c49;
}

#ubcTrackback p.pageNavi,
#ubcComment p.pageNavi {
 padding:2px 0 1px 5px;
 background:#e8e4e0 url('../html/images/bgimg_content.gif');
 color:#003c49;
}

#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;
 border:1px solid #b2b2b2;
 background-color:#f8f4f0;
 color:#003c49;
 font-weight:normal;
}

#ubcComment table.commentForm td {
 margin:-1em 0 5px 4em;
}

#ubcComment table.commentForm input {
 /* width:400px */
 width:280px
}

#ubcComment table.commentForm textarea {
 /* width:400px */
 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;
 color:#999999;
}

#ubcComment p.submitBack a:hover {
 background-color:#e8e4e0;
 color:#003c49;
}

/* search result */
#searchResults p.result {
 margin:5px 0;
}