body{
  font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", IPAPGothic, sans-serif; 
  color: #30323d;
  background: #5675c4;
  text-align: center;
}


/* 全体のレイアウト */
div.container{
  background: #ffffff;
  border: 1px solid #7ea5cb;
  border-width:  0px;
  font-size: 100%;
  margin: 0 auto;
  padding: 10px 20px 10px;
  width:1200px;
}

div.header{
  margin: 0 -20px 20px;
  padding: 450px 20px 0;
}


div.title-main{
  padding-top: 10px;
  font-size: 220%;
  text-align: center;
}

div.title-sub{
  font-size: 140%;
  text-align: center;
}

div.title-desc{
  text-align: left;
}

div.title-desc2{
  text-align: center;
}
div.text-main{
  text-align: left;
  margin-top: 10px;
  background-color: white;
}


/* 図関係 */
img, img.with-caption{
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

img.with-caption{
  margin-top: 0;
  margin-bottom: 0;
}

div.figure{
  margin-top: 40px;
  margin-bottom: 40px;
}

div.caption{
  text-align: center;
}


h1,h2
{
  font-weight: bold;
  margin-top: 2em;
  padding: 8px;
  border-width: 0 0 1px 0;
  border-color: #eBe3d1;
  border-style: none none solid solid;
}

hr
{
  height: 0;
  border: 0;
  border-top: 2px solid #dddddd;
  border-bottom: 1px solid #ffffff;
}

a{
  color: #8d7934;
}

p{
  text-indent: 1em;
}


/*
  Android 標準ブラウザで変な折り返しが入るのを防ぐハック．
  原因は Android 4.0 標準ブラウザの自動サイズ調整のバグ．
  background に何かを指定すると防ぐことが出来る．
*/
dd, dt, p{
  background-color: white;
}