@charset "utf-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

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

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*
///YUI Font.css///
(px)	(%)
10	 77
11	 85
12	 93 (was 93)
13	100
14	108 (was 107)
15	116 (was 114)
16	123.1 (was 122)
17	131 (was 129)
18	138.5 (was 136)
19	146.5 (was 144)
20	153.9 (was 152)
21	161.6 (was 159)
22	167
23	174
24	182
25	189
26	197
*/

/* 再定義
----------------------------------------------------------------------*/
img {
	vertical-align: bottom;
}
a img {
	border-style: none;
}
address {
	font-style: normal;
}
/* 基本
----------------------------------------------------------------------*/
a, a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active, a.active, a.active:link, a.active:visited {
	color: #00a9d9;
}
html, body {
	/*"メイリオ", Meiryo, */
	font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	height: 100%;
	background-color: #c0c0c0;
	text-align: center;
	padding-bottom: 5em;
}
#container {
	position: relative;
	background-color: white;
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
	text-align: left;
	padding-bottom: 1em;
	margin-bottom: 5em;
}
* html body #container {
	height: 100%;
}
/* 全体構造
----------------------------------------------------------------------*/
#header {
	position: relative;
	width: 960px;
	height: 103px;
	background-image: url(/assets/images/bg_header.jpg);
	background-repeat: no-repeat;
}
#top_bar {
	position: relative;
	width: 960px;
	height: 16px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-image: url(/assets/images/bg_top_bar.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index:100;
}
#trunk {
	position: relative;
	width: 960px;
}
#side_bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 127px;
	height: 400px;
	background-image: url(/assets/images/bg_side_bar.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#main {
	margin: 0;
	margin-left: 127px;
	width: 832px;
	min-height: 800px;
	border-left: solid 1px black;
	background-image: url(/assets/images/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
* html #main {
	height: 800px;
}
#footer {
	width: 960px;
	border-top: solid 1px black;
}
/* ヘッダ(#header)
----------------------------------------------------------------------*/
h1 {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 77%;
	text-align: right;
	width: 100%;
	height: 12px;
	line-height: 12px;
	white-space: nowrap;
}
#site_home {
    position: absolute;
    display: block;
    font-family: 'Times New Roman',Times,serif;
    font-size: 48px;
    font-weight: 700;
    bottom: 0;
    left: 4px;
	width: 360px;
	height: 60px;
}
ul#global_navi {
	position: absolute;
	bottom: 0;
	right: 0;
}
ul#global_navi li {
	display:block;
	float:left;
	margin:0 4px 0 0;
	border:solid 1px gray;
	border-bottom:solid 1px black;
	width:60px;
	font-size:13px;
	background-color:black;
	color:white;
	padding:0;
	text-align:center;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
ul#global_navi li a,
ul#global_navi li a:link,
ul#global_navi li a:visited {
	display:block;
	width:40px;
	padding:2px 10px;
	color:white;
}
ul#global_navi li a:hover {
	color:aqua;
}
/* フッタ(#footer)
----------------------------------------------------------------------*/
#copyright {
	text-align: right;
	padding-top: 0.5em;
	padding-right: 0.5em;
}
/* 左サイド(#side_bar)
----------------------------------------------------------------------*/
#year {
	position: absolute;
	width: 0; /*86*/
	height: 50px;
	top: 20px;
	left: 25px;
	background-image:url(/assets/images/side/year2.png);
	opacity: 0;
}
#month {
	position: absolute;
	width: 0;
	height: 0;
	top: 70px;
	left: 40px;
	background-image: url(/assets/images/side/month.gif);
	opacity: 0;
}
#date {
	position: absolute;
	width: 0;
	height: 0;
	top: 98px;
	left: 28px;
	background-image: url(/assets/images/side/date.gif);
	opacity: 1;
}
#day {
	position: absolute;
	width: 0;
	height: 0;
	top: 156px;
	left: 40px;
	background-image: url(/assets/images/side/day.gif);
	opacity: 0;
}
/* メイン共通(#main)
----------------------------------------------------------------------*/
.section {
	position: relative;
	padding-bottom:24px;
}
.section p, .section div, .section dl, .section ul, .section ol, .section table, .section pre {
	margin-left: 12px;
}
#main h2 {
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	padding-left: 12px;
	margin: -1px 0 24px;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
}
#main h3 {
	font-weight:400;
	font-size:16px;
	padding: 6px 0 3px 12px;
	border-top: solid 1px gray;
	border-bottom: solid 1px silver;
}
.lead, .lead p {
	font-size: 93%;
	width: 580px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}
* html div.lead p {
	font-size: 12px;
	line-height: 16px;
}
.lead p {
	margin-bottom: 1em;
}
.inner_logo {
	font-family: 'Times New Roman';
	font-size: 14px;
	font-weight: bold;
}
ul.sub_menu {
	text-align: right;
	padding: 2px 0 0;
}
ul.sub_menu li {
	display: inline;
	padding: 0 5px;
	font-size:12px;
}
ul.sub_menu li a, ul.sub_menu li a:link, ul.sub_menu li a:visited {
	color: #222222;
}
ul.sub_menu li a:hover {
	text-decoration: underline;
}
/* index.html - メイン(#main)
----------------------------------------------------------------------*/
#main #news p, #main #rss_feeds p {
	font-size: 12px;
	color: #999;
}
#main #news dl {
	margin: 12px 120px 12px 12px;
	padding: 0.5em;
	border: dotted 1px #633;
}
#main #news dl dt {
	clear: left;
	float: left;
	width: 7em;
}
#main #feed {
	display: none;
}
#main #feed_display {
	position: relative;
	padding: 1em;
	padding-left: 0;
}
#main #selector {
	margin-top: 10px;
}
#main #selector_buttons input, #main #selector_buttons select {
	border: solid 1px silver;
}
#main #stat {
	border-top: dotted 1px gray;
	border-bottom: dotted 1px gray;
	background-color: #efefef;
	color: gray;
	height: 14px;
	line-height: 14px;
	vertical-align: bottom;
	font-size: 10px;
	margin-top: 12px;
}
#main #feed_display li {
	display: block;
}
#main #feed_display div.date, #main #feed_display div.label {
	float: left;
	width: 80px;
	overflow: hidden;
	vertical-align: top;
}
#main #feed_display div.label {
	width: 80px;
	text-align: right;
}
#main #feed_display a {
	margin-left: 12px;
	width: 610px;
}
#main #feed_display a.feed_link, #main #feed_display a.feed_link:link {
	color:#504450;
}
#main #feed_display a.feed_link:visited {
	color:#afafaf;
}
/* about/index.html - Office(#office)
----------------------------------------------------------------------*/
#office_table {
	margin-top: 12px;
	margin-left: 20px;
	width: 520px;
}
#office_table th, #office_table td {
	padding: 6px 8px;
	vertical-align: top;
	line-height: 160%;
	border-bottom: solid 1px #aaa;
}
#office_table th {
	text-align: right;
	font-weight: bold;
	border-left: solid 1px #aaa;
	border-right: dashed 1px #ccc;
	background-color: #ddd;
}
#office_table td {
	padding-left: 18px;
	border-right: solid 1px #aaa;
}
#office_table tr.first-child th, #office_table tr.first-child td {
	border-top: solid 1px #aaa;
}
#office ol.list li {
	list-style: decimal;
	margin-left: 0.7em;
}
/* about/index.html - History(#history)
----------------------------------------------------------------------*/
table {
	margin-bottom:0;
}
#history table {
	margin-left: 24px;
}
#history table th {
	border-top: dashed 1px #aaa;
	border-right: dashed 1px #aaa;
	padding: 6px;
}
#history table td {
	border-bottom: solid 1px #aaa;
	padding: 6px;
}
/* about/index.html - Career(#career)
----------------------------------------------------------------------*/
#career_table {
	margin-top: 12px;
	margin-left: 20px;
	width: 740px;
}
#career_table th, #career_table td {
	padding: 6px 4px;
	vertical-align: top;
	line-height: 160%;
	border-bottom: solid 1px #aaa;
}
#career_table th {
	text-align: center;
	font-weight: normal;
	line-height: 100%;
	background-color: #f5f5f5;
}
#career_table tr.first-child th {
	font-weight: bold;
	background-color: #ddd;
}
#career_table tr.first-child th, #career_table tr.first-child td {
	border-top: solid 1px #aaa;
}
#career ul.list li {
	list-style: disc;
	margin-left: 2em;
}
#career_table .trunk {
	border-left: dashed 1px #ccc;
	border-right: dashed 1px #ccc;
}
#career_table td.topics {
	padding-right: 6px;
	font-size: 70%;
	width: 140px;
}
#career_table p.att {
	padding: .5em .5em 0 5em;
	font-size:smaller;
}
/* BLOG -- seesaa
----------------------------------------------------------------------*/
.sample_form {
	border: solid 1px #ADAEAD;
	margin: 2em 0em;
	padding: 1em;
	background: url(/assets/images/tx-sample-silver_x8.gif) no-repeat #EFEFFF;
}
.sample_form input[type="button"], .sample_form input[type="text"] {
	background: #F9F9F9;
	color: #7B7D4A;
	font-size: smaller;
	border: outset 1px #525529;
}
.literal {
	color: gray;
}
.code_list, .path_list, .config_list {
	background: url(/assets/images/tx-code-brown_x8.gif) no-repeat;
	background-color: white;
	font-family: "Courier New", monospace;
	padding: 12px;
	border: brown 1px solid;
	color: #535353;
}
pre {
	border: #CCCCCC 1px solid;
	background-color: #EFEFEF;
	padding-left: 1em;
}
.path_list {
	border: #ADAEAD 1px solid;
	background: url(/assets/images/tx-path-silver_x8.gif) no-repeat;
}
.config_list {
	border: #3366FF 1px solid;
	background: url(/assets/images/tx-config-cyan_x8.gif) no-repeat;
}
.screen {
	font-family: "Courier New", monospace;
	padding: 12px;
	background-color: black;
	color: white;
	border: black 1px solid;
}
.em_ln {
	font-weight: bold;
	font-style:normal;/*  font-size: larger;*/
}
code {
	font-family: "Courier New", monospace;
}
#adsense {
	position:absolute;
	width:165px;
	top:31px;
	right:-1px;
	_right:none;
	_left:841px;
	z-index:10;
}
table.toolsTable {
	table-layout:fixed;
	border-collapse:collapse;
	margin: 12px;
}
table.toolsTable th {
	background-color:silver;
	padding:6px;
	border: solid 1px black;
}
table.toolsTable td {
	background-color:white;
	padding:6px;
	border: solid 1px black;
}
.tools p {
	margin: 1em;
	line-height:150%;
	max-width: 680px;
}
.tools ul,
.tools ol {
	margin: 1em;
}
.tools ul li {
	margin: 0.2em 1.5em;
	list-style-type:disc;
}
.tools ol li {
	margin: 1em 1.5em;
	list-style-type:decimal;
}
.tools pre {
	max-width: 680px;
}
.tools h4 {
	margin-top: 1em;
	border-bottom:dashed 1px gray;
}
.tools span.linenumber {
    border-right: 1px solid silver;
    color: gray;
    margin-right: 6px;
    padding-right: 6px;
}
.tools pre.uselinenumber {
    background-color: #EFEFEF;
    background-image: url("/assets/images/lines.gif");
    border: 1px solid silver;
    line-height: 14px;
    margin-right: 20px;
    padding: 4px 0;
	font-size:11px;
	font-family:"Courier New", Courier, monospace;
}
.tools .entrydate {
	font-size: 12px;
}
.attr,
.gloss {
	color: brown;
}
.keyword {
    color: #CC3366;
    font-weight: bold;
}
.property {
    color: #CC9900;
}
.comment {
    color: #009900;
}
.adOver {
	padding-right:119px;
}
.toprop {
	margin: 12px;
	font-size:10px;
}
.exp {
	font-size: 12px;
	color: #666;
	padding:.5em;
	margin:.5em;
	border: dashed 1px #ccc;
	background-color:#eee;
}

#recent div {
	margin:0;
}
#recent li.rssRow {
	display:none;
}
#recent ul {
	margin:0;
	padding:0 0 0 24px;
}
#recent li {
	margin:0 120px 0 0;
	padding:5px 10px;
	list-style-type:none;
	border-bottom:solid #fafaff 1px;
}
#recent li:first-child {
	border-top:solid #fafaff 1px;
}
#recent li.odd {background-color:#f4f4f4;}
#recent li.even {background-color:#fff;}
#recent .rssHeader {
	display: none;
}
#last_check {
	font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:400;
	font-size: 12px;
	padding-left:10px;
}
#recent li.rssRow div,
#recent li.no {
	display:none;
}
#recent #show_all {
	margin: 6px 120px 0 24px;
	text-align:right;
}
#recent li.story:hover {
	background-color:#fdd;
}
#recent li.priority10 {
	display: block;;
	background-color:#fee;
}
#social_buttons {
	position:absolute;
	top:32px;
	right:120px;
	z-index:100;
}
.symlinks {
	font-weight: 700;
	color: #5ff;
}
.dir {
	font-weight: 700;
	color: #88f; /* 本来は #55f */
}
.red {
	color:red;
}
.docen {
	font-family:Garamond,Georgia,serif;
	color:#3E4349;
	font-size:17px;
	line-height:1.3em;
}
.docen strong {
	color:#FE4349;
	font-weight:700;
}
.docen em {
	color:#000;
	font-style:italic;
}




/*
button,input[type=button],input[type=submit] {
	text-align: center;
	cursor: pointer;
	background-image: -moz-linear-gradient(50% 0% -90deg, rgb(242, 242, 242) 0%, rgb(235, 235, 235) 45%, rgb(221, 221, 221) 46%, rgb(207, 207, 207) 100% );
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(242, 242, 242) ), color-stop(0.45, rgb(235, 235, 235) ), color-stop(0.46, rgb(221, 221, 221) ),
		color-stop(1, rgb(207, 207, 207) ) );
	background-image: -webkit-linear-gradient(-90deg, rgb(242, 242, 242) 0%, rgb(235, 235, 235) 45%, rgb(221, 221, 221) 46%, rgb(207, 207, 207) 100% );
	background-image: -o-linear-gradient(-90deg, rgb(242, 242, 242) 0%, rgb(235, 235, 235) 45%, rgb(221, 221, 221) 46%, rgb(207, 207, 207) 100% );
	background-image: -ms-linear-gradient(-90deg, rgb(242, 242, 242) 0%, rgb(235, 235, 235) 45%, rgb(221, 221, 221) 46%, rgb(207, 207, 207) 100% );
	background-image: linear-gradient(-90deg, rgb(242, 242, 242) 0%, rgb(235, 235, 235) 45%, rgb(221, 221, 221) 46%, rgb(207, 207, 207) 100% );
	border: solid 1px rgb(112, 112, 112);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2f2f2,endColorstr=#ffcfcfcf,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2f2f2, endColorstr=#ffcfcfcf, GradientType=0 );
	line-height: normal;
	padding: 1px 6px;
	box-shadow: inset 0 0 0 1px #f3f3f3;
}

button:hover,input[type=button]:hover,input[type=submit]:hover,#headerReplaceButton:hover {
	background-image: -moz-linear-gradient(50% 0% -90deg, rgb(234, 246, 253) 0%, rgb(217, 240, 252) 45%, rgb(190, 230, 253) 46%, rgb(167, 217, 245) 100% );
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(234, 246, 253) ), color-stop(0.45, rgb(217, 240, 252) ), color-stop(0.46, rgb(190, 230, 253) ),
		color-stop(1, rgb(167, 217, 245) ) );
	background-image: -webkit-linear-gradient(-90deg, rgb(234, 246, 253) 0%, rgb(217, 240, 252) 45%, rgb(190, 230, 253) 46%, rgb(167, 217, 245) 100% );
	background-image: -o-linear-gradient(-90deg, rgb(234, 246, 253) 0%, rgb(217, 240, 252) 45%, rgb(190, 230, 253) 46%, rgb(167, 217, 245) 100% );
	background-image: -ms-linear-gradient(-90deg, rgb(234, 246, 253) 0%, rgb(217, 240, 252) 45%, rgb(190, 230, 253) 46%, rgb(167, 217, 245) 100% );
	background-image: linear-gradient(-90deg, rgb(234, 246, 253) 0%, rgb(217, 240, 252) 45%, rgb(190, 230, 253) 46%, rgb(167, 217, 245) 100% );
	border: solid 1px rgb(60, 127, 177);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeaf6fd,endColorstr=#ffa7d9f5,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeaf6fd, endColorstr=#ffa7d9f5, GradientType=0 );
	box-shadow: inset 0 0 0 1px #fafdfe;
}

button:active,input[type=button]:active,input[type=submit]:active,#headerReplaceButton:active {
	background-image: -moz-linear-gradient(50% 0% -90deg, rgb(229, 244, 252) 0%, rgb(196, 229, 246) 45%, rgb(152, 209, 239) 46%, rgb(104, 179, 219) 100% );
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(229, 244, 252) ), color-stop(0.45, rgb(196, 229, 246) ), color-stop(0.46, rgb(152, 209, 239) ),
		color-stop(1, rgb(104, 179, 219) ) );
	background-image: -webkit-linear-gradient(-90deg, rgb(229, 244, 252) 0%, rgb(196, 229, 246) 45%, rgb(152, 209, 239) 46%, rgb(104, 179, 219) 100% );
	background-image: -o-linear-gradient(-90deg, rgb(229, 244, 252) 0%, rgb(196, 229, 246) 45%, rgb(152, 209, 239) 46%, rgb(104, 179, 219) 100% );
	background-image: -ms-linear-gradient(-90deg, rgb(229, 244, 252) 0%, rgb(196, 229, 246) 45%, rgb(152, 209, 239) 46%, rgb(104, 179, 219) 100% );
	background-image: linear-gradient(-90deg, rgb(229, 244, 252) 0%, rgb(196, 229, 246) 45%, rgb(152, 209, 239) 46%, rgb(104, 179, 219) 100% );
	border: solid 1px rgb(44, 98, 139);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5f4fc,endColorstr=#ff68b3db,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5f4fc, endColorstr=#ff68b3db, GradientType=0 );
	box-shadow: inset 0 0 0 1px #9eb0ba;
}

button:disabled,input:disabled,button:disabled:hover,input:disabled:hover,button:disabled:active,input:disabled:active {
	background-image: none;
	background-color: rgb(244, 244, 244);
	border-color: rgb(173, 178, 181);
	box-shadow: none;
}
*/
#twitter_link {
	position: absolute;
	top: 8px;
	right: 118px;
}

.ext {
	border: 0;
	margin-right: 4px;
}