@charset "UTF-8";

/* base.css */

/* style for home.kendomo.net
	2009-05-20 margin,padding
	2008-08-31 blue2
	2008-08-24 blue
	2006-10-11 irowake
	2006-10-01 dkn pink

	2005-05-15 blue & gray
	2004-11-28 h3 border,blockquote bg border
	2004-10-31 line
	2004-02-29 vote
	2004-02-02 color
	2003-12-17 h4,dl dl
	2003-12-06 permalink
	2003-12-01 .main dotted
	2003-11-26 abbr form
	2003-11-13 h2 address
	2003-11-10 blue
*/


html{
/*	background-image:url(../images/o_bg_g_l.png);*/
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:470px -10px;

	background-color:#def;
padding:0px;
margin:0;
}

body{
	margin:0;
	padding:90px 2% 0;
/*border:1px solid #acd;*/

	background-image:url(../images/dkn_blue_recycle.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:5% 40px; /*45px*/
	color:#009;
}

div.main {
	color:#500;
/*	border-width:0 2px 10px;*/
	border-width:0;
	border-color:#cde;
	border-style:solid;
	background-color:#fff;/*ffc TEST*/
	background-image:url(../images/recycle_blue.png);
	background-position:100% 100%;
	background-repeat:no-repeat;
	background-attachment:scroll;
}
hr{display:none; clear:both;}

/* ----- menu ---- */

div.menu{
	background-color:#56a; /*#ffc #fea;*/
/*	float:left;*/
/*	width:11em;*/
	padding:.2em .5em ;
	text-align:right;
	border-width:0 0 3px;
	border-style:solid;
	border-color:#8be; /*769;*/
}
div.menu ul{
	display:inline;
	margin:0;
	padding:0;
}

div.menu ul li{
	display:inline;
	visibility:hidden; /*HIDDEN*/
	list-style:none;
	margin:0 0 .1em -7em;
	font-size:100%;
	width:100%;
	padding:0;
}

div.menu ul li ul{
	display:inline;
	border-width:2px 0 0;
	border-style:solid;
	border-color:#9cf;
	margin:0 0 1em;
	padding:.1em 0 0;
}

div.menu ul li ul li{
	display:inline;
	padding:0;
	margin:0;
}
div.menu ul li ul li a, div.menu ul li ul li a:hover, div.menu ul li ul li a:visited, div.menu ul li ul li a:active{
	visibility:visible;
	display:inline;
	margin:0;
/*	display:block;*/ /*TEST*/
	width:100%;
	text-decoration:none;
	padding:0;
}

div.menu ul li ul li a, div.menu ul li ul li a:visited{
	background:transparent;
	border-width:1px ;
	border-style:solid;
	border-color:transparent transparent #9cf;
	color:#fff;
}
div.menu ul li ul li a:hover, div.menu ul li ul li a:active{
	background:#fcc;
	border-width:1px;
	border-style:solid;
	border-color:#f66;
	color:#c03;
}
div.menu ul li ul li a.rss:before{
	content:url("../images/rss.png");
	margin:0 .1em 0 0;
}

ul.feeds {
	/*visibility:hidden;*/ /* !!! */
	position:absolute;
	top:2.5em;
	right:2%;
	padding:0;
	margin:5px 0 0;
} 


.feeds a, .feeds ul, .feeds li,.feeds ul li,a.rss,
li.feeds ul li a,
li.feeds ul li a:link,
li.feeds ul li a:hover,
li.feeds ul li a:visited,
li.feeds ul li a:hover:active
{
	border:none;
}

div.menu ul.feeds li ul li a:link{
	color:#039;
}
div.menu ul.feeds li ul li a:visited{
	color:#026;
}
div.menu ul.feeds li ul li a{
	border:none;
	text-decoration:underline;
}

/* ----- contents ---- */

div.contents{
	margin:0 0 0 0; /*13em 17%*/
	virtical-align:top;
	padding:2em 1%;
/*	background-color:#fff;*/
/*	background-image:url(../images/o_bg_b.png);*/
	background-repeat:no-repeat;
	background-attachment:scroll;
/*	background-position:100% 100%;*/
/*	background-position:120% 120%;*/
	min-height:36em;
/*	min-height:50em;*/
/*border-left:1px solid #99c;*/ /*TEST*/
}

h1{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	margin:0;
	/*margin:100px 0 0;*/
	border-width:1px;
	border-color:#8be;
	border-style:solid;
	color:#fff;
	padding:.1em .5em;
	background:#8be;
}

div.login{
	position:absolute;
	top:5px;
	right:2%;

	text-align:right;
/*	background-color:#fea;*/
/*	border-width:0 2px;
	border-color:#cde;
	border-style:solid;*/
	padding:0;
	margin:0;
}

div.login h2{
	display:none;
}

div.login ul, div.login li, div.login p {
/*	display:inline;*/
	padding:0;
	margin:0 0 0 .5em;
}

div.vote{
	border-width:1px;
	margin-top:1em;
}

ul.bottom-menu, div.bottom{ /* ex */
	margin-top:1em;
	border-width: 5px 0 0;
	border-style:solid;
	border-color:#666;
}

h2:before{
color:#69e;
content:"#";
margin-right:.2em;
width:10px;
height:10px;
}

h2{
	font-weight:bold;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	margin:1em 17% 0.5em .2em;
	padding:0em .3em;
/*	border-left-width:1.2em;*/
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#7bf;/*7bf ff9*/
	color:#039;
	background:transparent;/*#fff;*//*ffa*/
}

p + h2, ul + h2, ol + h2, dl + h2, div + h2 , table + h2, form + h2{
	margin:2.5em 18% 0.5em 1%; /*.2em*/
}

h3{
	font-size:110%;
	font-weight:bold;
	margin:1.5em 17% 0.5em 2%; /*.3em*/
	font-weight:bold;
	text-align:left;
	padding:0.1em 0 0.1em 0.3em;
	color:#69f;
}

p + h3, ul + h3, ol + h3, dl + h3, div + h3 {
	margin:2.5em 18% 0.5em 2%; /*.3em*/
}

h4{
	font-size:100%;
	font-weight:bold;
	margin:0.5em 0 .5em 3%;
	font-weight:bold;
	text-align:left;
	padding:0.3em;
	border:none;
	color:#633;
}

p,li,dt,dd{
	font-size:100%;
	line-height:150%;
}


p{
	padding:0em 2% 0em;
	margin:.5em 18% .5em 3%; /*.5em 0*/
}

div.picture,div.book{
	padding:0% 2% 0em;
	margin:0.5em 3%;
}

dl{
	padding:0em 2% 0em;
	margin:.5em 18% .5em 3%; /*.5em 0*/
}
dt{
	color:#016;
	font-weight:bold;
	padding:0;
	margin:0;
}
dd{
	padding:0em 0 0 2em;
	margin:0;
}
dl dd dl{
	padding:0;
}
ul{
	margin:1em 0em;
	padding:0em 18% 0em 6%;/*3% 5->6%*/
}
ol{
	list-style-type:katakana-iroha;
	margin:1em 0em;
	padding:0em 18% 0em 6%; /*4% 5->6%*/
}
li{
	margin:0.3em 2em 0.3em 1em;
}
address{
	text-align:center;
	margin:2em 0 0;
	padding:0.5em;
	font-size:80%;
	font-style:normal;
	border:none;
}
address:before{
	display:block;
	content:"＊";
	margin:0 0 2em;
}

a:link,a:visited,a:active,a:hover{
	text-decoration:underline;
	cursor:pointer;
}

a:link{
	color:#039;
}
a:visited{
	color:#026;
}
a:active{
	color:#c03;
}
a:hover{
	color:#c03;
	background:#fcc;
}

a img{
	border:none;
}
div.sample{
	font-size:100%;
	padding:0.5em 1em;
	margin:1em 18% 1em 5%;
	background-color:rgba(255,255,255,0.5);
	color:#066;
	border-width:1px;
	border-style:dashed;
	border-color:#ccc;
	overflow:auto;
}

div.sample pre{
	font-family:monospace;
}

pre{
	font-size:100%;
	font-family:sans-serif;
	padding:0;
	margin:0;
	line-height:120%;
}

em{
	font-style:normal;
	font-weight:bold;
}
strong{
	font-style:normal;
	font-weight:bold;
	color:#900;
}

blockquote{
	padding:0.2em 0;
	margin:1em 3%;
	color:#039;
	background:#f3f3f6;
	border-width:1px;
	border-style:solid;
	border-color:#ccd;
}
/*
q{
	color:#069;
}
*/

q:before{
	content:" 「";
}
q:after{
	content:"」 ";
}
dfn{
	font-style:normal;
	font-weight:bold;
	/*color:#333;*/
}

del{
	text-decoration:line-through;
	color:#999;
}

hr{
	visibility:hidden;
	margin:0;
	padding:0;
}
hr.foot{
	clear:both;
}
abbr{
	cursor:help;
	font-style:normal;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#69c;
}
kbd{
	font-weight:bold;
	font-style:normal;
}

/* ------- form ------- */

form{
	margin:0; padding:0;
}
form ul li{
	list-style-type:none;
}

input,button,select,textarea{
	border-width:1px;
	border-style:solid;
	/*line-height:100%;*/
	padding:.1em .2em;
	color:#03c;
	font-size:100%;
	margin:.1em;
}

input,select,textarea{
	border-color:#9bd;
	background:#fff;
}
button{
	border-color:#9bd;
	background:#cde;
}
button:active{
	background:#9ff;
}

input.openid {
	width:22em;
	background-color:#fff;
	background-image:url(../images/openid2.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:1px 50%;
	padding:.1em .1em .1em 20px;
}

input:focus, textarea:focus, select:focus {
	background-color:#fdd;
}

/* ------- table ------- */

table{
	border-collapse:collapse;
	margin:0.5em 2%;
	border-width:2px; /*0px 0px 1px 1px;*/
	border-style:solid;
	border-color:#acf;
}
caption{
	margin:1em 0 0;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:#69f;
}
th{
	padding:.2em .5em;
	background:#acf;
	font-weight:bold;
	color:#006;
	text-align:center;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#8bd;

}
td{
	padding:.2em .5em;
	background:#ffd;
	font-weight:normal;
	color:#006;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#8bd; /*#339;*/
}


/* ------- navigator ------- */
ul.navigator{
	margin:0;
	padding:0;
/*	position:absolute;
	top:0.3em;
	left:2%;*/
}
ul.navigator li{
	display:inline;
	margin:0;
	padding:0 0.2em 0 0.2em;
}

ul.navigator li a:after{
	content:" >";
	/*color:#333;*/
}
ul.navigator li a:visited, ul.navigator li a:link{
	text-decoration:none;
}
var {
	font-style:italic;
	color:#009;
}
/* ------- class ------- */

div.state {
	text-align:right;
	font-size:90%;
	/*color:#669;*/
	margin:0;
	padding:0em 5%;
}

.comment {
	color:#999;
}
.bottom-menu{
	line-height:100%;
	margin:0;
	padding:0em 1em;
}
.bottom-menu a{
	font-weight:bold;
}
ul.bottom-menu li{
	display:inline;
	margin:0 0.5em 0 0;
}
div.bottom .bottom-menu{ /*  ex */
	margin-top:0;
	border:0;
}
.new {
	color:#f66;
	font-weight:normal;
	font-style:normal;
}

div.status ul, ul.status{
	color:#016;
	margin:0 0 ;
	text-align:left;
	padding:0 0 0 5%; /*1em*/
}
div.status ul li, ul.status li{
	margin:0 1em 0 0;
	padding:0;
	display:inline;
	font-size:80%;
}

dl.status dt {
	margin-right:.5em;
	float:left;
	font-weight:normal;
}
dl.status dt:before{
	content:"[";
}
dl.status dt:after{
	content:"]";
}


span.super-script{
	vertical-align:super;
	font-size:70%;
}
div.ad{
	text-align:center;
}

div.note {
	background-color:rgba(255,255,205,0.5); /*235,245,255,0.5*/
	/*color:#036;*/
	border-width:3px;
	border-style:dotted;
	border-color:#cdf;
	margin:1.5em 18% 1.5em 5%;
/*        font-size:90%;*/
}
div.note p{
	margin:1em;
}

div.amazon{
	max-width:100%;
	margin:0 17% 2em 2%;
	height:180px;
	overflow:hidden;
}

div.amazon h2:before{
	content:"";
}

div.amazon h2{
	font-weight:normal;
	border:none;
	margin:.1em 0 .2em;
	padding:0;
	font-size:70%;
}

div.amazon ul{
	text-align:center;
	margin:0;
	padding:0;
}

div.amazon ul li{
	display:inline;
	margin:0;
	padding:0;
}

div.amazon ul li + li {
	margin-left:5px;
}

div.footer, div.footer ul{
	margin:0;
	padding:0;
}

div.footer ul, div.footer ul li{
	display:inline;
}

div.footer ul li{
	line-height:100%;
	font-size:12px;
	margin:0 6px 0 0;
	padding:0;
}

div.footer img{
	vertical-align:bottom;
}


/* irowake 2006-10-11 */