@charset "Shift_JIS";

*{padding: 0;	margin: 0;}

img{border: 0;}

body{
	height: 100%;
	font-size: 80%;
	text-align: center;
	font-family: "MS UI Gothic",sans-serif;
	margin:0px;
	padding:0px;

}

p.example1 { font-size: x-large;}
p.example2 { font-size: 85%; }
p.example3 {
	font-size: 90%;
	line-height: 18px;}
p.example4 { font-size: medium;}
p.example5 { font-size: medium;
color: #; }
p.example6 {
	font-size: medium;
	color: #adacac;}
a{text-decoration:none}
a:link{color:#666666;text-decoration:none}
a:visited{color:#666666;text-decoration:none}
a:active{color:#666666;text-decoration:none}
a:hover{color:#666666;text-decoration:none}

button.button8 {
    /* 文字サイズを1.4emに指定 */
    font-size: 12pt;
	font-family:Arial;
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 3px 30px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #b8b8b8;
    -moz-box-shadow: 2px 2px 3px 1px #b8b8b8;
    -webkit-box-shadow: 2px 2px 3px 1px #b8b8b8;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #ccc, #b4b3b3 50%, #ccc);
    background: -webkit-gradient(linear, left bottom, left top, from(#ccc), color-stop(0.5, #b4b3b3), to(#ccc));

    /* 角丸の指定 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

button.button8:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/* * 画像サイズ規制 */
div#hoge1 img {
    max-width: 500px;
    max-height: 300px;
}
div#hoge2 img {
    max-width: 90%;

}

button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #0e2f8f; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 6px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #000000; /* 背景色 */
}
 

/* Chrome、Safari以外 */
summary {
  display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}

summary {
  cursor: pointer;
  outline: none;
}