@charset "utf-8";
/*
トップページスタイル設定
*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■0.共通
■1.レイアウト
■2.lead sentence
■3.top infobox
■4.side schedule
■5.side contact
■6.side banner

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■0.共通
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
画像置換指定
------------------------------------*/
.top_cont .lead_box h3,
.top_cont .lead_box li.mn00,
.top_cont .lead_box li a,
.top_cont .infobox h3,
.top_cont .right .schedule h3,
.top_cont .right .side_contact h3,
.top_cont .right .side_contact .inbox a.btn_map{
	overflow:hidden;display:block;text-decoration:none;border:none;
}

/*
背景読込み要素
------------------------------------*/
.top_cont .lead_box h3,
.top_cont .lead_box li.mn00,
.top_cont .lead_box li a,
.top_cont .infobox h3,
.top_cont .right .schedule h3,
.top_cont .right .side_contact h3,
.top_cont .right .side_contact .inbox a.btn_map{
	background:url(../common_img/common_bgimg.png) 0 0 no-repeat;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■1.レイアウト
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont{
	width: 1060px;
	margin: 0 auto 0px auto;
	padding: 0;
	padding-top:60px;
	padding-bottom:60px;
}

.top_cont .left{
	width: 620px;
	float:left;
	margin: 0 0 0px 0;
}

.top_cont .right{
	width: 370px;
	float:right;
	margin: 0 0 0px 0;
	padding: 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■2.lead sentence
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont .lead_box{
	margin:0 0 40px 0px;
	padding:0px 0px 0px 0px;
}

.top_cont .lead_box h3{
	width:610px;
	margin: 0px 0 25px 0;
	padding:70px 0 0;
	height /**/:70px;
	height: /*ie6*/0;
	line-height: 1.4;
	background-position: 0px -300px;
}

.top_cont .lead_box p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	line-height:1.5;
	color:#333;
	font-size:13px;
	letter-spacing:0.1em;
}

.top_cont .lead_box ul{
	margin: 20px 0 0 0px;
	_zoom: 1;  
	overflow: hidden;
}

.top_cont .lead_box li {
	margin:0;
	padding:0;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}

.top_cont .lead_box li.mn00 {
	width:280px;
	margin:0;
	margin-left:10px;
	margin-bottom:10px;
	padding:50px 0 0;
	height /**/:50px;
	height: /*ie6*/0;
	line-height:1.5;
	background-position:0px -400px;
}

.top_cont .lead_box li a{
	width:280px;
	margin:0;
	padding:50px 0 0;
	height /**/:50px;
	height: /*ie6*/0;
	line-height:1.5;
}

.top_cont .lead_box .mn01{
	background-position:-280px -400px;
	}
.top_cont .lead_box .mn01:hover{
	background-position:-280px -600px;
	}
	
.top_cont .lead_box .mn02{
	background-position:0px -450px;
	}
.top_cont .lead_box .mn02:hover{
	background-position:0px -650px;
	}
	
.top_cont .lead_box .mn03{
	background-position:-280px -450px;
	}
.top_cont .lead_box .mn03:hover{
	background-position:-280px -650px;
	}
	
.top_cont .lead_box .mn04{
	background-position:0px -500px;
	}
.top_cont .lead_box .mn04:hover{
	background-position:0px -700px;
	}
	
.top_cont .lead_box .mn05{
	background-position:-280px -500px;
	}
.top_cont .lead_box .mn05:hover{
	background-position:-280px -700px;
	}
	
.top_cont .lead_box .mn06{
	background-position:0px -550px;
	}
.top_cont .lead_box .mn06:hover{
	background-position:0px -750px;
	}
	
.top_cont .lead_box .mn07{
	background-position:-280px -550px;
	}
.top_cont .lead_box .mn07:hover{
	background-position:-280px -750px;
	}

.top_cont .lead_box .mn08{
	background-position:-560px -550px;
	}
.top_cont .lead_box .mn08:hover{
	background-position:-560px -750px;
	}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■2.5.guide sentence
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont .guide_box{
	margin:0 0 40px 0px;
	padding:25px 25px 20px 25px;
	background-color:#FFF5F2;
	border:1px solid #FFCFBF;
}

.top_cont .guide_box h4{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	font-weight:bold;
	color:#630;
	line-height: 1.4;
}

.top_cont .guide_box p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	line-height:1.4;
	font-size:13px;
}

.top_cont .guide_box ul{
	margin: 0px 0 10px 0px;
	padding:0px 0px 0px 0px;
}

.top_cont .guide_box li {
	margin: 0px 0 5px 20px;
	padding:0px 0px 0px 5px;
	line-height:1.4;
	font-size:13px;
	list-style-type:disc;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■3.top infobox
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont .infobox{
	width:600px;
	margin:0 0 0px 0px;
	padding:0px 0px 0px 0px;
}

.top_cont .infobox h3{
	width:600px;
	margin: 0px 0 15px 0;
	padding:30px 0 0;
	height /**/:30px;
	height: /*ie6*/0;
	line-height: 1.4;
	background-position: 0px -820px;
}

.top_cont .infobox ul{
	margin: 0px 0 0 0px;
	_zoom: 1;  
	overflow: hidden;
}

.top_cont .infobox li {
	margin:0 0 10px 0;
	padding:0 7px 15px 7px;
	border-bottom:1px dotted #C2C2C2;
}

.top_cont .infobox li .date{
	margin:0px 0px 0px 0px;
	padding:1px 0px 2px 15px;
	line-height:1.4;
	color:#000;
	font-size:10px;
	font-weight:bold;
	background-image: url(../common_img/img_icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.top_cont .infobox li h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
	line-height:1.5;
	color:#663300;
	font-size:13px;
	font-weight:bold;
}

.top_cont .infobox li p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
	line-height:1.4;
	color:#666;
	font-size:12px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■4.side schedule
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont .right .schedule{
	width: 370px;
	margin:0 0 60px 0px;
	padding:0px 0px 0px 0px;
}

.top_cont .right .schedule h3{
	width:167px;
	margin: 0px 0 10px 0;
	padding:24px 0 0;
	height /**/:24px;
	height: /*ie6*/0;
	line-height: 1.4;
	background-position: -600px -400px;
}

.top_cont .right .schedule table {
	width: 370px;
	margin:0px auto 5px auto;
	padding:0;
	border-collapse:separate;
	border-spacing:1px;
	border:0;
	background-color:#DBDCCA;
	line-height: 1.3;
}

.top_cont .right .schedule table th {
	border:1px solid #FFF;
	background-color:#E9F7E5;
	white-space:nowrap;
	font-weight:bold;
	text-align:center;
	color: #333333;
	vertical-align: middle;
	padding: 13px 0;
	font-size:14px;
	line-height: 1.4;
}

.top_cont .right .schedule table th.sat {
	color: #0099FF;
}

.top_cont .right .schedule table th.sun {
	color: #FF0000;
}

.top_cont .right .schedule table th.item {
	border:1px solid #FFF;
	background-color:#F1F1F1;
	white-space:nowrap;
	font-weight:bold;
	text-align:center;
	color: #333333;
	vertical-align: middle;
	padding: 18px 7px;
	font-size:12px;
	line-height: 1.2;
}

.top_cont .right .schedule table td {
	border:1px solid #ffffff;
	background-color:#ffffff;
	text-align:center;
	vertical-align: middle;
	padding: 5px;
	line-height: 1.0;
	font-size:12px;
	width:30px;
}

.top_cont .right .schedule table td.holiday {
	border:1px solid #ffffff;
	background-color:#ffffff;
	text-align:center;
	vertical-align: middle;
	padding: 5px;
	line-height: 1.0;
	font-size:13px;
	color:#FF0000;
	font-weight:bold;
}

.top_cont .right .schedule p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.4;
	text-align:right;
	color:#CC0000;
	font-size:13px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■5.side contact
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont .right .side_contact{
	width: 370px;
	margin:0 0 30px 0px;
	padding:0px 0px 0px 0px;
}

.top_cont .right .side_contact h3{
	width:370px;
	margin: 0px 0 0px 0;
	padding:40px 0 0;
	height /**/:40px;
	height: /*ie6*/0;
	line-height: 1.4;
	background-position: 0px -870px;
}

.top_cont .right .side_contact .inbox{
	margin:0px;
	padding:23px 10px 25px 10px;
	border:1px solid #C2C2C2;
	border-top:none;
}

.top_cont .right .side_contact .inbox p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 18px 8px;
	line-height:1.4;
	font-size:12px;
}

.top_cont .right .side_contact .inbox p.center{
	padding:0px 0px 15px 0px;
	text-align:center;
}

.top_cont .right .side_contact .inbox table.time{
	margin:0px auto 20px auto;
	line-height:1.2;
}

.top_cont .right .side_contact .inbox table.time td{
	padding:0px 10px 0px 0px;
	text-align:left;
	font-size:12px;
}

.top_cont .right .side_contact .inbox a.btn_map{
	width:190px;
	margin:0px auto 0 auto;
	padding:34px 0 0;
	height /**/:34px;
	height: /*ie6*/0;
	background-position:-380px -870px;
	line-height:1.5;
}

.top_cont .right .side_contact .inbox a:hover.btn_map{
	background-position:-570px -870px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■6.side banner
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.top_cont .right .side_banner{
	margin:0 0 40px 0px;
	padding:0px 0px 0px 0px;
}

.top_cont .right .side_banner a{
	margin:0 0 20px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.top_cont .right .side_banner a:hover{
	zoom:1;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

