body {
/* border: 1px solid red; */
width: 98%;
background-image: url(./image/background.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-color: #fefeff;
text-align: left;
margin: 0px;
padding: 5px 0px 5px 0px; /* 上 右 下 左 */
}





a {
text-decoration: none;
color : #648cdc;
}

a:link {
text-decoration: none;
color : #648cdc;
}

a:visited {
text-decoration: none;
color : #4696ff;
}

a:active {
text-decoration: none;
color : #4696ff;
}

a:hover {
color : #ffaa1e;
text-decoration : blink;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}




#container {
/* border: 1px solid #82aafa; */
width: 1024px;
background-color: transparent;
text-align: left;
margin: 0px auto 0px auto;
}




#left_top {
/* border: 1px solid red; */
float: left; width: 60%;
background-color: transparent;
margin: 20px 0px 20px 0px;
overflow: hidden;
text-align: left;
}





#right_top {
/* border: 1px solid blue; */
float: right; width: auto; /* 約40% */
background-color: transparent;
margin: 20px 0px 20px 0px;
text-align: right;
vertical-align: bottom;
}





#left {
/* border: 1px solid green; */
clear: both;
float: left; width: 350px;
background-image: url(./image/background_left.gif);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center;
background-color: transparent;
}




#right {
/* border: 1px solid yellow; */
float: right; width: 650px;
background-color: transparent;
}




#character{
position: absolute;
width: 150px; height: 150px;
z-index: 1;
border: 0px;
}





.content {
padding: 0px; /* 5px 5px 5px; */
background-color: transparent;
text-align: right;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #666666;
font-size: x-small;
text-align: left;
font-weight: bold;
}

.content h3 {
color: #fefeff; // #a0a0a0;
font-size: 12px;
text-align: left;
font-weight: bold;
}

.content div.blog {
width: 600px;
margin: 20px 0px 50px 0px;
}

.content div.blog_title {
float: left; width: 420px; height: 42px;
background-image: url(./image/blog_frame_top.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
color: #fefeff; /* #a0a0a0; */
font-size: 12px;
font-weight: bold;
/* padding: 1px 0px 0px 27px; */
}

.content div.blog_main {
clear: both; width: 580px;
background-image: url(./image/blog_frame_middle.gif);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: left;
padding: 10px;
color: #5a5a5a;
font-weight: normal;
line-height: 120%;
text-align: left;
font-size: 12px;
}

.content div.blog_comment {
width: 600px; height: 36px; 
background-image: url(./image/blog_frame_bottom.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}

.content div.blog_tagA {
float: left; width: 60px; height: 42px;
background-image: url(./image/blog_frame_tag_news.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}

.content div.blog_tagB {
float: left; width: 60px; height: 42px;
background-image: url(./image/blog_frame_tag_it.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}

.content div.blog_tagC {
float: left; width: 60px; height: 42px;
background-image: url(./image/blog_frame_tag_diary.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}


.content p {
margin-bottom: 10px;
color: #5a5a5a;
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, Arial, sans-serif;
font-weight: normal;
line-height: 120%;
text-align: left;
}

.content p.title {
color: #fefeff;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 5px 0px 0px 27px; 
}

.content p.posted {
color: #fefeff;
font-size: x-small;
font-weight: bold;
text-align: left;
padding: 17px 0px 0px 15px;
}

.content p.commented {
color: #666666;
font-size: x-small;
font-weight: bold;
text-align: left;
margin: 0px 0px 40px 0px;
}

.content img {
background-color: transparent;
padding: 5px;
border: 0px;
float: right;
}




.explanation h2 {
color: #666666;
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
}

.explanation p {
color: #a0a0a0;
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, Arial, sans-serif;
font-size: 9px;
font-weight: normal;
line-height: 120%;
text-align: left;
}










.calendar {
width: 160px;
color: #666666;
font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 140%;
text-align: center;
}

.calendar table {
width: 120px;
border: 0px;
border-collapse: collapse;
}

.calendar caption {
color: #666666;
font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
font-size: x-small;
text-align: center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
}

.calendar th {
text-align: center;
font-weight: normal;
}

.calendar td {
text-align: center;
}

.calendar div.calendar_top {
width: 160px; height: 22px;
background-image: url(./image/calendar_frame_top.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: transparent;
}

.calendar div.calendar_middle {
width: 160px;
background-image: url(./image/calendar_frame_middle.gif);
background-repeat: repeat-y;
background-attachment: fixed;
background-color: transparent;
text-align: center;
}

.calendar div.calendar_bottom {
width: 160px; height: 22px;
background-image: url(./image/calendar_frame_bottom.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: transparent;
}
























.sidebar {
padding: 30px 0px 10px 60px;
text-align: left;
}

.sidebar h1 {
background-color: transparent;
text-align: left;
}

.sidebar ul {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 5px; /* 上 右 下 左 */
text-align: left;
list-style-type: none;
}

.sidebar li {
color: #999999;
font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
line-height: 120%;
}

.sidebar img.recommend {
border: 1px solid #82aafa;
background-color: transparent;
margin: 0px 0px 5px 0px;
float: right;
}

.sidebar div.column {
margin: 3px 0px 20px 5px;
background: transparent;
border-top: 1px solid #648cdc;
text-align: left;
}





.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 50px;
}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}





textarea[id="comment-text"] {
width: 80%;
}

input {
border: 1px solid #a9cdff;
background-color: #fefeff;
font-size: 12px;
color: #808080;
}