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

i {
 font-style:italic;
} 

/* base setting*/
html {
 background-color:#ffffff;
 color:#000000;
}

body {
 background:#FFF;
 font-size:90%;
}

#bg {
 width:900px;
 margin:0 auto;
 color:#000000;
 background:url('../html/images/bgimg.jpg') repeat-y #FFF;
 text-align:center;
 padding:0;}


/* header */
#header {
 width:754px;
 height:140px;
 color:#003c49;
 border-top:5px solid #00662C;
 background:url('../html/images/head_bg.jpg') no-repeat 0 center;
 margin:0 auto; float:none;}

#header h1 {
 font-size:140%;
 font-weight:bold;
 text-align:left;
 margin:0px;padding:0px;}

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

#header h1 a:hover {
 color:#003c49;
 text-decoration:underline;
}

#header input {
 vertical-align:middle;
}

.headline {
 padding:10px 0 0 0;
 margin:0px;
 font-weight:normal;
 text-align:left;
 }

#title {
 float:left;
  padding:55px 10px 0px 0px;
  text-align:left;
}


/* utmenu */


#topmenu{text-align:left;width:754px;margin:0px auto;font-size:85%;
}

ul.topnavi {float:right;width:70%;text-align:right;white-space:nowrap;}
ul.homenavi {float:left;width:30%;text-align:left;}


ul.topnavi li {
	display: inline;
	line-height:1em;
 margin:0;
 padding-left:12px;
 background:url('../html/images/topnavi_header.gif') no-repeat 0 center;
 padding-right:8px;
}

ul.topnavi li.leftli{padding-right:0px;
}

ul.topnavi{
padding-top:5px;margin-bottom:5px;}


ul.homenavi li {
	display: inline;
	line-height:1em;
 margin:0;
 padding-left:12px;
 background:url('../html/images/homenavi_header.gif') no-repeat 0 center;
 padding-right:8px;
}

ul.homenavi{
padding-top:5px;margin-bottom:5px;}





.size{width:auto;background:url('../html/images/megane.gif') left center no-repeat;padding-left:35px;line-height:1.3em;vertical-align:middle;margin:0 0 10px 0;text-align:right;font-size:85%;}

.size img{margin-left:3px;vertical-align:middle;}






#leftMenu ul,
#rightMenu ul {
 list-style-type:none;
 list-style-position:outside;
 margin-top:7px;
 margin-bottom:7px;
}

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

#leftMenu li,
#rightMenu li {
 margin:3px 5px 3px 4px;
 padding-left:15px;
 background:url('../html/images/bot_yellow.gif') no-repeat 0 2px;
line-height:120%;
 }

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

#columnContents ol li,
#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;
 text-align:right;
 font-size:85%;
}

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

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

/* header */

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

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


#main{ 
 width:755px;
 text-align:left;
 margin:0 auto;
 padding-top:15px;
}

#contentsmain{ 
 width:755px;
 text-align:left;
 margin:0 auto;
 padding-top:15px;
}

#contentsmain #contentsall{width:600px;margin:0 auto;}



/* footer */
#footer {
 clear:both;
 padding:3px 0 20px 0;
 text-align:left;
 border-top:2px solid #00662C;
 color:#003c49;
 width:770px;
 margin:0px auto;
}


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

/* right menu */
#rightMenu {
 float:right;
 width:244px;
 padding:0px;
}

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

#contents {
 width:520px;
 margin:0 auto 20px;
}

#contentsall {
 width:730px;
 margin:0 auto 20px;
}



/* content block */
div.contentBlock {
 border:1px solid #b2b2b2;
 background-color:#ffffff;
 color:#000000;
}

h2 {
 margin-bottom:3px;
 padding:5px 0 5px 5px;
 color:#ffffff;
 font-weight:bold;
 background:url('../html/images/ttlback.gif') #00662C;
}

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

table.list th {
 background-color:#ac0027;
 color:#ffffff;
}

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

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

#contentsall .toBlogTop {
 margin:0px 0px 10px 0px;
 padding:0px;
 font-size:80%;
}

.toBlogTopSearch {
 margin:0px 0px 10px 0px;
 padding:0px;
 font-size:80%;
}


table.pageNavi {
 width:100%;
 background-color:#CCDFAE;
 color:#333;
}

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

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

table.pageNavi td.now {
 width:34%;
 text-align:center;
 color:#333333;
 background-color:inherit;
}

table.pageNavi td.next {
 width:33%;
 padding-right:3px;
 text-align:right;
 font-size:80%;
 color:#01662A;
}

table.pageNavi a {
 color:#00662C;
}


/* plugin loop */
div.plugin {
 margin-bottom:10px;
 border:1px solid #017603;
 background-color:#ffffff;
 color:#000000;
 overflow:hidden;
}

div.plugin h2 {
 margin-bottom:10px;
 padding:8px;
 background:url('../html/images/leftback.gif');
 color:#005E25;
 font-weight:bold;
 border:0px;
 border-bottom:1px solid #017603;

}

div.plugin h2 a {
 color:#ffffff;
}

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

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

div.plugin p {
 margin:5px;
}

div.plugin li{
 font-size:80%;
 }

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

div.plugin img {
 border:none;
}

p.pluginSitemap {
 margin:10px 0;
}

p.banner {
 text-align:center;
}


.oshirase {padding:5px 15px;background:url(../html/images/kanren_back.gif) left top repeat-y;
}

.oshirasebtm {background:url('../html/images/li_btm.gif') no-repeat bottom center;padding-bottom:11px;
margin-bottom:10px;}

.oshirase ul li{
 margin:0;
 padding:0px 10px 0px 10px;
 background:url('../html/images/bot_enji.gif') no-repeat 0 0.4em;
 line-height:120%;}



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

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

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

div.plugin table.profile {
 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;
 font-size:80%;
}

table.profile th {
 display:none;
 text-align:left;
 border-right:1px solid #CCC;
 background-color:#D1E2B7;
 color:#000;
 font-weight:normal;
}

table.profile td {
 width:70%;
}

/* 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 #666666;
 padding:0 2px;
}

div.calender table th {
 text-align:center;
 font-weight:normal;
 background-color:#ac0027;
 color:#ffffff;
}

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:7px 5px 7px 0;
 text-align:right;
 font-size:90%;
 color:#333;
}

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

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:7px 0;
 text-align:right;
 border-top:1px solid #0C6D36;
 color:#000;
 font-size:90%;
}

div.ubc p.posted a {
 color:#0C6D36;
 text-decoration:none;
}

div.ubc p.posted a:hover {
 color:#ff9900;
 text-decoration:underline;
}

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

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

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

#ubcComment h3 {
 margin:20px 0;
}

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

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

#ubcTrackback p.posted,
#ubcComment p.posted {
 padding:2px 4px;
 border-bottom:1px solid #666666;
 background-color:#800017;
 color:#ffffff;
 overflow:hidden;
}

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

#ubcTrackback p.pageNavi,
#ubcComment p.pageNavi {
 padding:2px 0 1px 5px;
 background:#D1A3A3;
 color:#ffffff;
}

#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 #666666;
 background-color:#800017;
 color:#ffffff;
 font-weight:normal;
 padding:3px;
}

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

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

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

/* search result */
#searchResults p.result {
 margin:5px 0;
 background-color:#800017;
 padding:5px;
 font-weight:bold;
 color:#FFF;
}

.greenbox{background-color:#CCDFAE;border:1px solid #01662A;}
.greenbox .pageNavi td{padding:5px;vertical-align:middle;}
.greenbox .pageNavi .now{font-weight:bold;color:#01662A;}


.clear{clear:both;height:0px;line-height:0px;font-size:0px;}

#copyright{width:auto;text-align:right;font-size:70%;padding:3px 0;float:right;}
#footnavi{width:auto;color:#00662C;font-size:80%;padding:3px 0;float:left;}