@charset "utf-8";
/* CSS Document */
html,body{max-width:100%;height:100%;}
body {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	font-size: 12pt; color:#222;
	background:rgba(0,0,0,0.4) url(images/posterback.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
/*mobile*/
body::before {
	content: "";
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	backgroun:drgba(0,0,0,0.4) url(images/posterback.jpg) no-repeat center top;
	background-size: 100% auto;
	top: 0;
	left: 0;
	z-index: -1;
}
 
@media screen and (max-width: 50em){
	/* 背景画像の設定なし */
	/* max-width: 50em = 800px相当 */
}
 
@media screen and (max-width: 40em){
	body::before {
		display: block;
	}
}
 
@media screen and (max-width: 22.5em){
	body::before {
		display: block;
	}
}

#header {
	max-width:100%;
	min-width: 1280px;
	background-color:#353399;
}
#header-i{
	max-width:100%;
	min-width: 1280px;
	background-color:#353399;
}
#footer{
	max-width:100%;
	min-width:1280px;
	background-color:#353399;
}
#copyright{
	max-width:100%;
	min-width: 1280px;
	background-color:#eaeaf5;
}
td   {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;  font-size: 12pt; vertical-align: top; height: 19pt;
}

td2  {
	font-family:"ＭＳ ゴシック", "MS PGothic", "メイリオ", "Meiryo", 	Yu Gothic;  font-size: 12pt; vertical-align: top; height: 19pt;
}


/*table{
	background:#FFFFFB;

}*/
.td1 {
	background-color:rgb(255, 255, 204);
}
.td2 {
	background-color:rgb(255, 225, 200);
} 
.td3 {
	background-color:rgb(201, 255, 132);
} 
.td4 {
	background-color:rgb(255, 255, 204);
}
.td5 {
	background-color:rgb(255, 225, 200);
} 
.td6 {
	background-color:rgb(201, 255, 132);
} 


.td7 {
font-weight:bold;/*太字*/
}


.tdg {
    background-color: #4d5377;
    font-size: 14pt;
    vertical-align: top;
    height: 19pt;
    font-weight : bold;
    color : rgb(255, 255, 255);
    font-family: "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}
.tdg2 {
	background-color:#2EA9DF;  font-size: 14pt; vertical-align: top; height: 19pt;font-weight : bold;color : rgb(255, 255, 255);

}


.tdg3 {
    background-color: #dc970e;
    font-size: 14pt;
    vertical-align: top;
    height: 19pt;
    font-weight : bold;
    color : #70171b;
    font-family: "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}

.tdg4 {
    background-color: #b34f40;
    font-size: 14pt;
    vertical-align: top;
    height: 19pt;
    font-weight : bold;
    color : rgb(255, 255, 255);
    font-family: "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}


.tdw {
	background-color:rgb(fff, fff, fff);  font-size: 4pt; vertical-align: top; height: 3pt;color : rgb(fff, fff, fff);


  background-color : rgb(0, 0, 128);
}

.tdg0 {
	background-color:rgb(133, 133, 133);  font-size: 14pt; vertical-align: top; height: 19pt;font-weight : bold;color : rgb(255, 255, 255);

}

 .tdh {
	background-color:#4f9ca0;  font-size: 14pt; vertical-align: top; height: 19pt;font-weight : bold;color : rgb(255, 255, 255);

} 

 .tdi {
	background-color:#c9d4d8;  font-size: 14pt; vertical-align: top; height: 19pt;font-weight : bold;color : rgb(255, 255, 255);

} 


.tdf {
	background-color:rgb(c0, c0, c0);  font-size: 12pt; vertical-align: top; height: 19pt;color : rgb(155, 155, 155);

} 

.tdb {
	background-color:rgb(223, 241, 253);
} 


p1 {
	text-shadow: 2px 2px 2px #626262; 
}








/*吹き出しの付いたボタン
.btn_wrap {
        width: 310px;
        height: auto;
        position: relative;
        margin: auto;
}
.btn_balloon {
        width: 280px;
        height: 30px;
        padding-left: 0.1em;
        border-radius: 20px;
        border: solid 2px #32b16c;
        background-color: #fff;
        font-size: 90%;
        font-family: "Noto Sans Japanese";
        font-weight: 700;
        line-height: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 55px;
        left: 50%;
        transform: translate(-50%, 0%);
        pointer-events: none;
        transition: 0.2s;
        color: #009b5d;
        z-index: 2;
}
.btn_balloon::before, .btn_balloon::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 100%);
}
.btn_balloon::before {
        bottom: 1px;
        border-width: 8px 5px 0 5px;
        border-color: #fff transparent transparent transparent;
        z-index: 2;
}
.btn_balloon::after {
        bottom: 0;
        border-width: 11px 8px 0 8px;
        border-color: #32b16c transparent transparent transparent;
        z-index: 1;
}


.button:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}

 */








#button {
	
        display: inline-block;/*brでボタンの中にあるテキストを2行にする*/
        max-width: 350px;/*brでボタンの中にあるテキストを2行にする*/
	width:100%;
  background: #113285;
  background-image: -webkit-linear-gradient(top,#2980b9,#113285);
  background-image: -moz-linear-gradient(top,#2980b9,#113285);
  background-image: -ms-linear-gradient(top,#2980b9,#113285);
  background-image: -o-linear-gradient(top,#2980b9,#113285);
  background-image: linear-gradient(to bottom, #2980b9,#113285);
  -webkit-border-radius: 5;
  -moz-border-radius:5;
  border:solid 1px #fff;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666;
 /* font-family: Georgia;*/
  color: #ffffff;
  font-size: 28px;
  padding: 10px 35px 10px 35px;
  text-decoration: none;

	
	
}
	
	
	
	
	

#button:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}



#button2 {
        display: inline-block;/*brでボタンの中にあるテキストを2行にする*/
        max-width: 350px;/*brでボタンの中にあるテキストを2行にする*/
	width:100%;
  background: #8e1423;
  background-image: -webkit-linear-gradient(top,#ba4451,#8e1423);
  background-image: -moz-linear-gradient(top,#ba4451,#8e1423);
  background-image: -ms-linear-gradient(top,#ba4451,#8e1423);
  background-image: -o-linear-gradient(top,#ba4451,#8e1423);
  background-image: linear-gradient(to bottom, #ba4451,#8e1423);
  -webkit-border-radius: 5;
  -moz-border-radius:5;
  border:solid 1px #fff;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666;
 /* font-family: Georgia;*/
  color: #ffffff;
  font-size: 28px;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
}

#button2:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}




/*#button {
  width:450px;
  color:#ffffff;
  font-size:28px;
  font-weight:bold;
  text-shadow:0 -1px 0px #225588,0 -2px 0px #225588;
  text-align:center;
  display:block;
  text-decoration:none;
  border:1px solid #225588;
  padding:12px 0 8px 0;
  border-radius:5px; 
  background: rgb(34,85,136);
  background:-moz-linear-gradient(rgba(34,85,136,0.9), rgba(34,85,136,1));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1)));
  box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
  
a#button:hover {
  background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(119,170,221,0.9)));
}*/
.hr-w{
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}
 
