body { height:100%; margin: 0; background: #E7F2EB; font-size:10pt; }

div#container { width: 900px; margin-left : auto ; margin-right : auto; margin-top: 20px; margin-bottom:20px;}

div#header { top:0; color: white; font-size:20pt; font-weight: normal; text-align:left; padding-left: 0px;z-index: 100;   box-shadow: 0px 12px 12px -12px #777777;}

div#menu { float:left; width:250px; height:1100px; padding-top:20px; padding-bottom:20px; background: #57B14F;}

div#gap {  float:left; width:6px; height:1100px; padding-top:20px; padding-bottom:20px; /*background:#EAF9EB;*/ background: white; }

div#main {  float:left; width:583px; font-size:10.5pt; color:#0D0D0D; /*background:#EAF9EB;*/ background:white; padding-left:30px; padding-right:30px; padding-top:18px;padding-bottom:20px; line-height:18pt; border-top:1px solid #8EDE83; border-right:1px solid #8EDE83; font-family: 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';letter-spacing:0.025em;}

h3 { font-size:13pt; font-weight:normal; border-bottom: dotted 1pt #31A727; margin-left:-10px; }
div.h4 { font-size:11pt; color:#1E9E3F; font-weight:bold;margin-top:25px; margin-bottom:10px; margin-left:-10px;}
.sento_kigo { color:#31A727  }
.sento_kigo_en { color:#31A727; margin-right: 3px; vertical-align: 2px; }

.button {
font-family: 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
}

p {
  margin-top: 0em;
  margin-bottom: 0.8em;
}

table.horizontal_line td { border-bottom: 1pt dotted #42A220 }
td.entry { width:100px;vertical-align:top }
td.entry2 { width:20px;vertical-align:top }
td.horizontal_line { border-bottom: 1pt dotted #42A220 }

td.number { color:#097C24; font-weight:normal;width:30px;vertical-align:top }
td.number2 { color:#097C24; font-weight:normal;text-align:center;width:40px;vertical-align:top }
td.number3 { color:#1E9E3F; font-weight:normal;width:20px;vertical-align:top; border-left:none !important; }
td.symbol { color:#097C24; font-weight:normal;width:40px;vertical-align:top }
td.symbol2 { color:#2BB349; font-weight:normal;vertical-align:top }

table#gloss { border-collapse: collapse; }
table#gloss td { width:25%; border-top:1px solid green; border-bottom:1px solid green; padding-left: 8px; padding-right:8px}
table#gloss td.right-border { border-right: 1px solid green; }

table#gloss_en { border-collapse: collapse; width: 360px}
table#gloss_en td { border-top:1px solid green; border-bottom:1px solid green; padding-left: 8px; padding-right:8px}

table#table-1 { border-collapse: collapse; font-size:9.5pt;}
table#table-1 td { padding-left: 8px; padding-right:8px}
#table-1 td.border-top {
  border-top: 1px solid green;
}
#table-1 tr.border-top {
  border-top: 1px solid green;
}
#table-1 tr.border-bottom {
  border-bottom: 1px solid green;
}

li.list { margin-left:-5px;margin-bottom:3px;list-style-type:disc; }

a { color:#097C24; text-decoration:none; border-bottom:dotted 2pt #097C24; margin-left:3px; margin-right: 3px;  }

.jump { color:#992634; border-bottom:dotted 2pt #42A220;cursor:pointer }

.example { background:#31A727;margin-right:8px;font-size:9.5pt;padding:0px 3px;border-radius:3px;color:white; } 
.example_en { background:#31A727;margin-right:8px;font-size:9pt;padding:0px 5px;border-radius:3px;color:white; } 

li { list-style-type:none; margin-left:-30px;}

div#footer { clear:both; height:25px; background: #31A727; color: white; font-size:9pt;  font-family: 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif'; text-align:center; padding-top: 6px; z-index: 100;}

div.top_menu_icon {
    background: #31A727;
    border: 1px solid #31A727;
    font-size: 12pt;
    color: white;
    text-align:center;
    font-family: 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    height: 35px;
    line-height: 35px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 20px;
    width: 90px;
    cursor: pointer;
    opacity: 0.75;
    z-index:200;
}

div.menu_icon {
    float:left;
    border: 1px solid #B4DFB0;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 0 0 4px 0 #CFCFCF;*/
    font-size: 10.5pt;
    color: #C9ECC5;
    text-align:left;
    font-family: 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    height: 30px;
    line-height: 30px;
    margin-top: 12px;
    margin-left: 20px;
    padding-left: 10px;
    margin-right: 0;
    width: 200px;
    cursor: pointer;
    opacity: 1;
}

div.selected {
   /*box-shadow: 0 0 10px 0 white;*/
   background: #CAEDD4;
   color:green;
}

div.menu_icon_help {
    float:left;
    border: 1px solid #60879C;
    background:#85B534;
    border-radius: 5px 5px 5px 5px;
    //box-shadow: 0 0 4px 0 #CFCFCF;
    font-size: 10pt;
    color: white;
    text-align:left;
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'serif';
    height: 20px;
    line-height: 20px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    width: 65px;
    opacity: 1;
}

.help {
    color:black;
    background:#E9C80F;
    font-weight:bold;
    margin-left:3px;
    padding:1px 4px 1px 4px;
    cursor: help;
}

#shadow { -moz-opacity: 0; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#F2F9E7; z-index: 102; vertical-align:text-middle; text-align: center; }	

.logo2 { margin: 0 0; border:solid black 1px; padding:5px 50px;  color: #ADEA5E;  background: #0F1E03; font-size:100%;  text-shadow: 0 0 0.03em #E7F9D7; font-weight:normal; letter-spacing: 0.05em;  font-family: 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif'; }

div.gloss {
    padding-top:0px;
    padding-left:15px;
    margin-bottom:5px;
    height: auto;
    background-color: none;
    width: 90%;
}

div.gloss-cell {
    float: left;
    margin-bottom:5px;
    margin-left:-1px;
    /*background: #F0F8F1;*/
    height: auto;
}
div.gloss-cell table {
    border-collapse: collapse;
    padding:0;
    /*background: white;*/
}

div.gloss-cell td {
    border-left: solid 1px #57B14F;
    border-right: solid 1px #57B14F;
    padding: 0 7px;
    white-space: nowrap;
}

td.ainu {
   color: #1E9E3F;
   font-size:11pt;
   font-weight: bold;
}
td.kana {
   font-size:8pt;
   /*text-align:center;*/
   color: #545353;
}
td.m2m_jp {
   font-size: 10pt;
   color: black;
}

.sound_id {
   color: #1E9E3F;
   margin-left: 5px;
}

        /* jssor slider bullet navigator skin 13 css */
        /*
        .jssorb13 div           (normal)
        .jssorb13 div:hover     (normal mouseover)
        .jssorb13 .av           (active)
        .jssorb13 .av:hover     (active mouseover)
        .jssorb13 .dn           (mousedown)
        */
        .jssorb13 {
            position: absolute;
        }
        .jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            background: url('../../static/images/b14.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb13 div { background-position: -5px -5px; }
        .jssorb13 div:hover, .jssorb13 .av:hover { background-position: -35px -5px; }
        .jssorb13 .av { background-position: -65px -5px; }
        .jssorb13 .dn, .jssorb13 .dn:hover { background-position: -95px -5px; }

.metadata {
  color:#1E9E3F;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dotted green;
}

.triangle_english {
  font-size:11pt;
  vertical-align:0px;
  margin-right:3px;
}

.reference {
  padding-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}

.name {
  padding-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}
