@charset "euc-jp";
/* ///////////////////////////////

Æ«´ï»ÔʬÎà
PCÍÑ

///////////////////////////////
*/
body{background:none}
#page{ width:100%}
.page1col #pageContents{ width:100%}
#pageContents.toukiCnt{padding-bottom: 10px; margin-bottom: 20px;}
#header_pc{margin:0 auto; width:950px;}
#footer_pc{width:950px; margin:0 auto}

.block{width:950px; margin:0 auto; position:relative;}
.nav{right:0;  z-index:9999; position:absolute; text-align:right; margin-top:60px}
.nav img{border-bottom:3px solid #666 ; width:90px}
.fixed { position: fixed; top: 20px; z-index: 10000;}

/*¡ütoukictg1*/
#toukictg1{background:#52a7ba; margin:0; overflow:hidden;}
#toukictg1 .block{height:700px}
h1{position:absolute; top: 80px; left:305px; z-index:999}
span.bkimg1{position:absolute; top: 10px; left:0px; z-index:996}
span.bkimg2{position:absolute; top: 440px; right:0px; z-index:995}
.bkimg3{position:absolute; top: 187px; left:0px; z-index:998}
.bkimg4{position:absolute; top: 10px; right:0px; z-index:996;width:379px;height:336px;}
.animate_item{
	position: absolute;
	top: 0;
	left: 0;
	z-index:996;
	opacity:0;
}
.animate_item.fadeIn{
	-webkit-animation-duration: 2.4s;
	animation-duration: 2.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	z-index:997;
}
.animate_item.fadeOut{
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	z-index:996;
}
@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
#toukictg1 p{color:#fff; position:absolute; top:535px; left:0; text-align:center; width:100%}

/*¡ütoukictg2*/
#toukictg2{ margin:0; overflow:hidden; background:#e6e27a; width:100%}
#toukictg2 .block{height:1016px; position:relative;}
#toukictg2 h2{position:absolute; top: 30px; left:30px; z-index:999}
a.btn1{position:absolute; top: 30px; right:145px; z-index:996}
a.btn2{position:absolute; top: 150px; left:160px; z-index:996}
a.btn3{position:absolute; top: 340px; right:40px; z-index:996}
a.btn4{position:absolute; top: 410px; left:150px; z-index:996}
a.btn5{position:absolute; top: 578px; right:195px; z-index:996}
a.btn6{position:absolute; top: 730px; left:164px; z-index:996}
.ill1{position:absolute; top: 104px; left:433px; z-index:808}
.ill2{position:absolute; top: 216px; left:486px; z-index:818}
.ill3{position:absolute; top: 447px; left:574px; z-index:828}
.ill3b{position:absolute; top: 477px; left:544px; z-index:838}
.ill4{position:absolute; top: 558px; left:385px; z-index:848}
.ill5{position:absolute; top: 630px; left:504px; z-index:858}
.ill6{position:absolute; top: 765px; left:47px; z-index:868}
.ill6b{position:absolute; top: 780px; left:100px; z-index:878}
.ill7{position:absolute; top: 907px; left:417px; z-index:888}


/*¡ütoukictg3*/
#toukictg3{background:#c2ca81; margin:0; overflow:hidden}
#toukictg3 .block{background:#fff; width:770px; margin:30px auto; padding:30px 40px; overflow:hidden}
#toukictg3 h2{text-align:left;}
#toukictg3 .infoimg1{margin:30px 30px 0 0; float:left}
#toukictg3 p.txt{width:270px; float:left; margin-top:120px}
#toukictg3 .infoimg2{margin:30px 0 0 0; float:right}
#toukictg3 dl.prof{width:375px; float:left; margin:100px 25px 0 0;}
#toukictg3 dl.prof dt{ text-align:center; width:375px;}
#toukictg3 dl.prof dd{background:#e6e27a; padding:0px 30px 30px;}
#toukictg3 dl.prof h3{text-align:center; padding:20px 0}
#toukictg3 dl.prof p{font-size:0.9em;}
#toukictg3 a.bnr{ float:left; margin:20px 0 5px; text-align:left}
#toukictg3 h4{border-top:3px solid #000; float:left; width:100%; margin:50px 0 0; padding:10px 0; text-align:center}

.itemCnt{float:left; margin-left:-10px; padding:0!important}
.item2col ul.itemCnt li{ width:380px; margin:10px 0 0 10px; font-size:12px; vertical-align:top;}
.item3col ul.itemCnt li{ width:185px; margin:10px 0 0 10px; font-size:12px; vertical-align:top;}
.item4col ul.itemCnt li{ width:185px; margin:10px 0 0 10px; font-size:12px; vertical-align:top;}

.itemCnt li{ width:368px; margin:10px 0px 0 0; font-size:12px; vertical-align:top;}
.itemImg{background:#eee}
.itemInfo span.Name,
.itemInfo p.Price{text-align:center; color:#000; display:block;}
.itemInfo p.Price{font-size:0.9em}
.item2col .itemInfo span.Name,
.item3col .itemInfo span.Name,
.item4col .itemInfo span.Name{ min-height:4em}
.item3col .itemCnt {padding-left:90px!important}




/*animation*/
.move1{transition: 3.0s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,30px); }
.move1on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
.move1on.ill1{animation: vertical1 7s ease-in-out infinite alternate;}
.move1on.ill2{animation: vertical1 10s ease-in-out infinite alternate;}
.move1on.ill3{animation: vertical2 0.9s ease-in-out infinite alternate;}
.move1on.ill3b{animation: vertical2 0.7s ease-in-out infinite alternate;}
.move1on.ill4{animation: vertical3 3s ease-in-out infinite alternate;}
.move1on.ill5{animation: vertical1 10s ease-in-out infinite alternate;}
.move1on.ill6{animation: vertical2 2s ease-in-out infinite alternate;}
.move1on.ill6b{animation: vertical2 3s ease-in-out infinite alternate;}
.move1on.ill7{animation: vertical3 4s ease-in-out infinite alternate;}

.move2{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move2on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

.move3{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move3on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
.move3on:hover{animation: zoom1 0.5s ease-in-out infinite alternate;}

.anime1 {animation-duration: 1s;animation-name: slidein;}
.anime2 {animation-duration: 3.0s;animation-name: fadein;}
.anime3 {animation-duration: 3.0s;animation-name: fadein;}
.anime4 {animation-duration: 2.0s;animation-name: slidein2;}
.anime5 {animation-duration: 2.0s;animation-name: slidein3;}

@keyframes slidein {
    0% { transform:translateY(20px); opacity:0;  }
  100% { transform:translateY(  0px); opacity:1.0;  }
}
@keyframes slidein2 {
    0% { transform:translateX(-20px); opacity:0;  }
  100% { transform:translateX(  0px); opacity:1.0;  }
}
@keyframes slidein3 {
    0% { transform:translateX(20px); opacity:0;  }
  100% { transform:translateX(  0px); opacity:1.0;  }
}
@keyframes fadein {
from {opacity:0;}
to {}
}
@keyframes vertical1 {
    0% { transform:translateY(110px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical2 {
    0% { transform:translateY(10px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical3 {
    0% { transform:translateX(20px); }
  100% { transform:translateX(  0px); }
}
@keyframes zoom1 {
    0% { transform:translateY(0px); }
  100% { transform:translateY( -10px); }
}