@charset "Shift_JIS";


#cloud01 {
	width:950px;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_cloud_01.png) repeat-y left top;
}

#cloud02 {
	width:950px;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_cloud_02.png) repeat-y left top;
}

#cloud03 {
	width:950px;
	/*background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_cloud_03.png) no-repeat left top;*/
}

#headerWrap{
	width:950px;
	height:430px;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_header.jpg) no-repeat top #d8f3f9;
	position:relative;
}
#headerWrap h2{
	position:absolute;
	left:42px;
	top:66px;
	background:none;
	padding:0;
	margin:0;
}
#headerWrap p#txt_01{
	position:absolute;
	left:395px;
	top:9px;
}

#headerWrap #skyCoinBanner {
	width:195px;
	height:32px;
	position:absolute;
	left:732px;
	top:21px;
}
#headerWrap p#bnr_01{
	position:absolute;
	left:36px;
	top:398px;
}
#headerWrap #skyCoinCampaignUnit {
	width:331px;
	height:281px;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_skycoin.gif);
	position:absolute;
	left:581px;
	top:400px;
}
#headerWrap #skyCoinCampaignUnit #skyCoinCampaignUnitInner {
	position:relative;
}
#headerWrap #skyCoinCampaignUnit #skyCoinCampaignUnitInner h2 {
	width:257px;
	height:63px;
	position:absolute;
	left:39px;
	top:17px;
}

#headerWrap #skyCoinCampaignUnit #skyCoinCampaignUnitInner ul {
	width:302px;
	position:absolute;
	left:14px;
	top:88px;
}
#headerWrap #skyCoinCampaignUnit #skyCoinCampaignUnitInner ul li {
	margin-bottom:3px;
}
#headerWrap #skyCoinCampaignUnit #skyCoinCampaignUnitInner ul li img {
	vertical-align:bottom;
}



/*---------------------------------
newsUnit
---------------------------------*/
#headerWrap #newsUnit{
	position:absolute;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_news.png) no-repeat top;
	width:267px;
	height:247px;
	left:667px;
	top:80px;
	text-align:right;
	/*font-size:77%;*/
}

#headerWrap #newsUnitInner{
	float:right;
	margin-top:2px;
	width:255px;
	height:240px;
	overflow:auto;
}

#headerWrap #newsUnitInner h3{
	color:#4092bc;
	font-weight:bold;
	font-size:113%;
	padding:10px 5px;
}

#headerWrap #newsUnitInner dl{
	padding-right:10px;
}

#headerWrap #newsUnitInner dl dt{
	border-top:1px solid #cccccc;
	padding-top:10px;
	padding-left:5px;
	margin-bottom:3px;
}

#headerWrap #newsUnitInner dl dd{
	padding-bottom:11px;
	padding-left:5px;
	line-height:1.5;
}

/* -------------------------------------------------------------------------
mainWrap
--------------------------------------------------------------------------*/
#mainWrap{
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_main.png) no-repeat top #d8f3f9;
	width:950px;
	color:#444444;
}

#mainWrap .mainWrapInner{
	/*font-size:77%;*/
}


/*---------------------------------
LINK
---------------------------------*/
#mainWrap a:link,
#mainWrap a:visited{
	color:4092bc;
	text-decoration:underline;
}

#mainWrap a:hover{
	color:4092bc;
	text-decoration:none;
}

#mainWrap a:active{
	color:4092bc;
	text-decoration:none;
}

#mainWrap .linkIco{
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/arrow.gif) no-repeat left;
	padding-left:14px;
}

#mainWrap .list02 .linkIco{
	padding-left:9px;
}
/* clearfix */
.linkUnit {zoom:1;}
.linkUnit:after {content:""; display:block; clear:both;}

#mainWrap .linkUnit li{
	float:left;
	display:inline;
	margin-right:25px;
}

#mainWrap .linkUnit .linkText{
	padding:0;
}

#mainWrap span.notes{
	font-size:85%;
}


.fntMedium{
	font-size:1.2rem !important;
}



/*---------------------------------

---------------------------------*/
#mainWrap #campaignUnit{
	text-align:center !important;
}

#mainWrap #campaignUnitInner{
	margin:0 !important;
	padding:0 !important;
}

#mainWrap #campaignUnitInner{
	width:450px !important;
	height:220px !important;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_campaign.gif) no-repeat left top !important;
	margin:0 auto !important;
}

#mainWrap #campaignUnitInner h2{
	margin:0 !important;
	width:auto !important;
	padding-top:17px !important;
	padding-bottom:17px !important;
	text-align:center !important;
	z-index:100 !important;
	background:none !important;
	height:auto !important;
}

#mainWrap #campaignUnitInner ul{
	clear:both;
}

#mainWrap #campaignUnitInner li{
	list-style-type:none !important;
	display:block !important;
	text-align:center;
}

#mainWrap #campaignUnitInner ul#campaignBanners,
#mainWrap #campaignUnitInner ul#campaignBanners li{
	margin:0 !important;
	padding:0 !important;
}

#mainWrap #campaignUnitInner li img{
	vertical-align:bottom;
}




/*---------------------------------
mainSection01
---------------------------------*/

#mainWrap #mainSection01{
width:897px;
margin:20px 0 0 27px;
display:block;
background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_sec01.png) no-repeat right bottom;
}
#mainWrap #mainSection01 #mainSection01Left{
float:left;
width:383px;
}
#mainWrap #mainSection01 #mainSection01Left h3{
padding:0;
margin:0 0 31px;
}
#mainWrap #mainSection01 #mainSection01Left h4#h4_01{
padding:0 0 33px 19px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Left #pic_04{
padding:0 0 16px 50px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Left #pic_01{
padding:0 0 15px 38px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Left h4#h4_02{
padding:40px 0 26px 18px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Left #pic_07{
padding:0 0 10px 36px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Left p.txt{
line-height:1.5;
width:340px;
margin-left:19px;
margin-bottom:5px;
}
#mainWrap #mainSection01 #mainSection01Left .linkText{
margin-left:19px;
}

#mainWrap #mainSection01 #mainSection01Right{
float:right;
width:383px;
}
#mainWrap #mainSection01 #mainSection01Right h3{
padding:0 0 32px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Right h4#h4_03{
padding:0 0 16px 14px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Right #pic_05{
padding:0 0 15px 37px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Right h4#h4_04{
padding:68px 0 40px 14px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Right #pic_06{
padding:0 0 30px 35px;
margin:0;
}
#mainWrap #mainSection01 #mainSection01Right p.txt{
line-height:1.5;
width:340px;
margin-left:14px;
margin-bottom:5px;
}
#mainWrap #mainSection01 #mainSection01Right .linkUnit{
margin-left:14px;
}

/*---------------------------------
mainSection02
---------------------------------*/

#mainWrap #mainSection02 .clearFix{
display:block;
margin-bottom:20px;
}

#mainWrap #mainSection02 {
background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_sec03.png) no-repeat 45px bottom;
}


#mainWrap #mainSection02 h3{
padding:21px 0 23px 0;
width:897px;
margin:0 0 0 27px;
background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_sec01_02.png) no-repeat right top;
text-align:center;
}


#mainWrap #mainSection02 #mainSection02Left{
position:relative;
float:left;
width:364px;
margin-left:46px;
}
#mainWrap #mainSection02 #mainSection02Left h4{
padding:0 0 16px 0;
}
#mainWrap #mainSection02 #mainSection02Left p#pic_02{
float:right;
padding-right:10px;
}

#mainWrap #mainSection02 #mainSection02Left p.txt{
line-height:1.5;
width:213px;
margin-bottom:16px;
}


#mainWrap #mainSection02 #mainSection02Right{
position:relative;
float:right;
width:355px;
margin-right:40px;
}
#mainWrap #mainSection02 #mainSection02Right h4{
padding:21px 0 18px 0;
}
#mainWrap #mainSection02 #mainSection02Right p.txt{
line-height:1.5;
width:228px;
margin-bottom:5px;
}
#mainWrap #mainSection02 #mainSection02Right p#pic_03{
position:absolute;
top:59px;
right:0;
}

#mainWrap #mainSection02 #mainSection02Center{
background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_sec03.png) no-repeat top;
width:950px;
padding-bottom:63px;
}

#mainWrap #mainSection02 #mainSection02Center h4{
padding:108px 0 16px 298px;
}
#mainWrap #mainSection02 #mainSection02Center #btn_02{
margin:0 0 0 330px;
}

/*---------------------------------
mainSection03
---------------------------------*/
#mainWrap #mainSection03{
width:858px;
margin:0 0 0 46px;
padding:26px 0 0 0;
}
#mainWrap #mainSection03 h3{
text-align:center;
margin:0;
}
#mainWrap #mainSection03 .clearFix{
display:block;
}
#mainWrap #mainSection03 #mainSection03Left{
padding:33px 0 0 0;
float:left;
width:364px;
}
#mainWrap #mainSection03 #mainSection03Left h4{
padding:0 0 27px;
}
#mainWrap #mainSection03 #mainSection03Left #pic_08{
padding:0 0 23px 25px;
}
#mainWrap #mainSection03 #mainSection03Left p.txt{
line-height:1.5;
margin-bottom:5px;
}
#mainWrap #mainSection03 #mainSection03Right{
padding:38px 0 0 0;
float:right;
width:349px
}
#mainWrap #mainSection03 #mainSection03Right h4{
padding:0 0 12px;
}
#mainWrap #mainSection03 #mainSection03Right #pic_09{
padding:0 0 10px 65px;
}
#mainWrap #mainSection03 #mainSection03Right p.txt{
line-height:1.5;
margin-bottom:5px;
}

/*---------------------------------
mainSection04
---------------------------------*/

#mainWrap #mainSection04{
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_footer.png) no-repeat top;
	padding:0 20px 0;
}

#mainWrap #mainSection04Inner{
	padding-bottom:18px;
}


#mainWrap #mainSection04 .btnUnit{
	width:742px;
	padding:16px 0 80px;
	margin:0 0 0 98px;
	display:block;
}

#mainWrap #mainSection04 .btnUnit #btn_07{
	float:left;
}

#mainWrap #mainSection04 .btnUnit #btn_06{
	float:right;
}

#mainWrap #mainSection04 .notesUnit{
	margin-top:20px;
	padding:20px;
	background:#e1f6fa;
	line-height:1.5;
	color:#666666;
	font-size:85%;
}

#mainWrap #mainSection04 .notesUnit .list01{
	text-indent:-0.5em;
	padding-left:0.5em;
	margin-bottom:15px;
}

#mainWrap #mainSection04 .notesUnit .list02{
	text-indent:-0.5em;
	padding-left:0.5em;
}
/*---------------------------------
130409追記
---------------------------------*/
#headerWrap h2 {
    left: 180px;
}
#headerWrap p#txt_01 {
    left: 520px;
    top: 22px;
}
#cloud03 {
	width:950px;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_cloud_03_130409.png) no-repeat left top;
}

#headerWrap{
	height:480px;
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_header_130409.jpg) no-repeat top #d8f3f9;
}
#mainWrap{
	background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_main_130409.png) no-repeat top #d8f3f9;
}
#mainWrap #mainSection01{
	margin-top:0;
}
#mainWrap #mainSection02 #mainSection02Left, #mainWrap #mainSection02 #mainSection02Right {
	_display:inline;
}
.fntMedium{
	_font-size: 72% !important;
}


/*---------------------------------
170216 レスポンシブ化
---------------------------------*/
#cloud01 {
	width:100%;
  background-size: 100%;
}
#cloud02 {
	width:100%;
  background-size: 100%;
}
#cloud03 {
	width:100%;
  background-size: 100%;
}
#headerWrap{
	width:100%;
	height:auto;
  padding-top: 50.526315789473685%;
  background-size: 100%;
  margin-top: 25px;
}
#headerWrap h2{
	left: 18.947368421052634%;
	top: 13.750000000000002%;
  width: 62%;
}
#headerWrap p#txt_01{
	left: 54.736842105263165%;
	top: 4.583333333333333%;
  width: 25.78%;
}
#mainWrap{
	width: 100%;
  background-size: 100%;
}
/*---------- mainSection01 */
#mainWrap #mainSection01{
width:94.42%;
margin:0 0 0 2.84%;
}
#mainWrap #mainSection01 #mainSection01Left{
width:42.69788182831661%;
}
#mainWrap #mainSection01 #mainSection01Left h3{
margin:0 0 8.093%;
}
#mainWrap #mainSection01 #mainSection01Left h4#h4_01{
padding:0 0 8.616% 4.960%;
}
#mainWrap #mainSection01 #mainSection01Left #pic_04{
padding:0 28.19% 4.177% 13.05%;
text-align:center;
}
#mainWrap #mainSection01 #mainSection01Left #pic_01{
padding:0 0 3.916% 9.921%;
text-align:center;
}
#mainWrap #mainSection01 #mainSection01Left h4#h4_02{
padding:10.44% 0 6.788% 4.699%;
}
#mainWrap #mainSection01 #mainSection01Left #pic_07{
padding:0 13.57% 2.610% 9.399%;
text-align:center;
}
#mainWrap #mainSection01 #mainSection01Left p.txt{
width:88.77284595300262%;
margin-left:4.960%;
margin-bottom:1.305%;
}
#mainWrap #mainSection01 #mainSection01Left .linkText{
margin-left:4.960%;
}
#mainWrap #mainSection01 #mainSection01Right{
width:42.69788182831661%;
}
#mainWrap #mainSection01 #mainSection01Right h3{
padding:0 0 8.355%;
}
#mainWrap #mainSection01 #mainSection01Right h4#h4_03{
padding:0 4.960% 4.177% 3.655%;
}
#mainWrap #mainSection01 #mainSection01Right #pic_05{
padding:0 11.74% 3.916% 9.660%;
text-align:center;
}
#mainWrap #mainSection01 #mainSection01Right h4#h4_04{
padding:17.75% 4.960% 10.44% 3.655%;
}
#mainWrap #mainSection01 #mainSection01Right #pic_06{
padding:0 10.44% 7.832% 9.138%;
text-align:center;
}
#mainWrap #mainSection01 #mainSection01Right p.txt{
width:88.77%;
margin-left:3.655%;
margin-bottom:1.305%;
}
#mainWrap #mainSection01 #mainSection01Right .linkUnit{
margin-left:3.655%;
}
/*---------- mainSection03 */
#mainWrap #mainSection03{
width:92.42%;
margin:0 0 0 4.842%;
padding:0;
}
#mainWrap #mainSection03 h3{
padding:2.391% 0 0 0;
width:100%;
margin:0 0 0 0;
background:url(/wws/japan/e/local/amc/promo/social/skycoin/image/bkg_unit_sec01_02.png) no-repeat right top;
}
#mainWrap #mainSection03 #mainSection03Left{
padding:3.758% 0 0 0;
float:left;
width:41.45%;
}
#mainWrap #mainSection03 #mainSection03Left h4{
padding:0 0 7.417%;
}
#mainWrap #mainSection03 #mainSection03Left #pic_08{
padding:0 30.49% 6.318% 6.868%;
text-align:center;
}
#mainWrap #mainSection03 #mainSection03Left p.txt{
margin-bottom:1.373%;
}
#mainWrap #mainSection03 #mainSection03Right{
padding:4.328% 0 0 0;
float:right;
width:39.74%;
margin-right:2.277%;
}
#mainWrap #mainSection03 #mainSection03Right h4{
padding:0 0 3.438%;
}
#mainWrap #mainSection03 #mainSection03Right #pic_09{
padding:0 37.82% 2.865% 18.62%;
text-align:center;
}
#mainWrap #mainSection03 #mainSection03Right p.txt{
margin-bottom:1.432%;
}
/*---------- mainSection04 */
#mainWrap #mainSection04{
  background-size: 100%;
}
#mainWrap #mainSection04 .btnUnit{
	width:29.23%;
	padding:1.758% 0 8.791%;
	margin:0 0 0 10.76%;
}
#mainWrap #mainSection04 .btnUnit #btn_07{
  float: none;
}
#mainWrap #mainSection04 .notesUnit{
	margin-top:2.197%;
}
#mainWrap #mainSection04 .res-pc-none{
  display: none;
}
@media (min-width:571px) and (max-width:1024px){
  #mainWrap #mainSection04 .btnUnit{
    width:39.89%;
    margin:0;
    text-align: right;
  }
}
@media (min-width:0) and (max-width:570px){
  #cloud01 {
    background: none;
  }
  #cloud02 {
    background: none;
  }
  #cloud03 {
    background: none;
  }
  #headerWrap{
    margin-top: 15px;
  }
  #mainWrap{
    background: #9ee1fc;
  }
  #mainWrap #mainSection01{
  background:none;
  }
  #mainWrap #mainSection01 #mainSection01Left{
  float: none;
  width: 100%;
  }
  #mainWrap #mainSection01 #mainSection01Left #pic_01{
  padding-left:5%;
  padding-right:5%;
  }
  #mainWrap #mainSection01 #mainSection01Right{
  float: none;
  width: 100%;
  margin-top:20px;
  }
  #mainWrap #mainSection03{
  margin-top:20px;
  }
  #mainWrap #mainSection03 h3{
  background:none;
  }
  #mainWrap #mainSection03 #mainSection03Left{
  float: none;
  width: 100%;
  padding-top:0;
  }
  #mainWrap #mainSection03 #mainSection03Right{
  float: none;
  width: 100%;
  padding-top:20px;
  }
  #mainWrap #mainSection04{
    background:none;
    margin-top:
  }
  #mainWrap #mainSection04 .notesUnit{
    margin-top:20px;
    padding-bottom:5px;
  }
  #mainWrap #mainSection04 .res-pc-none{
    display: block;
  }
  #mainWrap h3{
    text-align: center;
    padding:0 !important;
    margin-bottom:10px !important;
  }
  #mainWrap h4{
    padding:0 4% 0 2% !important;
    padding-bottom:0 !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
  }
  #mainWrap #mainSection01 #mainSection01Left h4#h4_02{
  padding-top:20px !important;
  }
  #mainWrap #mainSection01 #mainSection01Right h4#h4_04{
  padding-top:20px !important;
  }
}
