@charset "UTF-8";
/* CSS Document */

.cf{zoom:1;}
.cf:before,.cf:after{content:""; display:table;}
.cf:after{clear:both;}

/*-------------ここからスマホ用記述---------------------*/

@media screen and (max-width:480px){
body{
	width:100%;
	margin:0;
	padding:0;
	font-size:0.8em;
	/*line-height:1.2em;*/
	color:#555;
	font-family:"游明朝", "ヒラギノ明朝 Pro W3", "Times New Roman", "Hiragino Mincho Pro" ,"ＭＳ Ｐ明朝", "MS PMincho", serif;
	
}


#wrapper{
	width:100%;
	margin:auto;
	position:relative;
}




header{
	width:100%;
	margin:22px auto 10px;
	text-align:center;
}

header h1 img{
	width:90%;
	height:auto;
}

article{
	width:100%;
	
}

#logo2{
	width:100%;
	text-align:center;
	margin:0 auto 20px;
	
}
#logo2 img{
	width:50px;
	height:42px;
}



nav{
	width:100%;
	margin:0 auto;
}

nav ul li{
	width:33.3%;
	height:auto;
	float:left;
	margin:0 auto 15px;
	padding:0;
	text-align:center;
	
}







/*-------------スライド部分----------------------*/

main{
	clear:both;
	width:100%;
    height:auto;
	margin:60px auto 30px;
	padding:0;
  }
  
#slids{
	margin-top:20px;
}

.bxslider{
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
	
.bxslider img{
	width:100%;
	height:auto;
	}
	
	
	


/*-------------スライド部分   end----------------*/




#facebook img{
	width:30px;
	height:30px;
	
}
#twitter img{
	width:30px;
	height:30px;
}
#instagram img{
	width:30px;
	height:30px;
}
#blog img{
	width:40px;
	height:40px;
	margin:-5px auto 0;
	
}
footer p#blog2{
	display:none;
}


#ownerLink{
	height:40px;
	bottom:0;
	margin-top:10px;
	margin-bottom:20px;
	
	}
#ownerLink p{
	width:25%;
	float:left;
	display:block;
	text-align:center;
	
	
}
p#copyright{
	clear:both;
	width:95%;
	font-size:0.8em;
	margin: 0 auto;	
	padding:0;
	text-align:center;
}

#logo{
	display:none;
}

}



/*------------- スマホ用記述    END---------------------*/



/*--------------タブレット用記述------------------------*/

@media screen and (min-width:480px){

	
body{
	width:100%;
	height:auto;
	color:#555;
	
}

#wrapper{
	width:100%;
	margin:auto;
	position:relative;
}

header{
	width:100%;
	height:auto;
	margin:20px auto;
	text-align:center;
}
header h1 img{
	width:90%;
}


#logo2{
	width:100%;
	text-align:center;
	margin:0 auto 10px;
	
}
#logo2 img{
	width:90px;
	height:75.6px;
}

/*---------Nav部分　Start!!－－－－－－－－－－－－－*/

nav{
	width:100%;
	height:3px;
	margin:0 auto;
	padding:0;
	
	
}

nav ul li{
	width:33.3%;
	float:left;
	text-align:center;
	margin:0 auto 10px;
	
}

/*---------Nav部分終了！！！--------------------------*/


/*---------Slide部分----------------------------------*/

 
main{
	clear:both;
	width:100%;
    height:auto;
	margin:20px auto 30px;
	padding:0;
  }
  
#slids{
	margin-top:20px;
	position:relative;
	
}

.bxslider{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	
}
	
.bxslider img{
	width:100%;
	height:auto;
	
	}
	

#logo{
	display:none;
}
  
/*---------Slide部分 END------------------------------*/


#facebook img{
	width:30px;
	height:30px;
	
}
#twitter img{
	width:30px;
	height:30px;
}
#instagram img{
	width:30px;
	height:30px;
}
#blog img{
	width:40px;
	height:40px;
	margin:-5px auto 0;
	
}
footer p#blog2{
	display:none;
}

#ownerLink{
	height:40px;
	bottom:0;
	margin-top:10px;
	margin-bottom:20px;
	
	}
#ownerLink p{
	width:25%;
	float:left;
	display:block;
	text-align:center;
	
	
}
small{
	clear:both;
	width:95%;
	margin:10px auto;	
	padding:0;
	text-align:center;
}
p#copyright{
		font-size:0.9em;
	margin:0 auto;	
	padding:0;
	text-align:center;
	color:#555;
	font-family:"游明朝",  "Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro" ,serif;
}




}



/*--------------タブレット用記述  END-------------------*/


/*--------------ここからPC用記述------------------------*/
@media only screen and (min-width:769px){
	
body{
	width:100%;
	height:auto;
	

}

#wrapper{
	width:768px;
	margin:auto;
	position:relative;
}

header{
	width:768px;
	height:45px;
	margin:63px auto 29px;
	text-align:center;
}

header, x:-moz-any-link{
	margin:63px auto 29px;
}

header h1 img{
	width:658px;
}


#logo2{
	display:none;
}
/*---------Nav部分　Start!!－－－－－－－－－－－－－*/
#topnav{
	width:740px;
	height:auto;
	margin:0 auto;
}
nav il{
	width:95%;
	height:auto;
	margin:0 auto;
	padding-left:0;
	text-align:center;
	
	
}

nav ul li{
	width:16.6%;
	height:auto;
	float:left;
	margin:8px auto 5px;
	padding:0;
	text-align:center;
}


/*---------Nav部分終了！！！--------------------------*/


/*---------Slide部分----------------------------------*/

#slides {
	clear:both;
	width: 768px;
	height:auto;
	margin:6px auto;
	border-top:#999 1px solid;
	padding:25px 0 0 0;
	z-index:0;
	position:relative;
}


  
  
  

/*---------Slide部分 END------------------------------*/

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

#facebook img{
	width:30px;
	height:30px;
	
}
#twitter img{
	width:30px;
	height:30px;
}
#instagram img{
	width:30px;
	height:30px;
}

footer p#blog{
	display:none;
}
footer p#blog2{
	display:block;
	width:40px;
	height:40px;
	margin:0;
	
}

#ownerLink{
	height:40px;
	bottom:0;
	
	
	}
#ownerLink p{
	width:30px;
	float:left;
	padding-right:10px;
	
}

small{
	clear:both;
	width:740px;
	height:auto;
	text-align:center;
	margin:0 auto;
	
}

/*small p{
	width:330px;
	text-align:center;
	font-size:0.9em;
	margin:-44px auto 20px;
	color:#555;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}*/
p#copyright{
	width:330px;
	text-align:center;
	font-size:0.9em;
	margin:-44px auto 20px;
	color:#555;
	font-family:"游明朝", "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",,"ＭＳ Ｐ明朝", "MS PMincho", serif;
}




/*small p, x:-moz-any-link{
	position:absolute;
	bottom:-11px;
	left:238px;
	width:300px;
	font-size:1.0em;
	text-align:center;
}*/
p#copyright, x:-moz-any-link{
	position:absolute;
	bottom:-11px;
	left:238px;
	width:300px;
	font-size:1.0em;
	text-align:center;
}




#logo{
	display:block;	
	position:absolute;
	top:540px;
	left:650px;

}
}
/*--------------PC用記述   END  ------------------------*/