*{
  margin: 0px;
  padding: 0px;
}

img {
  border: 0px;
}

html {
  height: 100%;
}

body {
  height: 100%;
  min-height: 960px;
  background-color: #FFEFD7;
  font: 30px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.8em;
  color: #000000;
  text-align: left;
  vertical-align: top;
  -webkit-text-size-adjust: none;
}

a {
  color: #000000;
  text-decoration: none;
}

#physimieSoundbox0 a{
  color: blue;
  font-weight: bold;
  text-decoration: underline;
}
.clear {
  clear: both;
  margin: 0px;
  padding: 0px;
}

header{
  height: 35px;
  font-size: 18px;
  line-height: 1em;
  background-color:#ffffff;
}

#book_link{
		float: left;
}

#supervision{
	float: right;
	padding: 10px 10px 5px;
	color: #666;


}

.divlink_target {
  /* divを丸ごとＡタグにする対象のＤＩＶ用クラス */
  position: relative;
}

.divlink {
  /* divを丸ごとＡタグにするための内部のＡタグ用クラス */
  position: absolute;
  /*background-color: #000000;*/
  width: 100%;
  /*display: block;*/
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}


.disp40 {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.disp70 {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.title {
  padding: 24px;
  float: left;
  font-size: 0px;
  line-height: 1em;
}

.info {
  padding: 24px;
  float: right;
}

.sounds {
  padding: 0px 14px;
}

.button {
  float: left;
  width: 196px;
  height: 190px;
  margin: 3px 4px;
}

.buttonS {
  width: 32px;
  height: 32px;
  margin-top: 87px;
  margin-left: 153px;
}

#physimieSoundbox {
  position: relative;
  width: 640px;
  height: 100%;
  margin: 0px auto;
  background-image: url(img/bg.png);
  background-repeat: no-repeat;
  background-position: right 0px bottom 0px;

  background-color: #FFEFD7;
}

.headphone{
  position:absolute;
  width:57px;
  height:64px;
  display:none;
}

#tabarea {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 90px;
}

#tabBox {
    width: 640px;
    height: 90px;
    margin: 0px auto;
}

.tab {
    width: 160px;
    height: 90px;
    float: left;
    margin: 0px 0px;
}

.disp90 {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#alertarea {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    color: white;
}

#alertBox {
    width: 500px;
    margin: 200px auto;
    padding: 20px 0px;
    background-color: #444444;
}

.alerttitle {
    text-align: center;
}

.alerttext {
    width: 470px;
    margin: 25px;
}

.alertbuttonbox {
    width: 450px;
    margin: 0px auto;
}

.alertbutton {
    margin: 0px 20px;
    padding: 10px 30px;
    text-align: center;
    background-color: #000000;
}

.alertbutton a {
    color: white;
}

.alertok {
    float: left;
}

.alertcansel {
    float: right;
}