img {
 margin:10px 10px 10px 10px;
 }


.Chapt{ 
	text-align: center;
	background-color: mediumblue; /*#ff90ee; */
	padding: 5px 5px 5px 5px;
} 


.Torikeshi {text-decoration: line-through; }


.WhoseVoice {font-size:80%; color:brown;}

.Proverb {
    color: Brown;
    font-weight:bold;
}
.LocationName {
    color: Blue;
    font-weight:bold;
}

.midashi {
    text-align: left;
    margin: 10px 0 10px 0;
}

h2 {
	padding: 3px 0px 5px 20px;
	font-size:120%;
	background-color:lightskyblue;
   
}

.bunken {
	margin-bottom: 20;
	float: left;
    background-color: forestgreen;
    border-top-right-radius: 20px;
    border-top-left-radius:20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;

}

.bunken p {
    text-align: left;
    font-size: 70%;
    margin: 15px 30px 15px 30px;
}

.bottomLine {
	clear:left;
}

.kenkyo {
	text-align: right;
}

.Copy01 {
    font-weight:bold;
    font-size:120%;
    color: Blue;
}

.Copy02 {
    font-weight:bold;
    font-size:120%;
    color: Red;
}

.Waoh {
    font-weight:bold;
    font-size:120%;
    color: Red;
}


.Copy03 {
    font-weight:bold;
    font-size:120%;
    color: Yellow;
}

.Comment01 {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFCC;
    color:blue;
    font-size: 80%;
    width:90%;
    margin:20pt 20pt;
}

.Comment02 {
    color: brown;
    margin-left: auto;
    margin-right: auto;
    border: dotted 3px #ff9900;
    font-size: 70%;
    width:70%;
    padding: 10px;
}

body {
    color: white;
    background-color:#CC99FF;
/*    background-repeat:repeat-y;background-image:url(../image/noteRing.gif); */
    background-attachment: fixed;
    Margin-Left: 100;
    Margin-Right: 40;
}
p {
   font-size:90%; 
};

#container {
	clear: both;
	padding: 0;
}

.content {
	font-style:normal;
	font-family:helvetica, arial, verdana, sans-serif;
	color:#ffffff;
	background:forestgreen;
	border:1px solid #444444;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	margin: 20px 0 0px 20px;
	padding: 15px 0;
}
	 
.content p {
	margin: 10px 0;
	padding: 15px 20px;
}

.panel {
	position: fixed;
	top: 50px;
	left: 0;
	display: none;
	background: seagreen;
	border:1px solid #111111;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0px;
	width: 200px;
	height: auto;
	padding: 30px 30px 30px 130px;
	filter: alpha(opacity=85);
	opacity: .85;
}
	 
.panel p{
	margin: 0 0 15px 0;
	padding: 0;
	color: snow;
}
	 
.panel a, .panel a:visited{
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}
	 
.panel a:hover, .panel a:visited:hover{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
	 
a.trigger {
	position: fixed;
	text-decoration: none;
	top: 80px; left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 20px 40px 20px 15px;
	font-weight: 700;
//	background:#333333 url(images/plus.png) 85% 55% no-repeat;
	background:#333333;
	border:1px solid #444444;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0px;
    display: block;
}
	 
a.trigger:hover{
	position: fixed;
	text-decoration: none;
	top: 80px; left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 20px 40px 20px 20px;
	font-weight: 700;
//	background:#222222 url(images/plus.png) 85% 55% no-repeat;
	background:#222222;
	border:1px solid #444444;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0px;
	display: block;
}
	 
a.trigger.active {
//	background:#222222 url(images/minus.png) 85% 55% no-repeat;
	background:#222222;
}
	 
.columns{
	clear: both;
	width: 330px;
	padding: 0 0 20px 0;
	line-height: 22px;
}
	 
.colleft{
/*	float: left; */
	width: 130px;
	line-height: 22px;
}
	 
.colright{
	margin: 30px 0 0 0;
/*	float: right; */
	width: 130px;
	line-height: 22px;
}
	 
.panel ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
 
.panel ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}


.yukamap {
 width: 450px;
 margin: 10px 0px 0px 10px;
}

.nendaishi {
 width: 300px;
 margin: 10px 20px 10px 0px;
}

.nendai table{
  border-top:1px solid #006400;
  border-left:1px solid #006400;
  border-collapse:collapse;
}

.nendai th {
 border-right:1px solid #006400;
 border-bottom:1px solid #006400;
 background-color: #228b22;
}

.nendai td.ki {
 text-align: center;
 width: 80px;
 }
 
 .nendai td.nen {
  text-align: center;
 width: 150px;
 }