div:after,
ul:after,
section:after,
article:after {
  content: "";
  display: block;
  clear: both;
}
li {
	list-style: none;
}

body {
	line-height: 1.5;
	color: #000;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-weight: 500;
	background: url(../img/groundbg.jpg) repeat;
	margin:0px;
	padding:0px;
	text-align:center;
}
a:link,
a:visited,
a:active{color:#0063ef;}
a:hover{color:#ff0101; text-decoration:none;}
 

.content_area{
	width:1000px;
	margin:0px auto;
	text-align:left;
	border: solid 0px Red;
	
}

body#main_page .mainvisualwrapper {
	width:100%;
	background:url(../img/opening_main_bg.jpg) no-repeat center 0;
	height:897px;/*1110px*/
	margin: 0 auto;

}
body#main_page #kamifubuki{
	height:1110px;
}
#kamifubuki{
	background:url(../img/kamifubuki.png) 0 0;
	
	animation: kamifubuki 30s linear infinite;
	 -webkit-animation: kamifubuki 30s linear infinite;/*chrome&safari*/
	 -moz-animation: kamifubuki 30s linear infinite;/*firefox*/
	 -ms-animation: kamifubuki 30s linear infinite;/*ie*/		
	 
	width:100%;
	height:1110px;
}

@keyframes kamifubuki {
 0% {background-position: 0 0, 0 0, 0 0;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}

@-webkit-keyframes kamifubuki {
 0% {background-position: 0 0, 0 0, 0 0;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
@-moz-keyframes kamifubuki {
 0% {background-position: 0 0, 0 0, 0 0;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
@-ms-keyframes kamifubuki {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; 
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;	
}
@-webkit-keyframes fuwafuwa {
	0% { -webkit-transform: rotate(0deg); }
	50% { -webkit-transform: rotate(11deg); }
  100% { -webkit-transform: rotate(0deg); } 
}
@-moz-keyframes fuwafuwa {
	0% { -moz-transform: rotate(0deg); }
	50% { -moz-transform: rotate(11deg); }
  100% { -moz-transform: rotate(0deg); } 
}
.mainvisualwrapper .groundgreen{
	width:100%;
	border: solid 0px #F8494C;
	height:100%;
	background:url(../img/fenceandgreen.png.png) no-repeat center 584px;
}
body#main_page .mainvisual_body{
	background: url(../img/gacchiri_main_Character.png) no-repeat center 0;
}
.mainvisual_body{
	position:relative;	
}
body#main_page .mainvisualwrapper .groundgreen{
	height:100%;
}

body#main_page .mainvisual_body{
	height:727px;
}

.ema {
	width:269px;
	height:214px;
	position:absolute;
	top:0px;
	left:230px;
	z-index:1;
}
body#main_page .mainvisual_body h1{
	margin:0px;
	padding:0px;
	position: absolute;
	top:35px;
	left:99px;
	z-index:2;
}


.campaignSchedule{
	position: absolute;
	left:10px;
	top:590px;
	z-index:3;
}
.campaigndescription{
	background:url(../img/campaignsetumei_box_bg.png) no-repeat 0 0;
	width:724px;
	height:253px;
	position: absolute;
	right:0px;
	top:673px;
	z-index:2;
}
.campaigndescription h2{
	position: absolute;
	right:57px;
	top:-42px;
	z-index:3;	
}
.campaigndescription p{
	padding:50px 332px 0 50px;
}

.presentproductBox{
	background:url(../img/presentproduct_bg.png) no-repeat 0 0;
	width:1000px;
	height:490px;
}
article h1{
	padding:25px 0 0;
	text-align:center;
}

.presentbox_wrapper{
	padding:0 25px 25px 35px;
}
.presentproductBox .contentbox{
	width:450px;
	float:left;
	
}
.presentproductBox .contentbox_right{
	width:468px;
	float:right;
	background:url(../img/B_presentproduct_img.png) -13px 63px no-repeat;
	height:550px;	
}

.presentproductBox .contentbox_right p{
	padding:179px 0 0;
}

.catchBox_wrapper{
	background:url(../img/catchBox_bg.png) no-repeat center 0;
	width:1000px;
	height:1035px;
	position:relative;
}

.catchBox_wrapper h2{
	position:absolute;
	top:178px;
	left:276px;
	z-index:3;
}
.catchBox_wrapper .BigBall{
	position:absolute;
	top:78px;
	left:346px;
	z-index:2;
}
.catchBox_wrapper .smallBall{
	position:absolute;
	top:50px;
	left:700px;
	z-index:1;
}

.catchBox_wrapper .glassandring{
	position:absolute;
	top:523px;
	left:20px;
	z-index:1;
}

.catchBox_wrapper .catchCharacter{
	position:absolute;
	top:402px;
	right:20px;
	z-index:2;	
}

.Ballcatchbutton{
	position:absolute;
	top:388px;
	left:265px;
	z-index:4;
	width:445px;
	height:106px;
	background:url(../img/Ballcatchbutton_hover.png) no-repeat 0 0;
}
.Ballcatchbutton:hover img{
	opacity:0;
}

.Character_idou {
	-webkit-animation-name:Character_idou; 
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	
	-moz-animation-name:Character_idou;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
}
@-webkit-keyframes Character_idou {
	0% { right:35px; }
	25% { right:75px; }
	50% { right:50px; }
	75% { right:65px; }
  100% { right:80px;  } 
}
@-moz-keyframes Character_idou {
	0% { right:35px; }
	25% { right:75px; }
	50% { right:50px; }
	75% { right:65px; }
  100% { right:80px;  } 
}

.text_radiusbox{
	background:#fff;
	width:970px;
	margin-left:15px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0 0 15px 0 #774529;
	-moz-box-shadow: 0 0 15px 0 #774529;
	box-shadow: 0 0 15px 0 #774529;
}

.text_radiusbox h2{
	height:60px;
	text-align:center;
	background:#00183a;
	width:100%;
	padding-top:10px;
	border-top-left-radius : 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;	
	border-top-right-radius : 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
}

.text_radiusbox h3{
	font-size:170%;
	line-height:100%;
	color:#55688d;
	padding:0px 0 0 0;
	text-align:center;
	background:url(../img/h3title_bg.png) no-repeat 0 0px;
	line-height:65px;
	background-size:910px auto;
	
}

.text_radiusbox .contentbodywrapper{
	padding:15px 30px 30px;
}

.correspondence_model {
	margin: 0 auto;
	font-size: 14px;
}

.correspondence_model tr th {
	padding: 20px 30px;
	
}

.correspondence_model tr th img {
	max-width: 100px;
	max-height: 100px;
}

.correspondence_model tr th p {
	margin-top: 6px;
	width: 120px;
	line-height: 1.2;
}

.correspondence_model tr td {
	padding-right: 30px;
	columns: 2;
}

.correspondence_model tr td p {
	line-height: 1.4;
}
#taishokishu{
	margin-top:35px;
}

footer{
	padding:15px 0;
	font-size:90%;
}

#pagebottom_footer {
    background: #fff url("http://mssjapan.jp/landing/glassfilm/img/pagebottom_footer_bg.jpg") no-repeat scroll center 0;
    bottom: -100px;
    height: 100px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    transition-duration: 0.5s;
    transition-property: bottom;
    width: 100%;
    z-index: 9999;
}
#pagebottom_footer .Inner_box {
    border: 0 solid #fff;
    height: 100px;
    margin: 0 auto !important;
    padding: 0;
    width: 1000px;
}
#pagebottom_footer .Inner_box .button {
    height: 54px;
    margin-left: 280px;
    margin-top: 25px;
    width: 442px;
}
#pagebottom_footer .Inner_box .button:hover a img {
    opacity: 0.7;
}
body .scroll {
    bottom: 0 !important;
}

/*結果ページ*/
body.shippai .mainvisual_body,
body#seikou .mainvisual_body{
	height:1134px;
	border: solid 0px red;
}
body.shippai .mainvisualwrapper .groundgreen,
body#seikou .mainvisualwrapper .groundgreen{
	height:1134px;
}
body.shippai .mainvisualwrapper{
	width:100%;
	background:url(../img/shippai/opening_main_bg.png) no-repeat center 0;
	height:800px;
	margin: -20px auto 0 auto;
}
body#seikou .mainvisualwrapper{
	width:100%;
	background:url(../img/opening_main_bg.jpg) no-repeat center 0;
	height:800px;
	margin: 0 auto;
}
body.shippai #kamifubuki,
body#seikou #kamifubuki{
	height:800px;
}
body#seikou .mainvisual_body h1{
	margin:0px;
	padding:0px;
	position: absolute;
	top:82px;
	right:0px;
	z-index:2;
}
body.shippai .mainvisual_body h1{
	margin:0px;
	padding:0px;
	position: absolute;
	top:89px;
	left:289px;
	z-index:3;
}
body#seikou .descriptiontext,
body.shippai .descriptiontext{
	position: absolute;
	top:329px;
	right:0px;
	z-index:2;
}
body#seikou .shinyglass{
	position: absolute;
	top:45px;
	left:45px;
	z-index:0;
}

body#seikou .Gripring{
	position: absolute;
	top:387px;
	left:259px;
	z-index:1;
}

body#seikou .Character{
	position: absolute;
	top:65px;
	left:15px;
	z-index:2;
	
}
body.shippai .Character{
	position: absolute;
	top:230px;
	left:0px;
	z-index:1;
	
}

body#seikou p.ouboform_button{
	position: absolute;
	top:533px;
	right:15px;
	z-index:2;
	background:url(../img/seikou/oubo_button_hover.png) no-repeat 0 0;
	width:518px;
	height:110px;
}

body#seikou p.ouboform_button:hover img{
	opacity:0;
}
body.shippai p.ouboform_button{
	position: absolute;
	top:533px;
	right:15px;
	z-index:2;
	background:url(../img/shippai/again_button_hover.png) no-repeat 0 0;
	width:391px;
	height:81px;
}

body.shippai p.ouboform_button:hover img{
	opacity:0;
}

.Result_productwrapper{
	position: absolute;
	width:100%;
	top:722px;
	left:0px;
	z-index:3;
}
.Result_productwrapper .text_radiusbox{
	-webkit-box-shadow: 0 0 15px 0 #122f0e;
	-moz-box-shadow: 0 0 15px 0 #122f0e;
	box-shadow: 0 0 15px 0 #122f0e;
}
body.shippai .Result_productwrapper .text_radiusbox,
body#seikou .Result_productwrapper .text_radiusbox{
	width:990px !important;
}
body.shippai .Result_productwrapper .text_radiusbox .Package_img,
body#seikou .Result_productwrapper .text_radiusbox .Package_img{
	position:absolute;
	top:-35px;
	left:15px;	
}

body.shippai .Result_productwrapper .text_radiusbox .Package_img{
	top:29px;
}
body.shippai .Result_productwrapper .text_radiusbox .youtube,
body#seikou .Result_productwrapper .text_radiusbox .youtube{
	position:absolute;
	z-index:4;	
}
body#seikou .Result_productwrapper .text_radiusbox .youtube{
	top:63px;
	right:15px;	
}
body.shippai .Result_productwrapper .text_radiusbox .youtube{
	top:93px;
	right:15px;	
}

body.shippai .Result_productwrapper .text_radiusbox .youtube:hover img,
body#seikou .Result_productwrapper .text_radiusbox .youtube:hover img{
	opacity:0.8;
}
body.shippai .Result_productwrapper .text_radiusbox h2,
body#seikou .Result_productwrapper .text_radiusbox h2{
	background: #fff !important;
	text-align:left !important;
	
	height:50px !important;
}
body#seikou .Result_productwrapper .text_radiusbox h2{
	padding-left:207px;
	padding-top:15px !important;
}
body.shippai .Result_productwrapper .text_radiusbox h2{
	padding-left:250px;
	padding-top:15px;
}

body#seikou .Result_productwrapper .text_radiusbox p.planetext{
	padding: 0 262px 37px 220px;
}

body.shippai .Result_productwrapper .text_radiusbox p.planetext{
	padding: 15px 262px 57px 260px;
	border: solid 0px red;
}


body.shippai footer,
body#seikou footer{
	padding:250px 0 0;
}

/*errorページ*/
body#error1 p.error-products{
	position: absolute;
	top:283px;
	left:480px;	
}
body#error2 p.error-products{
	position: absolute;
	top:270px;
	left:410px;	
}
body#error2  p.ouboform_button{
	top:562px;
	left:601px;
}
body#error2 .Result_productwrapper .text_radiusbox h2{
	padding-left: 254px;
}
body#error3 p.error-products{
	position: absolute;
	top:290px;
	left:460px;	
}
body#error3 .descriptiontext{
	right: 0;
    top: 290px;
}
body#error3 .Result_productwrapper .text_radiusbox h2{
	padding-left: 270px;
}
body#error3 p.ouboform_button{
	top:570px;
	left:614px;
}
body#error3  .Result_productwrapper .text_radiusbox p.planetext{
	padding-left:277px;
}

body#error4 p.error-products{
	position: absolute;
	top:290px;
	left:430px;	
}
body#error4 .descriptiontext{
	right: 0;
    top: 285px;
}
body#error4 .Result_productwrapper .text_radiusbox .Package_img{
	left:35px;
}
body#error4 .Result_productwrapper .text_radiusbox p.planetext{
padding: 15px 30px 57px 210px;
}
body#error4 .Result_productwrapper .text_radiusbox h2{
	padding-left: 200px;
}
body#error4 .Result_productwrapper .text_radiusbox a:link{
	display:inline-block;
	padding-top:10px;	
}
body#error4 .Result_productwrapper .text_radiusbox a:last-child{
	padding-left:15px;
}
body#error5 p.error-products{
	position: absolute;
	top:397px;
	right:42px;	
}
body#error5 .descriptiontext{
	right: 0;
    top: 280px;
}
body#error5 .ouboform_button{
	top:551px;
	right:56px;
}
body#error5 .Package_img{
	left:39px;
}
body#error5 .youtube{
	top:81px;
}
body#error6 p.error-products{
	position: absolute;
	top:292px;
	right:355px;	
}
body#error6 .descriptiontext{
	right: 18px;
    top: 307px;
}
body#error6 .Result_productwrapper .text_radiusbox .Package_img{
	left:67px;
	top:15px;
}
body#error6  .Result_productwrapper .text_radiusbox p.planetext{
	padding-left:178px;
}
body#error6 .Result_productwrapper .text_radiusbox h2{
	padding-top:28px;
	padding-left:178px; 
}