@charset "UTF-8";

body {
margin : 0px;
font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Verdana, Sans-Serif;
font-size: 12px;
line-height: 160%;
color : #202020;
background-color : #ffffff;
text-align: center;
}

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

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

a {
 text-decoration:none;
}

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

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

/*レイアウト*/

div.container {
 width: 640px;
 margin: 0px auto 0px;
 padding: 0px;
 text-align: left;
 background-image: url(../ja/service/images/bg.gif);
 background-repeat: repeat;
 background-position: 0px 0px;
}
div.main {
 margin: 0px 10px 5px 10px;
 padding: 0px;
 width: 620px;
 text-align: left;
}
div.main2 {
 margin: 0px 10px 5px 10px;
 padding: 0px;
 text-align: left;
}
h4 {
 margin: 10px 0px 5px 0px;
 padding: 0px;
 text-indent: 14px;
 font-size: 14px;
 font-weight: bold;
 color: #202060;
 background-image: url(../ja/service/images/h4.gif);
 background-repeat: no-repeat;
 background-position: 2px 0px;
}
h5 {
 margin: 8px 0px 4px 0px;
 padding: 0px;
 font-size: 14px;
 font-weight: bold;
 color: #202060;
}
div.top_banner {
 margin: 0px;
 padding: 0px;
 width: 640px;
 height: 66px;
 background-image: url(../ja/service/images/lsd_banner.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.logo {
 margin: 0px;
 padding: 0px;
 display: block;
 width: 103px;
 height: 61px;
 float: left;
}
.logo a {
 margin: 0px;
 padding: 0px;
 display: block;
 width: 103px;
 height: 61px;
 text-indent: -9999px;
}
div.header {
 margin: 0px;
 padding: 0px;
 width: 640px;
 height: 32px;
 background-image: url(../ja/service/images/header.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
}
div.sub_banner a:link {color: #ffffff;}
div.sub_banner a:visited {color: #ffffff;}
div.sub_banner {
 margin: 0px;
 padding: 0px;
 width: 640px;
 height: 23px;
 font-size: 12px;
 text-align: right;
 color: #ffffff;
 background-image: url(../ja/service/images/sub_banner.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
}
div.indent {
 margin: 0px 15px;
 padding: 0px;
}

div.btm_banner a:link {color: #ffffff;}
div.btm_banner a:visited {color: #ffffff;}
div.btm_banner {
 margin: 0px;
 padding: 0px;
 height: 20px;
 font-size: 10px;
 text-align: right;
 color: #ffffff;
 background-image: url(../ja/service/images/btm_banner.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
}

div.simple_header a:link {color: #ffffff;}
div.simple_header a:visited {color: #ffffff;}
div.simple_header {
 margin: 0px;
 padding: 3px 20px;
 font-size: 12px;
 line-height: 140%;
 text-align: right;
 color: #ffffff;
 background-image: url(../ja/service/images/simple_header.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
}

div.mobile_only {
 display: none;
}

div.service_title {
 margin: 10px 0px 10px 0px;
 padding: 0px;
 text-indent: 33px;
 font-size: 16px;
 font-weight: bold;
 color: #202060;
 background-image: url(../ja/service/images/service_title.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

div.service_tab {
 margin: 0px;
 padding: 0px;
 width: 620px;
 height: 30px;
}
div.service_active {
 width: 130px;
 height: 28px;
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 line-height: 28px;
 background-image: url(../ja/service/images/service_active.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 float: left;
}
div.service_inactive a:link {color: #ffffff;}
div.service_inactive a:visited {color: #ffffff;}
div.service_inactive a:hover {color: #ffffff;}
div.service_inactive {
 width: 130px;
 height: 28px;
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 line-height: 28px;
 color: #ffffff;
 background-image: url(../ja/service/images/service_inactive.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 float: left;
}
div.service_blank {
 width: 80px;
 height: 28px;
 float: left;
}
div.service_option a:link {color: #ffffff;}
div.service_option a:visited {color: #ffffff;}
div.service_option a:hover {color: #ffffff;}
div.service_option {
 width: 146px;
 height: 28px;
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 text-align: center;
 line-height: 28px;
 color: #ffffff;
 background-image: url(../ja/service/images/option.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
 float: left;
}
div.navi a:link {color: #2c2c2c;}
div.navi a:visited {color: #2c2c2c;}
.selected {color: #999999;}
div.navi {
 width: 100px;
 height: 30px;
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 line-height: 32px;
 background-image: url(../ja/service/images/navi.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 float: left;
}
div.navi_blank {
 width: 20px;
 height: 30px;
 float: left;
}

div.box {
 margin: 0px;
 padding: 5px 10px;
 background-image: url(../ja/service/images/box.gif);
 background-repeat: repeat-y;
 background-position: 0px 0px;
}
div.footer {
 width: 100%;
 margin: 0px;
 padding: 3px 0px 0px 0px;
 font-size: 10px;
 line-height: 160%;
 text-align: center;
 color: #ffffff;
 background-image: url(../ja/service/images/footer.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
}
div.synonyms {
 font-size: 12px;
 line-height: 140%;
 margin: 5px 0px 5px 10px;
}
div.synonym1 {
 width: 285px;
 margin: 0px 5px 0px 5px;
 float: left;
}
div.synonym2 {
 width: 285px;
 margin: 0px 5px 0px 5px;
 float: left;
}
div.clear_column {
 margin: 0px;
 padding: 0px;
 clear: left;
}
div.title {
 font-size: 14px;
 line-height: 140%;
 margin: 3px 0px 3px 0px;
}
div.caption {
 font-size: 14px;
 line-height: 140%;
 margin: 3px 0px 3px 0px;
 text-indent: 11px;
 background-image: url(../ja/service/images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
div.meaning {
 font-size: 14px;
 line-height: 140%;
 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 {
 line-height: 125%;
 margin: 3px 0px 3px 10px;
}
div.thesaurus {
 font-size: 12px;
 line-height: 140%;
 margin: 5px 0px 10px 10px;
}
div.relword {
 font-size: 12px;
 line-height: 140%;
 margin: 3px 0px 3px 15px;
 text-indent : -15px;
}
div.usage {
 font-size: 12px;
 line-height: 140%;
 margin: 3px 0px 3px 15px;
 text-indent : -15px;
}
div.reibun {
 font-size: 12px;
 line-height: 140%;
 margin: 3px 0px 3px 15px;
 text-indent : 13px;
 background-image: url(../ja/service/images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
div.note {
 font-size: 10px;
 line-height: 140%;
 margin: 5px 10px;
}
.headword {
 font-size: 14px;
 font-weight: bold;
}
.importance {
 font-size: 12px;
}
.yomi {
 font-size: 10px;
}
.disease {
 font-size: 10px;
 vertical-align: super;
}
.wordclass {
 font-size: 12px;
 font-style: italic;
}
.comment {
 font-size: 12px;
}
.explanation {
 font-size: 14px;
}
.inflection {
 font-size: 14px;
}
.ref_link {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 0px 0px 0px 24px;
 background-image: url(../ja/service/images/hand.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.conc_link {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 0px 0px 0px 15px;
 background-image: url(../ja/service/images/arrow2.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.usage_link {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 0px 0px 0px 15px;
 background-image: url(../ja/service/images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.tree_link {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 0px 0px 0px 15px;
 background-image: url(../ja/service/images/arrow4.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.web_link {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 0px 0px 0px 15px;
 background-image: url(../ja/service/images/arrow3.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.voice_m {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 1px 0px 1px 14px;
 background-image: url(../ja/service/images/m_voice.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.voice_m2 {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 1px 0px 1px 14px;
 background-image: url(../ja/service/images/m2_voice.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.voice_w {
 font-size: 10px;
 line-height: 140%;
 margin: 0px;
 padding: 1px 0px 1px 14px;
 background-image: url(../ja/service/images/w_voice.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
div.back_indent {
 text-indent : -1em;
 margin-left: 10px;
}
div.indent0 {
 text-indent : -1em;
 margin-left: 10px;
}
div.indent1 {
 text-indent : -1em;
 margin-left: 20px;
}
div.indent2 {
 text-indent : -1em;
 margin-left: 30px;
}
div.indent3 {
 text-indent : -1em;
 margin-left: 40px;
}
div.indent4 {
 text-indent : -1em;
 margin-left: 50px;
}
div.indent5 {
 text-indent : -1em;
 margin-left: 60px;
}
div.indent6 {
 text-indent : -1em;
 margin-left: 70px;
}
div.indent7 {
 text-indent : -1em;
 margin-left: 80px;
}
div.indent8 {
 text-indent : -1em;
 margin-left: 90px;
}
div.formbox {
 font-size: 14px;
 line-height: 140%;
 margin: 3px 0px 3px 0px;
}
div.optionbox {
  width: 580px;
  line-height: 120%;
  border-style: solid;
  border-width: 2px 2px 0px 2px;
  border-color: #d8d8d8;
  padding: 3px 5px 3px 5px;
}
div.optionbox_full {
  width: 580px;
  line-height: 120%;
  border-style: solid;
  border-width: 2px;
  border-color: #d8d8d8;
  padding: 3px 5px 3px 5px;
}

/*TEXT要素*/
.s { font-size: 10px; line-height: 140%; }
.m { font-size: 12px; line-height: 140%; }
.l { font-size: 14px; line-height: 140%; }
.xl { font-size: 19px; line-height: 140%; }
.sm { font-size: 11px; line-height: 140%; }

.sg { font-size: 10px; line-height: 140%; color : #666666;}
.sr { font-size: 10px; line-height: 140%; color : #ff3030;}
.sb { font-size: 10px; line-height: 140%; color : #0000ff;}
.mg { font-size: 12px; line-height: 140%; color : #666666;}
.mr { font-size: 12px; line-height: 140%; color : #ff3030;}
.mb { font-size: 12px; line-height: 140%; color : #0000ff;}
.lg { font-size: 14px; line-height: 140%; color : #666666;}
.lr { font-size: 14px; line-height: 140%; color : #ff3030;}
.lb { font-size: 14px; line-height: 140%; color : #0000ff;}

strong {
  font-size: 14px;
  font-weight: bold;
  line-height: 140%;
}

/*FORM*/
form {
margin: 0px 0px 0px 0px;
}

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

.textarea03 {
  font-size: 12px;
  padding : 0px;
  width : 580px;
}

input.text02 {
  font-size: 12px;
  width : 350px;
}

input.text03 {
  font-size: 12px;
  width : 450px;
}

select {
  font-size: 12px;
  background :#eeeeee;
}