/* ページ内テーブル共通 */
table { 
  width: 960px;
  border: none;
  border-spacing: 0px;
}

/* トップ画像用テーブル */
.titleimg {
  position: relative;
}

.titleimg td {
  height: 360px;
  text-align: center;
  padding: 0px 0px;
  white-space: nowrap;
}

.titleimg img {
  border: none;
}

/* おしらせ */
.announce table {
  background-color: #E3FED1;   /* Honeydew; */
}

.announce td {
  height: 30px;
  padding: 5px 0px 5px 5px; /* 上、右、下、左 */
  vertical-align: top;
}
.announce td:nth-child(1) {
  width: 80px;
  letter-spacing: 0.1em;
}

.marquee {
  width: 870px;
  overflow: hidden;
  position: relative;
  margin: 0;
  line-height: 100%;
}

.marquee p:after {
  content: "";
  white-space: nowrap;
  padding-right: 50px;
}

.marquee p {
  margin: 0;
  padding-left: 870px;
  display: inline-block;
  white-space: nowrap;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 50s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: marquee;
    -ms-animation-timing-function: linear;
    -ms-animation-duration: 50s;
    -ms-animation-iteration-count: infinite;
    -o-animation-name: marquee;
    -o-animation-timing-function: linear;
    -o-animation-duration: 50s;
    -o-animation-iteration-count: infinite;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}

@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}

@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}

@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}

@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/* メイン部分 */
.indexmain td {
  line-height: 1.3em;
  padding: 0px;
  vertical-align: top;
}

.indexmain td:nth-child(1) {
  width: 400px;
}

.indexmain strong {
  font-size: 1.2em;
  color: darkorange;  /* #FF8C00; */
}

.indexmain em {
  color: darkorange;  /* #FF8C00; */
  font-weight: bold;
  font-style: normal;
}

span.snor { /* span normal */
  font-weight: bold;
}

span.sstr { /* span strong */
  font-weight: bold;
  font-size: 1.2em;
  color: red;
}

/* ツアーイメージ写真 */
.tourimage {
  text-align: center;
}

.tourimage span {
  font-size: small;
  color: mediumpurple;
}

/* facebookなどのリンクアイコン群 */
.linkicon {
  margin-top: 5px;
  text-align: center;
}

.snsb {
  float: left;
  margin-right: 10px;
}

/* <hr> 水平線 用 */
.atarasuhome table {
  background-color: #E3FED1;
}

.atarasuhome td {
  height: 10px;
  text-align: center;
  padding: 0px;
}

.atarasuhome hr {
  width: 960px;
  color: #8CBD5A;
  border-width: 1px 0px 0px 0px;
  border-style: dashed;
  text-align: left;
  margin-left: 0px;
  background-color: #E3FED1;
}

/* パイン部分 */
.indexpineapple th {
  text-align: center;
  font-size: xx-large;
  color: #FF7777;
}

.indexpineapple td {
  line-height: 1.3em;
  padding: 0px;
  vertical-align: middle;
  text-align: center;
}

.indexpineapple td:nth-child(2) {
  text-align: left;
  padding: 0px 0.5em;
}

.indexpineapple img {
  vertical-align: middle;
  text-align: center;
  font-size: normal;
  color: #008000;
}

.indexpineapple span {
  font-size: small;
}

.pineappleimage {
  padding: 0px;
}

.pineappleimage span {
  text-align: center;
  font-size: small;
  color: mediumpurple;
}



/*

h1{ 
color: #002595;
     text-align:center;
           font-size: 1.6em;
           font-weight:bold; 
           border-color:#AABFFF; 
           border-style:solid; 
           border-width:0.2em 1.0em 0.2em 1.0em;
           margin-left:10%;
           margin-right:10%;
           background-color: #FFFFFF;
}

h1a{ 
color: #002595;
     text-align:center;
           font-size: 1.6em;
           font-weight:bold; 
           border-color:#AABFFF; 
           border-style:solid; 
           border-width:0.2em 1.0em 0.2em 1.0em;
           margin-left:2%;
           margin-right:20%;
           background-color: #FFFFFF;
}

h2{
color: #002595;
           font-size: 1.4em;
}

h3{
color: #002595;
      background-color: #EFEAFF;
           font-size: 1.2em;
           margin: 6px 0% 6px 0%;
           border:none;
           line-height: 1.5em;
           
}

h4{
color: #660000; 
           font-weight:bold; 
           border-color:#FFAA55; 
           border-style:solid; 
           border-width:0 0 0.2em 0.5em;
           margin-left:10px;
           margin-right:60%;
           padding-left:1em;
}

h5{
color: #660000; 
           font-weight:bold; 
           border-color:#FFAA55; 
              font-size: 1.2em;
           border-style:solid; 
           border-width:0 0 0.2em 0.5em;
           margin-left:15%;
           margin-right:25%;
           padding-left:1em;
}

h6{
color: #660000; 
           font-weight:bold; 
           border-color:#FFAA55; 
              font-size: 1.2em;
           border-style:solid; 
           border-width:0 0 0.2em 0.5em;
           margin-left:35%;
           margin-right:10%;
           padding-left:1em;
}

strong{    
color: #00008F; 
}

*/

/* これから下クラス */
/* 使い方　<p class="note"></p> */

.big1{
color: #1E006A;
font-size: 1.2em;
}



#imageFader img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* 西表島カヌーツアー案内 */
#shopNameSub {
  position: absolute;
  top: 10px;
  left: 260px;
  font-size: 1.1em;
  font-weight: bold;
  color: orange;
  letter-spacing: 0.2em;
  text-shadow: 1px  1px 3px maroon,
              -1px  1px 3px maroon,
               1px -1px 3px maroon,
              -1px -1px 3px maroon;
}

/* カヌーツーリングあたらす */
#shopNameMain {
  position: absolute;
  top: 50px;
  left: 135px;
  font-size: 1.8em;
  font-weight: bold;
  color: orange;
  letter-spacing: 0.1em;
  text-shadow: 1px  1px 3px maroon,
              -1px  1px 3px maroon,
               1px -1px 3px maroon,
              -1px -1px 3px maroon;
}

/* キャッチコピー(blurb) */
#shopBlurb {
  position: absolute;
  top: 330px;
  left: 140px;
  font-size: x-large;
  font-weight: normal;
  color: gold;
  letter-spacing: 0.1em;
  background-color: rgba(127,127,127,0.3);
}