/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 150%; }
ol, ul { list-style: none; }
blockquote { font-size: 0.9em; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

/* remember to define focus styles! */

:focus { outline: 0; }

/* remember to highlight inserts somehow! */

ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: collapse;
border-spacing: 0;
}

/* Clear -------------------------------------------------- */

.clear { clear: both; }
.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix {
display: inline-block;
min-height: 1%; /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* for ie5,6*/

/* Global -------------------------------------------------- */

body { font-size: 1em; }
#container,
#header,
#footer,
#header-menu {
width: 780px;
margin: 0 auto;
}
#container { margin-bottom: 15px; }
.entry-body p, img, blockquote { margin-bottom: 10px; }

/* layout -------------------------------------------------- */

.contents-head {
border-bottom: 1px solid #B2B2B2;
margin-bottom: 10px;
}
.contents-body { margin-bottom: 15px; }
.contents-body .alpha {
border-left: 1px solid #CCC;
width: 560px;
float: right;
padding: 15px 0 15px 20px;
line-height: 150%;
font-size: 11px;
color: #333;
}
.contents-body .beta {
width: 195px;
float: left;
padding: 0;
padding-bottom: 15px;
}

/* font ---------------------------------------------------- */

.txt-center { text-align: center; }
.txt-right { text-align: right; }

/* block --------------------------------------------------- */

blockquote {
background: #F0F0F0;
border: 1px solid #CCC;
border-left: 7px solid #CCC;
padding: 5px 10px;
font-size: 1.0em;
}

/* header -------------------------------------------------- */

#header {
background: url(http://neo-shocker.com/cgi-bin/mt-static/themes/neo-shocker/title.png) 0 10px no-repeat;
height: 50px;
}
#header .logo { margin-left: 150px; }
#header-menu {
font-family: Arial,Helvetica,Geneva,sans-serif;
border-bottom: 1px solid #EEE;
margin-bottom: 10px;
}
#header-menu a {
display: block;
width: 120px;
height: 35px;
line-height: 35px;
text-decoration: none;
text-align: center;
color: #666;
float: left;
}
#header-menu a:hover {
background: #EEE;
color: #333;
}

/* footer -------------------------------------------------- */

#footer {
background: url(http://neo-shocker.com/cgi-bin/mt-static/themes/neo-shocker/title.png) no-repeat;
height: 30px;
padding-top: 7px;
font-size: 9px;
color: #FFF;
}
#footer a {
text-decoration: none;
color: #FFF;
}
#footer .build {
margin-left: 150px;
float: left;
}
#footer .copy {
margin-right: 20px;
float: right;
}
div.logo-mini {
padding: 10px 0;
text-align: center;
}

/* container ------------------------------------------------ */

/* entry list ----------------------------------------------- */

.entries li {
border-bottom: 1px dotted #DDD;
margin-bottom: 10px;
padding-bottom: 3px;
}
.entries h4 { font-weight: normal; }
.entries a {
text-decoration: none;
color: #000;
}
.entries a:hover { color: #F30; }
.entries .excerpt {
font-size: 10px;
color: #999;
}
ul.entries .post,
.commnet-post {
font-size: 10px;
color: #999;
}
ul.entries .post a,
.commnet-post a {
text-decoration: none;
color: #666;
}
ul.entries .post a:hover,
.commnet-post a:hover { text-decoration: underline; }
form#search-box {
margin-bottom: 10px;
padding: 0;
}
form#search-box input.text {
background: #FEFEFE;
border: 1px solid #CCC;
width: 120px;
margin: 0 4px 0 0;
padding: 1px;
}
form#search-box input.text:focus {
background: #FFF;
border: 1px solid #666;
}
form#search-box input.image { vertical-align: bottom; }
.page-navi {
margin-top: 20px;
text-align: center;
}
.page-navi a {
text-decoration: none;
color: #000;
}
.page-navi a:hover { color: #F30; }

/* entry ---------------------------------------------------- */

h4.entry-title {
margin-top: 15px;
margin-bottom: 15px;
font-weight: normal;
font-size: 120%;
}
h4.entry-title2 {
border-bottom: 1px solid #CCC;
margin-top: 15px;
margin-bottom: 15px;
padding-bottom: 3px;
font-weight: normal;
font-size: 120%;
}
.entry .entry-body {
margin: 0 0 20px 0;
color: #333;
}
.entry-body ul { margin: 0 0 20px 20px; }
.entry-body ul li { list-style-type: disc; }

/* Code ---------------------------------------------------- */

div.precode-block { margin: 1em 0; }
div.precode-block div.precode-wrapper {
background: #EEE;
border-bottom: 1px solid #999;
overflow: auto;
}
div.precode-block p.precode-title {
border-bottom: 1px solid #999;
margin: 0;
padding: 3px 5px;
color: #000;
}
div.precode-block div.scroll { height: 15em; }
div.precode-block ol {
border-left: 2px solid #666;
list-style-type: decimal;
margin: 0 0 0 50px;
padding: 0;
color: #333;
}
div.precode-block ol li {
padding: 0 .5em;
line-height: 1.8;
}
div.precode-block ol li code {
font-family: monospace, 'Courier New', Courier, Fixed !important;
white-space: pre;
/* 横スクロールを表示せずに、折り返して表示させる場合 */
white-space: -moz-pre-wrap; /* Mozilla   */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7   */
white-space: pre-wrap;      /* CSS3      */
word-wrap: break-word;      /* IE 5.5+   */
color: #303;
}
 
div.precode-block ol li.precode-odd { background: #DDD; }
div.precode-block ol li.precode-eve { background: #F0F0F0;}

/* beta -------------------------------------------------------- */

.beta {
font-size: 10px;
color: #999;
}
.beta p { color: #333; }
.beta p.post-tags { margin-top: 10px; }
.beta p.fb-like { margin-top: 10px; }
.beta a {
text-decoration: none;
color: #666;
}
.beta a:hover {
text-decoration: underline;
color: #F30;
}
ul.tag-list { margin: 0 0 0 16px; }
.tag-list li { list-style-type:  disc; }
.retweet { margin: 10px 0 0 0; }

/* entry Global ----------------------------------------------- */

.ads { margin: 0 0 15px 0; }

/* comment ---------------------------------------------------- */

#comment-greeting { margin: 0 0 10px 0; }
#comment-greeting a { margin: 0 5px; }
.comments-personal {
width: 195px;
margin-top: 10px;
margin-bottom: 5px;
}
.comments-personal p label { width: 50px; display: block; }
.comments-personal p input[type=text] { width: 175px; margin-bottom: 5px; }
.comment-body p input[type=submit] {
border-width: 1px;
margin: 5px 0;
}
.comment-body {
width: 560px;
}
.comment-body textarea {
width: 554px;
height: 100px;
margin-bottom: 5px;
}
.comment-sets {
border-top: 1px solid #CCC;
margin-bottom: 25px;
padding-top: 15px;
}

/* backed out ----------------------------------------------- */

#backedout { padding-left: 20px; }
#backedout div {
width: 120px;
margin-right: 20px;
float: left;
}
#backedout div.end { margin-right: 0; }
#backedout p.designgarden {
padding-right: 10px;
text-align: center;
color: #333;
font-size: 0.8em;
}

/* Twitter -------------------------------------------------- */

#twtr-widget-1 .twtr-bd {
border-left: 1px solid #CCC;
width: 560px;
float: right;
padding: 15px 0 15px 20px;
}
#twtr-widget-1 .twtr-hd {
width: 195px;
float: left;
padding: 0;
padding-bottom: 15px;
}
#twtr-widget-1 .twtr-ft {
border-left: 1px solid #CCC;
width: 560px;
float: right;
padding: 0 0 0 20px;
}

/* Amazon --------------------------------------------------- */

div.amazlet-box { margin-bottom: 15px; }
div.amazlet-image {
width: 180px;
float: left;
}
div.amazlet-info {
width: 365px;
float: right;
padding: 0 0 0 0;
}
div.amazlet-footer { clear: both; }
div.amazlet-link { margin: 10px 0 0 0 }
.amazlet-powered-date { margin: 10px 0; }