/*--------------------------------------*/
/*					*/
/*	    トップページに適用		*/
/*					*/
/*--------------------------------------*/

/* 内容ブロック */

/*
#p-image {
 text-align: center;
}
*/

@charset "utf-8";

#p-top-comment {
 width : 600px;
 padding : 10px;
 text-align : center;
 border : 2px solid #EDC0EC;
 background-color : #ffffcc;
}
#p-newinfo {
 margin: 5px;
 padding: 5px;
 border: 3px solid #EDC0EC;
 background-color: #ffffdd;
 line-height: 130%;
 font-size:11pt;
}
#p-hd-newinfo {
 margin-bottom: 0px;
 padding-bottom: 0px;
}
#p-newinfo {
 height: 150px;
 overflow: auto;
}
#p-address {
 font-size: small;
 text-align: right;
}

#infotop {
	text-align: center;
	font-size: 18pt;
}

.infospace {
	margin: 5px;
	padding: 5px;
	border: 3px solid #EDC0EC;
	background-color: #ffffdd;
	line-height: 130%;
	font-size:11pt;
	text-align:center;
}

h1 {
	font-size:30px;
	text-align:center;
	margin: 5px;
	padding: 5px;

}

h2 {
	background-color:#FF0000;
	color:white;
	border:none;
	margin: 5px;
	padding: 5px;
}

h3 {
	margin: 5px;
	padding: 5px;
	border-bottom: 5px solid #EDC0EC;
	width: 750px;
}

/* トップ画像スクロール制御 */

img{
	border:0px;
}
#mainarea{
	width:760px;
	position: relative;
}
#MainView{
	width:100%;
	height:365px;
	float:left;	
	background-color:#000000;
}
#OperationArea{
	width:100%;
	float:left;
	background-color:#cccccc;		
}
#ViewArea{
	width:720px;
	height:100px;
	overflow:hidden;
	float:left;
	z-index:1;	
}
#ScrollArea{
	width:auto;
	float:left;	
	position:relative;	
	z-index:2;
}
#ScrollArea li{
	float:left;
	position:relative;	
	padding:10px 5px 2px 5px;
	text-align:center;
	list-style:none;
}
#ScrollArea p{
	font-size:12px;
}
#Leftbtn{
	width:20px;
	height:100px;
	overflow:hidden;
	float:left;
	z-index:1;
	background-image:url(https://www.kyoto-kato.co.jp/images/btn_l.png);
	background-repeat:no-repeat;		
}
#Leftbtn:hover{
	background-image:url(https://www.kyoto-kato.co.jp/images/btn_l_over.png);
	background-repeat:no-repeat;		
}
#Rightbtn{
	width:20px;
	height:100px;
	overflow:hidden;
	float:left;
	z-index:1;
	background-image:url(https://www.kyoto-kato.co.jp/images/btn_r.png);
	background-repeat:no-repeat;					
}
#Rightbtn:hover{
	z-index:1;
	background-image:url(https://www.kyoto-kato.co.jp/images/btn_r_over.png);
	background-repeat:no-repeat;					
}
#HiddenImage{
	visibility:hidden;
}