body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,img {
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}
img {
	border:0px;
}


#contener {
	width: 996px;
	border: 1px solid #d0d0d0;
	position: relative;
	background: #F9F9F9;
	background-color: #F9F9F9;
	margin-left:auto;
	margin-right:auto;
}
body {
	font-size:82%;
	line-height: 1.4em;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	overflow-y: scroll;
}

.flowtclear{clear:both;}

#top {
	height: 70px;
	width: 996px;
		font-size: 1px;
}
.index #top {
	height: 70px;
	width: 996px;
	background-repeat: no-repeat;
	font-size: 1px;
	background-image: none;
	text-indent: 0px;
}
#menu {
	height: 26px;
	width: 996px;
	background-color: #999999;
	position: relative;
	background-image: url(../img/menubase.gif);
	background-repeat: repeat-x;
	font-size: 1px;
}
#menu li {
	display: inline;
	position: absolute;
}
#copyright {
	height: 20px;
	width: 996px;
	text-align: center;
	margin-top: 10px;
}




#menu #home a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -29px 0px;
	height: 26px;
	width: 109px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	left: 29px;
	position: absolute;
	top: 0px;

}
#menu li#home-current a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -29px -52px;
	height: 26px;
	width: 109px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	left: 29px;
	position: absolute;
	top: 0px;
}
#menu #home a:hover {
	background-position: -29px -26px;
}


#menu #information a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -138px 0px;
	height: 26px;
	width: 130px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	position: absolute;
	left: 138px;
	top: 0px;
}
#menu #information a:hover {
	background-position: -138px -26px;
}
#menu #information-current a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -138px -52px;
	height: 26px;
	width: 130px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	position: absolute;
	left: 138px;
	top: 0px;
}


#menu #lab-current a  {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -268px -52px;
	height: 26px;
	width: 130px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	left: 268px;
	position: absolute;
}
#menu #lab a  {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -268px 0px;
	height: 26px;
	width: 130px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	left: 268px;
	position: absolute;
}
#menu #lab a:hover  {
	background-position: -268px -26px;
}

#menu #program a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -398px 0px;
	height: 26px;
	width: 170px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	position: absolute;
	left: 398px;
}
#menu #program-current a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -398px -52px;
	height: 26px;
	width: 170px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	position: absolute;
	left: 398px;
}
#menu #program a:hover {
	background-position: -398px -26px;
}
#menu #contactus a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -568px 0px;
	height: 26px;
	width: 130px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	left: 568px;
	position:absolute;
}
#menu #contactus a:hover {
	background-position: -568px -26px;
}
#menu #contactus-current a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -568px -52px;
	height: 26px;
	width: 130px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	left: 568px;
	position:absolute;
}

#menu li#privacy {
	height: 26px;
	width: 90px;
	left: 838px;
}
#menu #privacy a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -838px 0px;
	height: 26px;
	width: 150px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

#menu li#sitemap {
	height: 26px;
	width: 68px;
	left: 928px;
}
#menu #sitemap a {
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	background-position: -928px 0px;
	height: 26px;
	width: 68px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}
.access_jump {
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}
.clearboth{
	clear:both;
}

/*20120529 takumi ======================*/
#getit img{
 cursor:pointer;
 position: relative;
 bottom: 0;
 -webkit-animation-duration: 1.5s;
 -webkit-animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: middle center;
 -webkit-animation-name: outer;
 -webkit-transform: rotate(0deg);

 -moz-animation-duration: 1.5s;
 -moz-animation-timing-function: ease-in-out;
 -moz-animation-iteration-count: infinite;
 -moz-transform-origin: middle center;
 -moz-animation-name: outer;
 -moz-transform: rotate(0deg);

 animation-duration: 1.5s;
 animation-timing-function: ease-in-out;
 animation-iteration-count: infinite;
 transform-origin: middle center;
 animation-name: outer;
 transform: rotate(0deg);

}
@-webkit-keyframes outer {
 0%{-webkit-transform: rotate(0deg);bottom: 0;}
 50% {-webkit-transform: rotate(0deg);bottom: 0;}
 60% {-webkit-transform: rotate(5deg);bottom: 5px;}
 70% {-webkit-transform: rotate(-5deg);}
 80% {-webkit-transform: rotate(4deg);}
 90% {-webkit-transform: rotate(-3deg);}
 100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes outer {
 0%{-webkit-transform: rotate(0deg);bottom: 0;}
 50% {-webkit-transform: rotate(0deg);bottom: 0;}
 60% {-webkit-transform: rotate(5deg);bottom: 5px;}
 70% {-webkit-transform: rotate(-5deg);}
 80% {-webkit-transform: rotate(4deg);}
 90% {-webkit-transform: rotate(-3deg);}
 100% {-webkit-transform: rotate(0deg);}
}
@keyframes outer {
 0%{-webkit-transform: rotate(0deg);bottom: 0;}
 50% {-webkit-transform: rotate(0deg);bottom: 0;}
 60% {-webkit-transform: rotate(5deg);bottom: 5px;}
 70% {-webkit-transform: rotate(-5deg);}
 80% {-webkit-transform: rotate(4deg);}
 90% {-webkit-transform: rotate(-3deg);}
 100% {-webkit-transform: rotate(0deg);}
}