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

レイアウト

****************************************************************************************************/




/****************************************************************************************************

全体を囲む

****************************************************************************************************/
#SlideBox{
	margin-bottom:30px;
	position:relative;
	width:100%;
	height:656px;
}



/****************************************************************************************************

index

****************************************************************************************************/
.indexList1{
}

	.indexList1 li{
		float:left;
		margin-bottom:30px;
		width:303px;
		text-align:center;
	}
	
	.indexList1 li img{
		margin-bottom:10px;
	}
	
	.indexList1 .even{
		float:right;
	}

@media (max-width:960px){
	.indexList1 li{
		width:45.90%;
	}

}


/****************************************************************************************************

ローディング

****************************************************************************************************/
#Load{
	position:absolute;
	padding-top:269px;
	padding-left:325px;
}
	.ie6 #Load,
	.ie7 #Load{
		padding-left:0px;
	}
	
#LoadBody{
	margin:0 auto;
	width:300px;
}

#LoadBar{
	width:300px;
	height:4px;
	border:1px solid #000066;
	border-radius:3px;
	padding:1px;
}

#LoadBar span{
	display:block;
	width:0;
	height:4px;
	background:#000066;
}





/****************************************************************************************************

スライド

****************************************************************************************************/
#Slide{
	width:950px;
}


/*

スライド画像

----------------------------------------------------------------------*/
#SlideBody{
	position:relative;
	margin-bottom:25px;
	width:950px;
}

/*
表示領域
--------------------------------------------------*/
#SlideOuter{
	position:relative;
	margin:0 auto;
	width:830px;
	height:538px;
	overflow:hidden;
}

/*
スライド画像を格納
--------------------------------------------------*/
#SlideWrapper{
	position:relative;
}

/*
スライド画像本体
--------------------------------------------------*/
#Slide .item{
	float:left;
}

/*
スライドの前後移動用のカーソル
--------------------------------------------------*/
#SlideCurPrev{
	top:0;
	left:0;
}

#SlideCurNext{
	top:0;
	right:0;
}

.slideCur{
	position:absolute;
	width:35px;
	height:537px;
	background:#000066;
	cursor:pointer;
	text-align:center;
}

	.slideCur img{
		position:relative;
		top:50%;
	}


/*

スライドサムネイル

----------------------------------------------------------------------*/
#SlideThumBody{
	position:relative;
	margin-bottom:10px;
	padding:10px 0;
	width:950px;
	background:#ccc;
}

/*
スライドサムネイル画像　表示領域
--------------------------------------------------*/
#SlideThum{
	position:relative;
	margin:0 auto;
	width:880px;
	overflow:hidden;
}

	/*
	スライドサムネイル
	--------------------------------------------------*/
	#SlideThum .thum{
		position:relative;
		float:left;
		display:inline;
		margin-right:15px;
		cursor:pointer;
	}

/*
スライドサムネイル画像を格納
--------------------------------------------------*/
#SlideThumWrapper{
	position:relative;
}

/*
スライドの前後移動用のカーソル
--------------------------------------------------*/
#SlideThumCurPrev{
	top:0;
	left:0;
}

#SlideThumCurNext{
	top:0;
	right:0;
}
.slideThumCur{
	position:absolute;
	padding-top:40px;
	width:35px;
	cursor:pointer;
	text-align:center;
}

	.slideThumCur img{
		position:relative;
	}


/*
自動再生
--------------------------------------------------*/
#SlideAutoBody{
	position:relative;
}

#SlideAuto{
	text-align:center;
}

	#SlideAuto ul{
	}
	#SlideAuto li{
		display:inline-block;
	}

	#SlideAuto a{
		display:block;
		padding:10px 10px 10px 30px;
		color:#fff;
		background-color:#000066;
		background-position:10px center;
		background-repeat:no-repeat;
		border-radius:5px;
	}
	
	#SlideAuto a:hover{
		text-decoration:none;
		background-color:#7F7FB2;
	}
	
	#SlideAutoOn a{ background-image:url(../images/play_btn1.png); }
	#SlideAutoOff a{ background-image:url(../images/play_btn2.png); }



@media (max-width:950px){
#Main{
	width:100%;
}

#Load{
	padding-top:31.57%;
	padding-left:34.21%;
}

}
@media (max-width:768px){
#Load{
	padding-top:31.57%;
	padding-left:20.59%;
}
}

@media (max-width:568px){
#Load{
	padding-top:31.57%;
	padding-left:11.79%;
}
}



@media (max-width:568px){
#LoadBody{
	width:240px;
}
#LoadBar{
	width:100%;
}
}