@charset "utf-8";
/* CSS Document */

dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,label,p,blockquote { 
    margin: 0;
    padding: 0;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, Hiragino Kaku Gothic Pro;*/
    font-size: 108%;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333;
	line-height:1.8em;
}

input,textarea {
	font-size: 108%;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333;
	line-height:normal;
}

body, div {
	margin:0px;
	padding:0px;
}

body {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background-color:#ccc;
}

body {
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

img {
	border:0px;
}

a {
	font-weight:bold;
	color:#C70000;
	text-decoration:underline;
}

a:vlink {
	color:#E6C24A;
}

a:hover {
	color:#E6C24A;
}

ul {
	list-style:none;
	font-size: 100%;
}

ol {
	font-size: 100%;
}

li {
	padding:0px 0px 0px 15px;
	background-image: url(../img/symbol/star.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

dt {
	font-weight:bold;
}

dd {
	padding-bottom:1em;
	padding-left:1em;
}

h1 {
	line-height:1em;
}

h1,h2,h3,h4 {
	padding:0px 0px 15px 0px;
	line-height:1.5;
	font-weight: bold;
}

h1 {
	font-size:153.9%;
	color:#C70000;
}

h2 {
	padding-top: 15px;
	font-size:138.5%;
	clear:both;
}

h3 {
	font-size:123.1%;
	color:#CC9900;
}

h5 {
	font-weight:bold;
}

p,ul {
	padding:0px 0px 15px 0px;
}

pre {
	background-color:#333;
	margin-bottom: 15px;
	font-family: Verdana, "ＭＳ ゴシック", Osaka, Hiragino Kaku Gothic Pro;
	padding-left: 8px;
	color:#FFF;
	font-size:93%;
	width:551px;
	overflow:scroll;
}

pre.mono {
	font-family: monospace;
}

/* this is program code style. */
pre ol {
	list-style-position:inside;
	list-style-type:decimal-leading-zero;
}

pre span.dim {
	font-family: Verdana, "ＭＳ ゴシック", Osaka, Hiragino Kaku Gothic Pro;
}

pre ol li {
	font-family: Verdana, "ＭＳ ゴシック", Osaka, Hiragino Kaku Gothic Pro;
	padding-left: 0px;
	background-image: none;
	color:#FFF;
	border-width:0px 0px 1px 0px;
	border-style: solid;
	border-color: #444;
}

pre ol li strong, pre strong {
	font-family: Verdana, "ＭＳ ゴシック", Osaka, Hiragino Kaku Gothic Pro;
	color:#FFF;
}

blockquote {
	font-style:italic;
	padding-bottom:1em;
}

#global {
	margin-left:auto;
	margin-right:auto;
	width:750px !important;
	width:756px;
	background-color:#FFFFFF;
	text-align:left;
	border-width: 0px 3px 3px 3px;
	border-style:solid;
	border-color:#C8C8C8;
	background-image:url(../img/g_pixel.gif);
	background-position:599px 0px;
	background-repeat:repeat-y;
}

#header {
	height: 50px;
	width: 750px;
	background-image: url(../img/colori_corner_square.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#fff;
	border-bottom:1px solid #eee;
	position:relative;
	left:0px;
	top:0px;
}

#header p {
	position:absolute;
	left:8px;
	top:8px;
}

#header p#catchcopy {
	left: 130px;
	top:14px;
	font-size:97%;
	font-weight:bold;
}

#header p#catchcopy:before,#header p#catchcopy:after {
	content:" - ";
}

#menu {
	padding: 10px;
	width:130px !important;
	width:150px;
	float:right;
	position:relative;
	left:0px;
	top:0px;
}

#menu h2 {
	font-size:93%;
	text-align:center;
}

#menu ul {
	list-style:none;
	padding-bottom:0px;
}

#menu li {
	padding:0px;
	margin:0px;
	background-image:none;
	font-size:93%;
}

#menu p {
	margin-bottom:10px;
	padding:0px;
	line-height:0;
}

#menu iframe {
	margin-left:5px;
}

#main {
	margin: 0px;
	padding:10px 20px;
	width:559px !important;
	width:599px;
	float:left;
}

#main p, #main li {
	font-size:100%;
}

#footer {
	border-top:1px solid #eee;
	width: 750px;
	text-align:center;
	clear:both;
	background-color:#333333;
}

#footer ul {
	margin-top:10px;
	width:200px;
	float:left;
	text-align:left;
}

#footer li {
	font-size:100%;
	background:none;
}

#footer li a {
	color:white;
}

#footer p {
	font-family:Verdana;
	clear:both;
	color:white;
}

#footer p img {
	vertical-align:middle;
}

.codefont {
	font-family: Verdana,sans-serif;
}

.dim {
	color:#999999;
}

.selected {
	color:#E6C24A;
	font-weight:bold;
}

.ness {
	color:#C70000;
}

.center {
	text-align:center;
}

.ruler-h-1000 {
	background-image:url(../img/ruler_h_1000.gif);
	background-repeat:no-repeat;
	padding-top:20px;
}

#main p.point {
	border-width:2px 0px 2px 0px;
	border-color:#DDDDDD;
	border-style:double;
	background-color:#F6F6F6;
	font-size:93%;
	letter-spacing:0.09em;
	line-height:1.5;
	padding:5px;
	margin-bottom:1em;
}

#main .text10 { font-size:77%; }
#main .text11 { font-size:85%; }
#main .text12 { font-size:93%; }
#main .text13 { font-size:100%; }
#main .text14 { font-size:108%; }
#main .text15 { font-size:116%; }
#main .text16 { font-size:123.1%; }
#main .text17 { font-size:131%; }
#main .text18 { font-size:138.5%; }
#main .text19 { font-size:146.5%; }
#main .text20 { font-size:153.9%; }
#main .text21 { font-size:161.6%; }
#main .text22 { font-size:167%; }
#main .text23 { font-size:174%; }
#main .text24 { font-size:182%; }
#main .text25 { font-size:189%; }
#main .text26 { font-size:197%; }


/* coloriテーブル */
table.cTable {
	border-width:1px 0px 0px 1px;
	border-color:#CCCCCC;
	border-style:solid;
	margin-bottom:1em;
}

table.cTable th {
	border-width:0px 1px 1px 0px;
	border-color:#CCCCCC;
	background-color:#F6F6F6;
	border-style:solid;
	padding:5px;
	text-align:center;
}

table.cTable td {
	border-width:0px 1px 1px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	background-color:#FFFFFF;
	padding:5px;
}

#meta-status {
	width:100%;
}

#meta-status p {
	font-size:100%;
	padding:0px;
}

#meta-status p img {
	vertical-align:middle;
}

abbr#entry-published {
	border:none;
}

#meta-footer {
	clear:both;
	border:1px solid #ccc;
	padding:5px;
	padding-bottom:0px;
	margin-bottom:10px;
}

#colori-footer-ad {
	padding:5px;
	padding-bottom:0px;
	margin-bottom:10px;
}

#colori-footer-ad li {
	background-image:none;
	display:inline;
	padding:10px;
}

/**
 * 目次用
 */
#main .index-area { border:1px dotted #CCC; padding:5px; }
#main .index-area h2,
#main .index-area h3,
#main .index-area h4 { font-size:100%; }
#main .index-area ul li { font-size:93%; }

/**
 * twitter widget
 */
div#twitter_div {
	
}

ul#twitter_update_list li {
	font-size:93%;
	line-height:1.3;
	padding-bottom:1em;
}

ul#twitter_update_list li a {
	font-weight:normal;
}

/**
 * MovableTypeコメント用
 */
#comments input {
	line-height:normal;
	padding:2px 8px;
	font-size:100%;
}

#comment-greeting {
	padding:5px 0px;
}

#comments-form label {
	width:60px;
	display:block;
	float:left;
	clear:left;
	font-size:100%;
}

#comments-form label#comment-reply-label {
	width:auto;
}

#main div.comment-content p {
	font-size:93%;
}

/**
 * 検索用
 */
form#searchform {
	text-align:right;
	font-size:100%;
	padding-bottom:10px;
	margin-right:-10px;
}

form#searchform label {
	font-size:93%;
}

form#searchform input {
	text-align:center;
	font-size:100%;
}

form#searchform input#search {
	text-align:left;
}

#main div.content-nav {
	text-align:center;
	font-size:108%;
	padding-top:20px;
}

/**
 * CSS3
 */
#main img.round {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	overflow:hidden;
}

#main .zenback li {
	font-size:100%;
	letter-spacing:0em;
}

#zenback-news,
#main .zenback-keywords {
	display:none;
}