@charset "utf-8";
/*
Theme Name: Serendip 2009
Theme URI: http://www.serendip.ws/
Description: Serendip default theme of year 2009.
Version: 1.0
Author: iNo
Author URI: http://www.serendip.ws/
*/

/**************************************************
    京損
    style.css
    file created in 2008/12/01 22:08:10.
    LastUpdated :2011/07/10 11:16:26.
    author iNo

* ibox style
* base style
* 404 not found style
* search style
* base anchor style
* header style
* footer style
* home style
* sidebar style
* content style
* single comments style
* tags archives style
* inquiry form style
* software page style
* web design page style
* links page style
* amazlet style
* content tag style
* monthly archives page style

**************************************************/

/**********************/
/***** ibox style *****/
/**********************/
#ibox_wrapper{padding:10px 10px 35px 10px;line-height:25px;border-color:#fff;}#ibox_wrapper,#ibox_footer_wrapper a{background-color:#fff;}#ibox_content{background-color:#fff;border:0;}#ibox_footer_wrapper{padding:0 3px;bottom:5px;top:auto;}#ibox_footer_wrapper a{text-indent:-100000px;background:url('ibox/images/closelabel.gif');width:66px;height:22px;}#ibox_progress{text-indent:-100000px;background:#fff url('ibox/images/loading.gif') center center no-repeat;}

/**********************/
/***** base style *****/
/**********************/
body,div{margin:0;padding:0;}
img{border: none}

html {
    overflow-y: scroll;
}
body {
    color: #fffcef;
    background: #211 url(images/bg.png) repeat-y left top;
    font-size: 90%;
}
h1 {
    font: italic normal 150% "Georgia", serif;
}
h2 {
    font: normal bold 140% sans-serif;
}
h3 {
    font: normal bold 130% sans-serif;
}
h4 {
    font: normal bold 120% sans-serif;
}
h5 {
    font: normal bold 110% sans-serif;
}
h6 {
    font: normal bold 100% sans-serif;
}
#content-body {
    color: #211;
    background: #fffcef url(images/content_bg.png) repeat-y left top;
    font: normal normal 100%/1.6em sans-serif;
    float: left;
    width: 60%;
    padding: 10px 5% 10px 5%;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#sidebar {
    width: 26%;
    margin-left: 72%;
    font-size: 90%;
}
#footer {
    color: #ffecef;
    background: #211 url(images/bg.png) repeat-y left top;
    clear: both;
    padding: 10px 5%;
    font-size: 90%;
}

/*******************************/
/***** 404 not found style *****
/*******************************/
#content-body .not-found {
    margin-left: 20px;
}
#content-body .not-found dt {
    font-weight: bold;
}
#content-body .not-found dd {
    margin-bottom: 20px;
}
/************************/
/***** search style *****/
/************************/
.searchword {
    font-weight: bold;
    color: #211;
    background-color: yellow;
}
#searchform label:after {
    content: " : ";
}
#searchform .input-text {
    color: #433;
    border: 1px solid #caa;
    background-color: #f9f0f0;
    font: 100% sans-serif;
    padding: 1px;
    letter-spacing: 1px;
}
#searchform .input-text:focus {
    color: #211;
    border: 1px solid #ebb;
    background-color: #fff;
}
/*****************************/
/***** base anchor style *****/
/*****************************/
#header a,
#header a:link,
#header a:visited {
    color:#fffcef;
    text-decoration: none;
}

#sidebar a,
#sidebar a:link,
#footer a,
#footer a:link {
    color: #abd;
}
#sidebar a:visited,
#footer a:visited {
    color: #fba;
}
#header a:active,
#header a:hover,
#sidebar a:active,
#sidebar a:hover,
#footer a:active,
#footer a:hover {
    color: #e8a;
}

#content-body a,
#content-body a:link {
    color: #34d;
}
#content-body a:visited {
    color: #943;
}
#content-body a:active,
#content-body a:hover {
    color: #d67;
}

#content-body h3 a,
#content-body h3 a:link {
    color: #211;
}
#content-body h3 a:visited {
    color: #411;
}
#content-body h3 a:active,
#content-body h3 a:hover {
    color: #711;
}

/************************/
/***** header style *****/
/************************/
#header {
    color: #fffcef;
    background: #211 url(images/bg.png) repeat-y left top;
    padding: 4px 5%;
}
h1 span {
    color: #c77735;
    font: italic normal 60% "Georgia", serif;
}
#header #access-counter {
    position: absolute;
    top: 0;
    right: 5px;
    color: #762;
    font: italic normal 80% "Georgia", serif;
}
#content-body .breadcrumbs a,
#content-body .breadcrumbs a:link,
#content-body .breadcrumbs a:visited {
    color: #655;
}
#content-body .breadcrumbs a:active,
#content-body .breadcrumbs a:hover {
    color: #988;
}
/************************/
/***** footer style *****/
/************************/
#footer .footer-tools {
    color: #ffecef;
    margin: 0; padding: 0;
    list-style-type: none;
}
#footer .footer-tools li {
    display: inline;
}
#footer .footer-tools li.footer-tools-first:before {
    content: "|";
    margin: 0;
    padding: 0 6px 0 0px;
}
#footer .footer-tools li:after {
    content: "|";
    margin: 0 0 0 4px;
    padding: 0 4px 0 4px;
}
#footer .copyright {
    font: italic normal 90%/1.6em "Georgia", serif;
}
/**********************/
/***** home style *****/
/**********************/
#content-body .entry .entry-body .home-page-software-list {
    margin-left: 6em;
}
#content-body .entry .entry-body .home-page-software-list li {
    color: #655;
    font: normal normal 100%/1.6em "Georgia", serif;
}
#content-body .entry .entry-body .home-page-software-list li a {
    margin-right: 5px;
    font: normal bold 100%/1.6em sans-serif;
}
#content-body .entry .entry-body .home-recent-comment-list,
#content-body .entry .entry-body .home-recent-trackback-list {
    margin-left: 6em;
}
#content-body .entry .entry-body .home-recent-comment-list a,
#content-body .entry .entry-body .home-recent-trackback-list a {
    font: normal bold 100%/1.6em sans-serif;
}
#content-body .entry .entry-body .comment_date {
    color: #655;
    font: normal normal normal 100% "Georgia", serif;
}

/*************************/
/***** sidebar style *****/
/*************************/
#sidebar dl dt {
    font: normal bold 100%/1.6em sans-serif;
}
#sidebar dl dd {
    margin: 0;
    font: normal normal 100%/1.6em sans-serif;
}
#sidebar dl > dd {
    margin-bottom: 15px;
}
#sidebar dl dd ul {
    margin: 0;
    padding-left: 20px;
    list-style-type: none;
}
#sidebar dl dd > ul {
    padding: 0;
}
#sidebar dl dd ul li.list {
    line-height: 1.6em;
}
#sidebar dl dd ul.archives-list li:before,
#sidebar dl dd ul.recent-posts li:before,
#sidebar dl dd ul li.cat-item:before,
#sidebar dl dd ul li.page_item:before,
#sidebar dl dd ul li.list:before {
    color: #c77735;
    content: "» ";
    font-family: "Georgia", serif;
}
#sidebar .tagcloud {
    font-family: "Georgia", serif;
    padding: 2px 40px 5px 10px;
}
#sidebar .tagcloud a,
#sidebar .tagcloud a:link,
#sidebar .tagcloud a:visited {
    color: #abd;
    text-decoration: none;
}
#sidebar .tagcloud a:active,
#sidebar .tagcloud a:hover {
    color: #e8a;
    text-decoration: underline;
}
#sidebar #sitename-info {
    color: #976745;
    margin: 10px 0 0 0;
    line-height: 1.6em;
}
#sidebar #sitename-info .word-info {
    font: italic normal 14px "Georgia", serif;
}
#sidebar #sitename-info .word-term {
    font: normal normal 9px sans-serif;
    margin-left: 10px;
}
#sidebar .monthly-archive-list-link {
    margin: 0.5em 0 0 1.8em;
}
#sidebar .monthly-archive-list-link:after {
    content: " »";
    font-family: "Georgia", serif;
}

#sidebar #nakanohito dt {
    text-indent: -9999px;
}

#sidebar #blog-ranking dd div {
    margin: 5px;
}

/*************************/
/***** content style *****/
/*************************/
#content-body .entry h3 {
    background: transparent url(images/subtitle_bg.png) repeat-y -100px top;
    padding: 3px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#content-body .entry .entry-body dt {
    font-weight: bold;
}
/* for ie 6 */
*html #content-body .entry h3 {
    background: transparent url(images/ie6_subtitle_bg.png) repeat-y right top;
}
#content-body .entry h3:before {
    color: #744;
    content: "»»» ";
    font-family: "Georgia", serif;
}
#content-body .entry h4:before {
    content: "»» ";
    font-family: "Georgia", serif;
}
#content-body .entry h5:before {
    content: "» ";
    font-family: "Georgia", serif;
}

#content-body .entry .entry-table-style,
#content-body .entry .entry-table-style td,
#content-body .entry .entry-table-style th {
    border-collapse: collapse;
    border: 1px solid #211;
}
#content-body .entry .entry-table-style td,
#content-body .entry .entry-table-style th {
    padding: 3px 5px;
}

#content-body .entry .entry-body ul.entry-list-style {
    list-style-type: disc;
    padding-left: 30px;
}

#content-body .entry {
    padding: 10px 0;
}
#content-body .entry .entry-title {
    background: transparent url(images/title_bg.png) repeat-y 100px top;
    font: normal normal bold 130%/1.6em sans-serif;
    margin-bottom: 5px;
    padding: 3px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
*html #content-body .entry .entry-title {
    background: transparent url(images/ie6_title_bg.png) repeat-y 100px top;
}
#content-body .entry .tag-title {
    font: italic normal bold 130%/1.6em "Georgia", serif;
}
#content-body .entry .entry-title:before {
    content: "»»» ";
    font-family: "Georgia", serif;
}
#content-body .entry .entry-title:after {
    content: " «««";
    font-family: "Georgia", serif;
}
#content-body .entry .entry-title .edit {
    position: absolute;
    left: 60%;
}
#content-body .entry .entry-title .edit:before {
    content: "[";
}
#content-body .entry .entry-title .edit:after {
    content: "]";
}
#content-body .entry .entry-title .edit:hover {
    color: #621;
    text-decoration: underline;
}
#content-body .entry .entry-body {
    margin: 0 0 10px 40px;
}
#content-body .entry .entry-body ul {
    list-style-type: none;
    margin: 0; padding: 0;
}
#content-body .entry .entry-foot {
    margin: 0 0 10px 0;
    text-align: right;
    color: #655;
    font: italic 90% "Georgia", serif;
}
#content-body .entry .entry-foot a,
#content-body .entry .entry-foot a:link,
#content-body .entry .entry-foot a:visited {
    color: #655;
    text-decoration: none;
}
#content-body .entry .entry-foot a:active,
#content-body .entry .entry-foot a:hover {
    color: #988;
    text-decoration: underline;
}
#content-body .entry .entry-foot .entry-info {
    position: relative;
    color: #988;
    list-style-type: none;
}
#content-body .entry .entry-foot .entry-info li {
    display: inline;
    padding: 5px 0 10px 0;
}
#content-body .entry .entry-foot .entry-info li.entry-datetime span {
    color: #655;
}
#content-body .entry .entry-foot .entry-info li.entry-datetime:before {
    content: "|";
    margin: 0 5px 0 5px;
}
#content-body .entry .entry-foot .entry-info li:after {
    content: "|";
    margin: 0 5px 0 5px;
}
#content-body .entry .entry-foot div {
    margin-bottom: 3px;
}

#content-body .entry .entry-foot .ga-serendip,
#content-body .entry .entry-foot .ad-amazon {
    text-align: left;
    margin: 5px 5px 5px 40px;
}

#content-body .entry .entry-foot .entry-postnav {
    margin: 20px 0;
    font-style: normal;
    font-family: sans-serif;
}
#content-body .entry .entry-foot .entry-postnav a,
#content-body .entry .entry-foot .entry-postnav a:link,
#content-body .entry .entry-foot .entry-postnav a:visited {
    color: #655;
    text-decoration: underline;
}
#content-body .entry .entry-foot .entry-postnav a:active,
#content-body .entry .entry-foot .entry-postnav a:hover {
    color: #988;
}
#content-body .entry .entry-foot .entry-postnav .prev-post {
    float: left;
}
#content-body .entry .entry-foot .entry-postnav .prev-post a:before {
    content: "« ";
    font-family: "Georgia", serif;
}
#content-body .entry .entry-foot .entry-postnav .next-post a:after {
    content: " »";
    font-family: "Georgia", serif;
}
#content-body .entry .entry-foot .entry-tweet-button,
#content-body .entry .entry-foot .entry-mixi-check,
#content-body .entry .entry-foot .entry-google-plusone-button,
#content-body .entry .entry-foot .entry-facebook-like-button {
    margin: 15px 10px 0px 40px;
    text-align: left;
}
#content-body .entry .entry-foot .entry-mixi-check img {
    background-color: transparent;
    border: none;
    margin: 0; padding: 0;
}

#content-body .entry .entry-title a,
#content-body .entry .entry-title a:link,
#content-body .entry .entry-title a:visited {
    color: #211;
    text-decoration: none;
}
#content-body .entry .entry-title a:active,
#content-body .entry .entry-title a:hover {
    text-decoration: underline;
}
#content-body .entry .entry-body .datetime {
    position: absolute;
    color: #655;
    font: normal normal normal 100% "Georgia", serif;
}
#content-body .entry .entry-body .entry-list-title {
    font-weight: bold;
    margin-left: 6.0em;
}
.entry .entry-body .tagnames {
    color: #766;
    font: italic normal normal 90% "Georgia", serif;
    margin-left: 0.5em;
}
#content-body .entry .entry-body .tagnames a,
#content-body .entry .entry-body .tagnames a:link,
#content-body .entry .entry-body .tagnames a:visited {
    color: #766;
    text-decoration: none;
}
#content-body .entry .entry-body .tagnames a:active,
#content-body .entry .entry-body .tagnames a:hover {
    text-decoration: underline;
}
#content-body .entry .entry-body .content-excerpt {
    margin: 5px 0 5px 6.0em;
}
#content-body .entry .entry-body .content-excerpt p,
#content-body .entry .entry-body .blog-content-excerpt p {
    line-height: 1.2em;
    margin: 5px 0 3px 0;
}

#content-body .page-postnav {
    text-align: right;
}
#content-body .page-postnav a,
#content-body .page-postnav a:link,
#content-body .page-postnav a:visited {
    color: #655;
}
#content-body .page-postnav a:active,
#content-body .page-postnav a:hover {
    color: #988;
}
#content-body .page-postnav .prev-page {
    float: left;
}
#content-body .page-postnav .prev-page a:before {
    content: "« ";
    font-family: "Georgia", serif;
}
#content-body .page-postnav .next-page a:after {
    content: " »";
    font-family: "Georgia", serif;
}
#content-body .go-top {
    padding: 10px 0;
    clear: both;
}
#content-body .go-top a,
#content-body .go-top a:link,
#content-body .go-top a:visited {
    color: #655;
}
#content-body .go-top a:active,
#content-body .go-top a:hover {
    color: #988;
}
/*********************************/
/***** single comments style *****/
/*********************************/
#content-body .entry-comments {
    font: normal 100% sans-serif;
}
#content-body #comments,
#content-body #comment-post {
    font: bold 110% sans-serif;
}
#content-body .comment-body {
    padding-right: 5px;
    border-right: 5px solid #cc9;
}
#content-body .comment-body .comment-approve {
    color: #933;
    font-weight: bold;
}
#content-body .entry .entry-foot .entry-comments a,
#content-body .entry .entry-foot .entry-comments a:link {
    text-decoration: underline;
}
#content-body .entry-comments .comment-date {
    font: italic 100% "Georgia", serif;
}
#content-body #comment-post-form-layer ul {
    list-style-type: none;
}
#content-body #comment-post-form-layer ul li {
    margin: 0 0 10px 0;
}
#content-body #comment-post-form-layer ul li label {
    margin: 0 5px;
}
#content-body #comment-post-form-layer ul li label:after {
    content: " : ";
}
#content-body #comment-post-form-layer ul li input.input-text,
#content-body #comment-post-form-layer ul li textarea {
    color: #433;
    border: 1px solid #caa;
    background-color: #f9f0f0;
    font: 100% sans-serif;
    padding: 1px;
    letter-spacing: 1px;
}
#content-body #comment-post-form-layer ul li input.input-text:focus,
#content-body #comment-post-form-layer ul li textarea:focus {
    color: #211;
    border: 1px solid #ebb;
    background-color: #fff;
}
#content-body #trackbackurl-layer label:after {
    content: " : ";
}
#content-body #trackbackurl-layer input {
    color: #766;
    border: 1px solid #caa;
    background-color: #f9f0f0;
    font: 100% sans-serif;
    padding: 1px;
}


/*******************************/
/***** tags archives style *****/
/*******************************/
#content-body .entry-tags-list {
    margin: 3px 0 3px 20px;
    font-weight: bold;
}
#content-body .entry-tags-list .datetime {
    color: #655;
    font: italic normal 90% "Georgia", serif;
    margin-left: 10px;
}

/******************************/
/***** inquiry form style *****/
/******************************/
#content-body #inquiry {
}
#content-body #inquiry dt {
    font-weight: bold;
}
#content-body #inquiry dd {
    margin: 2px 0 2px 9.5em; padding: 6px;
}
#content-body #inquiry dt label {
    position: absolute;
    font-weight: bold;
    padding: 6px;
    margin: 2px 0;
    width: 9em;
    float: left;
    text-align: right;
}
#content-body #inquiry dd input[type="text"] {
    width: 300px;
}
#content-body #inquiry dd textarea {
    width: 400px;
}
#content-body #inquiry dd textarea,
#content-body #inquiry dd input[type="text"] {
    color: #433;
    background-color: #f9f0f0;
    border: 1px solid #caa;
    font: 100% sans-serif;
    padding: 1px;
    letter-spacing: 1px;
    position: relative;
}
#content-body #inquiry dd textarea:focus,
#content-body #inquiry dd input[type="text"]:focus {
    color: #211;
    border: 1px solid #ebb;
    background-color: #fff;
}
#content-body #inquiry dd.quiz input {
    width: 5em;
}
#content-body #inquiry dt.submit {
    visibility: hidden;
}

/*******************************/
/***** software page style *****/
/*******************************/
#content-body #page-software-list dt {
    font-weight: bold;
}
#content-body .entry .entry-body img.softwareicon {
    float: left;
}
/*********************************/
/***** web design page style *****/
/*********************************/
#content-body .webdesign-site-list dt {
    font-weight: bold;
}
#content-body .webdesign-site-list dd {
    margin: 0;
}
#content-body .web-designing-list li {
    list-style: disc none outside;
    margin: 0 20px 0 40px;
}
#content-body #web-designing-flow {
    margin: 0 0 0 20px;
}
#content-body #web-designing-flow .flow-title {
    width: 180px;
    border: 1px solid #7ca800;
    background: #abdc28 url(./images/web_design_progress_title_bg.gif) repeat-x scroll left top;
    margin: 0; padding: 10px;
    font-size: 110%;
    font-weight: bold;
    text-shadow: 1px 1px 3px #8bbc08;
    text-align: center;
}
#content-body #web-designing-flow .flow-arrow {
    text-align: center;
}
#content-body #web-designing-flow .flow-content {
    padding: 0 0 0 5px;
}
/****************************/
/***** links page style *****/
/****************************/
#content-body .entry .entry-body .xoxo {
    margin-left: 3em;
}
#content-body .entry .entry-body .xoxo li {
    color: #655;
    font: normal normal 100%/1.6em sans-serif;
}
#content-body .entry .entry-body .xoxo li a {
    font: normal bold 100%/1.6em sans-serif;
}
/*************************/
/***** amazlet style *****/
/*************************/
#content-body .entry .entry-body .amazlet-box a,
#content-body .entry .entry-body .amazlet-box a:link,
#content-body .entry .entry-body .amazlet-box a:visited {
    color: #655;
}
#content-body .entry .entry-body .amazlet-box a:active,
#content-body .entry .entry-body .amazlet-box a:hover {
    color: #988;
}
#content-body .entry .entry-body .amazlet-box img {
    background-color: #fff;
    padding: 2px;
    outline: 1px solid #ccc;
}




/*****************************/
/***** content tag style *****/
/*****************************/
#content-body .entry .entry-body pre {
    color: #fff;
    background-color: #333;
    font-size: 90%;
    padding: 5px 10px 5px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #211;
    border-left: 5px solid #211;
    width: 95%;
}
/* for ie */
*html #content-body .entry .entry-body pre,
*:first-child+html #content-body .entry .entry-body pre {
    padding-bottom: 20px;
}
/* source code style */
#content-body .entry .entry-body pre .Todo { color: #ff4500; background-color: #eded00; }
#content-body .entry .entry-body pre .PreProc { color: #cc5c5c; }
#content-body .entry .entry-body pre .Type { color: #bdb66a; font-weight: bold; }
#content-body .entry .entry-body pre .Normal { color: #fff; background-color: #333; }
#content-body .entry .entry-body pre .Comment { color: #86cdeb; }
#content-body .entry .entry-body pre .Identifier { color: #98fa98; }
#content-body .entry .entry-body pre .Constant { color: #ffa0a0; }
#content-body .entry .entry-body pre .Special { color: #ffdeac; }
#content-body .entry .entry-body pre .Statement { color: #f0e68b; font-weight: bold; }
#content-body .entry .entry-body pre .Underlined { color: #80a0ff; text-decoration: underline; }
#content-body .entry .entry-body pre .Error { color: #ffffff; background-color: #dd0805; }
#content-body .entry .entry-body pre .JISX0208Space { background-color: #2f4f4f; }

#content-body .entry .entry-body blockquote {
    color: #655;
    background-color: #fffcfb;
    border: 1px dashed #996;
    padding: 5px 10px;
    line-height: 1.6em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#content-body .entry img {
    background-color: #fff;
    margin: 5px 5px 5px 0;
    padding: 2px;
    border: 1px solid #ccc;
}
#content-body .entry .entry-body kbd {
    border-top: 1px solid #ddb;
    border-left: 1px solid #ddb;
    border-bottom: 1px solid #997;
    border-right: 1px solid #997;
    background-color: #eec;
}
#content-body .entry .entry-body ins {
    text-decoration: none;
    border-bottom: 1px dashed #211;
}

/***************************************/
/***** monthly archives page style *****/
/***************************************/
.monthly-archives-page-entry .monthly-archives-list {
    list-style-type: none;
}
.monthly-archives-page-entry .sitemap-link {
    margin: 20px 0 20px 40px;
}


/*
vim:fdl=0 fdm=marker:ts=4 sw=4 sts=0:
*/