body {
    width:100%; max-width:800px;
    font-family: "メイリオ", Meiryo, "MS Pゴシック", Osaka, sans-serif;
    font-size:16px; margin:0 auto;
}

#header{
    width:98%; margin:0 auto;
    background-image:url("img/header-background.jpg");
    background-size:cover;
    background-position:50%;
}

#header h1{
    color: #ffffff; font:bold;
    margin:0px; text-align:center;
}

#header p{
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    #header{ height: 285px; }
    #header h1{ font-size:40px; padding-top:50px; padding-bottom:0px; }
    .no-pc { display:none; }
    #header p{
	padding-top:15px;
	padding-bottom:0px;
	padding-right:10px;
	border:0px;
	margin:5px;
	text-align:right;
    }
}

@media screen and (max-width: 767px) {
    #header { min-height:150px; }
    #header h1{ font-size:24px; padding-top:20px; padding-bottom:0px; }
    .no-sp { display:none; }
    #header p{
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	font-size:14px;
    }
}

#contents { width:98%; margin:0 auto; margin-top:10px; }

#main {
    width:100%;
    margin-top:0px;
    font-size:80%;
    text-align:center;
}

#main h2{
    text-align:center;
    background-color: #FCFEFE;
    padding-top:20px;
    padding-bottom:20px;
    border-collapse: separate;
    border-spacing: 1px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 3px solid #aaaaaa;
    border-bottom: 3px solid #aaaaaa;
    margin-top:1px;
    margin-bottom:10px;
    width:99%;
}

#main p { width:98%; margin:0 auto; margin-bottom:10px; text-align:left; font-size:16px; }

@media screen and (min-width: 768px) {
    #main img { width:48%; }
}

@media screen and (max-width: 767px) {
    #main h2 { font-size:18px; }
    #main img { width:98%; padding-bottom:10px; text-align:center; }
}

#main h3 { text-align:left; }

#main iframe {
    width:100%;
    height:300px;
}

#main table{
    color: #666666;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    border-spacing: 1px;
}

#main th{
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #E1E2E6;
    white-space:nowrap;
    width:40%;
}

#main td{
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #EFF2F3;
}

#main img{
    border-left:0px;
    padding-left:0px;
    margin:0px;
    font-size:80%;
}

#footer {
    clear:both;
    font-family: Arial, Helvetica, sans-serif;
    font-size:80%;
    font-style:normal;
    text-align:center;
    border-top:2px solid #aaaaaa;
    padding-top:5px;
    margin-top:15px;
    margin-bottom:85px;
}

@media screen and (min-width: 768px) {
    #bottom { display: none; }
}

#bottom {
    clear:both;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 70px;
    background-color: #1e90ff;
    text-align: center;
}

#bottom img {
    height: 100%;
}