/*

   個別の言語に依存するカスタムCSS 

*/






/* 右から左へ読む文字の場合 */


textarea#orig_text,
span.sent_pron_spelling_span,
span.wd_pron_spelling_span,
span.sent_pron_spelling_split_to_chars_span,
span.wd_pron_spelling_split_to_chars_span,
span.char_pron_spelling_span,
td.transform_rules_td_spelling
{
  direction    : rtl;
  unicode-bidi : bidi-override;
}
div.div_block_sound_obj_as_one_sentence
{
  text-align : right;
}
table.word_level_details_table
{
  margin-left : auto;
}
table.word_detail_dict_links {
  margin-left: auto !important;
}
table.word_detail_dict_links td {
  text-align : left;
}

table#result_shown_by_words_table td.wd_block_td {
  text-align: right;
  padding-right : 12px;
}
td.simple_output_mode_td_spelling{
  text-align: right;
}




/* -------------------- 全体 ----------------------- */


body {

  background-color : #c0effe;
  
}



a:link,
a:hover,
a:active,
a:visited
{
	color: #20207f;
	text-decoration : none; /*underline;*/
}


h2,
h4
{
  color : #000000;
}

h2
{
/*

  text-shadow: 
    -1px -1px 1px #db0a13,
    -1px 1px 1px  #db0a13,
    1px -1px 1px  #db0a13,
    1px 1px 1px   #db0a13
  ;


  text-shadow: 
    -1px -1px 1px #404040,
    -1px 1px 1px  #404040,
    1px -1px 1px  #404040,
    1px 1px 1px   #404040
  ;
  text-shadow: 
    -1px -1px 1px #707070,
    -1px 1px 1px  #707070,
    1px -1px 1px  #707070,
    1px 1px 1px   #707070
  ;
*/

}


h3, h4
{
  color : #3e0605;

  /*

  text-shadow: 
    -1px -1px 1px #404040,
    -1px 1px 1px  #404040,
    1px -1px 1px  #404040,
    1px 1px 1px   #404040
  ;
  */

}


/* 色設定のまとめ */

/* 画面先頭の右上の作者情報 */
div#div_head_author{
  color : #423c4a;
}
/* 入力ボックス */
textarea#orig_text{
  background-color : #fffee9;
  border : 2px solid gray;
  color : #343434;
  
  height : 248px;
}
/* 分析モードの選択ボックス */
div#div_select_analyze_mode{
  border : solid 1px gray;
}
/* 分析モードの選択ラジオ部分 */
span.radio_analyze_mode_label
{
  color : #40409f;
}
/* センテンス単位の見出し */
h4.h_html_sent_header,
h4.h_html_word_header
{
  color : #3e0605;
}
/* センテンス単位のつづり表記 */
span.sent_pron_spelling_span{
  color : #018a2c;
}
/* センテンスを1文字ずつに分解したつづり */
span.sent_pron_spelling_split_to_chars_span
{
  color: #71ca9c;
}
/* センテンス単位のラテン文字表記 */
span.sent_pron_latin_span{
  color : royalblue;
}
/* 単語単位のつづり */
span.wd_pron_spelling_span{
  color : #018a2c;
}
/* 単語を1文字ずつに分解したつづり */
span.wd_pron_spelling_split_to_chars_span
{
  color: #71ca9c;
}
/* 単語単位のつづり・アブジャドの母音符号類を除去 */
span.wd_pron_spelling_without_fugou_span
{
  color: #71ca9c;
}
/* 単語単位のラテン文字表記 */
span.wd_pron_latin_span{
  color : royalblue;
}
/* 文字単位のつづり */
span.char_pron_spelling_span{
  color : #018a2c;
}
/* 文字単位のラテン文字表記 */
span.char_pron_latin_span{
  color : royalblue;
}
/* ルール表 */
table#table_transform_rules th {
  background-color: #a1deee;
}




/* リストの箇条書きマーク */


/*
ul{
  list-style-type:none;
}

li{
  
  background-repeat:no-repeat;
  
  background-position: 5px 2px;
  background-size : 20px 20px;
  
  padding-left:30px;
}
*/




/* -------------------- 入力フォーム，操作パネル ----------------------- */



/* 入力ボックス */
textarea#orig_text{
  
  /* 見づらいのでカーニングを多めに */
  letter-spacing : 1px;
  
  font-size: 230%;
  
}



/* 分析モードの選択ラジオ部分 */
span.radio_analyze_mode_label
{
  cursor : pointer;
}



/* 出力結果，つづりとIPA */


/* 発音注意で強調したい場所 */
.span_pron_marked_by_css_level_1
{
  color : red;
  font-weight : normal;
}
.span_pron_marked_by_css_level_2
{
  color : red;
  font-weight : bold;
}


/* 出力ラッパー */
div#div_results{
  border : solid 0px silver;
  background-color : white;
}


/* 文単位のつづり */
div.div_block_sound_obj_as_one_sentence h4:before {
  content: "▶ ";
}
div.div_block_sound_obj_as_one_sentence h4:after {
  content: "";
}
span.sent_pron_spelling_span{
  font-size : 220%;
  display : inline-block;
  padding-left:10px;
  
  letter-spacing: 0px!important;
}
span.sent_pron_latin_span{
  font-size : 125%;
}
span.sent_pron_ipa_span{
  font-size : 135%;
}
/* 発音の区切り */
/*
span.span_sent_latin_spacer{
  display : inline-block;
}
*/




/* 単語単位のつづり */
span.wd_pron_spelling_span{
  font-size : 250%;
  letter-spacing: 0px!important;
  display : inline-block;
  padding-left:10px;
}


/* １文字ずつに分解して表示 */
span.sent_pron_spelling_split_to_chars_span,
span.wd_pron_spelling_split_to_chars_span
{
  
  font-weight: bold;
  text-align : right;
  
  font-size : 220%;
  display : inline-block;
  padding-left:10px;
  
  letter-spacing: 5px;
}


/* 単語単位のつづり・アブジャドの母音符号類を除去 */
span.wd_pron_spelling_without_fugou_span
{
  font-size : 250%;
  letter-spacing: 0px!important;
  display : inline-block;
}


/* 単語単位の発音 */
span.wd_pron_latin_span{
  letter-spacing: 2px!important;
  font-size : 150%;
}
span.wd_pron_ipa_span{
  font-size : 150%;
  letter-spacing: 2px!important;
}


/* 文字単位のつづり */
span.char_pron_spelling_span{
  font-size : 230%;
  letter-spacing: 4px!important;
}

/* 文字単位の発音 */
span.char_pron_latin_span{
  letter-spacing: 2px!important;
  font-size : 150%;
}
span.char_pron_ipa_span{
  font-size : 150%;
  letter-spacing: 2px!important;
}
span.char_pron_kana_span{
  font-size : 100%;
  letter-spacing: 0px;
}






/* 音素ごとの詳細情報 */

table.word_level_details_table
{
  margin-top : 5px;
  margin-bottom : 5px;
}

table.word_level_details_table,
table.word_level_details_table tr
{
  border : none;
  border-collapse : collapse;
}
table.word_level_details_table td
{
  border : solid 1px silver;
  border-collapse : collapse;
  padding : 1px 5px;
}

/* 先頭行の文字列 */
table.word_level_details_table thead td
{
  font-size : 80%;
  color : gray;
}
table.word_level_details_table td.align-center
{
  text-align : center;
}
table.word_level_details_table td.align-left
{
  text-align : left;
}

table.word_level_details_table td.td_word_level_details_comment {
  width : 550px;
}

table.word_level_details_table td.without_border{
  border : none;
}
table.word_level_details_table td.with_inu_mark{

  /*  */

  background-repeat:no-repeat;
  
  background-position: 1px 12px;
  background-size : 15px 15px;
}


/* 辞書リンク */
table.word_detail_dict_links
{
  margin-top : 9px;

/*
  margin-left: 24px;
  
  margin-left : 9px!important;
*/

}
table.word_detail_dict_links,
table.word_detail_dict_links tr,
table.word_detail_dict_links td
{
  border : solid 1px silver;
  border-collapse : collapse;
}

table.word_detail_dict_links thead td
{
  text-align : center;
  font-size : 80%;
  color : gray;
}
table.word_detail_dict_links tbody td
{
  padding : 2px 7px 2px 2px;
  font-size : 80%;
}
table.word_detail_dict_links tbody td:nth-child(1)
{
  text-align : center;
}
table.word_detail_dict_links td a:link,
table.word_detail_dict_links td a:hover,
table.word_detail_dict_links td a:active,
table.word_detail_dict_links td a:visited
{
  text-decoration : none;
}






/* バージョン情報 */

ul.ul_version_info{
  margin-left : 0px!important;
}
ul.ul_version_info > li{
  margin-left : 0px!important;
}
ul.ul_version_info > li > ul{
  margin-left : 0px!important;
}
ul.ul_version_info > li > ul > li{
  margin-left : 0px!important;
}