The CSS, XHTML and design is released under Creative Commons(BY):
 http://creativecommons.org/licenses/by/2.1/jp/

/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
body {
 height: 100%;
 background: #f0f8ff;
 font-size: 14px;
}

img {
 border:0;
}

a {
 color: #4F94CD;
}

a:visited {
 color: #9370DB;
}

a:hover {
 color: #66CDAA;
}

ul {
 list-style-type: circle;
 margin: 0 0 0 10px;
 padding: 0 0 0 10px;
}

li {
 margin: 10px 0px;
 padding-left:0px;
}

blockquote {
     background: url(quotes1.png);
     background-position: 0 2px;
     background-repeat: no-repeat;
}

blockquote p {
     display: inline;
     margin: 0;
     background: url(quotes2.png);
     background-position: bottom right;
     background-repeat: no-repeat;
}

#wrapper {
 width: 976px;
 margin: 0px auto;
 padding: 0px;
 background: #f0f8ff;
 color: #333333;
 font: 15px/150% '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif;
}

table#header{
 background: #bbe2f1;
}

table#headline{
	width:100%;
	font-size: 12px;
	color: #444;
 background: url('http://img440.imageshack.us/img440/879/adscs0.jpg') repeat-x;
}
	table#headline a{
		color: #444;
	}
	table#headline th{
		width:1%;
	}
	table#headline th img{
		margin:2px 10px;
		width:132px;
		height:24px;
	}
	table#headline td.catprbox{
		width:1%;
		white-space:nowrap;
	}
	table#headline td.catprbox span{
		margin-right:15px;
	}
	table#headline td.newstickerbox{
		width:97%;
		text-align:right;
		padding-right:10px;
	}
	table#headline td.startblogbox{
		width:1%;
		padding-right:10px;
		white-space:nowrap;
	}
	table#headline td.startblogbox img{
		width:17px;
		height:16px;
		margin-right:3px;
		border:0px;
		vertical-align:middle;
	}

.blogtitle{
 float: left;
 width: 651px;
 height: 119px;
 margin: 0px;
 padding: 0px;
 repeat-x;
}

/* Header */
#header {
 float: left;
 width: 700px;
 height: 130px;
 margin: 0px;
 padding: 0px;
 background: #FFFBF7 url(http://livedoor.blogimg.jp/raira24/imgs/6/c/6caa0941.jpg) repeat-x;
}

#header #title {
 margin: 30px 0px 0px 30px;
 padding: 0px;
 color: #000000;
 font: bold 35px '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif;
 text-align: left;
}

#header #title a {
 color: #000000;
}

#header div#description {
 margin: 10px 0px 0px 30px;
 padding: 0px;
 color: #666666;
 font-size: 15px;
 text-align: left;
}

/* Navigation */
#navigation {
 float: left;
 width: 900px;
 height: 38px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: #f0f8ff;
}

#navigation ul {
 list-style:none;
}

#navigation li {
 display:inline;
 float:left;
 border-radius: 5px / 5px;
 border: 1px solid #4d4398;
 background: #89c3eb;
 margin: 2px 2px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#navigation li a.tabs {
 float:left;
 padding-left: 4px;
 text-decoration:none;
}

#navigation li a.tabs:hover {
}

#navigation li a.tabs span {
 float:left;
 padding: 5px 13px 4px 13px;
 color: #ffffff;
 font-size: 15px;
 font-weight:bold;
}

#navigation li a.tabs:hover span {
 color: #00008b;
}

/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
 border-radius: 5px / 5px;
 border: 1px solid #4d4398;
    margin: 0px;
    padding: 5px;
    background: #fff;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    border-bottom: 1px dotted black;
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 1.5;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

#rss {
 float: left;
 overflow: auto;
 font-size:13px;
 width:585px;
 height:120px;
 border-radius: 5px / 5px;
 border: 1px solid #4d4398;
 margin: 0px 0px 10px 0px;
 padding: 0px 2px 0px 2px;
 background: #FFFFFF;
 text-align: left;
 line-height: 130%;
}

#rss_view {
 float: left;
 width:283px;
}

#rss_view2 {
 float: right;
 width:282px;
}

#google {
 float: left;
 overflow: auto;
 width:590px;
 height:70px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#google2 {
 float: left;
 width:322px;
 height:52px;
 margin: 30px 0px 0px 3px;
 padding: 0px 0px 0px 0px;
}

#tuibi {
 width:170px;
 height:700px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: #FFFFFF;
}

/* Main contents */
#contents {
 float: left;
 width: 590px;
 margin: 0px;
 padding: 0px;
 border-radius: 5px / 5px;
 border: 1px solid #4d4398;

 background: #FFFFFF;
 font-size: 12px;
 text-decoration:none;
 text-align: left;
 line-height: 150%;
}
#contents a:link {
 font-weight:bold;
 text-decoration:none;
}

#contents a:visited {
 font-weight:bold;
 text-decoration:none;
}

#contents h2 {
 margin: 0px 0px 10px;
 padding: 5px 20px;
 border-bottom: 1px solid #999999;
 background: #D5EAED;
 color: #000000;
 font: bold 17px '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif;
 text-align: left;
 text-decoration:none;
}

#contents h2 a {
 color: #000000;
}

#contents .contents_body {
 margin: 10px 15px 15px;
 padding: 0px;
}


#contents h3 {
 margin: 10px 25px;
 padding: 10px 20px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

#contents h4 {
 margin: 3px 0px 3px 10px;
 padding: 3px 0px 3px 5px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

/* Sidebar */
#firstSide { float: left;}
#secondSide { float: left;}

.sidebar {
 width: 180px;
 margin: 0px 5px 10px 5px;
 padding: 10px 0px 0px 0px;
 border-radius: 5px / 5px;
 border: 1px solid #4d4398;
 background: #FFFFFF;
 font-size: 15px;
 text-align: left;
 line-height: 130%;
}

.sidebar .sidetitle {
 margin: 10px 0px 10px 0px;
 padding: 5px 10px;
 border-top: 1px solid #4F7A3B;
 border-bottom: 1px solid #4F7A3B;
 background: #E1F5D7;
 color: #464A7D;
 font: bold 12px '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif;
 text-align: left;
}

.sidebar .sidebody {
 list-style:none;
 width: 165px;
}

.sidebar p {
 padding: 3px 0px 3px 10px;
}

.sidebar .sidebody {
 line-height: 0;
}

.sidebar .sidebody a {
 display:block;
 line-height: normal;
 padding: 3px 0px 3px 10px;
 background: #ffffff;
 color: #00008B;
 font-size: 10px;
 text-align: left;
 text-decoration: none;
}

.sidebar .sidebody a:hover {
 background: #efefef;
 color: #0600B3;
}