@charset "utf-8";
@media screen and (min-width:481px){
.txt12-16 {

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 12px;

	line-height: 16px;

}

.txt10-14 {

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 10px;

	line-height: 14px;

}

.intro{
	width:400px;
	margin:50% auto;
	font-size:36px;
	font-family:"メイリオ";
	color:#C00;
	font-weight:bold;
	text-align:center;
	display:none;
	
}
	



#headerWrapper{
width:100%;
position:absolute;
position:fixed;
top:0px;
left:0px;
background:#FFF;
z-index:99;
}

.headline{
	width: auto;
	height: 5px;
	background:#006;
	overflow:hidden;
}

.topmenu{
	width: inherit;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.topmenu img{
width:100px;
height:27px;

border:none;
margin:1px 1px;
transition:0.3s;
overflow:hidden;
}





.headTop{
	width: 800px;
	height: 63px;
	position: relative;
	margin:0 auto;
	
}

.headTop img{
	width: 824px;
	height: 63px;
}

.pinImg{
	position:absolute;
	top:0px;
	left:-3px;
}

.logo{
	font-size:40px;
	font-family:"メイリオ";
	font-weight:bold;
	color:#00CCFF;
	text-shadow:2px 2px 1px #888888;
	position:absolute;
	top:-5px;
	left:127px;
	letter-spacing: 0.01em;
	padding:0 0;

}





footer{
	width: 100%;
	height: 25px;
	background: #006;
	bottom: 0px;
	position: fixed;
	color: #FFF;
	font-family: "メイリオ";
	z-index: 100;
   }
   
.footerWrapper{
	width: 820px;
	height: 25px;
	position: relative;
	margin: 0 auto;
}

.copyright{
	font-size:12px;
	position:absolute;
	bottom:2px;
	left:2px;
}

.topPage{display:inline;}

.topMes{display:none;}
}

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



.intro{
	width:400px;
	margin:50% auto;
	font-size:36px;
	font-family:"メイリオ";
	color:#C00;
	font-weight:bold;
	text-align:center;
	
}

image{
	max-width:100%;
height: auto;
width /***/:auto;　
}


.txt12-16 {

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 12px;

	line-height: 16px;

}

.txt10-14 {

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 10px;

	line-height: 14px;

}


#headerWrapper{
text-align:center;
width:100%;
margin:0 auto;
position:absolute;
position:fixed;
background:#FFF;
top:0px;
left:0px;
z-index:99;
}

.headline{
	width: auto;
	height: 2px;
	background:#006;
}



.topmenu img{
	width: 25%;
	border: none;
	height: 28px;

}




.headTop{
	width: 100%;
	position: relative;
	background: white;
}

.headTop img{
	width: 99%;
	margin: 1px auto;
	
}

.pinImg{
	position:absolute;
	top:0px;
	left:-3px;
}

.logo{
	font-size:40px;
	font-family:"メイリオ";
	font-weight:bold;
	color:#00CCFF;
	text-shadow:2px 2px 1px #888888;
	position:absolute;
	top:-5px;
	left:127px;
	letter-spacing: 0.01em;
	padding:0 0;

}



footer{
	width:100%;
	height:15px;
	background:#006;
	bottom:0px;
	position:fixed;
    color:#FFF;
	font-family:"メイリオ";
	z-index:1;
	transition:1.5s;
	
   }
   
.footerWrapper{
	width:100%;
	height:15px;
	position:relative;
	margin:0 auto;
}

.copyright{
	font-size:9px;
	position:absolute;
	bottom:0px;
	left:4px;
}

.topPage{
	display:none;
	}
	
.topMes{
display:none;
}

}