@charset "utf-8";

#contents {
    z-index: 0;
}
/* title-area */
#main #title-area {
	height: 43px;
	padding: 0 0 0 11px;
	margin: 0 0 0 -11px;
	background: url(../img/title_area_bg.png) no-repeat;
}
#main #title-area h1 {
	position: absolute;
	top: 14px;
	left: 12px;
}
#main #title-area .update {
	top: 14px;
	right: 12px;
}

/* main-inner */
#main #main-inner {
	background: url(../img/main_inner_bg.gif) repeat-y;
	border: none;
}
#main #main-inner img {
	vertical-align: bottom;
}

/* article01 */
#main .article01 {
	margin-left: -32px;
}

/* article02 */
#main .article02 {
	margin-left: -42px;
}
.article02 .movieArea {
    height: 720px;
    position: relative;
}
.article02 .movieArea .movie01,
.article02 .movieArea .movie02,
.article02 .movieArea .movie03,
.article02 .movieArea .movie04,
.article02 .movieArea .frame,
.article02 .movieArea .movie {
    position: absolute;
}
.article02 .movieArea .inner {
    position: relative;
}
.article02 .movieArea .movie01 {
    top: 68px;
    left: 355px;
}
.article02 .movieArea .movie02 {
    top: 68px;
    left: 634px;
}
.article02 .movieArea .movie03 {
    top: 408px;
    left: 355px;
}
.article02 .movieArea .movie04 {
    top: 408px;
    left: 634px;
}
.article02 .movieArea .inner .frame {
    top: 0;
    z-index: 999;
}
.article02 .movieArea .inner .movie {
    top: 8px;
    left: 8px;
}

.article02 .movieArea .inner .movie .movie-yt {
	width: 260px;
	height: 150px;
}
.article02 .movieArea .inner .movie .movie-yt iframe {
	width: 260px;
	height: 150px;
}

/* article03 */
#main .article03 {
	margin-left: -42px;
}
#main .article03 .inner{
	background: url(../img/article03_bg01.png) no-repeat;
	text-align: center;
	height: 545px;
    margin-top: -200px;
    padding-top: 200px;
    z-index: -1;
}
.article03 .movieArea {
    padding-top: 5px;
    position: relative;
    height: 332px;
    width: 556px;
    margin: 0 auto; 
}
.article03 .movieArea div {
    position: absolute;
}
.article03 .movieArea .frame {
    top: 0;
    z-index: 999;
}
.article03 .movieArea .movie {
    top: 9px;
    left: 4px;
}
.article03 .movieArea .movie .movie-yt {
	width: 540px;
	height: 315px;
}
.article03 .movieArea .movie .movie-yt iframe {
	width: 540px;
	height: 315px;
}
.article03 .popup {
    padding-top: 5px;
}
.article03 .dl {
    padding-top: 30px;
}
.article03 .txt {
    padding-top: 10px;   
}
.article03 .txt p {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}


/*--------------------------------------------------------------------
pop
--------------------------------------------------------------------*/
#mv_pop{
	position:fixed;
	width:100%;
    height:100%;
	min-height:100%;
	top: 0px;
    left: 0px;
	z-index:97;
    overflow:auto;
    overflow-x:hidden;
	display:none;
}
#mv_pop #mv_popBox{
	width:960px;
	height:2670px;
    position: absolute;
    _position: absolute; /* IE6対策 */
    top: 0;
    left: 50%;
    margin-top: 60px;
    margin-left: -480px;
	display:none;
    z-index:1;
}
#mv_pop .close_wrap{
    position:absolute;
    top:0px;
    right:0;
    z-index:199;
}
#mv_pop .close{
    margin:0;
}
#mv_pop .btm_close{
    position:relative;
    width:100%;
    top:2550px;
    z-index:199;
    text-align:center;
}
#mv_pop #mv_popBox .img{
    position:absolute;
    top:289px;
    left:0px;
    z-index:98;
}
#mv_pop .bg,
#mv_pop2 .bg,
#mv_pop3 .bg,
#mv_pop4 .bg,
#mv_pop5 .bg {
    position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	background:#000;
	filter: Alpha(Opacity=80);
	opacity: 0.80;
    z-index:0;
}
#mv_pop #mv_popBox .pop1_logo{
    position:absolute;
    top:-54px;
    left:-120px;
    z-index:130;
}
#mv_pop #mv_popBox .title{
    position:absolute;
    top:347px;
    left:99px;
    z-index:133;
}
#mv_pop #mv_popBox .dl_btn{
    position:absolute;
    top:1412px;
    left:99px;
    z-index:232;
}
#mv_pop #mv_popBox .howto{
    position:absolute;
    top:1629px;
    left:517px;
    z-index:231;
}
#mv_pop #mv_popBox .pop1_movie_wrap{
    position:absolute;
    width:574px;
    height:314px;
    top:968px;
    left:192px;
    z-index:110;
    overflow:hidden;
}
#mv_pop #mv_popBox #pop1_movie{
    position:absolute;
    width:610px;
    height:343px;
    top:0px;
    left:-18px;
    z-index:103;
}
#mv_pop #mv_popBox #pop1_movie iframe{
    position:absolute;
    top:-8px;
    left:18px;
    width:574px;
    height:323px;
}
#mv_pop #mv_popBox #pop1_movie img{
    margin:0 0 0 18px;
    z-index:0;
}
#mv_pop #mv_popBox .movie_btn{
    position:absolute;
    width:574px;
    height:314px;
    top:968px;
    left:192px;
    z-index:120;
    display:none;
}
#mv_pop #mv_popBox .movie_btn a:hover{
    display:block;
    width:574px;
    height:314px;
    background:rgba(0,0,0,0.4);
}
#mv_pop #mv_popBox .movie_waku{
    position:absolute;
    width:598px;
    height:338px;
    top:956px;
    left:180px;
    z-index:111;
    pointer-events: none;
}


#mv_pop2{
	position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	top: 0px;
    left: 0px;
	z-index:97;
    overflow:auto;
	display:none;
}
#mv_pop2 #mv_popBox2{
	width:960px;
	height:1239px;
    position: absolute;
    _position: absolute; /* IE6対策 */
    top: 0;
    left: 50%;
    margin-top: 60px;
    margin-left: -480px;
	display:none;
    z-index:1;
}
#mv_pop2 .close_wrap{
    position:absolute;
    top:0px;
    right:0;
    z-index:99;
}
#mv_pop2 .btm_close{
    position:relative;
    width:100%;
    top:40px;
    z-index:199;
    text-align:center;
}
#mv_pop2 #mv_popBox2 .img{
    width:960px;
	height:999px;
    margin-top:78px;
}
#mv_pop2 #mv_popBox2 .pop2_link{
    position:absolute;
    top:1021px;
    left:427px;
}

#mv_pop4{
	position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	top: 0px;
    left: 0px;
	z-index:97;
    overflow:auto;
	display:none;
}
#mv_pop4 #mv_popBox4{
	width:960px;
	height:1570px;
    position: absolute;
    _position: absolute; /* IE6対策 */
    top: 0;
    left: 50%;
    margin-top: 60px;
    margin-left: -480px;
    display:none;
    background: url("../img/pop4_bg.png") no-repeat center 112px;
    z-index:1;
}
#mv_pop4 .close_wrap{
    position:absolute;
    top:0px;
    right:0;
    z-index:99;
}
#mv_pop4 .btm_close{
    position:relative;
    width:100%;
    top:80px;
    z-index:199;
    text-align:center;
}
#mv_pop4 #mv_popBox4 .chara1{
    position:absolute;
    top:46px;
    left:-30px;
}
#mv_pop4 #mv_popBox4 .chara2{
    position:absolute;
    top:31px;
    right:-18px;
}
#mv_pop4 #mv_popBox4 .popBox4_inn{
    position:relative;
    padding-top:180px;
    z-index:30;
}
#mv_pop4 #mv_popBox4 .popBox4_inn .title{
    margin-left:81px;
}
#mv_pop4 #mv_popBox4 .popBox4_inn .alex{
    margin:40px 34px 32px;
}
#mv_pop4 #mv_popBox4 .popBox4_inn .point{
    width:880px;
    margin:32px auto 0;
}
#mv_pop4 #mv_popBox4 .popBox4_inn .point .tit{
    margin-top:40px;
}
#mv_pop4 #mv_popBox4 .popBox4_inn .point .tit1{
    margin-top:0px;
}
#mv_pop4 #mv_popBox4 .popBox4_inn .point .text{
    margin-top:20px;
}

#mv_pop4 #mv_popBox4 .pop4_link{
    position:absolute;
    top:1021px;
    left:427px;
}

#mv_pop5{
	position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	top: 0px;
    left: 0px;
	z-index:97;
    overflow:auto;
	display:none;
}
#mv_pop5 #mv_popBox5{
	width:960px;
	height:1000px;
    position: absolute;
    _position: absolute; /* IE6対策 */
    top: 0;
    left: 50%;
    margin-top: 60px;
    margin-left: -480px;
    display:none;
    z-index:1;
}
#mv_pop5 .close_wrap{
    position:absolute;
    top:0px;
    right:50px;
    z-index:99;
}


/* main-footer */
.main-footer {
	position: relative;
	margin: 20px 0 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #C1C1C1;
}
.main-footer .f-hard {
	position: absolute;
	top: 0;
	right: 0;
}
.f-border .f-hard {
	top: 20px;
}
.f-wrap {
	margin: 36px 0 0;
}
.main-footer .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer .f-contents {
	float: right;
	width: 514px;
}
.main-footer .f-icon {
	float: left;
}
.main-footer .f-name {
	position: relative;
	float: right;
	width: 443px;
	height: 55px;
}
.main-footer .f-soft-ttl {
	position: absolute;
	top: 10px;
}
.main-footer .f-copyright {
	position: absolute;
	bottom: 10px;
	color: #FFF;
	font-size: 9px;
}
.main-footer .f-note01 {
	margin: 5px 0 15px;
	color: #FFF;
	font-size: 9px;
}
.main-footer .f-btn {
	margin: 15px 0 0;
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}