@charset "utf-8";

@media screen and (max-width:750px){
/*横幅750px以下のCSS（スマホ）*/

a.white {
	color: #ffffff;
	text-decoration: underline;
}
a.white:visited { color:#ffffff;}
a.white:hover   { text-decoration:none;}

.bg01 {
	background:#003399;
}

.bg02 {
	padding: 10px;
	background:#1241a0;
}

.bg03 {
	margin: 0 3.4%;
	background:#ffffff;
}

.bg04 {
	border: medium solid #ffcc00;
}

.text01 {
	margin: 0 5%;
	width: 90%;
}

.text02 {
	margin: 0 5%;
	width: 90%;
}

.btn {
	margin: 40px auto;
	width: 302px;
}

.btn {
    background: url("../img/btn01_on.png") no-repeat;
}
 
.btn a {
    display: inline-block;
}
 
.btn a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.btn a:hover img {
    visibility: hidden;
}

}

@media screen and (min-width: 751px){
/*横幅751px以上のCSS（パソコン）*/

a.white {
	color: #ffffff;
	text-decoration: underline;
}
a.white:visited { color:#ffffff;}
a.white:hover   { text-decoration:none;}

.bg01 {
	background:#003399;
}

.bg02 {
	padding: 10px;
	background:#1241a0;
}

.bg03 {
	margin: 0 25px;
	background:#ffffff;
}

.bg04 {
	border: medium solid #ffcc00;
}

.text01 {
	margin: 0 25px;
	width: 700px;
}

.text02 {
	margin: 0 30px;
	width: 640px;
}

.btn {
	margin: 40px auto;
	width: 302px;
}

.btn {
    background: url("../img/btn01_on.png") no-repeat;
}
 
.btn a {
    display: inline-block;
}
 
.btn a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.btn a:hover img {
    visibility: hidden;
}

}