@charset "UTF-8";

/* base.css */

/* style for home.kendomo.net
	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:#ffeeee;
	background-color:#ddefff; /*TEMP ffefbb ddefff*/
	background-color:#e6f6ff;
	background-color:#f0f6ff;
	background-color:#fef9ec;
	background-color:#f0f6ff;
	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:#003;
/*	background:#ffc0c0;*/
	background:transparent;

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

#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:#f88;
	border-color:#8cf;
	border-style:solid;
	padding:.3em .5em .1em ;
	background:#fff;
	color:#f77; /*f77*/
	color:#8cf;
	color:#369;
/*	text-shadow:.1em .1em .2em #f6c6c6;*/
	text-shadow:.1em .1em .2em #cef;
	text-shadow:.1em .1em .2em #bce;

        border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        -webkit-border-radius:10px 10px 0 0;
        -khtml-border-radius:10px 10px 0 0;

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

.copyright{
	text-align:right;
 	margin:0;
 	padding:0.3em 1em;
 	font-size:80%;
 	font-style:normal;
 	border:none;
}

div.main {
	padding:1em 1em 1em 0;
	margin:0;
	color:#003;
	border-width:0;
	border-style:solid;
	border-color:#6a6;
	background-color:#ffe0e0;
	background-color:#ffe6e6;
	background-color:#fff6e3;
	background-color:#d9e9f3;
/*	background-color:#fff9e3;*/
}

div.login + div.main{
	background-image:url("../images/temp/web1T.png");
	background-position:-10px 100%;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

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

div.menu{
/*	background-color:#ffc0c0;*/
	float:left;
	width:11em;
	padding:1em 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;
}

/*div.menu > ul li:first-line{
	font-size:75%;
}*/
#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:#ffd6d6;
	background-color:#aaddf3;
	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{
	line-height:150%;
	font-size:125%;
	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 #fcc;
	border-color:transparent transparent #cef;
	color:#06c;
}
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;
/* :before	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*/
/*	min-height:50em;*/
/*border:10px solid #ffe6e6;*/ /*TEST*/

        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -khtml-border-radius:10px;

}

div.login{
	border-width:0 0 0 ;
	border-style:solid;
	border-color:#ffc0c0;
	padding:0;
	margin:0;
	background:#ffd0d0;
	background:#ffe6e3;
	background:#fff0cc;
	background-color:#d9efff;
	background-color:#e6f6ff;
	background:#fff9dd;
	background:#fff0cc;
	background-color:#e6f6ff;
/*	height:120px;*/
	min-height:70px;
}

div.login h2{
	display:none;
}

div.login > p:first-child{
	margin:0;
	height:90px;
/*	background:#c0c0ff;*/
	text-align:left;
	padding:20px 0 1.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;
	height:0;
	position:relative;
	top:-90px;
	background:transparent;
/*	border-top:1px dotted #f00 ;
	border-bottom:1px dotted #00f ;*/
/*display:inline;*/
}

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

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

}

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


div.login input, div.login button{
	border-width:1px;
        -moz-border-radius:3px;
}
div.login input{
        margin:0;
        padding:.2em .2em .2em 22px;
	border-color:#8cf;
}

div.login button{
	padding:.2em;
	border-color:#8cf;
	background:#c3e9f6;
	background: -moz-linear-gradient(top, #d3f9f6, #a6bce9);
	color:#00a;
}
div.login button:active{
	background: -moz-linear-gradient(top, #acf, #cdf);
}
div.login button:hover{
	border-color:#9ef;
}

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;*/
	padding:.3em .5em;
/*	border-width:3px 0 3px;*/
	border-width:1px;
	border-style:solid;
	border-color:#fdd; /*TEMP fdd cef*/
	border-color:#cddfee;
	border-color:#f6dddd;
	color:#58e; /*TEMP e55*/
	color:#49d;
	color:#68a;
/*	color:#69c;*/
	color:#58c;

	background:#fee; /*TEMP ddefff*/
	background:#edf6fe;
	background:#eaf3fa;
	background:#fceeee;
	line-height:100%;

	-moz-box-shadow:.2em .2em .3em #ddd;
	-webkit-box-shadow:.2em .2em .3em #ddd;
	box-shadow:.2em .2em .3em #ddd;

        border-radius:.8em;
        -moz-border-radius:.8em;
        -webkit-border-radius:.8em;


}

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 17% 0.5em 2%; /*.3em*/
	font-weight:bold;
	text-align:left;
	padding:0.1em 0 0.1em 0.3em;

	color:#6ae;
	text-shadow:.1em .1em .2em #bbdcf0;

	color:#e77;
	text-shadow:.1em .1em .2em #dcc;

}

#disabled h3:before{
color:#fcc; /*TEMP fcc b0d9e6*/
color:#cef;
color:#fff399;
color:#ffe3bb;
content:"#"
margin-right:.2em;
width:10px;
height:10px;
text-shadow:.1em .1em .2em #ccb;
}

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 18% .5em 3%; /*.5em 0*/
}
dt{
	color:#08b;
	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;
}
footer{
	text-align:right;
	margin:0;
	padding:0.5em 1em;
	font-size:80%;
	font-style:normal;
	border:none;

        border-radius:0 0 10px 10px;
        -moz-border-radius:0 0 10px 10px;
        -webkit-border-radius:0 0 10px 10px;
        -khtml-border-radius:0 0 10px 10px;

}

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

a:link{
        color:#06c; /*TEMP 039 06c*/
}
a:visited{
        color:#05a; /*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:#c96;
}
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:#a00;
	font-size:100%;
	margin:.1em;
}

input,select,textarea{
	border-color:#f98;
	border-color:#900;
	background:#fff;
}
button{
	border-color:#c66;
	background:#f9cccc;
}
button:active{
	background:#f99;
}

input.openid {
/*	width:28em;*/
	width:80%;
	background-color:#fff;
	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:#ffb;  /*#ffb*/
}

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

table{
	border-collapse:collapse;
	margin:0.5em 2%;
	border-width:2px; /*0px 0px 1px 1px;*/
	border-style:solid;
	border-color:#db9;
	border-color:#d99;
}
caption{
	margin:1em 0 0;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:#975;
	color:#d66;
}
th{
	padding:.2em .5em;
	background:#fcf3e9;
	background:#fce9e9;
	font-weight:bold;
	color:#600;
	text-align:center;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#db9;
	border-color:#d99;

}
td{
	padding:.2em .5em;
	background:#fffcf3;
	background:#fff9f9;
	font-weight:normal;
	color:#600;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#db9;
	border-color:#d99;
}


/* ------- 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/peach_list.png");
}

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:#06a;
	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,248,230,0.5);
	background-color:rgba(252,238,238,0.5);
	border-width:3px;
	border-style:dotted;
	border-color:#fec;
	border-color:#ecc;
	margin:1.5em 5% 1.5em;
	color:#600;
}
div.note p{
	margin:1em 0;
}

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;

	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;

}

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;
}

footer, footer ul{
	text-align:left;
	margin:0;
	padding:.2em 0 0 .2em;
}

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

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

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


/* irowake 2006-10-11 */

div.login, div.main, div.menu ul{
border-color:#ffd0d0;
border-color:#b0d0ff;

}


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