@charset "shift-jis";
/*基本*/
a:link{text-decoration:none;}
a:vlink{text-decoration:none;}
a:alink{text-decoration:none;}
a:hover{text-decoration:none;color:green;}

body {
    font-family: Osaka,"ＭＳ ゴシック","ＭＳ Ｐゴシック",sans-serif,"ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
	font-size: 14px;
letter-spacing: 0.5em;
line-height: 170%;
background: #f5deb3;
color: #000000;
margin:10% ;
  }
  H1 { margin-left:20%;}
  H1, H2{ font-weight: bold }
  H1 { font-size: xx-large }
  H2 { font-size: x-large }
  H3 { font-size: large }
img {
margin: 20px ;
border: none;
}

PRE { white-space: pre }

/*ID指定 */
#top{
  border:1px solid #333333;
  margin:10px;
  padding:10px;
  }

#bottom{
  border:1px solid #333333;
  margin:10px;
  padding:10px;
  background:#aaddff;
  } 

#copy{
  color:#333333;
  text-decoration:none;
  text-align:center;
  line-height:1em;
  margin:0;
  background:#fcc3c3;
  padding:2px;
  display:block;
  } 

table#table-01 {

    width: 800px;

    border: 1px #E3E3E3 solid;

    border-collapse: collapse;

    border-spacing: 0;

}



table#table-01 th {

    padding: 5px;

    border: #E3E3E3 solid;

    border-width: 0 0 1px 1px;

    background: #F5F5F5;

    font-weight: bold;

    line-height: 120%;

    text-align: center;

}

table#table-01 td {

    padding: 5px;

    border: 1px #E3E3E3 solid;

    border-width: 0 0 1px 1px;

    text-align: center;

}

/* class 指定 */
.top{
  border:1px solid #333333;
  margin:10px;
  padding:10px;
  } 

.p3 {text-indent:3em;letter-spacing: 0.2em;line-height: 170%;}
.imgleft  { float: left  }
.imgright { float: right }
.clelef { clear: left }
.clerig { clear: right } 
.clebot { clear: both }

.border10g {
border-style:groove;  /*枠線のスタイルはgroove（溝）*/
border-color:#ffc0cb;  /*枠線の色はピンク、pinkでもいいです*/
border-width:10pt;  /*枠線の太さ（幅）10ポイント*/
padding:10pt; /*枠線と中の文字との間隔10ポイント*/
}