@charset "utf-8";

*{
  margin:0;
  padding:0;
}

html, body{
  font-size:medium;
  background-color:#fefefe;
  color:#111;
}

h1{
  font-size:200%;
  margin:1em;
}

h2{
  font-size:150%;
  margin:1em;
}

h3{
  font-size:130%;
  margin:1em;
}

h4,h5,h6{
  font-size:120%;
  margin:1em;
}

p{
  font-size:100%;
  line-height:140%;
  margin:1em;
}

pre{
  font-size:80%;
  white-space:pre-wrap;
  line-height:140%;
  margin:1em;
  letter-spacing:0.03em;
}

dl{
  margin-left:1em;
}

ul{
  margin:1em 2em;
  line-height:130%;
  list-style:disc outside;
}

ol{
  margin:1em 2em;
  line-height:130%;
  list-style:decimal outside;
}

li{
}

address{
  font-style:normal;
}

blockquote{
	border:1px solid #999;
	margin:1em;
}

blockquote:before{
	content:" 引用: "attr(cite);
}

/* blockquote:after{
	text-align:right;
	display:block;
	font-size:70%;
	padding:0.2em;
	content:"この文章は"attr(cite)"からの引用です";
}
 */

caption{
}

strong{
  font-weight:bold;
}

em{
  font-style:normal;
  text-decoration:underline;
}

kbd{
}

code{
  font-family:monospace;
}

abbr{
}

q{
}

cite{
}

del{
  text-decoration:none;
}



ins{
  text-decoration:none;
}


hr{
}

/* \*/@media screen,tv,print{/* */
dl{
  margin:1em 0;
  line-height:120%
}

dt{
  margin:0.3em 1em;
}

dd{
  margin-left:3em;
}

table{
	border-collapse:collapse;
	border:1px solid #333;
  margin:0.5em 1em;
}

th{
	border:1px solid #333;
  font-weight:bold;
  text-align:center;
  padding:0 0.5em;
}


td{
	padding:0 0.5em;
	border:1px solid #333;
}

caption{
  font-size:smaller;
  font-weight:bold;
}

/* \*/}/* */

#navi-button{text-align:right;}
#addnavi{display:none;}
#delnavi{display:inline;}
/* #start{display:none;} */

/* 番号付き定義リスト */
dl.counter{
  counter-reset:item;
}

dl.counter dt{
  counter-increment:item;
}

dl.counter dt:before{
  content:counter(item) ". ";
}
del:before{
  content:"<削除 " attr(datetime)">";
}
del:after{
  content:"</削除>";
}

ins:before{
  content:"<追記 " attr(datetime)">";
}
ins:after{
  content:"</追記>";
}

p var{
	margin-left:0.5em;
	margin-right:0.5em;
}

.photo a img{
  cursor:url("http://diary.noasobi.net/style/zoom-in.cur"),pointer;
  border:solid 2px #00f;
}

form.search p{
  text-align:right;
}

.section{
  clear:both;
}

.section .section p{
  text-align:justify;
}

dl.asamasi > dt:first-child{
  font-weight:bold;
  font-size:larger;
  text-align:center;
}

dl.spec{
	border-top: dotted 1px #bcb7ad;
  margin:1em;
}

dl.spec dt{
	position: absolute;
	width: 10em;
	margin: 0px;
	padding: 0.15em 0px;
	line-height: 1.4em;
}

dl.spec dd{
	margin: 0;
	padding: 0.15em 0px 0.15em 10em;
	border-bottom: dotted 1px #bcb7ad;
	line-height: 1.4em;
}

p.asamasi{
  text-align:right;
}

.asamasi a img {
  border:none;
}

.sample{
  border:3px double #999;
  margin:1em;
}

.sample:before{
  content:"Sample";
}

a.keyword{
  cursor:url("data:image/cur;base64,AAACAAEAERYQAAAAAADIAQAAFgAAACgAAAARAAAALAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AOzu/ADc3vwAzMz/AL2+/QCZmf8AjY79AH5//gBmZv8APj/+ADMz/wAPD/8AAAD/AAAAAAAAAAAA7u7u7u7u7u7gAAAA7u7uEREREe7gAAAA7u7uERmREe7gAAAA7u7hERZhER7gAAAA7u7hERNBER7gAAAA7u4RERiyER7gAAAA7u4RERSsgRHgAAAA7uERWBEW1hHgAAAA7uHhbWES1xHgAAAA7hHhGMutohHgAAAA4RHhERVTERHgAAAA4R7hERERHhHgAAAA7u7hHhHhHhHgAAAA7u7hHhHhHh7gAAAA7u7hHhHhHu7gAAAA7u7hHhHu7u7gAAAA7u7hHu7u7u7gAAAA7u7hHu7u7u7gAAAA7u7hHu7u7u7gAAAA7u7hHu7u7u7gAAAA7u7hHu7u7u7gAAAA7u7u7u7u7u7gAAAA+AGAAPgBgAD4AYAA8ACAAPAAgADgAIAA4AAAAMAAAADAAAAAgAAAAAAAAAAAAAAAEAAAAPAAgADwAYAA8AeAAPA/gADw/4AA8P+AAPD/gADw/4AA+f+AAA=="), pointer;
}

.info{
  font-size:85%;
  margin-left:7em;
}

.info dt{
  position:absolute;
  width:8em;
}

.info dd{
	padding-left:6em;
}

.info ul{
  margin:0;
  padding:0;
}

.info dt:after{
  content:" :";
}

.info li, .tags li{
  display:inline;
  padding-right:1em;
}

a.tags{
  margin:0 0.4em 0 0.5em;
}

.description dt{
  margin:0 2em;
  padding:0.5em 2em 1em 2em;
  border-top: 1px dashed #999;
  border-right: 1px dashed #999;
  border-left: 1px dashed #999;
  counter-increment: first;
}

.description dd{
  margin:0 2em;
  padding:0.5em 2em 1em 4em;
  border-right: 1px dashed #999;
  border-bottom: 1px dashed #999;
  border-left: 1px dashed #999;
  margin-bottom:2em;
  text-indent:1em;
}

.description dt:before{
  content: counter(first) ". ";
}

h1 strong, h2 strong{
  color:red;
  background-color:transparent;
}

.tags img{
  border-style:none;
}

label {
  cursor:pointer;
}
