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

カテゴリ別

****************************************************************************************************/
/*
ページタイトル
--------------------------------------------------*/
@media only screen and (max-width:568px){
#PageTitle{
	padding:20px 10px;
	background:url(../images/page_title_bg.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:200%;
}
}



/*
地図
--------------------------------------------------*/
.indexMap1{
	position:relative;
}
	.indexMap1LinkList{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	
	.indexMap1LinkList li{
		float:left;
	}
	
	.indexMap1Link1{
		margin-right:20px;
	}
	.indexMap1Link2{
	}
	
@media only screen and (max-width:1000px){
	.indexMap1Link1{
		width:21.52%;
	}
	.indexMap1Link2{
		width:31.69%;
	}
}

/*
フロア案内
--------------------------------------------------*/
.indexFloorBase{
	margin-bottom:20px;
	padding-bottom:20px;
	width:460px;
	border-bottom:1px solid #DCDCDC;
}
	.indexFloorBase dl{
		float:right;
		padding-top:5px;
		width:360px;
	}
	
	.indexFloorBase dt{
		margin-bottom:5px;
		font-size:120%;
		font-weight:bold;
		color:#3D648E;
	}
	.indexFloorBase dd{
	}
	
	.indexFloorBase figure{
		float:left;
		width:72px;
	}


@media only screen and (max-width:1000px){
.indexFloorBase{
	width:46.93%;
}
	.indexFloorBase dl{
		width:78.26%;
	}
	.indexFloorBase figure{
		width:15.65%;
	}
}


@media only screen and (max-width:568px){
.indexFloorBase{
	width:100%;
}
}



/*
備品
--------------------------------------------------*/
.indexItemCol1{
	float:left;
	width:140px;
}

.indexItemCol2{
	float:left;
	width:300px;
}

.indexItemFig1{
	float:left;
	widht:300px;
}

@media only screen and (max-width:800px){
.indexItemCol1{
	width:17.5%;
}

.indexItemCol2{
	width:37.5%;
}

.indexItemFig1{
	width:37.5%;
}
}

@media only screen and (max-width:568px){
.indexItemCol1{
	margin-bottom:10px;
	width:30%;
}
.indexItemCol2{
	margin-bottom:10px;
	width:70%;
}

.indexItemFig1{
	width:100%;
}
}



/*
利用者の声
--------------------------------------------------*/
.indexVoiceBase{
	margin-bottom:20px;
	width:460px;
}
	.indexVoiceBase dl{
		float:right;
		width:380px;
	}
	
	.indexVoiceBase dt{
		margin-bottom:5px;
		font-size:120%;
		font-weight:bold;
	}
	.indexVoiceBase dd{
	}
	
	.indexVoiceBase figure{
		float:left;
		width:64px;
	}


@media only screen and (max-width:1000px){
.indexVoiceBase{
	width:46.93%;
}
	.indexVoiceBase dl{
		width:82.60%;
	}
	.indexVoiceBase figure{
		width:15.65%;
	}
}


@media only screen and (max-width:568px){
.indexVoiceBase{
	width:100%;
}
}







