@charset "utf-8";
/* CSS Document */



body {
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-position: center top;
	background-color: #183e4f;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	}

#main_bg {
	background-image:url(../img/main_bg.jpg);
	background-repeat:no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	}
	
#page_bg {
	background-image:url(../img/page_bg.jpg);
	background-repeat:no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	}	

#faq_bg {
	background-image:url(../img/faq_bg.jpg);
	background-repeat:no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	}	
	

.main_fla{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	margin-left: auto;
}

.howto_fla{
	margin-top:24px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	width: 674px;
	margin-left: auto;
}

.menu{
    padding-top: 56px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;

}


a.menu01{
	display:block;
	width:125px;
	height:68px;
	background-image:url(../img/menu01.jpg);
	background-repeat: no-repeat;
}
a:hover.menu01{
    background-image:url(../img/menu01on.jpg);
}

a.menu02{
	display:block;
	width:107px;
	height:68px;
	background-image:url(../img/menu02.jpg);
	background-repeat: no-repeat;
}
a:hover.menu02{
    background-image:url(../img/menu02on.jpg);
}

a.menu03{
	display:block;
	width:122px;
	height:68px;
	background-image:url(../img/menu03.jpg);
	background-repeat: no-repeat;
}
a:hover.menu03{
    background-image:url(../img/menu03on.jpg);
}

a.menu04{
	display:block;
	width:65px;
	height:68px;
	background-image:url(../img/menu04.jpg);
	background-repeat: no-repeat;
}
a:hover.menu04{
    background-image:url(../img/menu04on.jpg);
}


.page_main{
	width: 736px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 65px;
	padding-top: 25px;
　　font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}

.box01{
	width: 630px;
	height: 300px;
	padding-top: 20px;

}

.box02{
	width: 590px;
	height: 400px;
	padding-top: 40px;
	padding-left:60px;
}

.movie{
	width: 425px;
	height: 344px;
	padding-top: 60px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:61px;

}

.font_y{
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 20px;
	
    color:#f8f495
}


.font_q{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	font-style: normal;

}

.dot{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	height: 2px;
	width: 300px;
	margin-top: 12px;
	margin-bottom: 12px;
}

div.app_info{
width:780px;
border:#FF0000 2px solid;
font-size:14px;
text-align:center;
font-weight:bold;
margin-bottom:10px;
padding:5px;
margin-left:auto;
margin-right:auto;
}
