@charset "UTF-8";


/* ◆◆LARGE BLOCKS◆◆◆◆◆◆◆◆◆◆◆◆@import "/common2.css"; */
body{
	width:auto;  margin:0.2rem;
	background-image: url("/images/bg_leafg.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100px 0px;
	background-size: 700px;
	margin-top:0;
}
body.solo, body.tool{font-size:1.4rem;}

/*------------------------------------------
	background-color:aliceblue;
------------------------------------------*/
body.list{
	background-image:none;
	background-color:rgba(240,255,240,0.8);/*honeydew*/
}
.subwin header, .solo header {
    text-shadow: none;
    background-color:inherit; color:inherit;
    background-image:none;
}

/*
	background-color:beige;
pre{font-size:1.3rem;}
	color:darkslategray;
	background-color:rgba(245,245,220,0.5);/ *beige* /
	background-color:transparent;
body.list{ 
	background:transparent;	margin:0;
}
hr {height:4px; margin:1rem 2rem; }
h3 {
	color: darkgreen;	border: none; 
	width: 400;	padding: 2 0 2 10;
	border-top: 3px dotted gray;
	border-bottom: 3px dotted gray;
}
h4 {
	width: auto; padding:0.1rem 1rem;
	color: moccasin; background:darkgreen; 
    -webkit-border-radius:4px;  -webkit-box-shadow: 0 0 3px #333;
    border-radius:6px;  box-shadow: 1px 1px 3px #333; 
}
h5 {
	color:darkgreen;
	margin:6px 0 6px 0; padding:0 6px;
}
h1 {
	margin:0.4rem 0 0 0; padding:0.1rem 1rem;  color:darkgreen;
    width:55%; 
}
*/
/*table{background-color:transparent;}*/

/*margin:18px 0 10px 0;*/
h2 {
	padding:0; margin:0; color:seagreen; width:80%;
	border-bottom: 1px solid silver;
}
li{font-size:13px;}

form{display:block;}
input, select{
		padding:0.2em 0;
}
input[type="text"],option{background-color:white;}
/* input[type="number"]{border:1px;} width:60px; */
select{
	width:50%; max-width: 450px;
}
/* td {
		white-space: pre-wrap;
} または pre-line */

.h480{height: 480px; }
.nume{text-align:right;}
.rr{float:right;}

.w1 {width:1em;}
.w2 {width:2em;}
.w3 {width:3em;}
.w4 {width:4em;}
.w5 {width:5em;}


hr {height:4px; margin:1rem 2rem; }
hr.handle {width:100%; background-color:orange; }

#teout{/*,  .inli2, .inli3*/
background-color:beige; overflow:auto; margin:0;
}

* a:hover {color:yellow;}
* a:link, * a:visited{color:darkgreen;}


* b{font-size:inherit;}

.err {font-size:12px; color:red;}

#box2{
	position:static; width:800px;
	-webkit-border-radius: 10px;    border-radius: 10px;
}
.mess{color:crimson;}
#mess1{clear:both;}

.E h3{color:green;}
.C h3{color:red;}
.J h3{color:blue;}
.K h3{color:darkorange;}
.S h3{color:green;}
#sample{border:gold 1px outset; margin-bottom:6px;}

.lay1,.box1,.login,.list{
	background-color:rgba(255,255,255,0.0);
}

tr td {
padding:0.4rem; font-size:1.0em;
}

/*
dt,dd{color:beige;} selector
	border-bottom:2px groove gray; background-color:beige;
子孫要素全て      p rem { color: red } font-size:inherit !important;
孫要素以降を指定  div * p { font-size: 10.5pt }float: right; 
子要素だけを指定  body > p { line-height: 1.5 }RELATIVE SUBTITLES：
<div class="route"><a href="../../index.html">HOME</a> ＞ <a href="../index.html">ROZETTA</a> ＞ <?= $shell['title'] ?></div>
.rr textarea{font-size:12px; letter-spacing:0; font-family:inherit !important;}
* a:hover {color:yellow;}
* a:link, * a:visited{color:darkgreen;}
* b{font-size:inherit;}
#text, #note {width:100%; height:100px;}
	position:relative;background:beige;
tr{	background-color:beige;}min-height:30px; td, .v5 .vv
tr.v5{ background-color:silver;}
.td{??
	display:inline-block; width:140px; height:50px; background:honeydew;
}
*/
.ub{color:green;}
.ondro{width:300px; font-size:0.94px; position:relative;}
.ondro .done{background:yellow;}

tr.ta td{padding:0;}
td{vertical-align:top; 	padding-bottom:0.4rem;}
/*?? select{border:14px;}*/
.list td{line-height:1.8;}
.colmid{background-color:beige;}

#fontSize{	margin:0;}
#fontSize li{
	list-style-type: none;  display:inline;
	float: left;	cursor: pointer;
	border: 1px solid #ccc;	margin:0 0.4rem;	padding: 1px 1px;
	text-align: center;	background-color: #fff;
	font-size:10px;
}
#fontSize li.current{
	font-weight: bold;
	color: red;
}

.speech, .handle{cursor:move;}
.speech{background-color:khaki;}
.speech button{
	margin-right: 2px;
	padding: 0rem 0rem;
}

/*
.handle{width:120px; text-align:right; }
*/

#count{font-weight: bold; color:blue;}
.tts{margin:0.2rem; padding:0.2rem; border:1px gold outset; clear: both;}
.tts h4, td h4{margin:0; }
.speech, .handle{cursor:move; background-color:khaki;}
.speech{width:70%; min-width: 500px;}

.lib{
	color:blue;
	font-size:1.8rem;
}


/******* VIEWPORT *****/
/*
@media screen and (max-width: 480px){
	body.list{
	}
}
@media screen and (max-width: 200px){
	body.list{
		font-size:0.9rem;
		line-height:1.5;
	}
}
*/