@charset "utf-8";
@import url(../_import/common.css);
@import url(../_import/text_decorations.css);

/*
  ---------------------------------------------------------------
   P_BLOG CSS TEMPLATE "Ps Blue"

   $Id: 2005/03/18 22:51:06 Exp $
  ---------------------------------------------------------------
  INDEX :
     - BASE
     - HEADER
     - CONTENT
     - MENU BOX
     - FOOTER
  ---------------------------------------------------------------
*/

/*
-----------------------------------------------------------------
	BASE ELEMENTS
-----------------------------------------------------------------
*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;/* url(./resources/bg.png);*/
	font: 0.8em/170% 
		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
	text-align: center;
}

#wrapper {
	width: 98%;
	min-width: 640px;
	/*max-width: 1024px;*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* Anchors */
a:link {
	background-color: transparent;
	color: #1155aa;
	text-decoration: none;
}

a:visited {
	background-color: transparent;
	color: #115588;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: #ff3300;
	text-decoration: underline;
}

img {
	border: 0;
} a:hover img {
	opacity: 0.7;
} a:active img {
	opacity: 1.2;
}

/* Forms */
input, textarea, select, input[type="text"] {
	font-size: 100%;
}

fieldset {
	margin: 2em 0 1em 0;
	padding: 2em 0 1.5em 1em;
	border: 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

legend {
	margin-left: 1em;
	padding: 0 2em 0 2em;
	border: 1px solid #cccccc;
}

.noscript {
	display: inline;
}

/*
-----------------------------------------------------------------
	HEADER
-----------------------------------------------------------------
*/
#header {
	height: 100px;
	margin: 0;
	padding: 0 10px;
	border: none;
}
#header h1 {
	margin: 5px 0 0 10px;
	font-family: sans-serif;
	font-size: 240%;
	color: #447788;
	text-shadow: #dddddd .2em .2em .2em;
}

#subtitle {
	margin: 20px 30px;
	font: italic 14px times, sans-serif;
	color: #448888;
	text-shadow: #dddddd .2em .2em .2em;
}

/*
-----------------------------------------------------------------
	CONTENT BOX
-----------------------------------------------------------------
*/

#content {
	float: left;
	width: 68%;
	padding: .5em 1em;
	background-color: #ffffff;
	margin: 30px 0 10px 10px;
	//margin: 40px 0 10px 10px;
}

#content h1, #content h3.article-title {
	margin: 0;
	padding: .8em 1em 1em .8em;
	color: #333333;
	background-color: #efefef;
	border-top: 1px solid #cccdcd;
	font-size: 1.2em;
} #content h1 a:link, #content h1 a:visited {
	color: #333333;
}

#content h2 {
	margin: 1em 0;
	padding: 0;
	color: #333333;
	background-color: transparent;
	border-bottom: 1px solid #aabbbb;
	font-size: 1.2em;
} #content h2 a:link, #content h2 a:visited {
	color: #333333;
}

#content h3 {
	margin: 1em 0 .5em .5em;
	color: #333333;
	background-color: transparent;
	border: none;
	font-size: 1.2em;
} #content h3 a:link, #content h3 a:visited {
	color: #333333;
}

#content h4 {
	margin: 1em 0 .5em .5em;
	color: #444444;
	background-color: transparent;
	border: none;
	font-size: 1.2em;
}
/* #content h4 a:link, #content h4 a:visited {
	color: #444444;
}*/

#content h5 {
	margin: 1em 0 .5em 1em;
	color: #111111;
	background-color: transparent;
	font-size: 1em;
} #content h5 a:link, #content h5 a:visited {
	color: #111111;
}

.section {
	margin: .5em 0;
}

.section p,
.section iframe {
	margin: .5em 0 1em 1em;
}

.section li p {
	margin: .5em 0;
}

.section pre {
	display: block;
	width: auto;
	white-space: pre;
	overflow: auto;
	margin: .5em 0 1em 1em;
	padding: .5em;
	color: #111111;
	background: #f7f7f7;
	border: 1px solid #bbbbbb;
	line-height: 130%;
}

.section li pre {
	margin: .2em 0;
}

.section table {
	margin: .5em 0 1em 1em;
}

.section p.ref,
.section div.ref {
	margin: .5em 0 1em 1.5em;
}
.section span.ref {
	margin: 0 0 0 .5em;
}

.section img {
	margin: 0 .5em;
}

.section ul {
	margin: 0.5em 0 1em 1em;
	padding-left: 1.5em;
}
.section ol {
	margin: 0.5em 0 1em 1em;
	padding-left: 2em;
}
.section dl {
	margin: 0.5em 0 1em 1em;
	padding-left: 0;
}

#content h2.date-title {
	margin: 1.5em 0 0 0;
	padding: 0;
	background-color: transparent;
	border: none;
	color: #559999;
	font: bold italic 1.4em/100% Georgia, serif;
	text-shadow: #dddddd .1em .1em .1em;
	font-size: 1em;
}

/*
#content h3.article-title {
	margin: 0;
	padding: 1em;
	border: none;
	color: #448877;
	background-color: #f0f0f0;
	border-top: 1px solid #dddddd;
	font-size: 1.2em;
}
*/

.date {
	margin: -2em 0 0 0;
	padding: .5em;
	text-align: right;
	background-color: transparent;
	color: #556677;
	font-size: 12px;
} .date a {
	color: #556677;
}

/* Article Footer */
.a-footer {
	margin-top: .5em;
	padding-top: .5em;
	border-top: 1px dotted #aaaaaa;
	background-color: transparent;
	font-size: 12px;
	text-align: right;
}

/**
 * Footer Anchors
 */
.a-footer a {
	margin: 0 .5em 0 0;
	padding: 0 0 4px 14px;
	background: url(../_shared/anchor_bg.png) 0 0 no-repeat;
	/* For Debug */
	/* border: 1px solid #6600CC; */
}
.a-footer a:hover {
	background-position: 0 -30px;
}
.a-footer a:active {
	background-position: 0 -60px;
}
a.status-on {
	background-position: 0 -90px !important;
}
a.status-on:hover {
	background-position: 0 -30px !important;
}
a.status-on:active {
	background-position: 0 -60px !important;
}


/* Previous Logs Navi Link */
p#prev-logs {
	margin: 2em 2em 1em 1em;
	text-align: right;
}
p#prev-logs a {
	display: inline;
	margin-right: 2px;
	padding: 2px 20px 2px 10px;
	border: 1px solid #cccccc;
	background: #eeeeee url(../_shared/arrow_next.png) no-repeat 100% 50%;
	text-decoration: none;
}
p#prev-logs a:hover {
	background-color: #ffffff;
}

#article_addition {
	margin: 2em 0 0 0;
	text-align: center;
}

/*
-----------------------------------------------------------------
	MENU BOX
-----------------------------------------------------------------
*/
#menu-box {
	float: right;
	width: 22%;
	margin: 35px 0 15px 0;
	//margin: 45px 0 15px 0;
	padding: 10px;
	border-left: 1px solid #dddfe0;
	font-size: 0.95em;
}

div.menu {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
}
div.menu h2, div.menu h5 {
	margin: 0 0 .5em 0;
	padding: .2em 0;
	border-bottom: 1px solid #88aabb;
	font-size: 1em;
	color: #448888;
	background-color: transparent;
	overflow: hidden;
	text-shadow: #eeeeee .1em .1em .1em;
}
div.menu strong {
	font-size: 90%;
}
div.menu p {
	padding-left: .5em;
}

div.menu ul, div.menu ol {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
div.menu li {
	margin: 0;
	padding: 5px 0 5px 3px;
	line-height: 160%;
	border-bottom: 1px dashed #cccccc;
	display: block;
}

div.menu li a {
	text-decoration: none;
}

div.menu a:link, div.menu a:visited {
	color: #333333;
}
div.menu a:hover {
	color: #009cff;
}

#software-list a {
	display: block;
}

/* Fold navigation */
div.menu h2 a:link, div.menu h2 a:visited, div.menu h2 a:hover,
div.menu h5 a:link, div.menu h5 a:visited, div.menu h5 a:hover {
	display: block;
	color: #448877;
	text-decoration: none;
}
.foldmark {
	float: right;
	font-weight: normal;
	color: #aaaaaa;
}

#extra-list li {
	margin-top: 1px;
	padding: 0;
	border: none;
}

#search input {
	margin: 0;
}

#keyword {
	width: 90%;
}

/* Archive, Category, CSS-Swicher Form */
#archives,
#category,
#css-form {
	margin: 10px 0 10px 0;
}

/* Admin Menu */
#logout {
	width: 100%;
	padding-top: .5em;
	padding-bottom : .5em;
	border-top: 1px solid #999999;
	background: #eeeeee url(../_shared/gray_stripe.png);
	text-align: center;
}

h2.menu-box {
	font-size: 130%;
}

#menu-box h3 {
	font-size: 110%;
}

/*
-----------------------------------------------------------------
	CONTENT MENU
-----------------------------------------------------------------
*/
#content-menu {
	position: absolute;
	top: 100px;
	left: 1%;
	width: 98%;
	min-width: 640px;
	/*max-width: 1024px;*/
	height: 30px;
	margin: 0;
	padding: 0;
	background: #88bbdd url(./resources/menu-bg.png);
	font-family:
		"Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

#content-menu h2, #content-menu h5 {
	display: none;
}

#content-menu ul {
	width: 90%;
	margin: 0 0 0 17px;
	padding: 0;
	border: none;
}

#content-menu li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
}

#content-menu a.menu,
#content-menu li.cur-menu {
	display: block;
	padding: 2px 12px;
	line-height: 22px;
	color: #333333;
	text-shadow: #d0d9df .1em .1em .1em;
	text-decoration: none;
	text-indent: 0;
}
#content-menu a.menu:visited {
	color: #333333;
}
#content-menu a.menu:hover,
#content-menu a.menu:active,
#content-menu li.cur-menu {
	background: #5588ee url(./resources/menu-h-bg.png);
	color: #ffffff;
	text-shadow: #406f8c .1em .1em .1em;
}

/*
-----------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------
*/
#footer {
	clear: both;
	margin: 0;
	padding: 10px 10px 0 20px;
	border-top: 2px solid #88aabb;
	font-family: Optima, sans-serif;
}

/* Validator Logos */
.logo {
	float: left;
	margin: 0 1em .5em 0;
}

.validator {
	margin: 0 5px 5px 0;
}

#validators, #w3c-validators {
	margin: 0;
	padding: 0;
}

#validators a, #validators a {
	width: 81px;
	margin: 0 3px 0 0;
	padding: 2px 8px 2px 8px; 
	background: #eeeeee url(../_shared/navi_link_bg.png) repeat-x;
	border: 1px solid #bbbbbb;
	color: #000000;
	font-size: 11px;
	text-align: center;
	text-decoration : none;
}

address {
	margin: .5em 0 0 0;
	color: #666666;
	font-size: 90%;
}

#page-generation {
	clear: both;
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 90%;
}

/*
-----------------------------------------------------------------
  TEXT DECORATIONS
-----------------------------------------------------------------
*/
blockquote {
	margin-left: 1em;
	margin-right: .5em;
	padding: 1em;
	border-left: 5px solid #a0bfc8;
	background: #f0f0f0 url(../_shared/bottom_right.png) no-repeat right bottom;
	color: #000000;
	line-height: 160%;
}
div.citesource {
	margin-top: 5px;
	padding-right: 1.5em;
	border-top: 1px solid #a0bfc8;
	text-align: right;
}
strong {
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
}
/* Files */
.download {
	margin: 1em 0 1.5em .5em;
	padding: 7px 14px;
	background: #e6e1eb;
	border: 1px solid #aaaaaa;
}
.download p {
	padding: 0 0 0 35px;
	margin: 7px 0;
	background: transparent url(./resources/download.gif) no-repeat left top;
	border: none;
}
.download p.md5 {
	background: transparent none;
	border: none;
	font-size: .8em;
}

p.download {
	margin: 1em 0 1.5em 1em;
	padding: 7px 14px 7px 42px;
	background: #e6e1eb url(./resources/download.gif) no-repeat 14px 7px;
	border: 1px solid #aaaaaa;
	font-weight: bold;
}

.none {	display:none; }

/*
-----------------------------------------------------------------
	RSS
-----------------------------------------------------------------
*/
ul#rss-list li {
	margin: 1em 3px;
	padding: 0;
	line-height: 200%;
	width: 100px;
	list-style: none;
	background: #eeeeee url(../_shared/navi_link_bg.png) repeat-x;
	border: 1px solid #bbbbbb;
}
#rss, #rss2 {
	display: block;
	margin: 0;
	padding: 0 8px 0 22px;
}
#rss:link, #rss:visited, #rss2:link, #rss2:visited {
	background: transparent url(../_shared/feed-icon-16x16.png) no-repeat 2px 50%;
	font-size: 90%;
	text-decoration: none;
}

/*
-----------------------------------------------------------------
	Archives
-----------------------------------------------------------------
*/
#archive-list div {
	padding: 0 0 0 3px;
}

table.noborder {
	border: none;
}
div#log-list-button {
	background: transparent;
	border: 1px solid #cccccc;
}
ul#log-list {
/*
	list-style: url(../_shared/anchor_green.png);
*/
	margin: 1em 0 2em 0;
}
ul#log-list h3 {
	margin-left: 0;
}
ul#log-list li {
	margin-left: 30px;
	vertical-align: 1em;
}
ul#log-list li div {
	margin: 0 0 5px 0;
}

/*
-----------------------------------------------------------------
	Etc.
-----------------------------------------------------------------
*/
#google-search-menu {
	position: absolute;
	top: 5px;
	right: 1%;
	height: 24px;
}
#google-search-menu input {
	vertical-align: middle;
}
#google-search-menu input[type="submit"] {
	width: 24px;
	height: 24px;
	border: none;
	background: transparent url(./resources/search.png) no-repeat center center;
	font-size: 0;
	cursor: pointer;
}

#toc h2 {
	margin-top: .5em;
}

a.wiki, a.wiki:hover {
	padding: 0;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #555555;
}