@charset "Shift_JIS";

html {
        overflow: auto;
	height: 100%;

}

body{
	display: flex;
	flex-direction: column;

        overflow: hidden; /*はみ出た部分をどうするか*/
}


table {
	font-size: 16px;
	line-height: 1.7;
	font-family:  

	color: #353535;
	letter-spacing: 0.2px;
	font-weight: 100;
}


table2 {
	font-size: 15px;
	line-height: 1.7;

	color: #ffffff;
	letter-spacing: 0.2px;
	font-weight: 100;
}

#table2 tr:hover td {
	background-image: url(file:///C:/Users/アズナブル/Desktop/スターサーバー/戦艦大和/株式会社戦艦大和/image/haikei.jpg);
}

h1 {

}
 

h2 {
	font-size: 40px;
	text-align: center;
	background-color: #ffffff;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: black;/*線の種類（実線） 太さ 色*/
}


h3 {
	position: relative;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #778899;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
        background: -webkit-linear-gradient(to right, rgb(204, 204, 255), transparent);
        background: linear-gradient(to right, rgb(204, 204, 255), transparent);
	color: #000000;
	text-indent: 1em;
}
 
h3::after {
	position: absolute;
	top: 50%;
	left:0.7em;
	transform:translateY(-50%);
	content: '';
	width: 5px;
	height:27px;
	background-color: #3d63cc;
}



h4 {
	border-top-left-radius: 15px 15px;/* 左上だけの角丸半径 */
	border-top-right-radius: 15px 15px;/* 右上だけの角丸半径 */
	border-bottom-left-radius: 15px 15px;/* 左下だけの角丸半径 */
	border-bottom-right-radius: 15px 15px;/* 右下だけの角丸半径 */
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;/*文字周りの余白*/
	color: #ffffff;/*文字色*/
  background: -webkit-linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
  background: linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;/*背景色*/
}

h5 {

	font-size: 20px;
	background-color: #ffffff;
	border-bottom: solid 6px #3d63cc; /*線の種類（実線） 太さ 色*/

}


p {
	width: ;
	font-family: メイリオ, "Meiryo UI";
	font-size: 14px;
	line-height: 200%;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}


a:hover{
  color: #87ceeb;
  text-decoration: underline;
}

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
    width: 100%;
    text-align: center;
    padding: 30px 0;

    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/

    margin: 0 -200%; /* マージンを追記 */
    padding: 0 200%; /* マージンで横にはみ出した部分を戻す */
    background-color:#000000;
    color:##e6e6fa;

}

.main {
  flex: 1 1 auto;
}

a{
    text-decoration: none;
}

.box1 {
	width: 400px;
	font-size: 16px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
        background-color: #ff1493;


}