@charset "utf-8";

	
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body {
    height:100%;
    width:auto;
	margin: 0px;
	padding: 0px;
    overflow:hidden;
	font-family: 'Noto Sans Japanese', serif, Arial;
}

.header{
	height: 14%;
	background: url(../images/imgbg_bg_b.jpg);
	padding-right: 0;
	padding-bottom: 0;
	position: relative;
	display: table;
	width: 100%;
	vertical-align: middle;
}

h1{
	font-weight: 800;
	color: #FFF;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	margin-top: -5%;
	font-size: 90%;
	padding-left: 3%;
}

.wrap{
    height:77%;
    overflow-y:auto;
}
.contents{
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 85%;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.94) 13.99%,rgba(255,255,255,1.00) 61.14%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.94) 13.99%,rgba(255,255,255,1.00) 61.14%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.94) 13.99%,rgba(255,255,255,1.00) 61.14%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.94) 13.99%,rgba(255,255,255,1.00) 61.14%,rgba(255,255,255,0.00) 100%);
	font-size: 40%;
}

h2{
	font-size: 110%;
	color: #329ea4;
	border-bottom: 1px solid #3e868a;
	font-weight: 600;
	text-indent: 6px;
	white-space: normal;
}

p{
	margin: 1%;
	line-height: 180%;
	font-weight: 300;
}

ul{
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 4%;
}

li{
	color: #3e868a;
	margin-bottom: 15px;
	font-size: 80%;
}
.footer{
	height: 10%;
	overflow: hidden;
	background: url(../images/imgbg_bg_b.jpg);
	width: 100%;
	display:block;
}

.footer .logo{
    margin-top:-4%;
    float:right;
    margin-right:5%;
}
/*.footer img{
    margin-top:-10px;
    height:25px;
}*/

table{
	width: 100%;
}
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
    
}
td, th {
	padding-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	height: 25px;
	width: 33.33%;
}

td{
	text-align: right;
	background-color: #FFFFFF;
}
th {
	background-color: #0479AA;
	color: #FFFFFF;
}

.popbg01{ background:url(../images/popbg01.png) no-repeat; background-position:right bottom; background-size:1005px auto;}
.popbg01-2{ background:url(../images/popbg01-2.png) no-repeat; background-position:right bottom; background-size:1005px auto;}
.popbg01-3{ background:url(../images/popbg01-3.png) no-repeat; background-position:right bottom; background-size:1005px auto;}


.popbg02{ background:url(../images/popbg02.png) no-repeat; background-position:right bottom; background-size:1005px auto;}

.popbg03{ background:url(../images/popbg03.png) no-repeat; background-position:right bottom; background-size:1005px auto;}
.popbg03-2{ background:url(../images/popbg03-2.png) no-repeat; background-position:right bottom; background-size:1005px auto;}

@media screen and (max-width: 330px) {
h1{
    font-size:27%;
	margin:1%;
    color:#FFF;
}

.header{
    height:11%;
    background:url(../images/imgbg_bg_b.jpg);
    padding:2%;
}
h2{
    font-size:25%;
    color:#329ea4;
    border-bottom:1px solid #3e868a;
}
}
.footer table{ background:none;}
.footer td{ background:none; border:none;}
.footer .tb1,.footer .tb2,.footer .tb3{ width:33.3%; text-align:center;}

a.back{ height:90%; float:left; padding:5%; display:block;}
a.next{ height:90%; float:right; padding:5%; display:block;} 
a.close{ height:90%; margin:auto; padding:5%; display:block;}