/*========================================================
                    Main layout styles
=========================================================*/

BODY{
-webkit-text-size-adjust: 100%;

/*サイト全体のフォント・背景・上詰の指定（メイリオ指定でない場合は、フォントファミリーの記述を削除。ページ毎違う背景を使うときは、別のcss（style2.cssなど）を作成して、bg02.jpgなどを指定）*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

/*外側背景の色*/
background:#FFFFFF;

/*background-image : url(bg.jpg);background-repeat : repeat-x;*/
/*背景をセンター配置にする場合は、上行を以下と差し替え
background-image : url(bg.jpg);background-position: top center;background-repeat : no-repeat;background-attachment : inherit;*/
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;

}

/*マウスオーバー時ゆっくり変色*/
a img{
     border:none;
     verticle-align:top;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}

/*マウスオーバー時の透明度*/
a:hover img{
    opacity:0.7;
    filter: alpha(opacity=70);
}

/*ベーシックCSS*/
.fixed{
	white-space: nowrap;
	position: fixed;
    top: 0;
	left: 0;
    width: 100%;
    z-index: 10000;
	align: left;
}

/*ついてくるトップボタン*/
.nav{
	white-space: nowrap;
    position: fixed;
    width: 100%;
    z-index: 10000;
	/*background-image : url(bg_menu.jpg);ボタン部分の繰り返し背景画像*/
	/*background-repeat: repeat-x;/*ボタン部分の繰り返し背景画像（no-repeatにするとセンター配置）*/
	background-position: left top;/*背景センター配置のときはこの行は削除*/
        opacity: 1.0;
}

/*ページトップへ*/
p.gotop{
    position: fixed;
    right: 32px;
    bottom:20px;
}


/*CSSアニメA*/
.animea {
  animation: tada_3187 3.6s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes tada_3187 {
  0% { transform: scale(1) }
  5.55556% { transform:scale(.9) rotate(-8deg) }
  11.11111% { transform:scale(.9) rotate(-8deg) }
  16.66667% { transform:scale(1.3) rotate(8deg) }
  22.22222% { transform:scale(1.3) rotate(-8deg) }
  27.77778% { transform:scale(1.3) rotate(8deg) }
  33.33333% { transform:scale(1.3) rotate(-8deg) }
  38.88889% { transform:scale(1.3) rotate(8deg) }
  44.44444% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}


/*CSSアニメB*/
.animeb {
  animation: shake_3374 3.875s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes shake_3374 {
  0% { transform:rotate(-12deg) }
  5.16129% { transform:rotate(12deg) }
  6.45161% { transform:rotate(24deg) }
  11.6129% { transform:rotate(-24deg) }
  12.90323% { transform:rotate(-24deg) }
  18.06451% { transform:rotate(24deg) }
  19.35484% { transform:rotate(24deg) }
  24.51613% { transform:rotate(-24deg) }
  25.80645% { transform:rotate(-24deg) }
  30.96774% { transform:rotate(24deg) }
  32.25807% { transform:rotate(24deg) }
  37.41935% { transform:rotate(-24deg) }
  38.70968% { transform:rotate(-24deg) }
  43.87097% { transform:rotate(24deg) }
  48.3871% { transform:rotate(0deg) }
  100% { transform:rotate(0deg) }
}


/*CSSアニメC*/
.animec {
  animation: ring_3014 2.4s ease infinite;
  transform-origin: 50% 0%;
}

@keyframes ring_3014 {
  0% { transform: rotate(-15deg) }
  1.66667% { transform: rotate(15deg) }
  3.33333% { transform: rotate(-18deg) }
  5% { transform: rotate(18deg) }
  6.66667% { transform: rotate(-22deg) }
  8.33333% { transform: rotate(22deg) }
  10% { transform: rotate(-18deg) }
  11.66667% { transform: rotate(18deg) }
  13.33333% { transform: rotate(-12deg) }
  15% { transform: rotate(12deg) }
  16.66667% { transform: rotate(0deg) }
  100% { transform: rotate(0deg) }
}


/*CSSアニメD*/
.animed {
  animation: vertical_3983 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_3983 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


/*CSSアニメE*/
.animee {
  animation: horizontal_9876 2.72s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes horizontal_9876 {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


/*CSSアニメF*/
.animef {
  animation: double-flash_3962 4s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes double-flash_3962 {
  0% { opacity:1 }
  12.5% { opacity:0 }
  25% { opacity:1 }
  37.5% { opacity:0 }
  50% { opacity:1 }
  100% { opacity:1 }
}


/*CSSアニメG*/
.animeg {
  animation: spin_6242 3.5s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes spin_6242 {
  0% { transform:rotate(0deg) }
  42.85714% { transform:rotate(359deg) }
  100% { transform:rotate(359deg) }
}


/*CSSアニメH*/
.animeh {
  animation: pulse_8433 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_8433 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}


/*CSSアニメI*/
.animei {
  animation: passing_7022 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes passing_7022 {
  0% { transform:translateX(-50%); opacity:0 }
  25% { transform:translateX(0%); opacity:1 }
  50% { transform:translateX(50%); opacity:0 }
  100% { transform:translateX(50%); opacity:0 }
}


/*CSSアニメ背景*/
.bganime {
  background: url("01.png");
  animation: bgiLoop 5s linear infinite;
}
@keyframes bgiLoop {
    0% { background-position: 0 0;}
  100% { background-position: -400px 400px;}
}