@charset "utf-8";

a{text-decoration:none;}
a:visited{color:inherit;}

.box-link{cursor:pointer;}

.clear{clear:left;}

.priceBtn{
	width:90%;
	height:40px;
	background:#FF3;
	position:relative;
	line-height:40px;
	margin:0 auto;
	border:2px solid #FC3;
    color:#F33;
	font-weight:bold;
	transition:0.5s;
}

.priceBtn:hover{
	background:#FC0;
	}


.priceBtn a{
	display:block;
	width:100%;
	height:100%;
}

.fullbody{
	width: 820px;
	height:auto;
	text-align: center;
	margin: 0 auto;
	background: #FFFFFF;
	margin-bottom: 10px;


}

.index_top{
width:820px;
height:350px;
position:relative;
background:url(../image/main_img02.JPG);
background-size:cover;
background-position:0px -50px;
}

#topSlide{
width:820px;
height:350px;
position:absolute;
}

#topSlide img{width:820px; height:430px;}


.index-logo{
	position: absolute;
	font-family: "メイリオ";
	padding: 2px 20px;
	background: linear-gradient(270deg,rgba(135,206,235,0.5),rgba(255,255,255,0.5));
	color: #CC0000;
	text-shadow: 2px 2px 1px white;
	font-weight: bold;
	font-size: 50px;
	top: 30px;
	left: 0;
}

.img1{
	position: absolute;
	left: 3px;
	top: 227px;
	box-shadow: 1px 1px 2px white,
	           1px -1px 2px white,
			   -1px 1px 2px white,
			   -1px -1px 2px white;
	z-index: 2;
	width: 333px;
	height: 100px;
					 }
.img1 img{width:310px; height:95px; }
.img2 img{width:310px; height:95px; }




.img2{
	position: absolute;
	left: 342px;
	top: 244px;
	box-shadow: 2px 2px 3px white,
	           2px -2px 3px white,
			   -2px 2px 3px white,
			   -2px -2px 3px white;
	z-index: 3;
	width: 288px;
	height: 100px;
}


.top-right{
	width: 180px;
	height: auto;
	right: 3px;
	position: absolute;
	color: #FFFFFF;
	bottom: 5px;
}

.middle-area{
width:820px;
height:240px;
background-image:url(../image/table/tbl_white.jpg);
background-size:820px 240px;
position:relative;
}

.middle-left{
width:390px;
height:210px;
float:left;
margin-left:35px;
margin-top:10px;
}

.middle-right{
width:370px;
height:210px;
margin-right:20px;
margin-top:10px;
float:right;
text-align:center;
}

.middle-right p{
	color:#CC0000;
	margin:2px 2px;
	font-family:"メイリオ";
	font-size: 12px;
}

.middle-right h2{
font-size:17px;
margin:2px 2px;
font-family:"メイリオ";
color:#006600;
}

.tel-area{
	width: 80%;
	height: 80px;
	border: 2px solid #CCCCCC;
	color: #0000CC;
	font-size: 18px;
	padding-top: 5px;
	background: white;
	margin: 10px auto;
}

.tel-area p{
color:#CC0000;
margin:2px 2px;
font-family:"メイリオ";
font-size:14px;
}

.tel{
color:#0000FF;
font-size:24px;
font-family:"メイリオ";
margin:2px 2px;
font-weight:bold;
}

.menber-bt{
width:370px;
height:40px;
padding:2px 0px;
}

.index{
	width: 99%;
	height: auto;
	padding-left:5px;
	background: #FFFFFF;
	position: relative;
	margin-top: 25px;
	overflow:hidden;
}

.indexLeft{
	width: 80%;
	position: relative;
	margin: 0 auto;
}

.indexRight{
	width: 48%;
	position: relative;
	float: right;

}

.topicsWrapper{
	width: 100%;
	height: auto;
	background: rgba(102,204,80,0.60);
	text-align: center;

}

.topicsWrapper img{
	width: 360px;
}

.topics a{
z-index:1;
border:none;}

.topics p{
margin-bottom:10px;
}

.topics-title{
width:100%;
height:40px;
color:#222;
background-color:#00CC33;
font-size:26px;
text-align:center;
line-height:39px;
font-weight:bold;
 text-shadow: 2px 2px 1px white,
    -2px 2px 1px white,
    2px -2px 1px white,
    -2px -2px 1px white;

}

.topicsWrite{
color:#FF0000;
font-size:11px;
font-family:"メイリオ";
margin:10px 0px;

}

.info{
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
	background: rgba(255,204,102,0.60);
	padding-top: 10px;
	padding-bottom: 20px;

}

.info img{
	width: 80%;
	height: auto;
}





.info p{
margin-bottom:5px;
}

.link{
	width:380px;
	height:120px;
	text-align:left;
	margin:10px 10px;
	display:block;
	float:left;
	background:linear-gradient(180deg,#00cc66,white);


}

.link-title{
width:99%;
height:20px;
color:#000000;
background:#00CC66;
font-weight:bold;
text-align:left;
top:0;
margin:none;
line-height:20px;
padding-left:4px;
font-family:"メイリオ";
 text-shadow: 1px 1px 1px white,
    -1px 1px 1px white,
    1px -1px 1px white,
    -1px -1px 1px white;
}

.movie{
	width: 94%;
	height: 114px;
	text-align: center;
	margin: 0px 10px;
	background: linear-gradient(180deg,#FF99FF,white);
	position: relative;
}

.movie-title{
	width: 100%;
	height: 20px;
	background: #FF99FF;
	font-weight: bold;
	text-align: left;
	color: #000000;
	top: 0;
	margin: none;
	line-height: 20px;
	padding-left: 4px;
	font-family: "メイリオ";
	text-shadow: 1px 1px 1px white,
    -1px 1px 1px white,
    1px -1px 1px white,
    -1px -1px 1px white;
}



.movieSlide{width:100%;}

.movie iframe{
	z-index:1;
	width:170px;
	height:91px;
	margin:2px 2px;
}

.facebook{
	width: 98%;
	height: 450px;
	text-align: center;
	position: relative;
}

.facebook iframe{
	width:373px;
	height:450px;
}

.bottom{
position:relative;
width:820px;
height:auto;
display:block;
 }

 .aikoh{
	font-size:14px;
    color:#C00;
	text-decoration:none;
}


 .slide{
 width:820px;
 height:210px;
 margin:0px 0px;
 position:relative;
 background:linear-gradient(180deg,#CCCCCC,white);
 border:1px solid #CCCCCC;
 color:#666666;
 }

.slide div{
width:auto;
height:210px;
padding:3px 3px;
display:block;
text-align:center;
margin:0 0;
font-family:"メイリオ";
}


.fax{
	width:98%;
	height:auto;
	padding:3px 3px;
	background-color:#FF6;
	margin-top:5px;
	position:relative;
	-webkit-border-radius: 10px;

	
}

.fax p{
	font-size:12px;
}



.mailBtn{
	font-weight:bold;
	display:block;
	padding:10px 10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	background-color:#FCF;
	-webkit-border-radius: 10px;
	box-shadow:2px 2px #F6F;
	position:relative;
	top:0px;
}

.mailBtn::before,
.mailBtn::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.mailBtn,
.mailBtn::before,
.mailBtn::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.mailBtn:active{
 top:2px;
 box-shadow:none;
 }



@media screen and (min-width:481px){
.clear{clear:left;}

.priceBtn{
	width:90%;
	height:40px;
	background:#FF3;
	position:relative;
	line-height:40px;
	margin:0 auto;
	border:2px solid #FC3;
    color:#F33;
	font-weight:bold;
	transition:0.5s;
}

.priceBtn:hover{
	background:#FC0;
	}


.priceBtn a{
	display:block;
	width:100%;
	height:100%;
}

.fullbody{
	width: 820px;
	height:auto;
	text-align: center;
	margin: 0 auto;
	background: #FFFFFF;
	margin-bottom: 10px;


}

.index_top{
width:820px;
height:350px;
position:relative;
background:url(../image/main_img02.JPG);
background-size:cover;
background-position:0px -50px;
}

#topSlide{
width:820px;
height:350px;
position:absolute;
}

#topSlide img{width:820px; height:430px;}


.index-logo{
	position: absolute;
	font-family: "メイリオ";
	padding: 2px 20px;
	background: linear-gradient(270deg,rgba(135,206,235,0.5),rgba(255,255,255,0.5));
	color: #CC0000;
	text-shadow: 2px 2px 1px white;
	font-weight: bold;
	font-size: 50px;
	top: 30px;
	left: 0;
}

.img1{
	position: absolute;
	left: 3px;
	top: 227px;
	box-shadow: 1px 1px 2px white,
	           1px -1px 2px white,
			   -1px 1px 2px white,
			   -1px -1px 2px white;
	z-index: 2;
	width: 333px;
	height: 100px;
					 }
.img1 img{width:310px; height:95px; }
.img2 img{width:310px; height:95px; }




.img2{
	position: absolute;
	left: 342px;
	top: 244px;
	box-shadow: 2px 2px 3px white,
	           2px -2px 3px white,
			   -2px 2px 3px white,
			   -2px -2px 3px white;
	z-index: 3;
	width: 288px;
	height: 100px;
}


.top-right{
	width: 180px;
	height: auto;
	right: 3px;
	position: absolute;
	color: #FFFFFF;
	bottom: 5px;
}

.middle-area{
width:820px;
height:240px;
background-image:url(../image/table/tbl_white.jpg);
background-size:820px 240px;
position:relative;
}

.middle-left{
width:390px;
height:210px;
float:left;
margin-left:35px;
margin-top:10px;
}

.middle-right{
width:370px;
height:210px;
margin-right:20px;
margin-top:10px;
float:right;
text-align:center;
}

.middle-right p{
	color:#CC0000;
	margin:2px 2px;
	font-family:"メイリオ";
	font-size: 12px;
}

.middle-right h2{
font-size:17px;
margin:2px 2px;
font-family:"メイリオ";
color:#006600;
}

.tel-area{
	width: 80%;
	height: 80px;
	border: 2px solid #CCCCCC;
	color: #0000CC;
	font-size: 18px;
	padding-top: 5px;
	background: white;
	margin: 10px auto;
}

.tel-area p{
color:#CC0000;
margin:2px 2px;
font-family:"メイリオ";
font-size:14px;
}

.tel{
color:#0000FF;
font-size:24px;
font-family:"メイリオ";
margin:2px 2px;
font-weight:bold;
}

.menber-bt{
width:370px;
height:40px;
padding:2px 0px;
}

.index{
	width: 99%;
	height: auto;
	padding-left:5px;
	background: #FFFFFF;
	position: relative;
	margin-top: 25px;
	overflow:hidden;
}

.indexLeft{
	width: 80%;
	position: relative;
	margin: 0 auto;
}

.indexRight{
	width: 48%;
	position: relative;
	float: right;

}

.topicsWrapper{
	width: 100%;
	height: auto;
	background: rgba(102,204,80,0.60);
	text-align: center;

}

.topicsWrapper img{
	width: 360px;
}

.topics a{
z-index:1;
border:none;}

.topics p{
margin-bottom:10px;
}

.topics-title{
width:100%;
height:40px;
color:#222;
background-color:#00CC33;
font-size:26px;
text-align:center;
line-height:39px;
font-weight:bold;
 text-shadow: 2px 2px 1px white,
    -2px 2px 1px white,
    2px -2px 1px white,
    -2px -2px 1px white;

}

.topicsWrite{
color:#FF0000;
font-size:11px;
font-family:"メイリオ";
margin:10px 0px;

}

.info{
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
	background: rgba(255,204,102,0.60);
	padding-top: 10px;
	padding-bottom: 20px;

}

.info img{
	width: 80%;
	height: auto;
}





.info p{
margin-bottom:5px;
}

.link{
	width:380px;
	height:120px;
	text-align:left;
	margin:10px 10px;
	display:block;
	float:left;
	background:linear-gradient(180deg,#00cc66,white);


}

.link-title{
width:99%;
height:20px;
color:#000000;
background:#00CC66;
font-weight:bold;
text-align:left;
top:0;
margin:none;
line-height:20px;
padding-left:4px;
font-family:"メイリオ";
 text-shadow: 1px 1px 1px white,
    -1px 1px 1px white,
    1px -1px 1px white,
    -1px -1px 1px white;
}

.movie{
	width: 94%;
	height: 114px;
	text-align: center;
	margin: 0px 10px;
	background: linear-gradient(180deg,#FF99FF,white);
	position: relative;
}

.movie-title{
	width: 100%;
	height: 20px;
	background: #FF99FF;
	font-weight: bold;
	text-align: left;
	color: #000000;
	top: 0;
	margin: none;
	line-height: 20px;
	padding-left: 4px;
	font-family: "メイリオ";
	text-shadow: 1px 1px 1px white,
    -1px 1px 1px white,
    1px -1px 1px white,
    -1px -1px 1px white;
}



.movieSlide{width:100%;}

.movie iframe{
	z-index:1;
	width:170px;
	height:91px;
	margin:2px 2px;
}

.facebook{
	width: 98%;
	height: 450px;
	text-align: center;
	position: relative;
}

.facebook iframe{
	width:373px;
	height:450px;
}

.bottom{
position:relative;
width:820px;
height:auto;
display:block;
 }

 .aikoh{
	font-size:14px;
    color:#C00;
	text-decoration:none;
}


 .slide{
 width:820px;
 height:210px;
 margin:0px 0px;
 position:relative;
 background:linear-gradient(180deg,#CCCCCC,white);
 border:1px solid #CCCCCC;
 color:#666666;
 }

.slide div{
width:auto;
height:210px;
padding:3px 3px;
display:block;
text-align:center;
margin:0 0;
font-family:"メイリオ";
}


.fax{
	width:98%;
	height:auto;
	padding:3px 3px;
	background-color:#FF6;
	margin-top:5px;
	position:relative;
	-webkit-border-radius: 10px;

	
}

.fax p{
	font-size:12px;
}



.mailBtn{
	font-weight:bold;
	display:block;
	padding:10px 10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	background-color:#FCF;
	-webkit-border-radius: 10px;
	box-shadow:2px 2px #F6F;
	position:relative;
	top:0px;
}

.mailBtn::before,
.mailBtn::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.mailBtn,
.mailBtn::before,
.mailBtn::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.mailBtn:active{
 top:2px;
 box-shadow:none;
 }

}


@media screen and (max-width:480px){
.priceBtn{
	width: 80%;
	height: 30px;
	background: #FF3;
	position: relative;
	line-height: 30px;
	font-size:14px;
	margin:0 auto;
	border:2px solid #FC3;
	color:#F33;
	font-weight:bold;

}

.priceBtn a{
	display:block;
	width:100%;
	height:100%;
}




.fullbody{
width:95%;
height:auto;
text-align:center;
margin:0 auto;
background:#FFFFFF;
margin-bottom:10px;

}

.index_top{
width:100%;
height:180px;
position:relative;
margin:0 auto;
background:url(../image/main_img02.JPG);
background-size:cover;
}



#topSlide{
width:400px;
height:200px;
position:absolute;
}

#topSlide img{width:400px; height:200px;}


.index-logo{
	position: absolute;
	font-family: "メイリオ";
	padding: 2px 20px;
	background: linear-gradient(270deg,rgba(135,206,235,0.5),rgba(255,255,255,0.5));
	color: #CC0000;
	text-shadow: 2px 2px 1px white;
	font-weight: bold;
	font-size: 15px;
	top: 28px;
	left: 0;
}

.img1{
	position: absolute;
	left: 7px;
	top: 103px;
	box-shadow: 1px 1px 2px white,
	           1px -1px 2px white,
			   -1px 1px 2px white,
			   -1px -1px 2px white;
	z-index: 2;
	width: 229px;
	height: 72px;
					 }
.img1 img{width:100px; height:50px; }
.img2 img{width:100px; height:50px; }




.img2{
	position: absolute;
	left: 320px;
	top: 323px;
	box-shadow: 2px 2px 3px white,
	           2px -2px 3px white,
			   -2px 2px 3px white,
			   -2px -2px 3px white;
	z-index: 3;
}


.top-right{
	width: 95px;
	height: auto;
	right: 5px;
	position: absolute;
	color: #FFFFFF;
	font-size: 12px;
	bottom: 2px;
}

.top-right img{width:100%; height:auto;}
.middle-area{
width:100%;
height:100px;
background-image:url(../image/table/tbl_white.jpg);
background-size:820px 240px;
position:relative;
}

.middle-left{
width:390px;
height:210px;
float:left;
margin-left:35px;
margin-top:10px;
}

.middle-right{
width:370px;
height:210px;
margin-right:20px;
margin-top:10px;
float:right;
text-align:center;
}

.middle-right p{
	color:#CC0000;
	margin:2px 2px;
	font-family:"メイリオ";
	font-size: 12px;
}

.middle-right h2{
font-size:17px;
margin:2px 2px;
font-family:"メイリオ";
color:#006600;
}

.tel-area{
	width: 80%;
	height: auto;
	border: 2px solid #CCCCCC;
	color: #0000CC;
	font-size: 15px;
	padding-top: 5px;
	background: white;
	margin: 5px auto;
}

.tel-area p{
color:#CC0000;
margin:2px 2px;
font-family:"メイリオ";
font-size:14px;
}

.tel{
color:#0000FF;
font-size:18px;
font-family:"メイリオ";
margin:2px 2px;
font-weight:bold;
}

.menber-bt{
width:370px;
height:40px;
padding:2px 0px;
}

.index{
	width: 100%;
	height: auto;
	padding-left: 0px;
	background: #FFFFFF;
	position: relative;
	margin-top: 13px;
}

.indexLeft{
	height:auto;
	width:100%;
}

.indexRight{
	height:auto;
	width:100%;
}

.topicsWrapper{
width:100%;
height:auto;
background:rgba(102,204,80,0.60);
text-align:center;

}

.topicsWrapper img{
	width: 350px;
}

.topics a{
z-index:1;
border:none;}

.topics p{
margin-bottom:10px;
}

.topics img{width:300px; height:auto;}

.topics-title{
	width: 100%;
	height: 30px;
	color: #222;
	background-color: #00CC33;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	text-shadow: 2px 2px 1px white,
    -2px 2px 1px white,
    2px -2px 1px white,
    -2px -2px 1px white;

}

.topicsWrite{
	color: #FF0000;
	font-size: 10px;
	font-family: "メイリオ";

}

.info{
	width: 100%;
	height: auto;
	
	text-align: center;
	
	background: rgba(255,204,102,0.95);
	padding: 10px auto;
	margin-bottom:10px;
}


.info img{width:80%; height:auto;}
.info p{
	margin-bottom: 5px;
	font-size: 12px;
}



.link-title{
width:99%;
height:20px;
color:#000000;
background:#00CC66;
font-weight:bold;
text-align:left;
top:0;
margin:none;
line-height:20px;
padding-left:4px;
font-family:"メイリオ";
 text-shadow: 1px 1px 1px white,
    -1px 1px 1px white,
    1px -1px 1px white,
    -1px -1px 1px white;
}

.movie{
	width: 100%;
	height: 118px;
	text-align: center;
	background: linear-gradient(180deg,#FF99FF,white);
	position: relative;
	clear: left;
}

.movie iframe{
	z-index:1;
	width:170px;
	height:91px;
	margin:2px 2px;
}

.movieSlide{width:100%;}



.movie-title{
	width: 98%;
	height: 20px;
	background: #FF99FF;
	font-weight: bold;
	text-align: left;
	color: #000000;
	top: 0;
	margin: none;
	line-height: 20px;
	padding-left: 4px;
	font-family: "メイリオ";
	text-shadow: 1px 1px 1px white,
    -1px 1px 1px white,
    1px -1px 1px white,
    -1px -1px 1px white;
}




.facebook{
	width: 100%;
	height: 460px;
	text-align: center;
	margin: 0 auto;
	background: linear-gradient(180deg,#06C,white);
	clear: left;
	padding-top:10px;

}

.fb-page{
	width: 80%;

	}

.bottom{
position:relative;
width:820px;
height:auto;
display:block;
 }

 .slide{
 width:100%;
 height:100px;
 margin:0px 0px;
 position:relative;
 background:linear-gradient(180deg,#CCCCCC,white);
 border:1px solid #CCCCCC;
 color:#666666;
 font-size:10px;
 }

.slide img{
	height: 95%;
	width: auto;
	margin-bottom: 3px;
}

.aikoh img{
	height:55%;
	width:auto;
	margin-bottom:0px;
}

.aikoh{
	font-size:7px;
    color:#C00;
	text-decoration:none;
}


.slide div{
	width: auto;
	height: 100px;
	padding: 0px 1px;
	display: block;
	text-align: center;
	margin: 0 0;
	font-family: "メイリオ";
	padding-bottom: 3px;
}

.fax{
	margin-top:3px;
	background-color:#FF6;
	border-radius:2px 2px 2px 2px;
	
}

.fax p{
	font-size:10px;
}

.mailBtn{
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:10px 4px;
	margin-top:5px;
	text-align:center;
	background-color:#FCF;
	-webkit-border-radius: 5px;
	box-shadow:2px 2px #F6F;
	position:relative;
	
}

.mailBtn:active{
 top:2px;
 box-shadow:none;
 }

}