@charset "UTF-8";
	
body {
    font-family: "'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif";
    width: 100%;
    height: auto;
    margin: 0px;
    background-color: #fff;
	background-image: url(img/back.jpg);
    word-break: break-all;
    word-wrap: break-word;
}	

/*----白いところ----*/
.content {
background-color: white;
height:auto;
width:100%;  
max-width:1200px;
border-width: thin;
border-color: #C0C0C0;
margin-top:10px;
margin-bottom:10px;
}


/*--ヘッダーを幅いっぱいにする為のボックス --*/
#headerbg {
width:100%;
background-img:url(img/logo.png);
}

/* ヘッダー*/
#header       {
width:100%;
max-width:1500px;
margin-right: auto;
margin-left: auto;
}


/* メニューバー */
* {font-style:normal ; font-weight: normal ; }
a{text-decoration: none; color: #FFFFFF;}

/*スマホ用メニューボタン*/
header .navOpen {
    width: 36px;
    height: 40px;
    float: right;
    margin-top: 20px;
    margin-right: 5%;
    margin-bottom: 5px;
    cursor: pointer;
    background:url(images/menu.png) no-repeat 0 0;
    background-size: 72px;
}
/*スマホ用メニュー閉じるボタン*/
header .navClose {
    background-position: -36px 0;
}
header .menu-sp {
    clear: both;
    position: relative;
}
header .menu-sp ul {
    width: 100%;
    position: absolute;
    top: 0px;
    background-color: rgba(255, 255, 255, 255) ;
    border-bottom: 3px #ccc solid;
	z-index: 1;
}
header .menu-sp li {
    line-height: 1.4;
    border-top: 1px #ccc solid;
}
header .menu-sp a {
    color: #777;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}







#bana{
background:#222;
}

ul{
    margin: 0 auto;
    overflow: hidden;
	padding-left:0;
}


li a{
    text-align: center;
    border-left: 1px dotted #000;
}

li:last-child a{
    border-right: 1px dotted #000;
}

#menu{
  max-width:925px;
  margin: 0 auto;
　font-size:1em;
　border-bottom:solid 4px;
　border-color:#D7003A;
}


#menu li{
  display: block;
  float: left;
  width: auto;
}

#menu li a{
  display: block;
  padding: 17px 35px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#menu li a:hover{
  background: #444;
}






/* フッター*/
#footer       {
width:100%;
max-width:1500px;
margin-right: auto;
margin-left: auto;
margin-top: 50px;
margin-bottom: 50px;
}


article, aside, details, figcaption, figure, header, menu, nav, section {
display: block;
}
 
#wrap {
max-width:1000px;
text-align:center;
margin-right: auto;
margin-left: auto;
}

#wrap1 {
max-width:1000px;
text-align:center;
margin-right: auto;
margin-left: auto;
}


/*----メインビジュアル----*/
#mainimg {
width:100%;
max-width:1500px;
margin-right: auto;
margin-left : auto;
margin-top : 10px;
margin-bottom:10px;
}

.frame img {
border-radius: 10px;
}

/*----コンテンツ----*/
.contentsbox {
max-width:630px;
height:auto;
border:sold 1px #ccc;
padding:10px;
margin-bottom:5px;
}

/*----コンテンツ内の画像----*/
.imgbox {
float:right;
margin:10px 0px 0px 0px;
}

.imgbox1 {
margin:10px 0px 0px 0px;
}

/*----見出し----*/
.midashi {
border-bottom:dashed 2px #c30;
font-weight:bold;
color:black;
font-size:15px;
}

/*----ニュースボックス----*/
#newsbox {
width:100%;
max-width:800px;
height:auto;
padding:10px;
margin:15px 5px 15px -10px;
}



/*----ニュースボックス内のPにだけ反映----*/
#newsbox p {
border-bottom:dashed 1px #ccc;
}

.red {
color:#ff0000;
}

p.example1 {
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; 
font-size:2.5em;
}

p.example2 {
 font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
font-size:1em; 
}


.font1{
font-size:25px;
color:#ff0000;
}

.font2{
font-size:0.75em;
color:#FFFFFF;
margin:5px 0px 5px 20px;
}

.font {
font-size:0.8em;
margin-top : -5px;
}

.font3 {
font-size:15px;
word-wrap: break-word;
}

.font4 {
font-size:1.15em;
font-weight: bold;
}


#sidenavi {
width:100%;
max-width:230px;
margin:30px 0px 0px 0px;
float:left;
}

#submenu {
font-size:1.2em;
border-bottom:solid 2px #c30;
margin:10px 0px 8px 0px;
color:#c30;
}


.sidebox {
max-width:320px;
height:auto;


}

/*---フッター---*/
footer {
clear:both; /*回り込みを解除*/
height:50px;
padding-top:30px;
text-align:center;
font-size:0.85em;
width:100%;
background-repeat:no-repeat;
display:block;
margin-right: auto;
margin-left : auto;
}


#container {
text-align:left;
margin: 0 auto;
width:100%;
}

#contents {
float:left;
max-width:740px;
margin-right:20px;
}

#contents1 {
float:left;
max-width:700px;
margin-top:40px;
margin-right:50px;
margin-left:20px;
}


h1 {
font-size:1.2em;
border-bottom:2px dotted #48832C;
padding:4px 6px;
color:#696969;
}

h2 {
font-size:0.9em;
margin:10px 0px 5px 0px;
}

h3 {
font-size:1em;
margin:15px 0px 0px 0px;
color:#ff0000;
}

h4 {
font-size:1.2em;
margin:15px 0px 0px 0px;
color:#009900;
}

.section {
padding-left: 10px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
line-height: 150%;
}

.top_table {
width:660px;
}

.clear {
clear:both;
}


#sub {
float: left;
width: 226px;
height: auto;
margin: 0 0 20px 12px;
}


/*---お知らせ襴（スクロール）---*/

.top_notice_wrapper {
border: 1px dotted black;
}

.top_notice_wrapper > .title {
    color: #666666;
    font-size: medium;
    font-weight: bold;
}

.top_notice {
    margin-top: 15px;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0px 0px 0px 10px;
border: 1px dotted gray;
}
.news {
    padding: 0px 10px 50px 30px;
}


/* 吹き出し */
#heading04{
    position:relative;
    margin:-48px 20px 40px 0px;
    padding:10px 20px;
    font:bold 24px/1.6 Arial, Helvetica, sans-serif;
    color:#333;
    border:#333 solid 3px;
    border-radius:18px;
    background:#fff;
    box-shadow:
        -7px -5px 0 0 #e8e8e8 inset,
        2px 3px 0 0 #000;
}

#heading04:before{
    content:" ";
    position:absolute;
    top:100%;
    left:14px;
    width:0;
    height:0;
    border-width:20px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#333;
}

#heading04:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#e8e8e8;
}

table {
	border-collapse: collapse;
}
td {

	padding: 0.8em;
}
th {
  background-color: #ffc0cb;
	padding: 0.8em;
}


/* 見出し */
.midashi1{
  border-left: 10px solid #CC3366;
  border-bottom: 1px dashed #CC3366; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
}

strong {
background: linear-gradient(transparent 40%, rgb(255, 170, 170) 40%);
}

/* 表示画面 */
#stage {
	 position: relative;
     width: 925px; /* 画像の横幅に合わせて記述 */
     height: 350px; /* 画像の高さに合わせて記述 */
	 overflow: hidden;
	text-align: center;
	margin-right: 30px;
	margin-left: 35px;
} 

/* 全てのラジオボタンを非表示に */
#back1,#back2,#back3,#back4,#back5,#next1,#next2,#next3,#next4,#next5,#r1,#r2,#r3,#r4,#r5{
	display: none;
}
/*全ての写真を水平一列に格納したdiv、#photosに,スライドショーの animation を設定*/
#photos {
	position:absolute;
	top:0;
	width:100%;
	animation: imgPassToLeft0 30s infinite;
}
/*各写真の並び位置を設定 */
#photo0 { left:  0%; }
#photo1 { left:100%; } 
#photo2 { left:200%; }
#photo3 { left:300%; }
#photo4 { left:400%; }
#photo5 { left:500%; }
#photo6 { left:600%; }
.pic { position:absolute;top:0;width:100%; }
/*写真サイズ・位置ボタンサイズを可変に*/
.pic img:nth-child(1) { width:100%; }
.order { float:left; }
.order img { width:110%; }
@media screen and (max-width: 640px) {
	.order img { width:80%; }
	#slide_position img { width:80%; }
}
/* 位置表示ボタン */
#btn_band {
	position:relative;
	width:100px;
	margin:0 auto;
	margin-top:320px;
}
#slide_position {
	position:absolute;left:0;
	animation:orderToLeft0 30s infinite;
}
.circ:hover { cursor:pointer; }

/* 位置表示ボタンクリック時のanimation設定 */
#r1:checked ~ #photos {	animation: imgPassToLeft1 30s infinite;	animation-delay: -28.8s;}
#r2:checked ~ #photos {	animation: imgPassToLeft2 30s infinite;	animation-delay:  -4.8s;}
#r3:checked ~ #photos {	animation: imgPassToLeft3 30s infinite;	animation-delay: -10.8s;}
#r4:checked ~ #photos {	animation: imgPassToLeft4 30s infinite;	animation-delay: -16.8s;}
#r5:checked ~ #photos {	animation: imgPassToLeft5 30s infinite;	animation-delay: -22.8s;}
#r1:checked ~ #btn_band #slide_position { animation:orderToLeft1 30s infinite; animation-delay: -28.8s; }
#r2:checked ~ #btn_band #slide_position { animation:orderToLeft2 30s infinite; animation-delay: -4.8s; }
#r3:checked ~ #btn_band #slide_position { animation:orderToLeft3 30s infinite; animation-delay: -10.8s; }
#r4:checked ~ #btn_band #slide_position { animation:orderToLeft4 30s infinite; animation-delay: -16.8s; }
#r5:checked ~ #btn_band #slide_position { animation:orderToLeft5 30s infinite; animation-delay: -22.8s; }

/*送りボタン文字（＜、＞）の設定*/
.b_left, .b_right {
	position: absolute;
	top: 40%;
	opacity:0;
}
.b_left {
	left: 3%;height:15%;width:10%;
	background-image:url(images/back_1.png);
	background-repeat: no-repeat;
	background-size:contain;
}
.b_right {
	left: 95%;height:15%;width:10%;
	background-image:url(images/forward_1.png);
	background-repeat: no-repeat;
	background-size:contain;
}
.b_left:hover { 
	background-image:url(images/back_2.png); 
}
.b_right:hover { 
	background-image:url(images/forward_2.png); 
}
/*ボタン文字hover時の設定*/
.pic:hover > label div {
	opacity:1;
}
.pic label div:hover {
	cursor:pointer;
}
/* 右送りボタンクリック時のanimation設定 */
#next1:checked ~ #photos {
	animation: imgPassToLeft1 30s infinite;	
	animation-delay: -4.8s;	
}
#next2:checked ~ #photos {	
	animation: imgPassToLeft2 30s infinite;
	animation-delay: -10.8s;	
}
#next3:checked ~ #photos {
	animation: imgPassToLeft3 30s infinite;
	animation-delay: -16.8s;
	
}
#next4:checked ~ #photos {
	animation: imgPassToLeft4 30s infinite;
	animation-delay: -22.8s;	
}
#next5:checked ~ #photos {
	animation: imgPassToLeft5 30s infinite;
	animation-delay: -28.8s;
}
#next1:checked ~ #btn_band #slide_position { animation:orderToLeft2 30s infinite; animation-delay: -4.8s; }
#next2:checked ~ #btn_band #slide_position { animation:orderToLeft3 30s infinite; animation-delay: -10.8s; }
#next3:checked ~ #btn_band #slide_position { animation:orderToLeft4 30s infinite; animation-delay: -16.8s; }
#next4:checked ~ #btn_band #slide_position { animation:orderToLeft5 30s infinite; animation-delay: -22.8s; }
#next5:checked ~ #btn_band #slide_position { animation:orderToLeft1 30s infinite; animation-delay: -28.8s; }

/* 左送りボタンクリック時のanimation設定 */
#back1:checked ~ #photos {
	animation: imgPassRight1 30s infinite;
	animation-delay: 1s;
}
#back1:checked ~ #photos {
	animation: imgPassToRight1 30s infinite;
	animation-delay: -28.8s;
}
#back2:checked ~ #photos {
	animation: imgPassToRight2 30s infinite;
	animation-delay: -22.8s;
}
#back3:checked ~ #photos {
	animation: imgPassToRight3 30s infinite;
	animation-delay: -16.8s;
}
#back4:checked ~ #photos {
	animation: imgPassToRight4 30s infinite;
	animation-delay: -10.8s;
}
#back5:checked ~ #photos {
	animation: imgPassToRight5 30s infinite;
	animation-delay: -4.8s;
}
#back1:checked ~ #btn_band #slide_position { animation:orderToRight5 30s infinite; animation-delay: -4.8s; }
#back2:checked ~ #btn_band #slide_position { animation:orderToRight4 30s infinite; animation-delay: -28.8s; }
#back3:checked ~ #btn_band #slide_position { animation:orderToRight3 30s infinite; animation-delay: -22.8s; }
#back4:checked ~ #btn_band #slide_position { animation:orderToRight2 30s infinite; animation-delay: -16.8s; }
#back5:checked ~ #btn_band #slide_position { animation:orderToRight1 30s infinite; animation-delay: -10.8s; }
/* スライド移動animation設定 */
@keyframes imgPassToLeft0 {
	0%  { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft1 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft2 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft3 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft4 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft5 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToRight1 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight2 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight3 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight4 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight5 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
/* 位置表示ボタン移動animation設定 */
@keyframes orderToLeft0 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:20%; opacity:1; }
	36% { left:20%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:40%; opacity:1; }
	56% { left:40%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:60%; opacity:1; }
	76% { left:60%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:80%; opacity:1; }
	96% { left:80%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToLeft1 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:20%; opacity:1; }
	36% { left:20%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:40%; opacity:1; }
	56% { left:40%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:60%; opacity:1; }
	76% { left:60%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:80%; opacity:1; }
	96% { left:80%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToLeft2 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:20%; opacity:1; }
	36% { left:20%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:40%; opacity:1; }
	56% { left:40%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:60%; opacity:1; }
	76% { left:60%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:80%; opacity:1; }
	96% { left:80%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToLeft3 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:20%; opacity:1; }
	36% { left:20%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:40%; opacity:1; }
	56% { left:40%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:60%; opacity:1; }
	76% { left:60%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:80%; opacity:1; }
	96% { left:80%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToLeft4 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:20%; opacity:1; }
	36% { left:20%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:40%; opacity:1; }
	56% { left:40%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:60%; opacity:1; }
	76% { left:60%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:80%; opacity:1; }
	96% { left:80%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToLeft5 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:20%; opacity:1; }
	36% { left:20%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:40%; opacity:1; }
	56% { left:40%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:60%; opacity:1; }
	76% { left:60%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:80%; opacity:1; }
	96% { left:80%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToRight1 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:80%; opacity:1; }
	36% { left:80%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:60%; opacity:1; }
	56% { left:60%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:40%; opacity:1; }
	76% { left:40%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:20%; opacity:1; }
	96% { left:20%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToRight2 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:80%; opacity:1; }
	36% { left:80%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:60%; opacity:1; }
	56% { left:60%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:40%; opacity:1; }
	76% { left:40%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:20%; opacity:1; }
	96% { left:20%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToRight3 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:80%; opacity:1; }
	36% { left:80%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:60%; opacity:1; }
	56% { left:60%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:40%; opacity:1; }
	76% { left:40%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:20%; opacity:1; }
	96% { left:20%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToRight4 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:80%; opacity:1; }
	36% { left:80%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:60%; opacity:1; }
	56% { left:60%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:40%; opacity:1; }
	76% { left:40%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:20%; opacity:1; }
	96% { left:20%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}
@keyframes orderToRight5 {
	0% { left:  0; opacity:1;}
	16% { left: 0; opacity:1; }
	16.1% { opacity:0; }
	19% { opacity:0; }
	20% { left:80%; opacity:1; }
	36% { left:80%; opacity:1; }
	36.1% { opacity:0; }
	39% { opacity:0; }
	40% { left:60%; opacity:1; }
	56% { left:60%; opacity:1; }
	56.1% { opacity:0; }
	59% { opacity:0; }
	60% { left:40%; opacity:1; }
	76% { left:40%; opacity:1; }
	76.1% { opacity:0; }
	79% { opacity:0; }
	80% { left:20%; opacity:1; }
	96% { left:20%; opacity:1; }
	96.1% { opacity:0; }
	99% { opacity:0; }
	100% { left:0%; opacity:1; }
}

/* マウスホバー（画像にカーソルを合わせると白い半透明になる） */
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}