@charset "utf-8";

/*============================================================*/
/* サイドバーコンテンツ                                       */
/*============================================================*/
/* --------------枠共通-------------- */
.sideContents{
	width: 290px;
	margin-bottom: 5px;
	margin-left: 2px;
	padding: 0px;
	border: solid 1px silver;
}

/* -------------- イベント情報 -------------- */
.event{
	text-align: left;
	width: 280px;
	margin-left: 5px;
	margin-top: 5px;
}

.event ul{
	font-size: 0.8em;

}

.event li{
	overflow: visible;
	color: #66CC33;
	font-size: 1.15em;

}

.eventDetail{
	text-align: right;
	color: blue;
	margin: 5px 20px;
}

/* -------------- 駐車場 -------------- */
.parkingInfo{
	margin: 10px 10px;
	text-align: left;

}
.str{
	font-size: 1.5em;
	color: black;
}

.small{
	font-size: 0.75em;
}

.no1{
	font-size: 2em;
	color: red;
	
}

/* --------------町情報-------------- */
.cityInfo p{
	width: 250px;
	margin: 10px 15px;
	padding: 2px;
	font-size: 1em;
}

/* --------------CPM-------------- */
.cpmTitle{
	width: 280px;
	height: 40px;
	background-image: url("../img/cpm_back.png");
	background-repeat: no-repeat;
	padding-top: 15px;
	text-align: center;
	color: white;
	font-size: 1.1em;
}

.cpmBlog{
	width: 270px;
	margin: 10px 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.cpmBlog ul{
	margin-bottom: 10px;
}

.cpmBlog li{
	float: left;
	margin-left: 5px;
}

.cpmDetail{
	color: green;
	font-size: 0.7em;
}

.cpmMain{
	font-size: 0.9em;
}

.cpmLink{
	text-align: right;
	font-size: 0.7em;
	clear: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*============================================================*/
/* INDEX                                                      */
/*============================================================*/

/* --------------テロップ-------------- */
#terop{
	width: 650px;
	height: 20px;
	margin: 10px 25px;
	padding: 5px 10px;
	border-bottom: solid 1px silver;
	border-top: solid 1px silver;
	color: #000000;
	background-color: #DDECFF;
}

/* --------------賃貸・売買-------------- */
.article{
	width: 680px;
	margin: 10px;
	height: 200px;
}


.article2{
	width: 680px;
	margin: 10px;
	height: 130px;
}

.search{
	float: left;
	width: 330px;
	margin-left: 5px;
	margin-top: 10px;
}

.search3column{
	float: left;
	width: 200px;
	margin-left:20px;
	margin-top: 10px;
}

.search p{
	width: 300px;
	height: 130px;
	margin: 10px;
border: solid 1px silver;	
}

/* -------------- おすすめ -------------- */
.Recommend{
	float: left;
	width: 330px;
height: 295px;
	margin-left: 5px;
	margin-top: 8px;
border: solid 1px silver;	
}

.osusume p{
	margin-top: 10px;
	margin-left: 10px;

}

/* --------------その他-------------- */
#otherInfo{
	width: 680px;
	margin: 10px;
	padding-bottom: 10px;
	border: solid 1px silver;
    height: 500px;
}

/* --------------箕浦ニュース-------------- */
#news{
	float:left;
	width: 325px;
	margin: 5px;
	border: solid 1px silver;
}


#info{
	float:left;
	width: 325px;
	margin: 5px;
	border: solid 0px silver;
}

#news ul{
	text-align:left;

}

#news li{
	
	margin-left: 15px;
	margin-bottom: 2px;
}

#news p{
	text-align:right;
	margin-right: 15px;
	margin-bottom: 10px;
}

.newsDays{
	color: orange;

}

.newsDetail{
	color: #999999;
}

/* --------------財産ドック-------------- */

#info p{
	color: red;
}
#info li{
	text-align: left;
	margin:5px;
	color: black;
}
#info img{
	width: 325px;
	margin:0px 0px 30px 0px 
	height： 105px;
	border: solid 1px silver;
	border-color: silver;
	border-width: 1px;

}
/*============================================================*/
/* about                                                      */
/*============================================================*/


#about th{
	margin-left: 10px;
	background-color: #6699FF;
	color: #FFFFFF;
	border: solid 1px silver;
}

#about td{
	text-align: left;
	margin: 5px;
	padding: 5px 10px;
	color: #000000;
	border: solid 1px silver;

}

/*============================================================*/
/* map                                                        */
/*============================================================*/

#map{
	margin-top: 20px;

}

/*============================================================*/
/*  greeting                                                  */
/*============================================================*/
#greeting{
	margin-top: 10px;
	width: 700px;
	height: 500px;
}
#president{
	float: left;
	width: 250px;
	height: 250px;
	font-size: 0.7em;
	margin: 10px;
}


#greetingMain{
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-left: 15px;
	color: black;
	font-size: 1.4em;
	text-align: left;
}

/*============================================================*/
/*  visio                                                     */
/*============================================================*/
#visio{
	margin: 10px;

}

#visio li{
	font-size: 2em;
	color: black;
	height: 100px;
	text-align: left;
	padding-top: 55px;
}

.backGround_R{
	background-image: url("../img/visio_back_R.png");
	background-repeat: no-repeat;
}
.backGround_G{
	background-image: url("../img/visio_back_G.png");
	background-repeat: no-repeat;
}
.backGround_B{
	background-image: url("../img/visio_back_B.png");
	background-repeat: no-repeat;
}

.backGround_Y{
	background-image: url("../img/visio_back_Y.png");
	background-repeat: no-repeat;
}


/*============================================================*/
/* staff                                                      */
/*============================================================*/
.staff{
	margin: 10px;
	text-align: left;
	width: 690px;
}


.staff ul{
	margin: 5px;
	color: black;
}

.staff li{
	padding-left: 10px;
}

.staff h1{
	padding: 2px 10px;
	color: white;
	font-size: 1.2em;
	background-color: blue;
	border-top: solid 1px silver;

}
.staff h2{
	padding: 2px 10px;
	font-size: 1em;
	border-top: solid 1px silver;
	background-color: #6699FF;
	color: white;
}

.parson{
	padding: 5px;
	width: 680px;
	position: relative;
	border-bottom: double 1px silver;
}

.staffPhoto{
	width: 200px;
	height: 150px;
	margin: 10px;
	position: static;
	float:left;
}

.staffMessage{
	width: 440px;
	height: 150px;
	margin: 10px 5px 5px 220px;
	position: relative;
	color: black;
}

.hobby{
	width: 650px;

	margin: 10px;
	position: static;
}

.staffName{
	font-size: 1.2em;
	color: black;
}

/*============================================================*/
/* partner                                                    */
/*============================================================*/
#partners{
	width: 680px;
	margin: 10px;
	padding: 0px;
	color: black;
	text-align: left;

}

/*#partners p{
	float: left;
	width: 250px;
	height: 100px;
	border: solid 1px silver;
}


#partners ul{
	width: 400px;
	float: left;
	margin-left: 5px;
	
}
*/

.store{
	margin: 5px;
	padding: 5px;
	width: 660px;
	height: 110px;
	border-bottom: solid 1px silver;
}

.storeLogo{
	float: left;
	width: 250px;
	height: 100px;
	margin: 5px;
}
.storeMain{
	width: 395px;
	margin-left: 265px;
}

/*============================================================*/
/* news                                                       */
/*============================================================*/
#minoura_news{
	margin: 5px;
	padding: 5px;
	text-align: left;
	width: 670px;
}

#minoura_news ul{
	margin: 10px;
	
}

#minoura_news li{
	margin-left: 5px;
}

/*============================================================*/
/* privacy                                                      */
/*============================================================*/
#privacy{
	margin: 10px;
	text-align: left;
	
}