@charset "utf-8";
/* CSS Document */

body{
	font-family: 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif;
	position:relative;
	background-image:url(../image/common/BgHeaderLine.png), url(../image/common/BgWrapper.gif);
	background-color:#00b5ee;
	background-position: top left ,center;
	background-repeat:repeat-x, no-repeat;
	background-size: auto, cover;
	font-size:14px;
	min-width:1200px;
}

a:link{color:#f01288; text-decoration:underline;}
a:visited{color:#f01288; text-decoration:underline;}
a:hover{color:#f01288; text-decoration:none;}

#Navigation{width:292px;}
	#Navigation h2{}
	#Navigation #MenuContents{list-style-type:none;}
		#Navigation #MenuContents li a{display:block; width:292px; height:57px;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
		#Navigation #MenuContents li #Menu1{background:url(../image/common/MenuSide1.png) no-repeat;}
		#Navigation #MenuContents li #Menu1:hover{background:url(../image/common/MenuSide1_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu2{background:url(../image/common/MenuSide2.png) no-repeat;}
		#Navigation #MenuContents li #Menu2:hover{background:url(../image/common/MenuSide2_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu3{background:url(../image/common/MenuSide3.png) no-repeat;}
		#Navigation #MenuContents li #Menu3:hover{background:url(../image/common/MenuSide3_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu4{background:url(../image/common/MenuSide4.png) no-repeat;}
		#Navigation #MenuContents li #Menu4:hover{background:url(../image/common/MenuSide4_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu5{background:url(../image/common/MenuSide5.png) no-repeat;}
		#Navigation #MenuContents li #Menu5:hover{background:url(../image/common/MenuSide5_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu6{background:url(../image/common/MenuSide6.png) no-repeat;}
		#Navigation #MenuContents li #Menu6:hover{background:url(../image/common/MenuSide6_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu7{background:url(../image/common/MenuSide7.png) no-repeat;}
		#Navigation #MenuContents li #Menu7:hover{background:url(../image/common/MenuSide7_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu8{background:url(../image/common/MenuSide8.png) no-repeat;}
		#Navigation #MenuContents li #Menu8:hover{background:url(../image/common/MenuSide8_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu9{background:url(../image/common/MenuSide9.png) no-repeat;}
		#Navigation #MenuContents li #Menu9:hover{background:url(../image/common/MenuSide9_on.png) no-repeat;}
		#Navigation #MenuContents li #Menu10{background:url(../image/common/MenuSide10.png) no-repeat;}
		#Navigation #MenuContents li #Menu10:hover{background:url(../image/common/MenuSide10_on.png) no-repeat;}
		
	#Navigation #NewsContents{
		background-image:url(../image/common/TitleNewsSide.png), url(../image/common/BgFooterSideContents.png);
		background-repeat:no-repeat;
		background-position:left top, left bottom;
		padding:91px 0 23px;
		font-size:85%;
		margin-top:15px;
	}
		#Navigation #NewsContents div{background:url(../image/common/BgSideContents.png) repeat-y; padding:5px 30px 0; height:210px;}
		#Navigation #NewsContents ul{overflow-y:auto; overflow-x: hidden; height:200px;}
		#Navigation #NewsContents li{padding-bottom:5px; margin-top:5px; border-bottom:1px dotted #777777;}
		#Navigation #NewsContents .NewsDate{display:block; color:#019d8c; font-weight:bold;}
		
	#Navigation #TwitterContents{
		background-image:url(../image/common/TitleTwitterSide.png), url(../image/common/BgFooterSideContents.png);
		background-repeat:no-repeat;
		background-position:left top, left bottom;
		padding:91px 0 23px;
		font-size:85%;
		margin-top:15px;
	}
		#Navigation #TwitterContents div{background:url(../image/common/BgSideContents.png) repeat-y; padding:5px 30px 0; height:210px;}
		#Navigation .TwitterContentsLowPage div{height:180px !important;}
		#Navigation .TwitterContentsLowPage iframe{height:170px !important; min-height:170px !important;}
		
		
.WrapperMainContentsLowPage{width:1200px; margin:0 auto; padding-top:25px; min-height:1350px;}
.NavigationLowPage{ display:inline-block; vertical-align:top;}
#NavigationContents{ position:relative;}
.MainContentsLowPage{display:inline-block; width:852px; vertical-align:top; margin-left:28px; z-index:9999; position:relative;}

.WrapperMainContents{width:852px; background-image:url(../image/common/BgHeaderMainContents.png), url(../image/common/BgFooterMainContents.png); background-repeat:no-repeat; background-position:top, bottom; padding: 59px 0 41px;}
	.WrapperMainContents .MainContentsArea{width:852px; background:url(../image/common/BgMainContents.png) repeat-y;padding: 0 43px;}
.SubTitle{margin-bottom:10px;}
#FooterContents{width:1200px; margin:0 auto; text-align:center;}
#FooterLowPage{ background:#f01288; margin-top:70px;}
#Copy{padding:20px 0;}

.iconNEW{display:block;text-align: center; position: absolute; width: 60%;}

#btnPagetop a{
	display:block;
	width:89px;
	height:80px;
	background: url(../image/common/BGbtnTopPage.png) no-repeat;
	text-align:center;
	padding-top:31px;
	cursor:pointer;
	position: fixed;
  bottom: 35px;
  right: 30px;
  z-index: 9999;
}
.fuwafuwa {
	
	animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	animation-duration:2s;
	animation-iteration-count:infinite;
	/*animation-direction:alternate;*/
	animation-timing-function:ease;
	
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
	
	-ms-animation-name:fuwafuwa;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count:infinite;
	/*-ms-animation-direction:alternate;*/
	-ms-animation-timing-function:ease;
}

@keyframes fuwafuwa {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -10px);}
	100% {transform:translate(0, 0);}
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

@-ms-keyframes fuwafuwa {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* フェード */
a.fade{
   display:inline-block;
}

.fade {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=30);  
} 


/* for LogoAnimation */
			#NavigationContents h1{width: 292px;  height: 103px;}
			#Navigation .logoChange {
				width:292px;
				height:103px;
				position:absolute;
			}
				#Navigation .logoChange > img{
					position:absolute;
					top:0;
					left:0;
					animation-duration: 15s;
					animation-timing-function: ease;
					animation-iteration-count: infinite;
					animation-delay: 5s;
				}
				@keyframes fadeAnime1 {
					0%    { opacity:0; }
					16.5% { opacity:1; }
					33%   { opacity:0; }
					49.5% { opacity:0; }
					66%   { opacity:0; }
					82.5% { opacity:0; }
					100%  { opacity:0; }
				}
				@keyframes fadeAnime2 {
					0%    { opacity:0; }
					16.5% { opacity:0; }
					33%   { opacity:1; }
					49.5% { opacity:0; }
					66%   { opacity:0; }
					82.5% { opacity:0; }
					100%  { opacity:0; }
				}

				@keyframes fadeAnime3 {
					0%    { opacity:0; }
					16.5% { opacity:0; }
					33%   { opacity:0; }
					49.5% { opacity:1; }
					66%   { opacity:0; }
					82.5% { opacity:0; }
					100%  { opacity:0; }
				}

				@keyframes fadeAnime4 {
					0%    { opacity:0; }
					16.5% { opacity:0; }
					33%   { opacity:0; }
					49.5% { opacity:0; }
					66%   { opacity:1; }
					82.5% { opacity:0; }
					100%  { opacity:0; }
				}

				@keyframes fadeAnime5 {
					0%    { opacity:0; }
					16.5% { opacity:0; }
					33%   { opacity:0; }
					49.5% { opacity:0; }
					66%   { opacity:0; }
					82.5% { opacity:1; }
					100%  { opacity:0; }
				}