@charset "Shift_JIS";

body#index{
	background:url(../images/index/bg01.jpg) repeat-x top center;
	height:1260px;
	min-width:960px;
	position: relative;
}

#footer{
	position:absolute;
	top:1230px;
}

#header .p3{
	position: absolute;
	left: 50%;
	top: 48px;
	margin-left: 447px;
}

#header .campaign{
	width:170px;
	height:171px;
	position: absolute;
	left: 50%;
	top: 24px;
	margin-left: 206px;
	z-index: 10;
}


/* #main */
#container #main{
	width:100%;
	height:584px;
	position: relative;
	overflow: hidden;
	background:url("../images/index/top_img.jpg") no-repeat 50% 0;
}
#container #main a#btnPortal{
	position:absolute;
	top:20px;
	left: 50%;
	margin-left:340px;
}
#container #main h1{
	position: absolute;
	left: 50%;
	top:390px;
	margin-left: -158px;
	text-align: center;
}

#container #main .btn_goto_mariou{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -461px;
}



#container #main .btn_how_to_play{
	width:191px;
	height:191px;
	position: absolute;
	left: 50%;
	top: 376px;
	margin-left: -393px;
}
#container #main .btn_how_to_play div{
	width:191px;
	height:191px;
	position:relative;
}


#container #main .btn_how_to_play .check{
	position: absolute;
	left: 50%;
	top: -16px;
	margin-left: -38px;
}

#container #main .btn_video{
	width:194px;
	height:149px;
	position: absolute;
	left: 50%;
	top: 403px;
	margin-left: 200px;
}
#container #main .btn_video div{
	width:194px;
	height:149px;
	position:relative;
	
}

#container #main .btn_video p{
	position: absolute;
	left: 14px;
	top: 11px;
}

#container #main .btn_video p.b2{
	display: none;
}

#container #main .btn_video p.b3{
	display: none;
}

#container #main .btn_video .new{
	position: absolute;
	left: -15px;
	top: -15px;
}

#container #main .btn_video p.btn1{}
#container #main .btn_video p.btn1{ display: none;}




/* #pic */
#container #pic{
	height: 70px;
	width: 100%;
	position: relative;
	background: url(../images/index/slider_img.jpg) 0 0 repeat-x;
}


/* #navi_top */
#container #navi_top{
	width: 790px;
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
	height: 60px;
}

#container #navi_top p{
	position: absolute;
}
#container #navi_top p a{
display:block;
}

#container #navi_top .cource{
	width:260px;
	height:60px;
	position: absolute; left: 0; top: 0;
}

#container #navi_top .action{
	width:260px;
	height:60px;
	position: absolute; left: 260px; top: 0;
}

#container #navi_top .use{
	width:260px;
	height:60px;
	position: absolute; left: 525px; top: 0;
}

#container #navi_top .back_to_top{
	position: absolute;
	left: -65px;
	top: 0;
	float: none;
	display: none;
}

#container #navi_top .cource{}

#container #navi_top .action{
	margin-left: 5px;
}

#container #navi_top .use{
	margin-left: 5px;
}


/* #wrap */
#container #wrap{
	
	padding-top: 30px;
	clear: both;
	width: 794px;
	height: 354px;
	margin: 0 auto;
	position: relative;
}

/*  #wrap .prev */
#container #wrap .prev{
	position: absolute;
	left: 50%;
	top: 179px;
	margin-left: -456px;
	display: none;
}
/*  #wrap .next */
#container #wrap .next{
	position: absolute;
	left: 50%;
	top: 179px;
	margin-left: 404px;
	display: none;
}

/*  #wrap .totten */
#container #wrap .totten{
	position: absolute;
	left: 50%;
	top: 212px;
	margin-left: -434px;
	display: none;
}

/* #contents */
#container #contents{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#container #contents .inner{
	width: 6000px;
	position: relative;
}


#container #contents  .inner .inbg{
	background: url(../images/index/bg03.jpg) center top no-repeat;
	width: 794px;
	height: 354px;
	margin: 0 auto;
	position: absolute;
	left: 0;
}

#container #contents .inner .inbg h2{
	margin: 25px 0 0 124px;
}
#container #contents .inner .inbg .p1 { position: absolute; left: 20px; top: 20px;}
#container #contents .inner .inbg .p2 {
	margin: 20px 0 0 125px;
}

#container #contents .inner .inbg .imgs{
	margin: 23px auto 0 auto;
	overflow: hidden;
}

#container #contents .inner .inbg .imgs p{
	float: left;
	margin-left: 7px;
}


/* #product_css */
#container #contents .inner #product_css.inbg{
	background: url(../images/index/bg02.jpg) center top no-repeat;
	width: 794px;
	height: 354px;
	margin: 0 auto;
}
#container #contents .inner  #product_css h2{ 
	position: absolute; left: 22px; top: 23px;
	margin: 0;
}

#container #contents .inner #product_css .detail{ position: absolute; left: 18px; top: 55px; }
#container #contents .inner #product_css .detail h3{ position: absolute; left: 34px; top: 23px; }
#container #contents .inner #product_css .detail .p1{ position: absolute; left: 34px; top: 167px; }
#container #contents .inner #product_css .detail .p2{ 
	position: absolute; left: 32px; top: 64px;
	margin: 0;
}
#container #contents .inner #product_css .detail .p3{ position: absolute; left: 142px; top: 64px; }
#container #contents .inner #product_css .detail .p4{ position: absolute; left: 413px; top: 60px; }
#container #contents .inner #product_css .detail .p5{ position: absolute; left: 410px; top: 26px; }
#container #contents .inner #product_css .detail .p6{ position: absolute; left: 503px; top: 60px; }
#container #contents .inner #product_css .detail .p7{ position: absolute; left: 502px; top: 93px; }
#container #contents .inner #product_css .detail .p8{ position: absolute; left: 501px; top: 118px; }
#container #contents .inner #product_css .detail .b1{ position: absolute; left: 141px; top: 118px; }
#container #contents .inner #product_css .detail .year_of{position: absolute; left: 674px; top: 20px;}
#container #contents .inner #product_css .detail .pdf{position: absolute; left: 560px; top: 182px;}


#container #contents .inner #product_css .info{ position: absolute; left: 23px; top: 274px; }
#container #contents .inner #product_css .info .cero{ position: absolute; left: 0; top: 10px; }
#container #contents .inner #product_css .info .network{ position: absolute; left: 38px; top: 10px; }
#container #contents .inner #product_css .info .p1{ position: absolute; left: 180px; top: 0; }
#container #contents .inner #product_css .info .p2{ 
	position: absolute; left: 370px; top: 0; 
	margin: 0;
}
#container #contents .inner #product_css .info .p3{ position: absolute; left: 180px; top: 24px; }

#container #contents .inner #product_css .info .kiku{ position: absolute; left: 568px; top: 0; }
#container #contents .inner #product_css .info .new{ position: absolute; left: 550px; top: -20px; }

/* #cource_css */
#container #contents .inner #cource_css{
	left: 904px;
}

#container #contents .inner #cource_css .imgs{
	width: 656px;
}
#container #contents .inner #cource_css .imgs .i1 {
	margin-left: 0;
}

#container #contents .inner #cource_css .p3 {
	padding-top: 15px;
	text-align: center;
	clear: both;
}
#container #contents .inner #cource_css .p4 {
	padding-top: 30px;
	text-align: center;
}

/* #action_css */
#container #contents .inner #action_css{
	left: 1728px;
}

#container #contents .inner #action_css .imgs{
	width: 620px;
}

#container #contents .inner #action_css .imgs .i1 {
	margin-left: 0;
}

/* #use_css */
#container #contents .inner #use_css{
	left: 2552px;
}

#container #contents .inner #use_css .imgs{
	width: 620px;
	margin-left: 144px;
}
#container #contents .inner #use_css .imgs .i1 {
	margin-left: 0;
}

/* popup */
#popup_bg{
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top: 0;
	background: #fff;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	opacity: 0.9;
	display: none;
	z-index: 999;
	cursor: pointer;
}

#popup_body{}

#popup_body .popup{
	background: url(../images/index/popup_bg.png) center top no-repeat;
	width: 798px;
	height: 610px;
	padding-left:42px;
	position:fixed;
	left: 50%;
	top: 50%;
	margin-top: -326px;
	margin-left: -420px;
	z-index: 1000;
	display: none;
}

#popup_body .popup .close{
	position: absolute;
	right: -25px;
	top: -18px;
}

#popup_body .popup h2{
	padding-top: 36px;
}

#popup_body .popup .p1{
	margin-top: 26px;
}


/* #how_to_buy_css */
#popup_body .popup#how_to_buy_css{
	display: none;
}

#popup_body .popup#how_to_buy_css .imgs{
	margin: 24px 0 0 18px;
	width: 722px;
	overflow: hidden;
}
#popup_body .popup#how_to_buy_css .imgs p{
	float: left;
}
#popup_body .popup#how_to_buy_css .info{
	margin-top: 40px;
	background: url(../images/index/howtobuy_bg01.png) left top no-repeat;
	width: 768px;
	height: 223px;
	position: relative;
}
#popup_body .popup#how_to_buy_css .info .p1{ 
	position: absolute; left: 34px; top: -12px;
	margin: 0;
}
#popup_body .popup#how_to_buy_css .info .p2{position: absolute; left: 38px; top: 44px; }
#popup_body .popup#how_to_buy_css .info .p2 .btn1{ position: absolute; left: 20px; top: 0; z-index: 10; }
#popup_body .popup#how_to_buy_css .info .p2 .btn2{ position: absolute; left: 415px; top: 54px; z-index: 11; }
#popup_body .popup#how_to_buy_css .info .p3{ position: absolute; left: 32px; top: 127px; }
#popup_body .popup#how_to_buy_css .info .p4{ position: absolute; left: 485px; top: -6px;}
#popup_body .popup#how_to_buy_css .info .p5{ position: absolute; left: 521px; top: 60px;}

/* #how_to_play_css */
#popup_body .popup#how_to_play_css{
	display: none;
}
#popup_body .popup#how_to_play_css .info1{
	background: url(../images/index/howtoplay_bg01.jpg) left top no-repeat;
	width: 768px;
	height: 233px;
	position: relative;
	margin-top: 40px;
}


#popup_body .popup#how_to_play_css .info1 .p1{ 
	position: absolute; left: 34px; top: -12px;
	margin: 0;
}
#popup_body .popup#how_to_play_css .info1 .p2{ position: absolute; left: 34px; top: 37px;}
#popup_body .popup#how_to_play_css .info1 .p3{ position: absolute; left: 127px; top: 41px;}
#popup_body .popup#how_to_play_css .info1 .p4{ position: absolute; left: 127px; top: 76px;}
#popup_body .popup#how_to_play_css .info1 .p5{ position: absolute; left: 36px; top: 127px;}
#popup_body .popup#how_to_play_css .info1 .p6{ position: absolute; left: 362px; top: 27px;}
#popup_body .popup#how_to_play_css .info1 .p7{ position: absolute; left: 37px; top: 194px;}
#popup_body .popup#how_to_play_css .info1 .b1{ position: absolute; left: 403px; top: 168px;}


#popup_body .popup#how_to_play_css .info2{
	background: url(../images/index/howtoplay_bg02.jpg) left top no-repeat;
	width: 768px;
	height: 208px;
	position: relative;
	margin-top: 27px;
	
}



#popup_body .popup#how_to_play_css .info2 .p1{ 
	position: absolute; left: 34px; top: -12px;
	margin: 0;
}
#popup_body .popup#how_to_play_css .info2 .p2{ position: absolute; left: 37px; top: 47px;}
#popup_body .popup#how_to_play_css .info2 .p3{ position: absolute; left: 447px; top: 30px;}
#popup_body .popup#how_to_play_css .info2 .p4{ position: absolute; left: 535px; top: 32px;}
#popup_body .popup#how_to_play_css .info2 .p5{ position: absolute; left: 535px; top: 61px;}
#popup_body .popup#how_to_play_css .info2 .p6{ position: absolute; left: 535px; top: 88px;}
#popup_body .popup#how_to_play_css .info2 .p7{ position: absolute; left: 34px; top: 150px;}
#popup_body .popup#how_to_play_css .info2 .year_of{ position: absolute; left: 390px; top: -22px;}

/* video */
#popup_body .popup#video_css{
	display: none;
}

#popup_body .popup#video_css #player{
	margin-top: 30px;
}


#corver{
	position: fixed;
	width:100%;
	height: 100%;
	background: #78C828;
	left: 0;
	bottom: 0;
	z-index:10000;
}