@charset "utf-8";

#logo{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/logo.png',sizingMethod=scale);}
#header-right{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/header-right.png',sizingMethod=scale);}

.index-box h2,#h2-news a{font-size:1px; text-indent:-9999px;}

#h2-news a{display:block; overflow:hidden;}

#h1{background-image:url(../img/index/main-back.gif); background-repeat:repeat; border-top:2px solid #441572; border-bottom:1px solid #FFF; text-align:center; line-height:0; padding:0; height: 240px;}
/*h1{height:240px; background-image:url(../img/index/main-image.jpg); background-position:50% 0; border-top:1px solid #FFF;}*/
#flash{width:960px; margin:-2px auto 0; border-width:0px 1px 0px 1px; border-style:solid; border-color:#FFF;}
html:not(:target) #flash{width:962px;} /* モダンブラウザ向け */
#h1-2{background-image:url(../img/index/main-image2.jpg);}

.index-box{margin:0 0 20px 0;}

#h1{
	position: relative;
}

#h1 h1{
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -50;
}

/*#index-about,#index-join{width:330px; height:240px;}*/
/*#index-about,#index-join{width:330px; height:200px;}*/

#index-about{
	width: 100%;
	font-size: 1.0em;
	text-align: center;
	min-height: 270px;
}

/*#index-about{float:left;}*/
#index-join{float:right;}

.index-box h2{
	margin: 0 0 30px;
	height:56px;
	text-align: left;
}
.index-box h3{
	width: 90%;
	margin:10px auto 15px ;
	padding:20px 0 0;
	color:#FFF;
	/*font-size:12px;*/
	font-size: 1.1em;
	position: relative;
	font-weight: normal;
	border-top: 1px dotted #fff;
	font-family:Lucida Grande,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Helvetica,Arial,Sans-serif;
}

.index-box h3:after{
	margin: auto;
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #fff transparent transparent transparent;
	display: inline-block;
	bottom: -8px;
	left: 0;
	right: 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}

/*.index-box h3:before,
.index-box h3:after{
	margin: auto;
	content: " ";
	width: 15px;
	height: 2px;
	background: #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	
}

.index-box h3:before{
	left: -10px;
}

.index-box h3:after{
	right: -20px;
}*/



.index-box ul li{
	/*width:150px;*/
	width: 22%;
	padding:0 0 0 15px;
	display: inline-block;
	margin:0 0 8px 0;
	line-height: 140%;
}

.index-box ul.indent li{
	width: 25%;
	display: block;
	float: left;
	padding:0 0 0 8%;
	margin:3px 0 8px 0;
	text-align: left;
}

/*.index-box ul li.boxleft{width:140px; margin-left:10px;}
.index-box ul li.boxrigt{width:150px;}*/
.index-box ul li a{
	color:#FFF;
	margin: 0;
	padding:0;
	/*background-position:0 50%;*/
	text-decoration: none;
	font-size: 1.0em;
	position: relative;
}

.index-box ul li a:before{
	content: " ";
	width: 10px;
	height: 10px;
	display: inline-block;
	background:url(../img/index/index-box-arrow.gif) 0 0 no-repeat;
	position: absolute;
	top: 2px;
	left: -12px;
}

.index-box ul li a:hover{
	text-decoration: underline;
}

.index-box ul li a.long{
	display: inline-block;
	background-position:0 6px;
}

#index-about{background-image:url(../img/index/index-about.jpg);}
#index-join{background-image:url(../img/index/index-join.jpg);}

#h2-news{background-image:url(../img/index/h2-news.gif); height:23px; padding:13px 0 0 0;}
#h2-news a{float:right; width:84px; height:18px;}
#news{background-color:#EAD9D5; background-image:url(../img/index/news-bottom.gif); background-position:0 100%; padding:10px 20px 5px;}

#news li{margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #CCC;}
#news li span{width:60px; padding:0 0 0 12px; float:left; background-image:url(../img/index/icon-news.gif); background-position:0 50%; font-size:12px;}
#news li div{width:550px; float:right;}



.carousel {
	margin: auto;
	width: 960px;
	position: relative;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
  }
  
  .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
  }
  
  .carousel-item {
	position: relative;
	display: none;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
  }
  
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
	display: block;
	transition: -webkit-transform 1.2s ease;
	transition: transform 1.2s ease;
	transition: transform 1.2s ease, -webkit-transform 1.2s ease;
  }
  
  @media screen and (prefers-reduced-motion: reduce) {
	.carousel-item.active,
	.carousel-item-next,
	.carousel-item-prev {
	  transition: none;
	}
  }
  
  .carousel-item-next,
  .carousel-item-prev {
	position: absolute;
	top: 0;
  }
  
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .carousel-item-next,
  .active.carousel-item-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-next,
	.active.carousel-item-right {
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  }
  
  .carousel-item-prev,
  .active.carousel-item-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-prev,
	.active.carousel-item-left {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  .carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: 1.8s;
	transition-property: opacity;
  }
  
  .carousel-fade .carousel-item.active,
  .carousel-fade .carousel-item-next.carousel-item-left,
  .carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
	opacity: 0;
  }
  
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active,
	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .carousel-control-prev,
  .carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
  }
  
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
  }
  
  .carousel-control-prev {
	left: 0;
  }
  
  .carousel-control-next {
	right: 0;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
  }
  
  .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }
  
  .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
  }
  
  .carousel-indicators li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
  }
  
  .carousel-indicators li::before {
	position: absolute;
	top: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
  }
  
  .carousel-indicators li::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
  }
  
  .carousel-indicators .active {
	background-color: #fff;
  }
  
  .carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
  }