@charset "utf-8";


/*--------------------*/
/*---- top.css ----*/
/*--------------------*/
/*
border: 1px solid gray;
*/

#boxPickup {
	position: relative;
	width: 1000px;
	height: 34px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #de2513;
}
#boxPickupTitle {
	width: 122px;
	height: 34px;
	float: left;
}
#boxPickupText {
	width: 858px;
	float: left;
	margin: 5px 10px 0px 10px;
	color: #ffffff;
}
#boxPickupText a:link,
#boxPickupText a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#boxPickupText a:hover,
#boxPickupText a:active {
	color: #ffffff;
	text-decoration: none;
}

#boxNews {
	width: 998px;
	border: 1px solid #d5cccd;
}
#boxNewsTitle {
	width: 120px;
	background-color: #1c9258;
	vertical-align: middle;
	padding: 0;
}
#boxNewsText {
	width: 858px;
	padding-left: 11px;
}
#newsSlide li {
	width: 858px;
	height: 28px;
	background-color: #ffffff;
	padding-top: 8px;
}

.mainBox_cafe {
	position: relative;
	width: 314px;
	height: 284px;
	float: left;
}
.mainBox_cafe a {
	background-image: url(../top_img/top_box_01_cafe.jpg);
	display: block;
	width: 100%;
	height: 100%;
}
.mainBox_cafe a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.mainBox_school {
	position: relative;
	width: 314px;
	height: 284px;
	float: left;
}
.mainBox_school a {
	background-image: url(../top_img/top_box_02_school.jpg);
	display: block;
	width: 100%;
	height: 100%;
}
.mainBox_school a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.mainBox_party {
	position: relative;
	width: 312px;
	height: 282px;
	border: 1px solid #d5cccd;
	float: left;
}
.mainBox_party a {
	background-image: url(../top_img/top_box_03_party.gif);
	display: block;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.mainBox_party a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.mainBox_cafe .textBox,
.mainBox_school .textBox {
	position: absolute;
	top: 206px;
	left: 0px;
	width: 314px;
	height: 78px;
	background-image: url(../top_img/bg_box_text.png);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
}
.mainBox_party .textBox_2 {
	position: absolute;
	top: 205px;
	left: 1px;
	width: 312px;
	height: 76px;
	color: #333333;
	text-align: center;
}
.mainBox_party .textBox_2 a {
	color: #333333;
}


.bu_click {
	position: absolute;
	top: 245px;
	left: 172px;
	width: 130px;
	height: 26px;
	background-image: url(../top_img/bu_click.png);
	background-repeat: no-repeat;
}
.bu_click span {
	display: none;
}
.mainBox {
	position: relative;
	width: 293px;
	height: 262px;
	border: 1px solid #d5cccd;
	padding:10px 10px 10px 9px;
	float: left;
}
.mainBox a {
	width: 100%;
	height: 100%;
}
.mainBox a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
.mainBox .textBox {
	position: absolute;
	top: 220px;
	left: 9px;
	color: #333333;
	width: 293px;
}
.mainBox .textBox a {
	color: #333333;
}