ol, ul{
	list-style: none;
} blockquote, q{
	quotes: none;
} 
blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;
} :focus{
	outline: 0;
} 
ins{
	text-decoration: none;
} 
del{
	text-decoration: line-through;
} 
table{
	border-collapse: collapse;
	border-spacing: 0;
} 

/*ヘッダ背景透過*/  
header {
    background-color: #993333; /*PCヘッダBG*/ 
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 0px solid #4C9CF1;
    z-index: 100;
} 
#logo{
	margin: 10px;
	float: left;
	width: 300px;
	height: 40px;
	background: url(../img/rogo.png) no-repeat center;
	display: block;
} 
nav {
	float: right;
	padding-top: 10px;
	padding-right: 22px; /*メニュー右スペース*/ 
	padding-left: 10px;
	padding-bottom: 10px;
} 
#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../img/menu.png) center;
} 
a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
} 
nav ul {
	list-style: none;
} 
nav li {
	display: inline-block;
	float: left;
	padding: 10px 12px;
	margin: 1px;
	background-color: #FFFFFF; /**/ 
} 
nav li a:link {
	color: #000000; /**/ 
	text-decoration: none;
	font-weight: bold;
} 
nav li a:visited {
	color: #000000; /**/ 
}
nav li a:hover {
	color: #55ABE0; /**/ 
} 

/*MEDIA QUERY 折畳タイミング*/ 
@media only screen and (max-width : 890px) { 
header {
    position: fixed;
    background-color: #993333; /*スマホヘッダBG*/ 
} 
#menu-icon {
	display: inline-block;
} 
nav ul, nav:active ul {
	display: none;
	position: absolute;
	padding: 0px;
	background: #fff;
	border: 1px solid #CCCCCC; /**/ 
	right: 20px;
	left: 20px;
	top: 60px;
} 
nav li {
	text-align: center;
	width: 100%;
	margin: 0;
} 
nav:hover ul {
	display: block;
}
}