h1, h2, h3, p {
  margin: 0;
  padding: 0; }

h2 {
  margin: 10px 0;
  font-weight: bold;
  padding: 6px 14px;
  font-size: 14pt;
  color: #1e5110;
  background-color: #c9edc0; }

h3 {
  margin: 10px 0;
  font-size: 12pt;
  font-weight: bold;
  padding: 4px;
  color: #3e7f2c;
  border-bottom: 1px solid #3e7f2c; }

table {
  border-collapse: collapse; }

th, td {
  padding: 0.2em 0.4em;
  vertical-align: top; }

dd {
  margin-left: 1em; }

.w100p, .wmax {
  width: 100%; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.date {
  text-align: right; }

.f18p {
  font-size: 18pt; }

.hl {
  font-weight: bold;
  color: red; }

.error {
  color: red; }

.activeRow {
  background-color: #f0def3; }

.dataNode {
  display: none; }

.resultCount {
  float: right;
  color: green;
  font-weight: bold; }

.genTable {
  margin: 1em; }
  .genTable th, .genTable td {
    border: 1px solid #cfc6bc;
    padding: 0.5em; }
  .genTable th {
    background-color: #e6e0db;
    text-align: center; }

.pagerWrap {
  text-align: center;
  margin: 0.5em 0; }

.loading {
  text-align: center;
  margin-top: 50px; }

body {
  background-color: #fffaf4;
  color: #555; }

header {
  background-color: #3e7f2c;
  color: white;
  height: 3em; }
  header h1 {
    font-size: 18pt;
    color: #fff;
    padding: 10px 0 0 10px; }
  header .head-nav {
    float: right;
    margin-top: 1em;
    list-style-type: none;
    font-size: small; }
    header .head-nav li {
      display: inline;
      border: 2px solid #98b590;
      padding: 0.2em; }
      header .head-nav li a {
        color: white; }
      header .head-nav li:hover {
        background-color: #98b590; }
      header .head-nav li a:hover, header .head-nav li a:active {
        text-decoration: none; }

footer {
  background-color: #3e7f2c;
  color: #c9edc0;
  font-size: 9pt;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%; }
  footer p {
    margin: 4px; }

#main-view {
  width: 100%;
  overflow: hidden; }

.main-block {
  background-color: #fffaf4;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin: 10px;
  padding: 10px;
  float: left;
  width: 90%;
  min-height: 700px; }

#card, #text {
  display: none; }

h1.logo a {
  color: white;
  text-decoration: none; }

#leftNav {
  width: 260px;
  float: left; }
  #leftNav ul {
    list-style-type: none;
    margin: 1em;
    padding: 1em;
    background-color: #ede2de; }
    #leftNav ul li {
      margin: 5px 0;
      background-color: white;
      text-align: center;
      padding: 4px;
      border-radius: 4px; }
      #leftNav ul li a {
        color: black; }
        #leftNav ul li a:hover {
          text-decoration: none; }
  #leftNav .ainuPrefUi {
    margin: 2em 1em;
    font-size: 85%;
    text-align: center; }
    #leftNav .ainuPrefUi p {
      margin-bottom: 0.5em; }
  #leftNav .embedMedium {
    padding: 4px;
    text-align: center; }

#content {
  margin-left: 260px; }

.searchForm .searchWord {
  width: 16em; }

.search-btn {
  width: 8em;
  text-align: center;
  margin: 10px 10px; }

#search-result table tr:hover, #card table tr:hover {
  background-color: lavender; }

.subtypeChecks label {
  font-weight: normal; }

.resultScroll {
  overflow-y: scroll;
  max-height: 20em; }

#search-result .duration {
  float: right;
  margin-right: 1em; }

.glosstext {
  overflow-y: scroll;
  height: 500px; }
  .glosstext table {
    width: 100%; }
    .glosstext table td {
      vertical-align: top; }
    .glosstext table table {
      width: auto;
      display: inline;
      font-size: 90%; }
  .glosstext .linenum {
    width: 3em;
    text-align: right;
    font-weight: bold; }
  .glosstext .wordjap, .glosstext .tag, .glosstext .gloss {
    display: none; }

.buttonBar {
  text-align: right;
  font-size: 80%; }
  .buttonBar button {
    margin-top: -3px; }
  .buttonBar .spacer {
    margin-right: 20px; }

#text .note {
  text-decoration: underline; }
#text .head {
  font-weight: bold;
  color: royalblue; }

.ainuText table {
  border-collapse: separate; }
.ainuText td.linenum {
  border-left: 6px solid transparent; }
.ainuText tr:hover {
  background-color: lavender; }
.ainuText tr.activeLine {
  background-color: #ffdfe9; }
  .ainuText tr.activeLine td.linenum {
    border-left: 6px solid #ff759e; }
.ainuText tr:hover .sound, .ainuText tr.activeLine .sound {
  visibility: visible; }

.jap-text tr:hover {
  background-color: lavender; }
.jap-text tr.activeLine {
  background-color: #ffdfe9; }
.jap-text tr:hover .soundCellCont, .jap-text tr.activeLine .soundCellCont {
  visibility: visible; }
.jap-text .soundCellCont {
  font-size: 14pt; }
.jap-text .soundTime {
  font-size: 60%;
  line-height: 1em;
  text-align: center; }

.common-text {
  overflow-y: scroll;
  height: 500px; }

#loginForm {
  border: 1px solid lightgray;
  border-radius: 4px;
  margin: 20px auto;
  padding: 20px;
  width: 400px; }

/*# sourceMappingURL=base.css.map */


/*-------

2017.03.10

メインコンテンツ部分調整の編集

-------*/

header .head-nav{ padding-right:1em;}

#content {

	width:950px;
	margin-bottom:60px;

}

#content p{ line-height:1.8;}
#content p a{ color:#3E7F2C; text-decoration:underline;}
#content p a:hover{ color:#62AA4D; text-decoration:none;}

section.block{ margin:0 0 60px 0;}

/*タイトルのパターン*/

.ttl01{
	background: #EAE3DB none repeat scroll 0 0;
	border-bottom: 3px solid #C6BFB4;
	color:#333;
	font-weight:bold;
	line-height: 1;
	margin-bottom: 11px;
	padding: 0.8em 0.7em;
}

.ttl02{
    border-bottom: 3px solid #E5E0D8;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 11px;
    padding: 0.8em 0.7em 0.8em 1em;
    position: relative;
	color:#333;
	font-weight:bold;
}

.ttl02::before {
    background: #3E7F2C none repeat scroll 0 0;
    content: "";
    height: 1em;
    left: 1px;
    position: absolute;
    top: 0.83em;
    width: 7px;
}

.ttl03{

    font-weight:bold;
    line-height: 1;
    margin-bottom: 11px;
    padding: 0.8em 0.7em 0.5em 1.15em;
    position: relative;
}

.ttl03::after{
    background: #3E7F2C none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0.2em;
    position: absolute;
    top: 1.15em;
    width: 7px;
}

.ttl04{

	color:#3E7F2C;
	border:1px solid #3E7F2C;
	background:#E8F2E5;
	padding:0.65em 1em;

}

.ttl05{

	color:#333;
	font-weight:bold;
	border:0;
	/*background:#fff;*/
	border-left:5px solid #3E7F2C;
	padding-left:0.5em;
	line-height:1;

}

/*画像の処理*/

p.photo{
	margin:1em 0;
}

p.photo img{

	width:100%;
	height:auto;

}

p.photo .photo_caption{ font-size:85%; display:block; margin-top:5px;}

/*写真二枚並べるとき*/

.photo_double{
	margin:1em 0;
}

.photo_double:after{

	content: " ";
	display: block;
	visibility: hidden;
	height: 1%;
	font-size: 0;
	line-height: 0;
	clear: both;

}

.photo_double > p{ width:49%; float:left;}

.photo_double > p:last-child{
	margin-left:2%;
}

.photo_double > p img{
	width:100%;
	height:auto;
}

/*段落処理*/
.box01{

	padding:1em;
	background:#F0EAE3;
	margin:1em 0;

}
.box02{

	padding:1em;
	border:1px solid #C9C6BC;
	margin:1em 0;

}

/*テーブル装飾*/

.tableStyle01 {
	margin:1em 0;
    border-left: 1px solid #DBD6CB;
    border-right: 1px solid #DBD6CB;
    border-top: 1px solid #DBD6CB;

}
.tableStyle01 th {
    background: #F0EAE3 none repeat scroll 0 0;
    border-bottom: 1px solid #DBD6CB;
    font-weight: bold;
    padding: 0.25em 3%;
    text-align: left;
    width: 25%;
}
.tableStyle01 td {
    border-bottom: 1px solid #DBD6CB;
    padding: 0.25em 3%;
    width: 55%;
}

/*utility*/
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}

*::-moz-selection {
    background: #3E7F2C none repeat scroll 0 0;
    color: #fff;
}
*::-moz-selection {
    background: #3E7F2C none repeat scroll 0 0;
    color: #fff;
}

@media screen and (max-width: 1230px) {

#content {

	width:auto;
	padding-right:1em;
}

}