@charset "utf-8";
header {
font-family: "heisei-kaku-gothic-std",sans-serif;
width:100%;
max-width:930px;
margin:0 auto;
padding:0;
z-index: 999999;
}
.headnav nav{
	width: 100%;
	max-width:930px;
	padding:0;
	margin: 0 auto 20px auto;
	text-align: right;
	vertical-align: top;
	top:0;
    line-height: 100%;
}
.logo{
	width:202px;
	padding: 0;
	margin-top: 5px;
	float: left;
}
.headnav nav ul{
	margin:0;
	padding: 0;
	text-align: right;
	display:inline-block;
	color: #FFFFFF;
	list-style: none;
}
.headnav nav ul li{
display:inline-block;
padding:0;
}
.headnav nav ul li{
font-size: 100%;
display:inline-block;
text-align: center;
margin:0;
height: auto;
color: #FFFFFF;
background: #EE7800;
	text-decoration: none;
	-webkit-border-radius:0 0  3px 3px;
	-moz-border-radius: 0 0 3px 3px; 
	border-radius:0 0  3px 3px;
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
}
.headnav nav ul li a{
    display: inline-block;
color: #FFFFFF;
 padding:15px 20px;
    text-decoration: none;
}
.headnav nav ul li a:hover{
	color: #FFFFFF;
	background:#949494;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
    -webkit-border-radius:0 0  3px 3px;
	-moz-border-radius: 0 0 3px 3px; 
	border-radius:0 0  3px 3px;
}
.h_shop{
font-size: 100%;
display:inline-block;
text-align: center;
margin:0;
height: auto;
padding:6px 5px 4px 15px !important;
color: #FFFFFF;
background: #EE7800;
	-webkit-border-radius:0 0  3px 3px;
	-moz-border-radius: 0 0 3px 3px; 
	border-radius:0 0  3px 3px;
}
.h_shop span {
font-size: 90%;
text-align: center;
margin:0;
height: auto;
color: #FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px; 
	border-radius:5px;
}
.h_shop span a{
font-size: 85%;
text-align: center;
margin:0;
padding: 10px  !important;
height: auto;
color: #FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px; 
	border-radius:5px;
}
.h_shop span a:hover{
	-webkit-border-radius:5px !important;
	-moz-border-radius:5px!important; 
	border-radius:5px!important;
}


.main_slide{
	margin: 0 auto;
}

@media (max-width: 640px)
{
	.logo {
		width:160px;
		height: auto;
		top:3px;
		left:10px;
		position: absolute;
		
} 
.headnav nav{
	width: 100%;
	max-width:930px;
	padding:0;
	margin: 0 auto 20px auto;
	text-align: right;
	vertical-align: top;
	top:0;
    line-height: 100%;
}

.headnav nav ul{
	margin:0;
	padding: 0;
	text-align: right;
	display:inline-block;
	color: #FFFFFF;
	list-style: none;
}
.headnav nav ul li{
display:block;
padding:0;
}
.headnav nav ul li{
font-size: 100%;
display:block;
text-align:left;
margin:0;
height: auto;
color: #FFFFFF;
background: #EE7800;
	text-decoration: none;
	-webkit-border-radius:0;
	-moz-border-radius: 0; 
	border-radius:0;

}
.headnav nav ul li a{
    display: inline-block;
color: #FFFFFF;
 padding:15px 20px;
    text-decoration: none;
}
.headnav nav ul li a:hover{
	color: #FFFFFF;
	background:#949494;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
    	-webkit-border-radius:0;
	-moz-border-radius: 0; 
	border-radius:0;
}
.h_shop{
color: #000000;
background: #ffffff;
    width:100%;
    height:40px;
    text-align: left;
    padding:10px;
    line-height: 250%;
    margin:0 0 0 0;
}
.h_shop span {
    width: 85%;
font-size: 100%;
    height: 32px;
    display: block;
text-align: left;
margin:0 0 0 0;
    padding:0 0 20px 0;
color: #000000;
    border-bottom: rgba(143,143,143,1.00) solid 1px;
    -webkit-border-radius:0;
	-moz-border-radius: 0; 
	border-radius:0;
}
.h_shop span a{
font-size: 100%;
text-align: left;
color: #000000;
display: block;
    margin:0 0 0 -15px;
    padding:0 0 20px 0;
    
}

}