@charset "Shift_JIS";

#contentsBox{
      width: 100%; 
      min-height: 100%;
      top : 0px;
      background-color : white;
  background-position : 100% 100%;
  position : relative;
  height : 110%;
} 

.mouseHvr{
      opacity: 1;
      color: yellow;
}

.mouseHvr:hover{
      opacity: 1;
      color: yellow;
}

#headerBase{
  widthe: 100%;
  background-color : #ffffff;
  margin-bottom: 0px;
  background-repeat : no-repeat;
  background-image : url(../../images/MaldiveBack3.jpg);
  width : 960px;
  left : 10%;
  height : 150px;
  position : relative;
  right : 10px;
  background-position : 100% 100%;
}

#header{
  width : 60%;
  top: 0%;
  align: center;
  margin: 0 auto;
  position : relative;
  height : 50%;
  background-color : transparent;
}

#header_catch{
  font-size : 30px;
  font-family : "Times New Roman";
  color : #000099;
  background-color : transparent;
  text-align : center;
  width : 500px;
  position : relative;
  font-weight : bold;
  font-style : italic;
  top : 50%;
}

#EnglishButton{
  text-align : center;
  position : absolute;
  top : 20px;
  right : 20px;
}

#navBase{
  width : 100%;
  height : 35px;
  position : relative;
  background-color : #239a9a;
  top : 80px;
}

#navBarInner{
  position : relative;
  background-color : #000066;
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  vertical-align : middle;
}

#navBarInner ul{
  font-family : メイリオ, "ＭＳ ゴシック";
  color : rgba(255, 255, 255, 1);
  font-size : 16px;
  font-weight : 500;
  letter-spacing : 2px;
  padding-top : 4px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-width : 0px;
  list-style-type : none;
  text-align : center;
  vertical-align : center;
  width : 80%;
  position : relative;
  left : 6%;
}

#navBarInner li{
  float : left;
  color : rgba(255, 255, 255, 1);
  height : 35px;
  text-align : center;
  vertical-align : center;
  padding-top : 3px;
  padding-left : 19px;
  padding-right : 19px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px
;
  vertical-align : middle;
  border-right-width : 0px;
  border-right-color : white;
  font-weight : bold;
  font-family : メイリオ, "ＭＳ ゴシック";
  border-right-style : solid;
}

#navBarInner a{
  color : rgba(255, 255, 255, 1);
  display : block;
  text-decoration: none;
  position : relative;
}

#navBarInner a:hover{
  background-color : transparent;
  color : blue;
  font-weight : bold;
} 

#footer{
  width : 100%;
  height : 70px;
  bottom : 1%;
  color : white;
  background-color : #239a9a;
  text-align : center;
  padding-top : 15px;
  font-size : 20px;
  font-weight : bolder;
  font-family : "Times New Roman";
  vertical-align : 60%;
  top : 15px;
  position : relative;
}

.h2{
  clear : both;
  height : 28px;
  width : 400px;
  left : 8%;
  font-size : 22px;
  border-left-width : 10px;
  border-left-style : inset;
  border-left-color : navy;
  border-bottom-width : 4px;
  border-bottom-style : solid;
  border-bottom-color : navy;
  color : navy;
  text-align : left;
  margin-top : 0px;
  margin-left : 10px;
  margin-bottom: 10px;
  padding-top : 0px;
  padding-left : 10px;
  padding-bottom : 0px;
  background-color : transparent;
  font-weight : normal;
  position : relative;
  font-family : "Times New Roman", "ＭＳ ゴシック";
}
.h3{
  font-size : 21px;
  font-weight : bold;
  text-align : left;
  border-left-style : none;
  border-bottom-style : none;
  border-left-color : #666666;
  border-bottom-color : #666666;
  color : navy;
  clear : both;
  font-family : "Times New Roman", "ＭＳ ゴシック";
  width : 200px;
  left : 10%;
  position : relative;
  background-color : white;
  height : 35px;
  padding-left : 15px;
  padding-bottom : -2px;
  padding-top : 10px;
}

.h4{
  font-size : 22px;
  font-family : "Times New Roman", "ＭＳ ゴシック";
  padding-left : 10px;
  color : #000099;
  font-weight : bold;
  width : 80%;
  left : 120px;
  position : relative;
  line-height : 10%;
}

.h6{
  font-size : 14pt;
  color : black;
  background-color : #ddddff;
  text-align : left;
  clear : both;
  right : 0px;
  font-weight : bold;
  font-family : "ＭＳ 明朝";
  margin-top : 10px;
  height : 30px;
  padding-top : 8px;
  padding-left : 10px;
  bottom : 0px;
  top : 20px;
  position : relative;
}

.h7{
  font-size : 14pt;
  color : black;
  background-color : #ddddff;
  text-align : left;
  clear : both;
  right : 0px;
  font-weight : normal;
  font-family :メイリオ, "ＭＳ ゴシック";
  margin-top : 10px;
  height : 30px;
  padding-top : 8px;
  padding-left : 10px;
  bottom : 0px;
  top : 20px;
  position : relative;
  width : 600px;
}
#ToiawaseButton{
  top : 20px;
  left : 725px;
  width : 100px;
  position : absolute;
}

a{
 text-decoration: none;
  color : black;
}

a:hover{
 text-decoration: underline;
}