@charset "UTF-8";

#page-top {
	background-image: url("images/top-img1.jpg");
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	background-position:top center;

}

#tableimg {
	display:block;
	margin:auto;
	height:100px;
	width:100%;
}

h2 {
                                font-size:16px;
                                padding:5px;
                                background-color:#4682b4;
                                color:#ffffff;
                                font-weight:normal;
                                padding-left:1em;
                                padding-right:1em;
                                text-align:left;
                                display:inline-block;
                                margin:10px;
                                border:1px solid #ffffff;
                                border-radius:10px;
	
}

h2 span {
                                font-size:14px;
                                margin-left:1em;
}

h3 {
                                font-size:16px;
                                font-weight:normal;
}

h3 span {
                                font-size:12px;
                                margin-left:20px;
}

h4 {
                                color:#4682b4;
}


#box {
                                margin:30px auto;
}

.b1 {
	background-image: url("images/kado3.jpg");
	background-repeat:no-repeat;
                                background-position:right top;
                                border:1px solid #6495ed;
                                padding:10px;
                                border-radius:10px;
                                background-color:#ffffff;
                                margin:10px;
                                overflow:hidden;
}




th {
                                background-color:#eeeeee;
                                padding:10px 20px;
                                font-weight:normal;
}

td {
                                background-color:#fffaf0;
}

#hissu {
                                font-size:12px;
                                color:#e00;
}

.pp {
                                font-size:12px;
                                height:200px;
                                overflow:scroll;
                                padding-left:30px;
                                padding-right:50px;
}

.pp p {
                                margin-left:10px;
                                line-height:1.5em;
}



.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 4px 6px;   /* 余白       */
  background    : #dddddd;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 0.9;         /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
	margin-top:15px;
}


.button:hover {
  opacity       : 1;           /* カーソル時透明度 */
}


th span {
	font-size:12px;
}