body, div
, dl, dt, dd, ul, ol, li
, h1, h2, h3, h4, h5, h6
, pre, form, fieldset
, input, textarea, p
, blockquote, th, td {
margin : 0;
padding : 0;
line-height : 1.5;
font-size : 100%;
}

img  { border : 0; }
abbr { cursor : help; }

.oops1 {
color : #00ff00;
background-color : #666;
padding : 2px;
}

/* font-size : base 18px */
/*
.article                   { font-size : 112.5%; }
.single .article h1        { font-size :   200%; }
.multi .article h2         { font-size :   200%; }
.single .article h2        { font-size : 111.2%; }
.multi .article h3         { font-size : 111.2%; }
.article pre               { font-size :  88.9%; }
.article input.this_url    { font-size :  88.9%; }
.article .index            { font-size :  88.9%; }
.article .aa               { font-size :  77.8%; }
*/
.article                   { font-size :   100%; }
.single .article h1        { font-size :   200%; }
.multi .article h2         { font-size :   200%; }
.single .article h2        { font-size : 112.5%; }
.multi .article h3         { font-size : 112.5%; }
.article pre               { font-size :  87.5%; }
.article input.this_url    { font-size :  87.5%; }
.article .index            { font-size :  87.5%; }
.article .aa               { font-size :  87.5%; }

#search form input.text    { font-size :   100%; } /* 16px */
#secondary                 { font-size :   100%; } /* 16px */
#secondary .moreposts      { font-size :   120%; } /* 16px */
#secondary #contentinfo    { font-size :    75%; } /* 16px */
#menu                      { font-size :  87.5%; } /* 14px */
#index                     { font-size :  87.5%; } /* 14px */
#index dt span.desc        { font-size :  85.8%; } /* 12px */
#navi a span               { font-size :    75%; } /* 12px */


/* font-family */
/*body { font-family :Verdana; }*/
.single .article h1 { font-family : Verdana; }
.single .article h2 { font-family : Verdana; }
.multi .article h2  { font-family : Verdana; }
.multi .article h3  { font-family : Verdana; }
.article .date      { font-family : Arial Black; }
.article .tags a    { font-family : Verdana, Arial; }
.article .tags span { font-family : Arial Black; }
.article pre code   { font-family : monospace; }
.article input.this_url { font-family : monospace; }
#menu               { font-family : Helvetica, Arial, sans-serif; }

/* font-weight */
#secondary dl dt { font-weight : bold; }

/* color */
body                          { color : #eaeaea; }
a                             { color : #34b5ff; }
a:visited                     { color : #2279d3; }
a:hover                       { color : #2279d3; }

.article p.info               { color : #000000; }

.index a:visited              { color : #34b5ff; }
.index a:hover                { color : #2279d3; }
.entryinfo a:visited          { color : #34b5ff; }
.entryinfo a:hover            { color : #2279d3; }
#contentinfo a:visited        { color : #34b5ff; }
#contentinfo a:hover          { color : #2279d3; }
.topicpath a:visited          { color : #34b5ff; }
.topicpath a:hover            { color : #2279d3; }
.article .tags a              { color : #34b5ff; }
.article .tags a:visited      { color : #34b5ff; }
.article .tags a:hover        { color : #2279d3; }
.article form textarea        { color : #000000; }
.gotoheader a                 { color : #eaeaea; }
.gotoheader a:visited         { color : #eaeaea; }
.gotoheader a:hover           { color : #34b5ff; }
.article .date span           { color : #eaeaea; }
.article ul.navi li a:hover   { color : #2279d3; }

.single .article h1            { color : #ff34b5; }
.single .article h1 a:link     { color : #ff34b5; }
.single .article h1 a:visited  { color : #ff34b5; }
.single .article h1 a:hover    { color : #d32279; }
.multi .article h2             { color : #ff34b5; }
.multi .article h2 a:link      { color : #ff34b5; }
.multi .article h2 a:visited   { color : #ff34b5; }
.multi .article h2 a:hover     { color : #d32279; }

#secondary                     { color : #eaeaea; }
#secondary .archives a         { color : #eaeaea; }
#secondary .archives a:link    { color : #eaeaea; }
#secondary .archives a:visited { color : #eaeaea; }
#secondary .archives a:hover   { color : #2279d3; }

#menu ul li a                  { color : #eaeaea; }
#menu ul li a:hover            { color : #34b5ff; }
#navi a                        { color : #eaeaea; }
#navi a:hover                  { color : #34b5ff; }

/* background-color */
body                { background-color : #eaeaea; }
#secondary          { background-color : #808080; }


/* z-index */







body {
background : url( images/body_back.png ) 32px top repeat-x;
}

.end_of_articles {
display : none;
}

/* for AutoPagerize */
hr {
margin : 4em 0 4em 134px;
border : 0;
border-bottom : 4px dashed #fff;
}

.alert {
color : #ffff00;
}

strong {
color : #ffff00;
}

.analyze {
display : noen;
}


/* content */
#main {
position : relative;
margin-top : 50px;
padding-bottom : 1em;
background : #000 url( images/content_repeat.png ) left top repeat-y;
}

#main .article {
margin-left : 164px;
margin-right : 32px;
position : relative;
clear : both;
max-width : 40em;
}

#main .article + .article {
margin-top : 64px;
}

.article p
, .single .article h2
, .multi .article h3
, .single .article h3
, .multi .article h4
, .single .article h4
, .multi .article h5
, .article ul
, .article ol
, .article dl
, .article pre
, .article table
, .article blockquote
, .index ol {
margin : 1em 0;
letter-spacing : 2px;
}

.article a[href$=".rb"]
, .article a[href$=".yaml"]
, .article a[href$=".js"]
, .article a[href$=".php"]
, .article a[href$=".pl"]
, .article a[href$=".wsf"]
, .article a[href$=".ahk"]
, .article a[href$=".ahk"] {
background : url( images/icon_source.png ) left 1px no-repeat;
padding-left : 18px;
line-height : 1.5;
}



.article p {
clear : both;
}

.article img {
border : 4px solid #fff;
margin : 0.5em;
}

.article img.noborder {
border : 0;
}

.article .entryinfo img {
border : 0;
margin : 0;
}

.article #sbmcomments img {
border : 0;
margin : 0;
}

.article p a img {
margin : 0;
}

.article p a:hover img {
border : 4px solid #34b5ff;
}

.article ul {
list-style-type : none;
}

.article ul li {
background : url( images/list_bullet.gif ) 2px 11px no-repeat;
padding-left : 16px;
}

.article ol {
margin-left : 1.5em;
}

.article ul ul
, .article ul ol
, .article ol ul
, .article ol ol {
margin-top : 0;
margin-bottom : 0;
}



.article dl dd + dt {
margin-top : 0.5em;
}

.article dl dd {
padding-left : 1em;
background : url( images/dd_bullet.gif ) left top no-repeat;
}

.article pre code {
overflow : auto;
padding : 10px;
display : block;
letter-spacing : 0;
line-height : 1.3;
background-color : #222;
border : 1px solid #999;
}

.article * code {
background : #222;
}

.article blockquote {
padding : 0.5em 44px;
background : url( images/icon_chip.png ) -290px -358px no-repeat;
}


.article table {
border-collapse : collapse;
border : 1px solid #444;
}
.article table tr:first-child + tr > td {
border-top-width : 0;
}
.article table tr th {
text-align : center;
background-color : #505050;
border-left : 2px outset #494949;
padding : 0 4px;
}
.article table tr th:first-child {
border-left-width : 0;
}
.article table tr td {
background-color : #222;
border-left : 2px outset #494949;
border-top : 2px outset #494949;
padding : 0 4px;
}
.article table tr td:first-child {
border-left-width : 0;
}

/*
.article table th {
text-align : center;
border-bottom : 1px solid #ccc;
}
.article table td {
border-bottom : 1px solid #ccc;
}
*/

.single .article h1
, .multi .article h2 {
margin-left : -20px;
padding : 0 20px;
line-height : 1.1;
letter-spacing : 1px;
}
.single .article h2
, .multi .article h3 {
padding-bottom : 6px;
margin-top : 4em;
background : url( images/h2_border.gif ) left bottom repeat-x;
}
.single .article h1 + h2
, .multi .article h2 + h3 {
margin-top : 1em;
}

.single .article h3
, .multi .article h4 {
padding : 3px 6px;
background : url( images/h3_back.gif ) left bottom repeat-x;
}

.single .article h4
, .multi .article h5 {
padding-left : 10px;
border-left : 5px solid #333;
}

.article .aa { /* for ascii art */
line-height : 1.1;
letter-spacing : 0;
}
.article dl dd img { /* for add social bookmark */
vertical-align : middle;
}
/*
dl dd.comment a {
background : #000 url( images/icon_comment.png ) left center no-repeat;
padding-left : 26px;
}
*/
.article dl dd ul {
margin : 0 5px;
}





/* download */
.article dl.download {
width : 50%;
margin : 0 auto;
border : 3px solid #ccc;
background : #000 url( images/icon_download.png ) 5px center no-repeat;
padding : 10px 10px 10px 66px;
}
.article dl.download dt {
}
.article dl.download dd {
background-image : none;
padding : 0;
}

/* add bookmark button */
.article dl dd a img {
/*visibility : hidden;*/
}
.article dl dd a.add_del {
background : url( images/icon_chip.png ) -305px -268px no-repeat;
}






/* article navi */
.article ul.navi {
list-style-type : none;
min-height : 92px;
}
.article ul.navi li {
width : 50%;
padding : 0;
background : none;
}
.article ul.navi li.prev {
text-align : left;
float : left;
}
.article ul.navi li.prev a {
border : 1px solid #000;
border-width : 2px 1px 2px 2px;
display : block;
padding-left : 32px;
padding-right : 3px;
min-height : 92px;
background : transparent url( images/icon_rewind.gif ) left top no-repeat;
}
.article ul.navi li.next {
text-align : right;
float : right;
}
.article ul.navi li.next a {
border : 1px solid #000;
border-width : 2px 2px 2px 1px;
display : block;
padding-left : 3px;
padding-right : 32px;
min-height : 92px;
background : transparent url( images/icon_fastforward.gif ) right top no-repeat;
}
.article ul.navi li a:hover {
border-color : #2279d3;
}





/* comment form */
.article form {
clear : both;
}
.article form textarea {
background : #fff url( images/comment_body.png ) center center no-repeat;
padding : 10px;
width : 70%;
height : 12em;
border : 3px solid #666;
}
.article form textarea:focus {
border : 3px solid #bbb;
background-color : #ffe;
}
.article input.submit {
padding : 5px 20px;
}

.article input.this_url {
width : 100%;
height : 20px;
padding : 2px 6px;
}





/* info */
.article p.info {
background : url( images/icon_chip.png ) -24px -200px no-repeat;
padding-left : 42px;
font-weight : bold;
width : 200px;
height : 30px;
line-height : 30px;
margin-top : 3em;
}
.article p.info.navi    { background-position : -24px -230px; }
.article p.info.comment { background-position : -24px -260px; }





/* side */
.article .side {
display : block;
position : absolute;
left : -121px;
width : 80px;
letter-spacing : 1px;
text-align : center;
margin : 0;
}

.article .date {
background : url( images/icon_chip.png ) -24px -316px no-repeat;
height : 70px;
line-height : 25px;
top : 0;
font-size : 20px;
}
.article .date span {
text-decoration : none;
display : block;
margin : 8px 0;
}

.article .tags {
top : 81px;
letter-spacing : 0px;
padding-bottom : 8px;
background : transparent url( images/icon_chip.png ) -24px bottom no-repeat;
text-align : left;
min-height : 70px;
}
.article .tags span {
background : transparent url( images/icon_chip.png ) -24px -316px no-repeat;
display : block;
/*height : 0;
padding-top : 10px;
overflow : hidden;*/
text-align : center;
}
.article .tags a {
display : block;
padding : 0 5px;
background-color : #000;
/*text-decoration : none;*/
font-size : 14px;
}

.article .gotoheader {
bottom : 0px;
height : 70px;
line-height : 70px;
background : url( images/icon_chip.png ) -24px -316px no-repeat;
}
.article .gotoheader a {
text-decoration : none;
display : block;
font-size : 70px;
}
.article .gotoheader span {
display : none;
}
/*
.article .gotoheader:hover span {
display : block;
position : relative;
background : #000;
border : 1px solid #fff;
width : 11em;
height : 4em;
line-height : 24px;
left : 60px;
bottom : 17px;
font-size : 77.8%;
}
*/



/* split */
.split_left {
width : 48%;
float : left;
}
.split_right {
width : 48%;
float : right;
}





/* topicpath */
.topicpath {
padding : 16px 0;
padding-left : 148px;
list-style-type : none;
height : 163px;
margin-bottom : -143px;
background : transparent url( images/icon_chip.png ) 0 0 no-repeat;
}





/* header */
#sitetitle {
position : absolute;
left : 4px;
top : 62px;
width : 24px;
}

#sitetitle .logo {
width : 0px;
padding-left : 24px;
overflow : hidden;
height : 163px;
text-align : center;
background : transparent url( images/icon_chip.png ) 0 -200px no-repeat;
}





/* menu */
#menu {
position : absolute;
top : 10px;
left : 12px;
height : 30px;
}
#menu ul li {
list-style-type : none;
float : left;
text-align : center;
margin-right : 10px;
}
#menu ul li a {
background : url( images/icon_chip.png ) -224px -230px no-repeat;
display : block;
width : 80px;
text-decoration : none;
height : 30px;
line-height : 30px;
}

#menu ul li a:hover         { background-position : -224px -260px; }
#menu ul li.current a       { background-position : -224px -200px; }
#menu ul li.current a:hover { background-position : -224px -200px; }





/* footer */
#secondary {
background : #000 url( images/icon_chip.png ) -185px -314px no-repeat;
padding-top : 44px;
letter-spacing : 2px;
}

#secondary .archives
, #secondary .contents {
padding : 32px 32px 0 32px;
clear : both;
}

#secondary .archives {
padding-top : 80px;
background : #000 url( images/footer_back.png ) left top repeat-x;
min-height : 350px;
}

#secondary ul {
list-style-type : none;
}

#secondary dl {
float : left;
margin-bottom : 1em;
width : 33%;
}

#secondary dl.recently dt   { margin-right : 0.5em; }
#secondary dl.recently ul   { margin-right : 0.5em; }
#secondary dl.hatena_hot dt { margin : 0 0.5em; }
#secondary dl.hatena_hot ul { margin : 0 0.5em; }
#secondary dl.capture dt    { margin-left : 0.5em; }
#secondary dl.capture ul    { margin-left : 0.5em; }

#secondary dl dt {
border-bottom : 3px solid #fff;
line-height : 2;
}
#secondary dl dd ul li {
border-bottom : 1px solid #888;
padding : 3px 0;
}
#secondary .moreposts {
font-weight : bold;
clear : both;
padding : 2em 0;
text-align : center;
}
#secondary .moreposts a {
background : url( images/icon_moreposts.png ) 5px center no-repeat;
padding : 15px 58px;
border : 1px solid #aaa;
}

#secondary dd ul li span {
padding-right : 0.5em;
display : block;
}

#secondary dl dd.older {
text-align : center;
}





/* contentinfo */
#contentinfo {
clear : both;
padding : 24px 0;
text-align : center;
}





/* navigation */
#navi {
position : fixed;
right : 0;
bottom : 0;
height : 24px;
width : auto;
list-style-type : none;
border-top : 1px solid #aaa;
border-left : 1px solid #aaa;
}
#navi a {
background : #000 url( images/icon_chip.png ) -304px -244px no-repeat;
padding-right : 4px;
display : block;
height : 24px;
line-height : 24px;
text-decoration : none;
}
#navi a span {
padding-left : 24px;
}




/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/

/*CSS black style pagination*/
p.pagination {
margin : 1em 0;
text-align:center;
color:#a0a0a0;
font-size:100%;
}
p.pagination a {
border: 1px solid #909090;
margin-right:3px;
padding:2px 5px;
background-image:url( images/icon_chip.png );
background-position:-104px -314px;
text-decoration: none;
color: #c0c0c0;
}
p.pagination a:visited {
color: #c0c0c0;
}
p.pagination a:hover {
border: 1px solid #f0f0f0;
background-image:url( images/icon_chip.gif );
background-position:-104px -336px;
background-color:#404040;
color: #ffffff;
}
p.pagination span.current {
margin-right:3px;
padding:2px 5px;
border: 1px solid #ffffff;
font-weight: bold;
background-color: #606060;
color: #ffffff;
}
p.pagination span.disabled {
margin-right:3px;
padding:2px 5px;
border: 1px solid #606060;
color: #808080;
}





/* search box */
/*
#search {
position : absolute;
top : 18px;
right : 10px;
width : 280px;
height : 32px;
background : #000;
background : transparent url( images/search_back.png ) left top no-repeat;
}
#search form {
position : relative;
top : 8px;
left : 12px;
width : 256px;
height : 24px;
background : transparent url( images/search_form.png ) left top no-repeat;
}
#search form input.text {
position : absolute;
top : 2px;
left : 2px;
padding : 0;
border : 0;
width : 181px;
height : 20px;
}
#search form input.text:focus {
background-color : #ffc;
}
#search form input.button {
position : absolute;
top : 1px;
right : 1px;
width : 22px;
height : 22px;
padding : 0;
border : 0;
background : #000 url( images/search_button.png ) left top no-repeat;
overflow : hidden;
font-size : 0;
}
#search form input.button:hover {
background-position : bottom;
background-color : #666
}
#search form input.button:active {
padding : 2px 0 0 2px;
}
*/

#search {
/*position : fixed;
top : 0;*/
position : absolute;
top : 60px;
right : 0;
width : 276px;
height : 40px;
/*background : transparent url( images/search_back.gif ) left top no-repeat;*/

}
#search form {
position : relative;
top : 8px;
left : 12px;
width : 256px;
height : 24px;
background : transparent url( images/icon_chip.png ) -24px -290px no-repeat;
}
#search form input.text {
position : absolute;
top : 2px;
left : 2px;
padding : 0;
border : 0;
width : 231px;
height : 20px;
}
#search form input.text:focus {
background-color : #ffa;
}
#search form input.button {
position : absolute;
top : 1px;
right : 1px;
width : 22px;
height : 22px;
padding : 0;
border : 0;
background : url( images/icon_chip.png ) -304px -200px no-repeat;
overflow : hidden;
font-size : 0;
}
#search form input.button:hover {
background-position : -304px -222px;
}
#search form input.button:active {
padding : 1px 0 0 1px;
}





/* index */
#index {
position : fixed;
left : 0;
bottom : 0;
letter-spacing : 1px;
background : #000;
overflow : hidden;
width : 24px;
height : 24px;
border-right : 1px solid #aaa;
border-top : 1px solid #aaa;
}
#index dt {
width : 24px;
height : 24px;
overflow : hidden;
font-size : 0;
background : url( images/icon_chip.png ) -305px -268px no-repeat;
padding-top : 100px; /* hide text */
}
#index dt span.desc {
display : block;
}
#index dd {
display : none;
}
#index:hover {
width : auto;
height : auto;
}
#index:hover dl {
margin : 0;
padding : 0;
border-right : 5px solid #aaa;
padding : 5px;
}
#index:hover dt {
width : auto;
height : auto;
padding : 0;
border : 0;
background-image : none;
font-size : 100%;
}
#index:hover dd {
display : block;
}





/* page index */
#main .index {
margin : 1em 0 1em 164px;
padding : 1em;
border-left : 5px dashed #fff;
}
#main .article .index {
margin : 1em 0;
}
#main .index p {
font-weight : bold;
}
#main .index ol {
margin-left : 0.6em;
}
#main .index ol
, #main .article .index p {
margin-top : 0;
margin-bottom : 0;
}

#main .index ol {
counter-reset : list;
}
#main .index ol li {
list-style-type : none;
}
#main .index ol li:before {
content : counters( list, "-" ) ". ";
counter-increment : list;
font-family : "ＭＳ ゴシック";
}

/* Autopagerize */
.autopagerize_page_separator {
border:none;
}
p.autopagerize_page_info {
line-height : 1.5;
font-size : 125%;
text-align : center;
margin-bottom : 64px;
}
p.autopagerize_page_info:before {
content : "*AutoPagerize* ";
}

/* MediaMarker */
table.mm_parts th {
font-weight : normal;
}
table.mm_parts td {
text-align : center;
font-size : 87.5%;
}












/* for IE6 */
* html body { background : #fff none; }
* html .topicpath { margin-bottom : -160px; }
* html * { zoom : 1; }
* html ol { zoom : normal; }
* html ol li { zoom : normal; }
* html body { padding-top : 50px; }
* html #search { position : absolute; }
* html #main .index ol li { list-style-type : decimal; }
* html #main .index ol { margin-left : 1.5em; }
* html #main .article dl dd img { margin : 6px 0; }
* html #main .article dl dt { margin-top : 0.5em; }
* html #main .article ul.navi li a { height : 92px; }
* html #main .article ul.navi li { width : 49%; }
* html #main .article form textarea { background-image : none; }
* html #main .article input.this_url { height : 2em; }
* html #main .article .gotoheader a { font-size : 40px; }
* html #main .article { margin-right : 0px; }
* html #secondary dl.recently dt   { margin-right : 0.25em; }
* html #secondary dl.recently ul   { margin-right : 0.25em; }
* html #secondary dl.hatena_hot dt { margin : 0 0.25em; }
* html #secondary dl.hatena_hot ul { margin : 0 0.25em; }
* html #secondary dl.capture dt    { margin-left : 0.25em; }
* html #secondary dl.capture ul    { margin-left : 0.25em; }
* html #main .article {
font-family : 'メイリオ', 'ＭＳ Ｐゴシック';
margin-top : 64px;
}
* html #sitetitle .logo {
width : auto;
font-size : 0;
background-image : none !important;;
}
* html #index
, * html #navi {
display : none;
}
* html .article blockquote
, * html .article dl dd a.add_del
, * html .article p.info
, * html .article .date
, * html .article .tags
, * html .article .tags span
, * html .article .gotoheader
, * html .topicpath
, * html #sitetitle .logo
, * html #menu ul li a
, * html #secondary
, * html #navi a
, * html p.pagination a
, * html p.pagination a:hover
, * html #search form
, * html #search form input.button
, * html #index dt {
background-image : url( images/icon_chip_ie.png );
}

/* for IE7 */

/* for Opera */
*+html>/**/body #search form input.button {
padding-top : 100px;
}
*+html>/**/body #index dt {
padding-top : 100px;
}