/* ======== base structure, Anchors ======== */

body{
 margin: 0;
 padding: 0;
 line-height: 1.5;
 background: #fff;
 color: #101010;
}

a:link{
 color: #66c;
}
a:visited{
 color: #939;
}
a:link:hover{
 color: #f06666;
 cursor: pointer;
}
a:visited:hover{
 color: #cc1010;
 cursor: pointer;
}
a:link:active{
 color: #6c6;
}
a:visited:active{
 color: #696;
}


/* ======== blocks ======== */

h1, h2, h3, h4,
div.month-navigation,
div.prevnext,
div.topic,
#header-area, #footer-area, #contents-title{
 border-color: #aca;
}
h2{
 color: #030;
 background: #efe;
}

.good,
.recommended{
 border-color: #9c6;
}
.worse,
.deprecated{
 border-color: #cc9;
}
.bad,
.obsoleted,
.error,
.forbidden{
 border-color: #c99;
}
.sample{
 border-color: #cdd;
}
.dtd{
 border-color: #ddb;
}
blockquote{
 border-color: #bdb;
}


div.figure{
 margin: 1em 0 1em 1.5em;
}

/* ======== notes ======== */

p.note{
 color: #030;
}
em.note{
 color: #030;
 font-weight: 100;
 font-size: 90%;
}
p.citenote{
 color: #030;
}


/* ==== block-level elements ==== */
p{
 margin: 0.3em 0 0.3em 1em;
 padding: 0.2em 0.5em;
 text-indent: 1em;
}
h1{
 margin: 0;
 padding: 0.5em 0;
 font-size: 150%;
 text-align: center;
 color: #030;
}
h2{
 margin: 0;
 padding: 0.1em 1em 0 1em;
 border-width: 1px;
 border-style: solid;
 font-size: 150%;
}
h3{
 margin: 0.5em 0 0.25em 0;
 padding: 0.1em 0 0.1em 1.2em;
 border-width: 1px;
 border-style: none none solid none;
 font-size: 130%;
}
h4{
 margin: 0.5em 0 0.25em 0;
 padding: 0.1em 0 0.1em 1.3em;
 border-width: 1px;
 border-style: none none dotted none;
 font-size: 120%;
}

h5{
 margin: 2em 0 1em 1em;
 font-size: 100%;
}

h6{
 margin: 1.5em 0 1em 2em;
 font-size: 100%;
}

pre{
 margin: 0;
 padding: 0;
 border-style: none;
 border-width: 0;
 font-size: 90%;
}

/* ==== lists ==== */
ul{
 margin: 1em 1em 1em 2.1em;
 padding: 0;
}

li{
 margin: 0.5em;
 padding: 0;
}

li p{
 margin: 0;
 text-indent: 0;
}

dl{
 margin: 1em;
}
dt{
 margin: 2em 0 0.5em 0;
}
dd{
 margin: 0.5em 0 2em 1em;
}



/* ======== inline elements ======== */
em{
 font-style: normal;
 font-weight: bolder;
}
em.myself{
 font-weight: normal;
 color: #366;
 background: transparent;
}
dfn{
 font-style: normal;
 color: #330;
}

strong{
 font-style: normal;
 font-weight: bolder;
 display: block;
 text-align: center;
 margin: 0.5em;
 font-size: 150%;
}

pre strong,
blockquote strong{
 font-style: normal;
 font-weight: bolder;
 font-size: 100%;
 display: inline;
}

a ruby rt{
 text-decoration: none;
}

var{
 background: #fee;
 color: #000;
}
span.link-forbidden{
 font-size: 90%;
 color: #966;
}
q:lang(ja) {
 quotes: none;
}
q:before { content: open-quote; }
q:after { content: close-quote; }


/* ==== tables ==== */
table{
 margin: 1em 1em 1em 2em;
 border-collapse: collapse;
 border-width: 1px;
 border-style: solid;
 border-color: #ccc;
}

th, td{
 border-width: 1px;
 border-style: solid;
 border-color: #ccc;
 empty-cells: show;
 padding: 0.2em 0.5em;
}
th{
 font-size: 90%;
}


/* ======== IDentified area ======== */
#header-area{
 margin: 0;
 padding: 0;
 color: #030;
 background: #efe url("ebibg.png") no-repeat 99% 10%;
}
p.topic-path{
 margin: 0.3em 1em;
 padding: 0;
 font-size: 90%;
 text-indent: 0;
 clear: both;
}


/* ==== common margin for some blocks ==== */

div.sample,
div.dtd,
div.good,
div.recommended,
div.worse,
div.deprecated,
div.bad,
div.obsoleted,
div.error,
blockquote{
 margin: 1em 0.5em 1em 1.7em;
 padding: 1em 0.5em;
 border-style: dashed;
 border-width: 2px;
}

div.sample p,
div.dtd p,
div.good p,
div.recommended p,
div.worse p,
div.deprecated p,
div.bad p,
div.obsoleted p,
div.error p,
blockquote p{
 text-indent: 0;
 font-size: 90%;
 line-height: 1.3;
}
blockquote ul{
 font-size: 90%;
}

div.sample hr,
div.dtd hr,
div.good hr,
div.recommended hr,
div.worse hr,
div.deprecated hr,
div.bad hr,
div.obsoleted hr,
div.error hr,
blockquote hr{
 visibility: hidden;
}




/* ==== style for "classed" elements ==== */

div.section{
 margin: 0 0 2.5em 0;
}

div.section div.section{
 margin: 0 0 2.5em 2em;
}

p.note{
 font-size: 90%;
 margin: 1em 0 1em 3.25em;
 text-indent: -1em;
}
p.example{
 margin: 1.5em 3em;
 font-size: 105%;
}


em.domain-info{
 color: #363;
 font-weight: normal;
 font-size: 90%;
}

/* ======== quote-and-cite ======== */

div.quote-and-cite{
 margin: 1em 0;
 padding: 0;
}
div.quote-and-cite blockquote{
 margin-bottom: 0;
}
div.quote-and-cite blockquote p{
 text-indent: 0;
}

div.quote-and-cite p.cite{
 margin: 0;
 padding: 0 0.5em 0 0;
 text-align: right;
 font-size: 90%;
}
div.quote-and-cite p.citenote{
 margin: 0;
 padding: 0 0.5em 0 0;
 text-align: right;
 font-size: 90%;
}

p.snip{
 text-align: center;
 font-size: 90%;
 margin: 0.5em 0;
}
p.snip em{
 font-weight: 500;
 color: #666;
}

/* ======== subinfo ======== */
.subinfo{
 text-align: right;
 margin: -0.5em 0 0 0;
 padding: 0;
}
div.subinfo p{
 font-size: 75%;
 margin: 0;
 padding: 0;
}
p.genre{
 text-align: right;
 margin: -0.5em 1em 0 0;
 padding: 0;
}
span.genre,
span.updated{
 font-size: 75%;
 margin: 0 0.2em;
}
span.updated{
 margin: 0 1em 0 0;
}


/* ======== link to hatomaru-glossary ======== */
a.hatomaru-glossary{
 font-style: normal;
}
a.hatomaru-glossary:link{
 color: #009;
 background: #ffe;
}
a.hatomaru-glossary:visited{
 color: #303;
 background: #ffe;
}
a.hatomaru-glossary:hover{
 color: #900;
 background: #ffe;
}
a.hatomaru-glossary:active{
 color: #090;
 background: #ffe;
}




/* ======== topics ======== */

div.topic{
 margin: 1em 0 2em 0;
 padding: 0 0 1em 0;
}



/* ======== comment for topics ======== */

ul.comment-link{
 text-align: right;
 font-size: 90%;
 list-style: none;
}

div.comment div.message p{
 text-indent: 0;
}
div.comment div.message h3.subject{
 font-weight: 500;
 font-size: 100%;
 margin: 0;
}
div.comment div.message div.message-header{
 text-align: right;
 font-size: 90%;
}
div.comment div.message div.message-header cite{
 font-style: normal;
}

div.comment div.message-body div.section{
 margin: 0 0 1em 0;
 padding: 0;
}

p.comment-navigation{
 font-size: 90%;
 margin: 0 0 2em 0;
 text-align: right;
}



a.footnotepointer{
 margin: 0 0.2em 0 0;
 font-size: 90%;
}


p.url-alert{
 text-indent: 0;
 margin: 0;
 padding: 0;
 border-bottom: #ccc solid 1px;
}



/* ======== forms ======== */
form p{
 margin: 0;
 padding: 0;
 text-indent: 0;
}
form p.submit{
	padding: 0.2em 0.5em;
	margin: 0.2em 1em;
}
form p.note{
	margin-left: 1em;
}
form p.submit input{
 padding: 0.2em 1em;
 margin: 0 1em 0 0;
}
form fieldset{
	padding: 0.5em 1em;
}
#subjectField label,
#nameField label,
#messageField label{
 display: block;
}
#subjectField input,
#nameField input,
#messageField textarea{
 width: 95%;
}


form.send{
	margin: 0;
}
form.edit p,
form.send p{
	margin: 0;
}

div.post-info-notice{
	border-color: #c00;
	border-width: 3px;
	border-style: solid;
	margin: 0.5em 1.5em;
	padding: 0;
}
div.post-info-notice p{
	margin: 0 0 0 1.6em;
}
div.post-info-notice p.ipinfo{
	margin: 0;
	padding: 0;
	color: #c00;
}
div.post-info-notice p.ipinfo em{
	font-weight: bold;
	font-size: 150%;
}

/* ======== amazon ======== */

div.amazon-list{
	margin: 2em 0.5em 0 1.5em;
}

div.amazon-list img{
	border: none;
	margin: 0 5px 0 0;
}

div.amazon-list p,
div.amazon-list p.note{
	margin: 0;
	font-size: 100%;
	text-indent: 0;
	line-height: 1.2;
}
div.amazon-list p.note{
	font-size: 70%;
}

/* ======== menulink ======== */

ul.menu{
 margin: 1em 0 1em 2em;
 padding: 0;
}
ul.menu li{
 margin: 0 0 1em 0;
}
ul.menu li p{
 margin: 0;
 padding: 0;
}
ul.menu li p.description{
 font-size: 90%;
 line-height: 1.2;
}

/* nav-desc */
p.navdesc{
	text-indent: 0;
	font-size: 90%;
}


/* 鳩丸掲示板スタイル */

/* ======== general ======== */
q{
 font-size: 90%;
 color: #030;
}
q:before{display: none;}
q:after{display: none;}


/* ======== message ======== */
/* 一つの記事を示す領域 */

div.message{
 margin: 1em 0 0.5em 0;
 border-style: double;
 border-width: 3px;
 border-color: #bcb;
}



div.message h3.subject{
 margin: 0 0 0 0;
}
div.message h3.subject em.myself{
 font-size: 100%;
 font-weight: 900;
 color: #000;
}

div.message div.message-header{
 text-align: right;
 font-size: 90%;
 background: #fafffa;
 color: #000;
 border-style: none none solid none;
 border-width: 1px;
 border-color: #bcb;
}
div.message div.message-header p{
 margin: 0;
 padding: 0.1em 1em 0.1em 0;
}

div.message-body div.section{
 margin: 0.5em 0;
}
div.message-body div.section p{
 margin: 0 1em;
 text-indent: 0;
 line-height: 1.2;
}


cite.from{
 font-style: normal;
}
span.date{
 font-style: normal;
 font-size: 75%;
}

div.message p.note{
 margin: 0 0 0 2em;
}

/* ======== Comment-Navi ======== */
/* スレッドの他の記事を参照するリンクの領域 */

div.comment-navi{
 border-style: inset;
 border-width: 1px;
 border-color: #cc9;
 margin: 0.2em 0 2em 0;
 font-size: 90%;
}
div.comment-navi ul{
 margin: 0 0 0.5em 2em;
}
div.comment-navi li{
 margin: 0;
}

div.comment-navi hr{
 display: none;
}

div.comment-navi p{
 margin: 0;
}


/* ======== method-navi ======== */
/* 記事に対する投稿・削除の動作を行うリンクの領域 */

div.method-navi{
 margin: 0.2em 0 2em 0;
 border-style: dotted;
 border-width: 1px;
 border-color: #cc9;
 font-size: 90%;
}
div.method-navi hr{
 display: none;
}
div.method-navi ul{
 margin: 0 0 0 2em;
}
div.method-navi li{
 margin: 0;
}


/* ======== tree ======== */
/* スレッド表示に使用する領域 */
div.tree{
 margin: 1em 0;
 border-style: none none dotted none;
 border-width: 1px;
 border-color: #bcb;
}
div.tree hr{
 display: none;
}
div.tree ul.tree{
 margin: 0;
 padding: 0.5em 1em;
 border-style: dotted none none none;
 border-width: 1px;
 border-color: #bcb;
}
ul.tree{
 list-style: none;
}
ul.tree ul{
 margin: 0 0 0 2em;
 padding: 0;
 list-style-image: url("../img/comment.png");
}
ul.tree li{
 margin: 0;
}
ul.tree li p,
ul.tree li p.navdesc{
 margin: 0;
 padding: 0;
}

a.spam:link{
 color: #99a;
}
a.spam:visited{
 color: #a9a;
}

ul.tree li p{
 margin: 0;
}

ul.tree li p em.myself{
 font-weight: 900;
 color: #000;
}


/* ======== pageNav ======== */
p.pageNav{
	text-indent: 0;
	margin: 0;
}
p.pageNav a,
p.pageNav em{
	padding: 0 0.3em;
}

/* ======== spam-message ======== */

div.spam div.message-header p{
 background: #fafffa;
 color: #999;
}

div.spam p.spamalert{
 padding: 180px 0 0 0;
 margin: 1em;
 text-indent: 0;
 background: url("../img/alert.png") 50% 0 no-repeat;
 color: #c00;
 font-weight: bolder;
 font-size: 125%;
}



div.last-modified{
 font-size: 65%;
 color: #699;
 text-align: right;
}
div.last-modified p{
 margin: 0;
}



/* ======== area ======== */

#footer-area{
 clear: both;
}
#main-contents{
 margin: 0;
 width: 80%;
 float: left;
}
#miscs{
 width: 19%;
 float: right;
}


/* ======== navigations ======== */
.global-nav{
 line-height: 1;
 margin: 0;
 border-top: #aca solid 1px;
 border-bottom: #aca solid 1px;
 background-color: #e9ffe9;
 padding: 0;
}
.global-nav ul{
 font-size: 90%;
 list-style: none;
 margin: 0 0 -1px 0;
 padding: 0;
 overflow: hidden;
}
.global-nav ul li{
 margin: -1px 0 0 0;
 padding: 0;
 background-color: #efe;
 float: left;
}
.global-nav ul li ul{
 margin: 0 0 0 10px;
 border: none;
}

.global-nav ul li a,
.global-nav ul li em{
 display: block;
 margin: 0;
 padding: 0.3em 1em;
 border-top: #aca solid 1px;
 border-bottom: #aca solid 1px;
 border-right: #aca solid 1px;
 whit-space: pre;
}
.global-nav ul li a:link,
.global-nav ul li a:visited{
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
.global-nav ul li a:link{
 background-color: #fff;
 color: #66c;
}
.global-nav ul li a:visited{
 background-color: #fff;
 color: #939;
}
.global-nav ul li a:hover{
 background-color: #fee;
 color: #c00;
}
.global-nav ul .stay a,
.global-nav ul .stay a:link,
.global-nav ul .stay a:visited{
 background-color: #e9ffe9;
}


/* ======== miscs ======== */
#miscs ul{
 font-size: 90%;
 list-style: none;
 margin: 0;
 padding: 0;
 background-color: #e9ffe9;
}
#miscs li{
 margin: 0;
 padding: 0;
}
#miscs li ul{
 margin: 0 0 0 1em;
 padding: 0;
}
#miscs ul li a,
#miscs ul li em{
 display: block;
 text-align: left;
 margin: 0;
 padding: 0.3em;
 border-color: #aca;
 border-style: solid none none none;
 border-width: 1px;
}
#miscs ul li a:link,
#miscs ul li a:visited,
#miscs ul li em.myself,
#miscs ul li em.stay{
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 13px;
}
#miscs ul li a:link{
 background-color: #fff;
 background-image: url("../img/ico_arrow01");
 color: #66c;
}

#miscs ul li a:visited{
 background-color: #fff;
 background-image: url("../img/ico_arrow02");
 color: #939;
}
#miscs ul li a:hover{
 background-color: #fee;
 background-image: url("../img/ico_arrow03");
 color: #c00;
}
#miscs ul li a.stay,
#miscs ul li em.stay a:link,
div.global-nav ul li em.stay a:visited{
 background-color: #e9ffe9;
}
#miscs p{
 padding: 0.1em 0;
 margin: 0;
 text-indent: 0;
 text-align: center;
 font-size: 75%;
}
#miscs a img{
 vertical-align: top;
 margin: 0 0 0.1em 0.1em;
 border: none;
}
#miscs div.local-nav{
	border-color: #aca;
	border-style: none none solid solid;
	border-width: 1px;
}
#miscs div{
	margin: 0 0 1em 0;
	text-align: center;
	border-color: #aca;
	border-style: solid none solid solid;
	border-width: 1px;
}
#miscs div.recently-topics ul,
#miscs div.hot-topics ul{
	font-size: 75%;
}
#miscs div.banner-area{
	border: none;
}
#miscs div.banner-area p{
	margin: 10px 0;
}
/* ======== toc ======== */

div.toc{
	font-size: 80%;
	border: #ccc solid 1px;
	margin: 0.5em;
	padding: 0.5em 0 0 0;
}
div.toc ul{
	margin: 0 0 0.5em 1.5em;
}
div.toc li{
	margin: 0;
}


/* ======== footer ======== */
#footer-area{
 margin: 3em 0 0 0;
 padding: 0;
 border-width: 1px;
 border-style: solid none;
 border-color: #aca;
 color: #030;
 background: #efe url("ebibg.png") no-repeat 1% 90%;
}

#footer-area hr{
 display: none;
}

#footer-area address{
 margin: 1em 0 0 0;
 padding: 0 1em 0.5em 0;
 text-align: right;
 font-style: normal;
 font-size: 90%;
}




