body {
 color:#330;
 background-color:#fff;
 margin:0;
 padding:0;
}

body.index
{
 background-color:#ffeba5;
}

a:link {
 color            : #0040d0;
 text-decoration  : underline;
 border-style     : none;
 border-color     : #0040d0;
}

a:visited {
 color            : #a04060;
 text-decoration  : underline;
 border-style     : none;
 border-color     : #b06080;
}

a:hover {
 border-style     : solid;
 border-width     : 0 0 1px 0;
}

body.index h1.site_logo,
body.contents p.site_logo
{
 color:#644e00;
 background-color:#ffd02f;
 font-size:130%;
 font-style:italic;
 font-weight:bold;
 letter-spacing:1em;
 text-align:right;
 border-width:0 0 1px 0;
 border-color:#000 #000 #886900 #000;
 border-style:solid;
 margin:0;
 padding:0.2em;
}

body.index div.contents_list
{
 background-color:#ffe8a5;
 margin:0;
 padding:0;
 width:20%;
 float:left;
}

body.index div.contents_list h2
{
 color:#644e00;
 font-size:90%;
 font-weight:normal;
 letter-spacing:0.1em;
 text-align:center;
 border-width:1px 0 1px 0;
 border-color:#fffff8 #000 #ffd02f #000;
 border-style:solid;
 margin:0;
 padding:0.3em 0;
}

body.index div.contents_list ul
{
 list-style-type:none;
 margin:0;
 padding:0;
}

body.index div.contents_list p
{
 margin:0;
 padding:0;
}

body.index div.contents_list li,
body.index div.contents_list form
{
 font-size:82%;
 border-width:1px 0 1px 0;
 border-color:#fffff8 #000 #ffd02f #000;
 border-style:solid;
 margin:0;
 padding:0.1em 0.5em 0.2em 0.5em;
}

body.index div.contents_list form.site_search input.word
{
 border-width:1px;
 width:64%;
}

body.index div.contents_list form.site_search input.submit
{
 border-width:1px;
 width:34%;
}

body.index div.contents
{
 color:#330;
 background-color:#fff;
 border-width:0 0 0 1px;
 border-color:#886900;
 border-style:solid;
 width:80%;
 float:left;
}

body.index div.contents h3
{
 background-color:#ffeba5;
 font-size:120%;
 letter-spacing:0.5em;
 border-width:1px 0 1px 0;
 border-color:#fffff8 #000 #ffd02f #000;
 border-style:solid;
 margin:0 0 1em 0;
 padding:0.2em 0.5em;
}

body.index div.weblog p.time_stamp
{
 font-size:82%;
 text-align:right;
 margin:0 1em;
 padding:0.2em 0;
}

body.index div.weblog h4
{
 margin:0 1em 0.5em;
 padding:0;
 border-width:0 0 1px 0;
 border-color:#000 #000 #660 0;
 border-style:solid;
}

body.index div.weblog ul
{
 margin:0 0 1.5em 0;
 padding:0;
}

body.index div.weblog li
{
 line-height:1.5em;
 margin:0 2.5em 1em 2.5em;
 padding:0;
}

body.index div.weblog li p
{
 margin:0;
 padding:0;
}

body.index div.weblog span.title,
body.index div.weblog a.title
{
 font-weight:bold;
}

body.index div.weblog img.direct_link,
body.contents div.weblog img.direct_link
{
 border:0 #000 none;
}

body.index div.weblog blockquote,
body.contents div.weblog blockquote,
{
 color:#555;
 border:1px #ccc dotted;
 padding:0.7em;
 margin:0.5em 1em;
}

body.index div.weblog p.view_log
{
 text-align:center;
 border:1px #660 dotted;
 padding:0.5em;
 margin:1em 25%
}

body.index div.changelog ul
{
 margin:1em 2em;
 padding:0;
}

body.index div.changelog li
{
 line-height:1.5em;
 margin:0;
 padding:0;
}

body.index div.guest_book
{
}

body.index div.guest_book div.main
{
 margin:1em;
 padding:0;
}

body.index div.guest_book form
{
 border:1px #ccc dotted;
 margin:0;
 padding:0.5em;
}

body.index div.guest_book form p.name,
body.index div.guest_book form p.message
{
 font-size:82%;
 margin:0;
 padding:0;
}
body.index div.guest_book form p.submit
{
 font-size:82%;
 margin:0 0 0 8ex;
 padding:0;
}

body.index div.guest_book form p.name input
{
 width:8em;
}

body.index div.guest_book form p.message input
{
 width:16em;
}

body.index div.guest_book form p.submit input
{
}

body.index div.guest_book form p.name label,
body.index div.guest_book form p.message label
{
 text-align:right;
 margin-right:0.5ex;
 width:8ex;
}

body.index div.guest_book input.submit
{
 border-width:1px;
}

body.index div.guest_book p.log
{
 font-size:82%;
 border:1px #ccc solid;
 margin:0.5em 0;
 padding:0.5em;
}

body.index div.guest_book p.navi
{
 text-align:right;
}

body.index div.others ul.banner
{
 margin:1em 2em;
 padding:0;
}

body.index div.others ul.banner img
{
 border-style:none;
}

body.index div.copy_right address
{
 font-size:90%;
 font-style:normal;
 text-align:right;
 border-width:1px 0 0;
 border-color:#886900;
 border-style:solid;
 margin:0 0 0.5em 0;
 padding:0.2em 0.5em;
}

/*
* contents general
*/
body.contents p.site_logo
{
 margin:0 0 0.5em 0;
}

body.contents h1
{
 color:#660;
 background-color:#ffd02f;
 font-size:130%;
 text-align:center;
 letter-spacing:0.3em;
 border-width:0 0 2px 0;
 border-color:#cc8;
 border-style:solid;
 margin:1.5em 2%;
 padding:0 0 0.2em 0;
}

body.contents h2
{
 color:#660;
 font-size:110%;
 border-width:0 0 1px 1em;
 border-color:#cc8;
 border-style:solid;
 margin:1.5em 3%;
 padding:0 0 0.2em 0.5em;
}

body.contents h3
{
 color:#660;
 background-color:#fffff4;
 font-size:90%;
 font-weight:normal;
 text-align:center;
 border-width:1px 0 1px 0;
 border-color:#cc8;
 border-style:solid;
 margin:1.5em 4% 0.5em 4%;
 padding:0.2em 0.5em;
}

body.contents pre
{
 background-color:#e0f0ff;
 margin:1em 5%;
 padding:0.5em;
 word-break:break-all;
}

body.contents div.head form.quick_link
{
 float:right;
 margin:0 1% 0.5em 1%;
 padding:0;
}

body.contents div.head p.navi
{
 margin:0 1% 0.5em 1%;
 padding:0;
}

body.contents div.head p.time_stamp
{
 font-size:90%;
 font-family:monospace;
 margin:1em 1% 0.7em 1%;
 padding:0;
}

body.contents div.main p
{
 margin:1em 5%;
 line-height:1.5em;
}

body.contents div.main ul,
body.contents div.main ol,
body.contents div.main dl
{
 margin:1em 9%;
 padding:0;
}

body.contents div.main li
{
 margin:0;
 padding:0;
 line-height:1.5em;
}

body.contents div.main dt
{
 color:#006;
 margin:0;
 padding:0;
 line-height:1.5em;
}

body.contents div.main dd
{
 margin:0 1em 1em 1em;
 padding:0;
 line-height:1.5em;
}

body.contents div.main img.amazon
{
 border-style:none;
}

body.contents p.catch
{
 text-align:center;
 margin:1em;
 padding:0;
}

body.contents p.another_html_lint
{
 text-align:center;
 margin:2em 2% 0.5em 2%;
 padding:0;
}

body.contents div.copy_right address
{
 background-color:#ffe8a5; 
 font-size:90%;
 font-style:normal;
 text-align:right;
 border-width:1px 0 0;
 border-color:#886900;
 border-style:solid;
 margin:0;
 padding:0.2em 0.5em;
}

/*
* contents Weblog
*/
body.contents div.weblog ul
{
 margin:1em 4%;
}

body.contents div.weblog a.title,
body.contents div.weblog span.title
{
 font-weight:bold;
}

body.contents div.weblog li
{
 line-height:1.5em;
 margin:0 2.5em 1em 2.5em;
 padding:0;
}

body.contents div.weblog li p
{
 margin:0;
 padding:0;
}

body.contents ul.weblog_list li
{
 font-weight:bold;
}

body.contents ul.weblog_list ul
{
 list-style-type:none;
 margin:0 0 1em 1em;
 padding:0;
}

body.contents ul.weblog_list ul li
{
 font-weight:normal;
 display:inline;
 margin:0 0.2em 0 0;
 padding:0;
}

/*
* contents chikusou
*/
body.contents div.chikusou div.chaptor
{
 border-width:1px 2px 2px 1px;
 border-color:#ccc;
 border-style:solid;
 margin:1em 3%;
 padding:0;
}

body.contents div.chikusou div.chaptor h2
{
 margin:1em 2% 0.5em 2%;
}

body.contents div.chikusou div.chaptor h3
{
 margin:1em 2% 0.5em 2%;
}

body.contents div.chikusou div.chaptor p.time_stamp
{
 font-size:82%;
 text-align:left;
 margin:0 3%;
 padding:0;
}

body.contents div.chikusou div.chaptor div.body blockquote
{
 border:1px #ccc dotted;
 margin:1em 7%;
 padding:0.7em;
}

body.contents div.chikusou div.chaptor div.body blockquote p
{
 margin:0;
 padding:0;
}

/*
* contents cgiscript
*/
body.contents div.cgiscript dt
{
 font-family:monospace;
}

body.contents div.cgiscript dt span.element
{
 color:#900;
}

body.contents div.cc1linebbsv2 div.sample
{
 margin:1em 5%;
 padding:0;
}

/*
* 画像の回り込み
*/

body.contents div.chikusou img#img_1
{
 float:left;
 margin-right:0.5em;
}

body.contents div.chikusou img#img_2
{
 float:right;
 margin-left:0.5em;
}