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

home

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


/*
レイアウト
--------------------------------------------------*/
#Main{
	padding:0;
	width:100%;
}

#ContentsHeader{
	margin-bottom:20px;
}

#ContentsBody{
	margin:0 auto;
	width:980px;
}

@media only screen and (max-width:1000px){
#ContentsBody{
	width:98%;
}
}


/*
トップへ戻る
--------------------------------------------------*/
.page2top{
	margin:0 auto;
	width:980px;
}
@media only screen and (max-width:1000px){
.page2top{
	width:98%;
}
}

/*
プロモーションエリア
--------------------------------------------------*/
#Promotion{
	position:relative;
	width:100%;
	overflow:hidden;
}

#PromotionBody{
	position:relative;
	margin:0 auto;
	width:980px;
}
@media only screen and (max-width:1000px){
#PromotionBody{
	width:100%;
}
}



/*
ビジュアルのリスト
--------------------------------------------------*/
#ViListArea{
	position:relative;
	display: block;
	filter: inherit; 
	margin:0 auto 10px;
	width:980px;
	height:438px;
	overflow:visible;
	background-position:left bottom;
}

	#ViListArea ul{
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
		display: block;
	}
		#ViListArea li{
			float:left;
			background:#fff;
			display: block;
		}
	
@media only screen and (max-width:1000px){
#ViListArea{
	width:100%;
	overflow:hidden;
}
		#ViListArea li{
			width:100%;
		}
}



/*
ナビのリスト
--------------------------------------------------*/
#ViNaviArea{
	position:relative;
	margin:auto;
	padding-bottom: 10px;
}

	#ViNaviArea ul{
		position:relative;
		margin:0 auto;
		height:15px;
	}
	
		#ViNaviArea li{
			position:absolute;
			top:5px;
			left:0;
			width:15px;
			background:url(../images/slide_navi_o.gif) no-repeat;
		}
		#ViNaviArea a{
			display:block;
		}
		#ViNaviArea img{
			vertical-align:top;
		}



/*
カーソル
--------------------------------------------------*/
.vinNaviCur{
	position:absolute;
	top:46.34%;		/*203px / 438 * 100 */
	cursor:pointer;
}
#ViNaviPrev{ left:0; }
#ViNaviNext{ right:0; }

@media only screen and (max-width:568px){
.vinNaviCur{
	top: auto;
	bottom: 0;
}
}




/*
ローディング
--------------------------------------------------*/
#SlideLoading{
	position:absolute;
	margin:0 auto;
	width:980px;
	height:438px;
	top:0;
	left:0;
	background:#fff url(../images/ajax-loader.gif) no-repeat center center;
}

@media only screen and (max-width:1000px){
#SlideLoading{
	width:100%;
}
}





/*
場所
--------------------------------------------------*/
.placeBoxBase{
	float:left;
	display:inline;
	margin-right:13px;
	padding:1px;
	width:312px;
}
	.placeBoxBase .placeLink{ padding-left:23px; }

.placeBox1{ border:2px solid #578CC4; }
.placeBox2{ border:2px solid #8576AA; margin-right:0;}
/*.placeBox3{ margin-right:0; border:2px solid #49ACAC; }*/

.place{margin:0 auto; width:650px;}


@media only screen and (max-width:1000px){
.placeBoxBase{
	display:block;
	width:48%;
	margin-right:2%;
}

.placeBox2{  margin-right:0;}

	.placeBoxBase .placeLink{ padding-left:7.37%; width:39.10%; }
.placeBox3{ margin-right:0; }
}

@media only screen and (max-width:568px){
.placeBoxBase{
	float:none;
	margin:0 auto 30px;
	width:312px;

}
	.placeBoxBase .placeLink{ padding-left:7.37%; width:auto; }
	
	.place{width:100%;}
	
}