@charset "UTF-8";

/* base.css */

/* style for home.kendomo.net
	2010-08-16 cloudy
	2010-03-28 pink+blue
	2010-02-05 temp
	2009-12-29 width auto
	2009-11-24 pictures v6
	2009-11-03 radius red
	2009-09-27 radius orange
	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-color:#dde0ee;
	padding:0px;
	margin:0 auto;
	max-width:1150px;
	min-width:800px;
}

body{
	margin:1em;
	padding:40px 0  0 ; /*50px 0  0*/

	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:5% 45px; /* 5% 45px */
	color:#006;
	background:transparent;

        background-image:url("../images/dkn_logo_cloudy.png");
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-position:.5em 6px; /*.5em 5px;*/

/*        background-image:url("../images/kdns_maru.png");
        background-position:.5em 2px; */
}

#disabled h1:after{
margin-left:1em;
content: "[Preview]";
font-size:70%;
font-weight:normal;
}

h1{
	text-align:left;
	font-size:110%;
	font-weight:bold;
	margin:0 0;
	border-width:0 0 .3em;
	border-color:#789;
	border-style:solid;
	padding:.3em .5em .1em ;
	background:#fff;
	color:#789;
	text-shadow:.1em .1em .2em #aaa;


}
h1,div.login,div.main,div.footer,address{
/*	-moz-box-shadow:3px 3px 5px #ccc;
	-webkit-box-shadow:3px 3px 3px #ccc;
	box-shadow:3px 3px 3px #ccc;*/
}

div.main {
	padding:0;/*1em 1em 1em 0;*/
	margin:0;
	color:#036;
	border-width:0;
	border-style:solid;
	border-color:#6a6;
	background:#ccd6e6;
}

div.login + div.main{

	background-position:-10px 100%;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

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

div.menu{
/*	background-color:#ffc0c0;*/
	float:left;
	width:11em;
	padding:2em 0 .2em 1em; /*2em 0 .2em 1em*/
	text-align:left;
	border:0px solid #966;
	margin:0 0;/* 380px;*/ /* for bg */
}

div.menu ul{
	margin:0 0 1em;
	border-width:2px;
	border-style:solid;
	padding:.2em;
	border-color:#d99;
	background:#fff;
}

#disabled div.menu  ul li ul li {
	font-size:142%;
}
div.menu ul li{
	/*visibility:hidden;*/ /*HIDDEN*/
	list-style:none;
	margin:0;
	text-align:center;
	padding:0;
	background-color:#b6c0c6;
	font-size:75%;
	line-height:150%;
}

div.menu ul li ul{
	background:#fff;
	border-width: 0 0 ;
	border-style:solid;
	border-color:#fc9;
	margin:0 0 .2em;
	padding:.2em 0 0;
	text-align:left;
}

div.menu ul li ul li{
	font-size:125%;
	line-height:150%;
	padding:0;
	margin:0;
	text-align:left;
}
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;
	margin:0;
	display:block; /*TEST*/
	text-decoration:none;
	padding:0;
	font-weight:bold;
}
div.menu ul li ul li a.rss{
	font-weight:normal;
}

div.menu ul li ul li {
	background:#fff;
}

div.menu ul li ul li a, div.menu ul li ul li a:visited{
	background:transparent; /*#fff;*/
	border-width:1px 0px 1px 1px;
	border-style:solid;
	border-color:transparent transparent #b6c0c6;
	color:#06c; /*TEMP c30*/
}
div.menu ul li ul li a:hover, div.menu ul li ul li a:active{
	background:#fcc;
	border-width:1px 0px 1px 1px;
	border-style:solid;
	border-color:transparent; /*transparent*/
	color:#c03;
}

div.menu ul li ul li a.rss{
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:0% 50%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAB3RJTUUH1gsJDSg75uX/1AAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAAwUExURf///+ulbvCPOemCNOR2MN90MvaYONxhK/WgUPjOrfSzfvTAm/79/PeuZv3v4/rbv8toJ1YAAAABdFJOUwBA5thmAAAAd0lEQVR42iXOSRJEIQhEQSb9iqXc/7Zd2m+XESCKqLfwl6mIxpNZZyre1qn8q5tELLD15MJJywJqUC7uObPvg6KCnMDZ42B5kDbu7B7An3xj4dhEfk2ce9ULqqhH7trGDBzS+pjpNrOtRSqvm0f7bvfT915EYyo/AjsFCKGkVlgAAAAASUVORK5CYII=");
	padding-left:16px;

/*	content:url("../images/rss.png");
	margin:0 .1em 0 0;*/
}



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

div.contents{
	margin:0 0 0 13em;

	padding:2em 1% 2em 0;
/*	background-color:rgba(255,255,255,0.7);*/ /*255,255,205,0.5*/
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:32em; /*36em->32em->620px*/
/*border:10px solid #ffe6e6;*/ /*TEST*/

}

div.login{
	border-width:0 0 0 ;
	border-style:solid;
	border-color:#ffc0c0;
	padding:0 0 1em;
	margin:0;
        background:#b9c2d3;

/*	min-height:70px;*/
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-position:98% -30px;

        background-image:url("../images/recycle_cloudy.png");
}

div.login h2{
	display:none;
}

div.login > p:first-child{
	margin:0;
/*	height:90px;*/
	text-align:left;
	padding:20px 0 0.5em 2em;

/*
	background-image:url("../images/radius_red/web2s.png");
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-position:96% -30px;
*/
}

div.login  p + p{
	margin:0;
	padding:0 0 0 2em;

/*	position:relative;
	top:-90px;*/
	background:transparent;
/*	border-top:1px dotted #f00 ;
	border-bottom:1px dotted #00f ;*/
/*display:inline;*/
}

div.login form{
/*	height:190px;*/
	padding:0 0 0em 1em;


}

/* OpenIDでログイン！ */
div.login ul > li:before {
        display:block;
        border:0px dotted #090;
        content: url("../images/openid_login_cloudy.png");
        line-height:100%;
        padding:1em 0 0; /*30px 0 0*/
        text-align:left;
}


div.login input, div.login button{
	border-width:2px;
}
div.login input{
        margin:0;
        padding:.2em .2em .2em 22px;
}

div.login button{
	padding:.2em;
}

div.login ul{
	margin:0;
	padding:0;
}

div.login li {
        padding:0 320px 0 1%; /*0 220px 0 16px*/
	margin:0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:98% -30px;

}

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{
	font-weight:bold;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	margin:1em .2em 0.5em .5em;
	padding:.2em .5em;
	border-width:3px 0 3px;
	border-style:solid;
	border-color:#789;
	color:#789;
	background:#dee6f3;
	line-height:100%;
}

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

h3{
	font-size:110%;
	font-weight:bold;
	margin:1.5em 1% 0.5em 2%; /*.3em*/
	font-weight:bold;
	text-align:left;
	padding:0.1em 0 0.1em 0.3em;
	color:#78b;
	text-shadow:.1em .1em .2em #bbb;

}

h3:before{
color:#ddddee;
content:"+";
margin-right:.2em;
width:10px;
height:10px;
}

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

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%;
	text-align:left;
}

p{
	padding:0em 2% 0em;
	margin:.5em 1% .5em 3%;
	/*margin:.5em 18% .5em 3%; */
	text-align:left;
}

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

dl{
	padding:0em 2% 0em;
	margin:.5em 1% .5em 3%; /*.5em 0*/
}
dt{
	color:#37c;
	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 2% 0em 6%;/*3% 5->6%*/
}
ol{
	list-style-type:katakana-iroha;
	margin:1em 0em;
	padding:0em 2% 0em 6%; /*4% 5->6%*/
}
li{
	margin:0.3em 2em 0.3em 1em;
}
address{
	text-align:right;
	margin:0;
	padding:0.5em 1em;
	font-size:80%;
	font-style:normal;
	border:none;

}

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

a:link{
        color:#07f; /*TEMP 039 06c*/
}
a:visited{
        color:#07f; /*TEMP 026 639*/
}
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 2% 1em 5%;
	background-color:rgba(245,245,250,0.5);
	color:#036;
	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;
	clear:both;
}

abbr{
	cursor:help;
	font-style:normal;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#9ac;
}
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:#009;
	font-size:100%;
	margin:.1em;
}

input,select,textarea{
	border-color:#789;
	background:#fff;
}
button{
	border-color:#789;
	background:#bcd;
}
button:active{
	background:#9cf;
}

input.openid {
/*	width:28em;*/
	width:80%;
	background-color:#fff;
/*	background-image:url(../images/openid2.png);*/
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAABSklEQVQ4y8WTTUoDQRSEv5oMkqAxGEGCBhGUgGTjHbyB4N5sdGEu4R1ED+EhdOHCA/iDgi7EBBGiJooZMJNy4SgDxj9c+KCg4etX9Kvulm3+UgF/rPBLuqIqYokcm2z57ncGayoQsG/ICzZ/P0KGwCIUPBDT/5GBpEBSQcpNr+8ybxNahLU9KlJu+pUpGDiCpCIwBQxTHKf51Mi9sfuIUYrjGW4bk0BH0nWC2kGqeRbIQrYJ5eP6AocSPZlefYFDKB+/MrLJ3hmAIDnSVOJ4bncv3TroLJaIZHoAiyUitw46y9XoFohSIgSUNMfAYzpEnlNrYOeILnAKGMB2P7AdQ7YNDAFz70ENSN52nKhvu5+6hegKuAFGgQpj5Wptj4ohb8h/+5QTxwvgBGhhZ9xjIo45k9nQNu1PHWx/EJBZrjLiVQqDeFr699/4AtqApr5yIW3jAAAAAElFTkSuQmCC");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:3px 50%;
/*	padding:.1em .1em .1em 20px;*/
}

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

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

table{
	border-collapse:collapse;
	margin:0.5em 2%;
	border-width:2px; /*0px 0px 1px 1px;*/
	border-style:solid;
	border-color:#9ab;
}
caption{
	margin:1em 0 0;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:#9ac;
}
th{
	padding:.2em .5em;
	background:#d6dce9;
	font-weight:bold;
	color:#036;
	text-align:center;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#9ab;

}
td{
	padding:.2em .5em;
	background:#f3f6f9;
	font-weight:normal;
	color:#036;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#9ab;
}


/* ------- 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:#a00;
}
/* ------- 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.main div.contents ul li{
//	list-style-image:url("../images/list-item_cloudy.png");
	list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAArHgAAKx4B/lqO9wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB/SURBVAiZBcG9CcJQFIDR711DmhQWLiCoGNH+PlBRu2QBsbTIAi7iGjqAEHCCV/hLLF6RNWxsruegWhxVC2dmmBmiy8XBOXf2vkwBZDTJmW/WWxG5el92BaA/HDCeTVfASQDaGInN5wVUSfN48r7dL8AuhPrbSSTrAfsQ6h/AH7KhIpHT2RhOAAAAAElFTkSuQmCC");
}

#disabled div.main div.contents ul li ul li{
/*	list-style-image:url("../images/blue_list.png");*/
/*	list-style-type:circle;
	list-style-image:none;*/
}

div.main div.contents form ul li{
	list-style-image:none;
}

div.status ul, ul.status{
	color:#37c;
	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:#e6ecf6; /*rgba(238,238,238,0.5);*/ /*255,255,205,0.5*/
	border-width:1px;
	border-style:solid;
	border-color:#d0d3e0;
	margin:1.5em 5% 1.5em;
}
div.note p{
	margin:1em;
}

div.amazon{
	max-width:100%;
	margin:0 2% 2em;
	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%;
	background:transparent;

}

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{
	text-align:left;
	margin:0;
	padding:.2em .2em 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 */

div.login, div.main, div.menu ul{

border-color:#789;
}


div.picture object[data="/ipv6_logo.html"] {
	width:200px;
	height:80px;
}
div.footer, address{
background:#b9c2d3;

}