body{
  margin:0em;
  font-size:180%;
  background-color:#cccccc;
  -webkit-text-size-adjust:100%;
}

div.whole_field{
  margin:auto;
  width:950px;
  background-color:#ccffcc;

}

div.main_field{
	background-color:#ccffcc;
	padding:0.5em;
}

div.company_menu_field{
	background-color:#ccccff;

}


h1.page_title{
  margin-top:0px;
  margin-bottom:0.2em;
  padding:0.1em;
  text-align:center;
  background-color:#ffffff;
  color:#000000; 
}

h2.page_title{
  margin-top:0px;
  margin-bottom:0.2em;
  padding:0.1em;
  text-align:center;
  background-color:#ffffff;
  color:#000000; 
  line-height:1.2;
}

p{
  margin-top:0.3em;
  margin-bottom:0.3em;
  text-indent:1.0em;
  line-height:1.3;
}

p.note{
  text-indent:-1em;
  margin-left:1em;
}

ul{
  margin-top:0.2em;
  margin-bottom:0.3em;
  line-height:1.3;
}

ol{
  margin-top:0.3em;
  margin-bottom:0.3em;
  line-height:1.3;
}

iframe.common_menu{
  width:950px;
  height:120px;
}


td.face{
	vertical-align:top;
	text-align:center;
}
td.speak{
	vertical-align:top;
}

h3.sentence_title{
  margin-top:5px;
  margin-bottom:2px;
  padding:0.1em;
  line-height:1.2;
  color:#0000ff; 
}

h4.sentence_title{
  margin-top:5px;
  margin-bottom:2px;
  margin-left:5px;
  padding:0.1em;
  line-height:1.2;
  color:#009900; 
}