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

*	{margin: 0px; padding: 0px;}

body{ font-family: Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif; font-size: 11px; line-height: 15px; color: #666666;	}

map area {outline:none;}

a {text-decoration: none; color: #666666;}
a:hover {color: #ACACAC;}

.cen{text-align: center;}
.flright{float: right;}
.flleft{float: left;}

.wrapper	{width: 1000px; margin: 0 auto;}
.wrapperfull {width: 100%;}

.clr	{clear: both;}
.clrspace	{clear: both; height: 30px;}


/* FOOTER */



.footerwrapper	{width: 1000px; margin: 0 auto; position: relative; height: 530px;}
.footerbox1	{width: 188px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 100px; left: 0px;}
.footerbox2	{width: 188px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 100px; left: 203px;}
.footerbox8 {width: 188px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 100px; right: 406px;}
.footerbox3	{width: 188px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 100px; right: 203px;}
.footerbox4	{width: 188px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 100px; right: 0px;}



.footerbox5	{width: 230px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 320px; left: 0px;}
.footerbox6	{width: 230px; padding: 10px 0px; border-top: 5px solid #F9F9F9; position: absolute; top: 320px; left: 255px; }
.footerbox7	{width: 485px; padding: 10px 0px; position: absolute; top: 320px; right: 0px;}




.footernoticebox	{width: 250px; background: #A4A4A4; float: left; text-align: center; padding: 10px 0px;}
.footerglvbox	{width: 750px; background: #F9F9F9; float: left; text-align: center; padding: 10px 0px;}
.footercopy	{width: 100%; background-color: #666666; padding: 15px 0px; text-align: center; color: #FFF; }

.sns {margin: 0px 53px;}


.effect:hover {-webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;}
		
.effect {margin:2px;
		box-shadow: 2px 4px 5px #D4D4D4 !important;
			-moz-box-shadow: 2px 4px 5px #ccc;
			-webkit-box-shadow: 2px 4px 5px #ccc;
			-khtml-box-shadow: 2px 4px 5px #ccc;
			-moz-border-radius:17px;
		-webkit-border-radius:17px;
		border-radius:25px;}	
		
		
		@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}