/*LSDプロジェクト*/
@charset "UTF-8";

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

div {
 margin: 0px;
 padding: 0px;
}

body {
 margin: 0px;
 padding: 0px;
 font-family: Sans-Serif;
 font-size: 14px;
 line-height: 1.4;
 color: #202020;
 background-color: #ffffff;
 text-align: center;
 -webkit-text-size-adjust: 100%; 
}

div.wrapper {
}

p {
 margin: 8px 4px;
 padding: 0px;
}

img {margin:0px; padding:0px; border:0px;}

a {text-decoration:none;}
a:link {color:#0030c0;}
a:visited {color:#0030c0;}
a:hover, a:focus, a:active {color:#eb6100;}

ul {
 margin: 5px 10px 5px 20px;
 padding: 0px;
}

div.container {
 overflow: auto;
 position: relative;
 height: 100%;
 width: 100%;
 text-align: left;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 background-color : #f1eee9;
}
div.container2 {
 overflow: auto;
 position: relative;
 height: 100%;
 width: 100%;
 text-align: left;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
div.main {
 margin: 0px 8px;
 text-align: left;
}
div.h4 {
 margin: 6px 0px 3px 0px;
 text-indent: 3px;
 font-weight: bold;
 color: #202020;
}
div.h5 {
 margin: 8px 0px 4px 0px;
 font-size: 16px;
 font-weight: bold;
 color: #202020;
}
div.service_title {
 margin: 10px 0px 4px 0px;
 font-size: 16px;
 font-weight: bold;
 color: #202020;
}
div.header_all {
 width: 100%;
 height: 40px;
 text-align: center;
 background-image: url(../ja/service/images/bar_bg.gif);
 background-size: 4px 4px;
 background-repeat: repeat;
 background-position: 0px 0px;
}
div.header_short a:link {color: #ffffff;}
div.header_short a:visited {color: #ffffff;}
div.header_short {
 padding: 0px 10px;
 height: 28px;
 font-size: 14px;
 line-height: 2.0;
 text-align: right;
 color: #ffffff;
 background-image: url(../ja/service/images/bar_bg.gif);
 background-size: 4px 4px;
 background-repeat: repeat;
 background-position: 0px 0px;
}
div.preference {
 position: absolute;
 z-index: 99999;
 top: 4px;
 right: 5px;
 text-align: left;
}
div.preference_button {
 height: 32px;
 width: 32px;
 background-image: url(../ja/service/images/setting.gif);
 background-size: 32px 32px;
}
.preference_button a {
 display: block;
 height: 32px;
 width: 32px;
}
div.top_banner a:link {color: #ffffff;}
div.top_banner a:visited {color: #ffffff;}
div.top_banner {
 margin: 0px auto;
 height: 40px;
 font-size: 15px;
 text-align: center;
 line-height: 2.6;
 font-weight: bold;
 color: #ffffff;
 display: inline;
}
.moveto {
 font-size: 10px;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}
div.header {
 position: absolute;
 z-index: 99999;
 top: 4px;
 left: 5px;
 text-align: left;
}
div.sub_menu_button {
 height: 32px;
 width: 32px;
 background-image: url(../ja/service/images/submenu.gif);
 background-size: 32px 32px;
}
.sub_menu_button a {
 display: block;
 height: 32px;
 width: 32px;
}
div.sub_menu {
  width: 150px;
  border-color: #d8d8d8;
  border-style: solid;
  border-width: 2px 2px 0px 2px;
  background-color: #ffffff;
}
div.navi a:link {color: #2c2c2c;}
div.navi a:visited {color: #2c2c2c;}
div.navi a:hover {color: #a0a0a0;}
div.navi {
  width: 140px;
  height: 24px;
  padding: 0px 5px;
  font-size: 14px;
  line-height: 1.7;
  border-color: #d8d8d8;
  border-style: solid;
  position: relative;
}
div.navi a {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
div.colored {
  height: 18px;
  padding: 0px 5px;
  line-height: 1.3;
  border-width: 0px 0px 2px 0px;
  background-color: #f7f7f7;
}
div.noborder {
  border-width: 0px 0px 0px 0px;
  background-color: #ffffff;
  text-indent: 5px;
}
div.bordered {
  border-width: 0px 0px 2px 0px;
  background-color: #ffffff;
  text-indent: 5px;
}
.checked {
 padding: 0px 0px 0px 13px;
 background-repeat: no-repeat;
 background-size: 10px 10px;
 background-position: 0px 4px;
 background-image: url(../ja/service/images/checked.gif);
}
.unchecked {
 padding: 0px 0px 0px 13px;
 background-repeat: no-repeat;
 background-size: 10px 10px;
 background-position: 0px 4px;
 background-image: url(../ja/service/images/unchecked.gif);
}
div.indent {
 margin: 0px 10px;
}
div.simple_header {
}

div.for_mobile {
 display: block;
}

div.for_pc {
 display: none;
}

div.service_tab {
 height: 26px;
}
div.service a:link {color: #2c2c2c;}
div.service a:visited {color: #2c2c2c;}
div.service a:hover {color: #2c2c2c;}
div.service {
 width: 97px;
 height: 26px;
 margin: 0px 3px 0px 0px;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 line-height: 2.1;
 float: left;
 position: relative;
}
div.service a {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
div.active {
 background-color : #ffffff;
 border-color: #d8d8d8;
 border-style: solid;
 border-width: 2px 2px 0px 2px;
}
div.inactive {
 height: 24px;
 margin-top: 2px;
 color: #909090;
 background-color: #fcc800;
}
div.service_option a:link {color: #2c2c2c;}
div.service_option a:visited {color: #2c2c2c;}
div.service_option a:hover {color: #909090;}
div.service_option {
 width: 75px;
 height: 20px;
 position: absolute;
 right: 0px;
 font-size: 11px;
 text-align: center;
 line-height: 1.8;
 background-color : #e9edf6;
 border-color: #d8d8d8;
 border-style: solid;
 border-width: 0px 2px 2px 2px;
}
div.box {
 margin: 0px 0px 5px 0px;
 padding: 3px 5px;
 background-color: #ffffff;
 border-color: #d8d8d8;
 border-style: solid;
 border-width: 2px;
}
div.input_form {
 position: relative;
 z-index: 1;">
}
div.foot_banner {
 margin: 0px auto;
 width: 310px;
}
div.footer_item a:link {color: #2c2c2c;}
div.footer_item a:visited {color: #2c2c2c;}
div.footer_item {
 margin: 0px 2px 3px 2px;
 width: 147px;
 height: 25px;
 background-color: #ffffff;
 font-size: 12px;
 line-height: 2.1;
 text-align: center;
 float: left;
 border-color: #d8d8d8;
 border-style: solid;
 border-width: 2px;
 position: relative;
}
div.footer_item a {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
div.highlight {
 background-color: #e9edf6;
}
div.twilight {
 color: #909090;
}
div.footer {
 height: 24px;
 margin: 5px 0px 0px 0px;
 font-size: 10px;
 line-height: 2.4;
 text-align: center;
 color: #ffffff;
 background-image: url(../ja/service/images/bar_bg.gif);
 background-size: 4px 4px;
 background-repeat: repeat;
 background-position: 0px 0px;
}
div.columns {
 margin: 5px 0px 10px 5px;
}
div.column1 {
 width: 285px;
 margin: 0px 5px 0px 5px;
 float: left;
}
div.column2 {
 width: 285px;
 margin: 0px 5px 0px 5px;
 float: left;
}
div.clear_column {
 clear: both;
}
div.title {
 font-size: 16px;
 margin: 3px 0px 3px 0px;
}
div.caption {
 font-size: 16px;
 line-height: 1.6;
 margin: 3px 0px 3px 0px;
 padding: 0px 0px 0px 10px;
 background-image: url(../ja/service/images/bullet.gif);
 background-repeat: no-repeat;
 background-size: 10px 13px;
 background-position: 0px 4px;
}
div.meaning {
 font-size: 16px;
 line-height: 1.6;
 margin: 3px 0px 3px 10px;
}
div.etoj {
 font-size: 13px;
 margin: 3px 0px 3px 10px;
}
div.eng_text a:link {color: #0030c0; text-decoration: none;}
div.eng_text a:visited {color: #800080; text-decoration: none;}
div.eng_text a:hover {color: #eb6100; text-decoration: none;}
div.eng_text {
 font-size: 16px;
 margin: 3px 0px 3px 5px;
}
div.thesaurus {
 margin: 5px 0px 10px 10px;
}
div.wider {
 line-height: 1.6;
}
div.concepts {
 margin: 5px 0px 5px 0px;
 padding: 0px 0px 0px 8px;
 background-image: url(../ja/service/images/dot.gif);
 background-repeat: no-repeat;
 background-size: 8px 12px;
 background-position: 0px 2px;
}
div.relword {
 line-height: 1.6;
 margin: 3px 0px 3px 20px;
 text-indent : -12px;
}
div.reibun {
 margin: 3px 0px 3px 28px;
 padding: 0px 0px 0px 8px;
 background-image: url(../ja/service/images/dot.gif);
 background-repeat: no-repeat;
 background-size: 8px 12px;
 background-position: 0px 2px;
}
div.usage {
 margin: 3px 0px 3px 20px;
 padding: 0px 0px 0px 8px;
 background-image: url(../ja/service/images/sbullet.gif);
 background-repeat: no-repeat;
 background-size: 8px 12px;
 background-position: 0px 2px;
}
div.note {
 font-size: 12px;
 margin: 5px 8px;
}
.headword {
 font-size: 16px;
 font-weight: bold;
}
.importance {
}
.yomi {
 font-size: 12px;
}
.disease {
 font-size: 12px;
 vertical-align: super;
}
.wordclass {
 font-style: italic;
}
.comment {
}
.explanation {
 font-size: 16px;
}
.inflection {
 font-size: 16px;
}
.link {
 font-size: 13px;
 margin: 0px;
 padding: 0px 0px 0px 15px;
 background-repeat: no-repeat;
 background-size: 14px 10px;
 background-position: 0px 3px;
}
.ref {
 background-image: url(../ja/service/images/hand.gif);
}
.concord {
 background-image: url(../ja/service/images/arrow2.gif);
}
.usage {
 background-image: url(../ja/service/images/arrow.gif);
}
.tree {
 background-image: url(../ja/service/images/arrow4.gif);
}
.web {
 background-image: url(../ja/service/images/arrow3.gif);
}
.voice {
 font-size: 12px;
 margin: 0px;
 padding: 1px 0px 1px 14px;
 background-repeat: no-repeat;
 background-size: 13px 13px;
 background-position: 0px 2px;
}
.speaker_m {
 background-image: url(../ja/service/images/m_voice.gif);
}
.speaker_m2 {
 background-image: url(../ja/service/images/m2_voice.gif);
}
.speaker_w {
 background-image: url(../ja/service/images/w_voice.gif);
}
div.dotted {
 margin: 1px 0px 2px 0px;
 padding: 0px 0px 0px 8px;
 background-image: url(../ja/service/images/dot.gif);
 background-repeat: no-repeat;
 background-size: 8px 12px;
 background-position: 0px 2px;
}
div.back_indent {
 margin-left: 0px;
}
div.indent0 {
 margin-left: 0px;
}
div.indent1 {
 margin-left: 10px;
}
div.indent2 {
 margin-left: 20px;
}
div.indent3 {
 margin-left: 30px;
}
div.indent4 {
 margin-left: 40px;
}
div.indent5 {
 margin-left: 50px;
}
div.indent6 {
 margin-left: 60px;
}
div.indent7 {
 margin-left: 70px;
}
div.indent8 {
 margin-left: 80px;
}
div.formbox {
 height: 26px;
 font-size: 12px;
 line-height: 2.0;
 margin: 5px 0px;
 float: left;
}
div.incremental {
  width: 230px;
  position: absolute;
  margin-left: 0px;
  margin-top: -4px;
  overflow: hidden;
  z-index: 99999;
  border-color: #d8d8d8;
  border-style: solid;
  border-width: 2px 2px 0px 2px;
  background-color: #ffffff;
}
div.candidate {
  width: 230px;
  height: 21px;
  line-height: 1.5;
  padding: 0px 5px;
  font-size: 14px;
  white-space: nowrap;
  border-color: #d8d8d8;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  background-color: #ffffff;
}
div.optionbox {
  font-size: 12px;
  border-style: solid;
  border-width: 0px 2px 2px 2px;
  border-color: #d8d8d8;
  padding: 3px;
  background-color: #ffffff;
}
div.optionbox_full {
  font-size: 12px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #d8d8d8;
  padding: 3px;
  background-color: #ffffff;
}

.s { font-size: 11px; }
.m { font-size: 14px; }
.l { font-size: 16px; }
.xl { font-size: 19px; }
.sm { font-size: 13px; }

.sg { font-size: 11px; color : #666666;}
.sr { font-size: 11px; color : #ff3030;}
.sb { font-size: 11px; color : #0000ff;}
.mg { font-size: 14px; color : #666666;}
.mr { font-size: 14px; color : #ff3030;}
.mb { font-size: 14px; color : #0000ff;}
.lg { font-size: 16px; color : #666666;}
.lr { font-size: 16px; color : #ff3030;}
.lb { font-size: 16px; color : #0000ff;}

strong {
  font-size: 13px;
  font-weight: bold;
}

form {
margin: 0px 0px 0px 0px;
}

.btn {
  color : #000000;
  font-size: 11px;
  height: 26px;
  text-align: center;
  border-style: ridge;
  background-image: url(../ja/service/images/button.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

.btn2 {
  color : #000000;
  font-size: 11px;
  height: 26px;
  text-align: center;
  border-style: ridge;
  background-image: url(../ja/service/images/button2.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

.textarea03 {
  font-size: 16px;
  margin: 2px 0px;
  padding : 5px;
  width : 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.textarea04 {
  font-size: 14px;
  margin: 0px 0px;
  padding: 5px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input.text02 {
  font-size: 14px;
  height: 26px;
  width : 130px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input.text03 {
  font-size: 14px;
  width : 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

select {
  background :#eeeeee;
}

div.voc {
}

div.floater {
 width: 100%;
 position:absolute;
 bottom:0px;
 left:0px;
}

div.floater2 {
 width:100%;
 position:absolute;
 bottom:0px;
 left:0px;
}

div.conc {
 font-family:"Courier New", Courier, monospace;
 font-size: 7pt;
 line-height:100%;
 white-space:pre;
}
.red {color:#ff3030;}
.blue {color:#0000ff;}
.celltype1 {text-align:left;background-color:#ddffdd;}
.celltype2 {text-align:right;background-color:#ddffdd;}
.celltype3 {text-align:left;background-color:#ddddff;}
.celltype4 {text-align:right;background-color:#ddddff;}
.celltype5 {text-align:left;background-color:#dddddd;}
.celltype6 {text-align:right;background-color:#dddddd;}

div.button {
 height: 36px;
 width: 40px;
 position: fixed;
 z-index: 99999;
 text-indent: -9999px;
 background-size: 40px 36px;
}
div.totop {
 bottom: 20px;
 right: 5px;
 background-image: url(../ja/service/images/totop_button.gif);
}
div.goback {
 bottom: 20px;
 left: 5px;
 background-image: url(../ja/service/images/goback_button.gif);
}
div.totop2 {
 bottom: 20px;
 right: 5px;
 background-image: url(../ja/service/images/totop_button.gif);
}
div.close {
 top: 5px;
 left: 5px;
 background-image: url(../ja/service/images/close_button.gif);
}
.button a {
 margin: 0px;
 padding: 0px;
 display: block;
 height: 36px;
 width: 40px;
}
div.left_container {
 width: 100%;
 float: left;
}
div.right_container {
 width: 100%;
 float: left;
}
div.twitter {
 padding: 0px 12px;
}
div.facebook {
 padding: 0px 12px;
}

h1 {
 margin: 0px;
 padding: 0px;
 text-indent: -9999px;
 float: left;
 font-size: 12px;
}
h2 {
 margin: 0px;
 padding: 0px;
 text-indent: -9999px;
 float: left;
 font-size: 12px;
}
h3 {
 margin: 5px 0px 10px 0px;
 padding: 0px 0px 0px 15px;
 font-size: 16px;
 height: 25px;
 line-height: 1.5;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url(../ja/service/images/h3_bg.gif);
 background-repeat: repeat;
 background-position: left top;
}
h4 {
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 15px;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.8;
 color: #000000;
 background-color: #f0f0f0;
 background-image: url(../ja/service/images/h4_bg.gif);
 background-repeat: repeat-y;
 background-position: left top;
}
h5 {
 margin: 0px 20px 10px 10px;
 padding: 0px 0px 0px 25px;
 font-size: 12px;
 height: 25px;
 line-height: 2.1;
 color: #000000;
 background-color: #f0f0f0;
 font-weight: bold;
 background-image: url(../ja/service/images/h5_bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
}
h6 {
 margin: 0px 0px 5px 10px;
 padding: 0px;
 font-weight: bold;
 color: #000000;
}
ol {
 margin: 0px 10px 10px 35px;
 padding: 0px;
}
div.question {
 padding: 4px 0px 5px 34px;
 background-image: url(../ja/service/images/faq_q.gif);
 background-repeat: no-repeat;
 background-size: 30px 20px;
 background-position: 0px 0px;
}
div.answer {
 padding: 4px 0px 10px 34px;
 background-image: url(../ja/service/images/faq_a.gif);
 background-repeat: no-repeat;
 background-size: 30px 18px;
 background-position: 0px 0px;
}
div.imagebox {
 width: 100%;
}
div.tips {
 width: 160px;
 font-size: 14px;
 position: fixed;
 left: 10px;
 bottom: 60px;
 background-color: #ffe7ff;
 display: none;
}

}