@charset "shift_jis";

/* CSS Document */

/* --------- リセット --------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}

*{
margin:0;
padding:0;
}

html{
}

body{
background:#FFF
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
p{
line-height:1.5;
}

div#top img{
display:block;
}

#container {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	voice-family:"\"}\"";
	voice-family:inherit;
	overflow:visible;
}

p#ticker{
width:502px;
margin:0 auto;
margin-top:30px;
padding:16px 0 16px 0px;
}





/**********foot**********/

p#footLink{
text-align:center;
font-size:14px;
padding:32px 0 0px 0;
margin-bottom:30px;
}

p#footLink a{
color:#FF3333;
}



.kaisya{
	background-image:url(../../img/footer_ashuk/gaiyou.gif); 
	background-repeat:no-repeat; 
	width:956px; 
	height:300px; 
	margin:50px auto 0 auto; 
	position:relative;
	}

.kaisyabun{
	left: 26px;
	top: 109px;
	width: 665px;
	font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	position: absolute;
	}



.kagawadouga{
	position:absolute; 
	left: 94px; 
	top: 285px; 
	width: 422px; 
	height: 237px;
	}


.siharai1{text-align:center; margin:20px auto 0 auto;}
.siharai2{margin-bottom:20px; position:relative;}
.jaccslink{position: absolute; left: 505px; top: 4px;}



/* --------- フォント --------- */

.j10 { font-size: 10px; line-height: 16px; }
.j14 { font-size: 14px; line-height: 22px; }
.j18 { font-size: 18px; line-height: 24px; font-weight:bold; }
.j24 { font-size: 24px; line-height: 30px; font-weight:bold; }

.red { color: #FF3333 ;}
.redb { color: #FF3333; font-weight:bold; }
.white { color: #FFF ;}

.both{
clear:both;
}
a:link { 
  color: #CC0000;
  text-decoration: underline;
}

a:visited { 
  color: #CC0000;
	text-decoration:underline;
}

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

a:active { 
  color: #CC0000;
	text-decoration:underline;
}



/* --------- clearfix --------- */

.clearfix:after{
  content:".";/*.という新しい要素を生成*/
	display:block;/*要素をブロック要素に変換*/
	clear:both;/*回り込み解除*/
	visibility:hidden;/*非表示に設定*/
	height:0; /*高さを0*/
}

.clearfix{display:inline-table;zoom:1;}
 /*other IE Mac 5 \*/
 *html.clearfix{height:1%;}
 .clearfix{display:block;}
 /* end other IE Mac5*/



div,p,td { 
	margin:0;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:1.60;
}
form{ 
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
	line-height:1.60;
}



img { border:0; }

em { font-style:normal;font-weight:bold; }

.rupe{
	margin:15px auto 20px auto;
	}

.praibasy{
	margin:20px auto; 
	text-align:center;
	}



/* --------- 内容要素 --------- */

.campaign1{
	position: absolute;
	left: 80px;
	top: 676px;
	}
.ipan1{
	text-align:center; 
	margin:0 auto;
	}
.campaign2{
	position: absolute; 
	left: 77px; 
	top: 465px;
	}

.top100{
	text-align:center; 
	margin-top:100px;
	}

.campaign3{
	position: absolute;
	left: 76px;
	top: 889px;
	}
.ipan3{
	position: absolute; 
	left: 90px; 
	top: 880px;
	}
.campaign4{
	position: absolute;
	left: 78px;
	top: 548px
	}


.footerline{
	text-align:center; 
	width:1000px; 
	background-color:#633; 
	color:#FFF;
	}


/* --------- 内容要素 end--------- */


/* --------- 内容要素 --------- */




/* --------- 機能性動画 --------- */
.position0{
	position:relative;
	margin:0;
	}
.hito{
	position: absolute; 
	left: 714px; 
	top: -108px;
	}






/* --------- スクロール --------- */
.example {
  width: 90%;
  height: 150px;
  background-color:#FFF;
  overflow-y: scroll;
  margin:100px auto;
  color:#666;
}



/* --------- ボタンプルプル --------- */
.botanpul{
	animation: skew 2.3s linear infinite;
	}



    @keyframes skew {
        0% {transform: skew(0deg, 0deg);}
        5% {transform: skew(5deg, 4.2deg);}
        10% {transform: skew(-4deg, -3deg);}
        15% {transform: skew(3deg, 2.2deg);}
        20% {transform: skew(-2deg, -1.5deg);}
        25% {transform: skew(0.9deg, 0.9deg);}
        30% {transform: skew(-0.6deg, -0.6deg);}
        35% {transform: skew(0.3deg, 0.3deg);}
        40% {transform: skew(-0.2deg, -0.2deg);}
        45% {transform: skew(0.1deg, 0.1deg);}  
        50% {transform: skew(0deg, 0deg);}
}