@charset "utf-8";

/* reset */
body > #Container{
overflow: hidden;
}

div#HeaderArea{
margin-bottom: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}

div#MainContent #WebinarArea dl,
div#MainContent #WebinarArea ul,
div#MainContent #WebinarArea ul li{
background: none;
margin: 0 ;
padding: 0;
}

div#MainContentBody > .Section:first-child > p:first-child{
margin-bottom: 0;
}


/* WebinarArea */
div#MainContent #WebinarArea{
margin-bottom: 20px;
padding: 30px 40px 0;
background: url(../../img/landing_page/lp_vs_seminar/bg_main.jpg) no-repeat left top;
color: #000;
min-height: 429px;
box-sizing: border-box;
font-family: "Microsoft Yahei", "PingHei", helvetica, arial, san-serif;
}

div#MainContent #WebinarArea h1{
margin-bottom: 8px;
font-size: 4em;
line-height: 1;
color: #bb0706;
text-align: center;
}

div#MainContent #WebinarArea .WebinarCopy{
margin-bottom: 38px;
font-size: 2.5em;
color: #221816;
text-align: center;
}

div#MainContent #WebinarArea .WebinarLay01{
margin-bottom: 30px;
}

div#MainContent #WebinarArea .WebinarLay01 .WebinarDay{
float: left;
padding: 13px 10px 16px;
background-color: #eb0438;
width: 350px;
box-sizing: border-box;
}

div#MainContent #WebinarArea .WebinarLay01 .WebinarDay dl{
color: #fff;
text-align: center;
}
div#MainContent #WebinarArea .WebinarLay01 .WebinarDay dt{
padding-bottom: 10px;
font-size: 2.166666em;
font-weight: bold;
line-height: 1.1;
}
div#MainContent #WebinarArea .WebinarLay01 .WebinarDay dt span{
display: block;
padding-top: 6px;
font-size: .692307em;
}
div#MainContent #WebinarArea .WebinarLay01 .WebinarDay dd{
font-size: 1.5em; 
}
div#MainContent #WebinarArea .WebinarLay01 .WebinarDay dd span{
display: inline-block;
padding-top: 10px;
border-top: #fff 1px solid;
}

div#MainContent #WebinarArea .WebinarLay01 .WebinarDetails{
float: right;
width: 490px;
}

div#MainContent #WebinarArea .WebinarLay01 .WebinarDetails p{
margin-bottom: 0;
font-size: 1.666666em;
font-weight: bold;
line-height: 1.1;
}

div#MainContent #WebinarArea .WebinarLay01 .WebinarDetails ul li{
margin-top: 13px;
font-size: 1.333333em;
}

div#MainContent #WebinarArea .WebinarLay01 .WebinarDetails ul li span{
display: inline-block;
background: url(../../img/landing_page/lp_vs_seminar/bg_number.png) no-repeat center center;
min-width: 24px;
min-height: 20px;
font-size: .875em;
color: #fff;
text-align: center;
}

div#MainContent #WebinarArea .WebinarProcess{
padding: 14px;
border: #606060 1px solid;
}

div#MainContent #WebinarArea .WebinarProcess dt{
padding-bottom: 7px;
font-size: 1.333333em;
font-weight: bold;
}

div#MainContent #WebinarArea .WebinarProcess dd li{
float: left;
padding-right: 5px;
font-size: 1.333333em;
}

div#MainContent #WebinarArea .WebinarProcess dd li.LastChild{
margin-right: 0;
padding-left: 45px;
background: url(../../img/landing_page/lp_vs_seminar/bg_arrow.png) no-repeat left center;
}

div#MainContent #WebinarArea .WebinarLay01:after,
div#MainContent #WebinarArea .WebinarProcess dd ul:after{
content: "";
display: block;
clear: both;
}

/* WebinarThanksArea */
div#MainContent #WebinarThanksArea{
margin: 30px 0 100px;
background-color: #ececec;
color: #000;
}

div#MainContent #WebinarThanksArea h1{
padding: 7px 35px;
background-color: #eb0438;
font-size: 1.833333em;
line-height: 1;
color: #fff;
text-align: center;
}

div#MainContent #WebinarThanksArea p{
padding: 35px;
font-size: 1.333333em;
line-height: 1.8;
text-align: center;
}