/* 言語に依らない共通CSS */


body {
  color : black;
}

/* スマホから */
@media screen and (max-width: 480px){
  body{
    padding : 15px 5px;
  }
}
/* スマホ以外から */
@media screen and (min-width: 481px){
  body{
    padding : 15px;
  }
}


h2{
  margin-bottom : 20px;
  margin-top : 10px;
}


ul{
  margin-bottom:30px;
}


/* 画面先頭の右上の作者情報 */
div#div_head_author{
  position : absolute;
  right : 10px;
  top : 5px;
  font-size : 80%;"
}




/* フォーム */


/* 入力ボックス */
textarea#orig_text{
  margin : 15px auto;
  width : 100%;
  overflow-y : scroll;
  font-size : 130%;
  padding : 15px;
}

div.div_nobr_wrapper{
  display : inline-block;
  white-space : nowrap;
}



/* 分析モードの選択ボックス */
div#div_select_analyze_mode{
  padding:10px;
}


/* 分析モードの選択ラジオ */
span.radio_analyze_mode_label
{
  font-weight : bold;
  text-decoration : underline;
}

span.radio_description_span{
  display : inline-block;
  padding-left : 35px;
}





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


/* 出力ラッパー */
/* スマホから */
@media screen and (max-width: 480px){
  div#div_results{
    margin : 1px;
    padding : 1px;
  }
}
/* スマホ以外から */
@media screen and (min-width: 481px){
  div#div_results{
    margin : 10px;
    padding : 20px;
  }
}



/* センテンス単位の出力ボックス */
div.div_block_sound_obj_as_one_sentence{
  border : solid silver 1px;
}
/* スマホから */
@media screen and (max-width: 480px){
  div.div_block_sound_obj_as_one_sentence{
    margin : 3px;
    padding : 7px;
  }
}
/* スマホ以外から */
@media screen and (min-width: 481px){
  div.div_block_sound_obj_as_one_sentence{
    margin : 10px;
    padding : 10px;
  }
}

/* センテンス単位の分析時の個々の音価の説明リスト */
div.div_block_sound_obj_as_one_sentence ul.word_level_details_ul
{
  margin-top : 5px;
}



/* 単語ごと分析モードのテーブル */

table#result_shown_by_words_table td.wd_block_td
{
  vertical-align : top;
  padding : 7px;
  border : solid 1px silver;
}

/* センテンス単位の分析時の個々の音価の説明リスト */
table#result_shown_by_words_table ul.word_level_details_ul
{
  margin-top : 5px;
}




/* つづりと発音の表示 */
span.sent_pron_spelling_span{
  letter-spacing : 1px;
  font-weight : bold;
}

span.sent_pron_latin_span{
  letter-spacing : 1px;
  font-weight : normal;
}

span.sent_pron_ipa_span{
  letter-spacing : 1px;
  font-weight : normal;
}

span.wd_pron_spelling_span{
  letter-spacing : 1px;
  font-weight : bold;
}

span.wd_pron_latin_span{
  letter-spacing : 1px;
  font-weight : normal;
}

span.wd_pron_ipa_span{
  letter-spacing : 1px;
  font-weight : normal;
}


/* シンプル出力時 */
table#result_shown_by_words_table,
table#result_shown_by_words_table tr
{
	border : none;
	border-collapse : collapse;
}
table#result_shown_by_words_table th.with_border,
table#result_shown_by_words_table td.with_border
{
	border: solid 1px black;
	border-collapse : collapse;
}
table#result_shown_by_words_table th.without_border,
table#result_shown_by_words_table td.without_border
{
	border: none;
	border-collapse : collapse;
}
table#result_shown_by_words_table th,
table#result_shown_by_words_table td
{
	padding : 6px;
}

table#result_shown_by_words_table span.wd_pron_spelling_span,
table#result_shown_by_words_table span.wd_pron_ipa_span
{
  /* 列の内容が長くなったら改行させたい */
  /*display : block;*/
}


/* 単語単位での詳細表示 */

ul.word_level_details_ul{
  margin-bottom : 0px;
}

ul.word_level_details_ul li
{
  margin-left : -40px;
  margin-bottom : 3px;
  line-height : 140%;
}




/* 発音ルールテーブル */


table#table_transform_rules,
table#table_transform_rules tr,
table#table_transform_rules th,
table#table_transform_rules td
{
	border: solid 1px black;
	border-collapse : collapse;
}

table#table_transform_rules th,
table#table_transform_rules td
{
	padding : 10px;
}

table#table_transform_rules th
{
	background-color : #efefef;
	text-align : center;
	
}
table#table_transform_rules td
{
	background-color : white;
}


td.td_center{
	text-align : center;
}
td.td_nowrap{
	white-space : nowrap;
}
td.td_break_all{
	word-break : break-all;
}

/* CSSで発音の注意箇所を強調 */
span.span_pron_marked_by_css
{
  color : red;
  font-weight : bold;
}



/* バージョン情報 */

ul.ul_version_info{
  margin-left : -20px;
}
ul.ul_version_info > li{
  margin-left : -20px;
}
ul.ul_version_info > li > ul{
  margin-left : -20px;
}
ul.ul_version_info > li > ul > li{
  margin-left : -20px;
}