/*全体のスタイル*/

body{
background:#5B92E5;
}

/*ページ構成のスタイル*/

header{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
}

nav{
display: flex;
justify-content: space-between;
margin: 10px 20px 0px 20px;
padding: 0px 0px 0px 0px;
}


main{
display: flex;
flex-flow: column;
flex-wrap: wrap;
justify-content: center;
margin:0px 0px 0px 0px;
padding:10px 20px 20px 20px;
}

.Block{
width: 99%;
margin:0px 0px 0px 0px;
padding:0px;
}

.Horizontal{
width:95%;
}

.Vertical{
width:95%;
}

XXX.HorizontalToVertical{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 0px;
}



XXX.BlockS{
background:#ffffff;
border-width:0;
border-style:solid;
border-color:#191970;
margin: 10px;
padding: 0px 0px 10px 0px;
}

footer{
display: flex;
justify-content:center;
color:#ffffff;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

/*テキストのスタイル*/

p{
font-size: 175%;
width: 95%;
margin: 10px 20px 0px 20px;
padding: 0px 0px 0px 0px;
}

p.Para01{
font-size: 175%;
margin: 10px 20px 10px 50px;
padding: 0px 0px 0px 0px;
}

strong{
font-weight:bold;
color:#ff0000;
}


/*見出しのスタイル*/

h1{
background:#00549E;
color:#fff;
font-size:175%;
margin:0px;
padding:6px 15px 2px 10px;
}

h2{
background-image:URL(../Square.gif);
background-repeat: no-repeat;
font-size:175%;
color:#00549E;
XXXclear:left;
margin:10px 0px 0px 5px;
padding:0px 5px 2px 27px;
}

h3{
color:#00549E;
font-size:165%;
margin:30px 0px 0px 0px;
padding:6px 15px 0px 27px;
}

h4{
color:#00549E;
font-size:150%;
margin:0px 0px 0px 0px;
padding:6px 15px 0px 27px;
}

h5{
color:#00549E;
font-size:150%;
margin:0px 0px 0px 0px;
padding:6px 15px 0px 27px;
}

/*リストのスタイル*/

.Menu{
list-style:none;
margin:5px 0px 10px 20px;
padding:10px;
font-size:175%;
}

.Menu liI{
list-style:none;
background-image:URL(img/Triangle.gif);
background-repeat: no-repeat;
background-position:top left;
line-height:150%;
font-size:100%;
margin:0px;
padding:0px 15px 0px 15px;
}

.Menu liI{
list-style:none;
background-image:URL(img/Triangle.gif);
background-repeat: no-repeat;
background-position:top left;
line-height:150%;
font-size:100%;
margin:0px;
padding:0px 15px 0px 15px;
}

.Table liI{
list-style:none;
background-image:URL(img/Triangle.gif);
background-repeat: no-repeat;
background-position:top left;
line-height:150%;
font-size:80%;
margin:0px;
padding:0px 15px 0px 15px;
}
.MenuTroyer liI{
list-style:none;
background-image:URL(img/Triangle.gif);
background-repeat: no-repeat;
background-position:top left;
line-height:150%;
font-size:70%;
margin:0px;
padding:0px 15px 0px 15px;
}




/*ブロックのスタイル*/


.Youtube {
position: relative;
width: 90%;
height: 0px;
float: left;
padding-top: 56.25%; 
}

.Youtube iframe {
position: absolute;
top: 0px;
width: 95%;
height: 95%;
float: left;
padding: 5px 10px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;
}

.frameC {
flex-basis: 50%;
border: 1px solid #00549E;
}
.frameD {
flex-basis: 50%;
border: 1px solid #00549E;
margin:-15px 0px 0px 0px;
}

/*テーブルのスタイル*/

table{
width: 95%;
table-layout: fixed;
border-top:1px solid #666;
border-left:1px solid #666;
background:#fff;
border-collapse:collapse;
border-spacing:1;
empty-cells:show;
font-size: 120%;
margin:10px 10px 10px 10px;
}

caption{
font-size:175%;
font-weight:bold;
color:#663333;
margin:0px;
padding:10px 0px 5px 10px;
}

th{
border-right:1px solid #666;
border-bottom:1px solid #666;
color:#663333;
background:#d3d3d3;
font-size:85%;
text-align:center;
margin:0px;
padding:5px;
}

td{
border-right:1px solid #666;
border-bottom:1px solid #666;
font-size: 145%;
background:#fff;
margin:0px;
padding:5px;
}

table.NoBorder{
width:100%;
float:left;
border:0px;
background:#fff;
margin:10;
}

.NoBorder td{
border-right:0px;
border-bottom:0px;
font-size: 75%;
}


/*画像のスタイル*/

img{
width: 95%;
}

.ImageMinato01{
width:80%;
display: flex;
margin:0px 0px 20px 25px;
padding:0px 0px 0px 0px;
}

.ImageBox{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

.Image01{
width:75%;
margin:5px 5px 5px 5px;
padding:0;
}

.Image02{
float:left;
width: 30%;
margin:5px 5px 5px 5px;
padding:0;
}

.Image03{
width:25%;
margin:5px 5px 5px 15px;
padding:0;
}

.Image04{
width: 90%;
margin:5px 5px 5px 5px;
padding:0;
}

.Image05{
width: 80%;
margin:10px;
}

.ImageTroyer01{
width:70%;
display: flex;
margin:0px 0px 20px 25px;
padding:0px 0px 0px 0px;
}

.ImageTroyer02{
width:85%;
display: flex;
margin:0px 0px 20px 25px;
padding:20px 0px 0px 0px;
}

.ImageTroyer03{
width:85%;
display: flex;
margin:0px 0px 20px 25px;
padding:0px 0px 0px 0px;
}

.ImageTroyer04{
width:93%;
display: flex;
margin:20px 20px 20px 25px;
padding:0px 0px 0px 0px;
}

.frameC {
flex-basis: 50%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.frameD {
flex-basis: 50%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}



/*トップのスタイル*/

.TopBanner{
width:90%;
}

nav{
font-size:150%;
color: #ffffff;
}

nav a{
color:ffffff;
font-size:100%;
}

nav a:visited{
font-size:100%;
color:#ff9900;