@charset "UTF-8";
/*	 general
-----------------------------------------*/
div#MainContent #MainContentBody > .Section:first-child > p:first-child{
margin-bottom: 6px;
}
div#MainContent .LpCntLib{
font-size: 14px;
}
div#MainContent .LpCntLib li{
padding: 0;
margin: 0;
background: none;
}
.wrap{
width: 970px;
margin: 0 auto;
}
.wrap-inner{
padding: 30px 18px 30px 18px;
background-color: #f8f9f9;
}
div#MainContent .LpCntLib h1{
margin-bottom: 18px;
}
/*	 tab
-----------------------------------------*/
/*div#MainContent .top-tab{
margin-bottom: 25px;
}
div#MainContent .top-tab ul{
background-color: #dedede;
border-bottom: 3px solid #5e5e5e;
overflow: hidden;
width: 100%;
display: table;
}
div#MainContent .top-tab li{
position: relative;
display: table-cell;
width: 33.3%
}
div#MainContent .top-tab li.active:hover,
div#MainContent .top-tab li.active{
background-color: #5e5e5e;
}
div#MainContent .top-tab li:hover{
background-color: #a7a7a7;
}
div#MainContent .top-tab li:hover a{
text-decoration: none;
}
div#MainContent .top-tab li:hover a:after{
position: absolute;
top: -3px;
right: -1px;
border: 33px solid #dedede;
border-bottom-color: #a7a7a7;
border-left-color: #a7a7a7;
content: "";
}
div#MainContent .top-tab li.active a:after{
position: absolute;
top: -3px;
right: 0;
border: 33px solid #dedede;
border-bottom-color: #5e5e5e;
border-left-color: #5e5e5e;
content: "";
}
div#MainContent .top-tab li:hover a:before{
position: absolute;
top: -63px;
left: 0;
border: 63px solid #dedede;
border-bottom-color: #a7a7a7;
border-right: #a7a7a7;
content: "";
}
div#MainContent .top-tab li.active a:before{
position: absolute;
top: -3px;
left: 0;
border: 33px solid #dedede;
border-bottom-color: #5e5e5e;
border-right-color: #5e5e5e;
content: "";
}
div#MainContent .top-tab li:first-child:hover a:before,
div#MainContent .top-tab li:first-child.active a:before,
div#MainContent .top-tab li.last.active a:after,
div#MainContent .top-tab li.last:hover a:after{
content: none;
}
div#MainContent .top-tab li a{
display: block;
padding: 19px 0 18px 0;
color: #5e5e5e;
font-size: 142.2%;
font-weight: bold;
text-align:center;
position: relative;
}
div#MainContent .top-tab li.active a{
color: #fff;
}*/

/*	 nav / nav-unser
-----------------------------------------*/
/*div#MainContent .top-nav-under ul,
div#MainContent .top-nav ul{
display: table;
width: 100%;
border-collapse: separate;
}
div#MainContent .top-nav-under li,
div#MainContent .top-nav li{
position: relative;
display: table-cell;
width: 178px;
padding: 0 5px;
box-sizing: border-box;
}
div#MainContent .top-nav-under li span,
div#MainContent .top-nav li span{
display: block;
padding: 10px 0 9px 0;
font-size: 127.9%;
font-weight: bold;
text-align: center;
box-sizing: border-box;
cursor: pointer;
}
div#MainContent .top-nav-under li:last-child,
div#MainContent .top-nav li:last-child{
padding-right: 0;
}
div#MainContent .top-nav-under li:first-child,
div#MainContent .top-nav li:first-child{
padding-left: 0;
}
div#MainContent .top-nav-under li.active span,
div#MainContent .top-nav li.active span,
div#MainContent .top-nav-under li span:hover,
div#MainContent .top-nav li span:hover{
color: #fff;
}
div#MainContent .top-nav li.active::after{
position: absolute;
top: 48px;
left: 45%;
border-right-color: #f8f9f9;
border-bottom-color: #f8f9f9;
border-left-color: #f8f9f9;
content: "";
}
div#MainContent .top-nav-under li.active:after{
position: absolute;
top: -18px;
left: 45%;
border-right-color: #f8f9f9;
border-top-color: #f8f9f9;
border-left-color: #f8f9f9;
content: "";
}*/
div#MainContent .nav-genre-all span{
padding: 0 10px;
border: 3px solid #dd0101;
color: #dd0101;
}

.nav-genre-all span:hover{
background-color: #dd0101;
}

.nav-genre-all.active span{
background-color: #dd0101;
}

.nav-genre-all.active:after{
border: 9px solid #dd0101;
}

/*	 nav text
-----------------------------------------*/
div#MainContent .top-nav-text ul{
margin-bottom: 13px;
}
div#MainContent .top-nav-text li{
display: none;
padding-left: 10px;
}
div#MainContent .top-nav-text li.active{
display: block;
}
div#MainContent .text-genre-all{
border-left: 9px solid #dd0101;
}

/*	 column
-----------------------------------------*/
div#MainContent .column.col4{
display: table;
margin-left: -16px;
margin-bottom: 3px;
}
div#MainContent .column.col4 > .col{
position: relative;
width: 220px;
margin-left: 17px;
padding: 15px 0;
margin-bottom: 33px;
margin-top: 20px;
background-color: #fff;
box-shadow: 0 0 4px #e6e6e6;
float: left;
}
div#MainContent .column.col4 > .col:hover{
background-color: #fce5e5;
}
div#MainContent .column.col4 > .col a{
display: block;
padding-top: 35px;
}
div#MainContent .column.col4 > .col a img{
width: 85px;
border: 1px solid #cacaca;
}
div#MainContent .column.col4 .col span{
display: block;
margin: 0 10px 15px 10px;
word-wrap: break-word;
}

div#MainContent .column.col4 .col span > em{
display: block;
}

div#MainContent .column.col4 .download:before{
position: relative;
display: inline-block;
top: 3px;
left: -5px;
width: 16px;
height: 16px;
background: url(../../img/landing_page/lp_controls_library/bg_plc_001.png) no-repeat center center;
content: "";
}
div#MainContent .column.col4 > .col a:link,
div#MainContent .column.col4 > .col a:focus,
div#MainContent .column.col4 > .col a:visited,
div#MainContent .column.col4 > .col a:hover{
color: #333;
text-decoration: none;
}
div#MainContent .column.col4 span.download{
position: absolute;
bottom: -30px;
left: 0;
width: 100%;
margin: 15px 0 0 0;
padding: 5px 0;
background-color: #dd0101;
color: #fff;
text-align: center;
}

.genre-all{
border-top: 5px solid #dd0101;
}

.newicon:before{
position: absolute;
display: inline-block;
top: -5px;
left: -0;
width: 75px;
height: 55px;
background: url(../../img/landing_page/lp_controls_library/bg_plc_002.png);
content: "";
}
.column.col4 .col span.tag{
background-color: #eeece1;
display: block;
font-size: 82%;
margin: 10px 0 0;
padding: 3px 8px;
}
/*	 more
-----------------------------------------*/
/*.more{
cursor: pointer;
margin-bottom: 30px;
background-color: #5e5e5e;
display: block;
font-size: 142.2%;
font-weight: bold;
padding: 19px 0 18px;
text-align: center;
color: #fff;
}
div#MainContent .more p{
margin: 0 auto;
position: relative;
display: table;
}
div#MainContent .more p:after{
content: "";
position: absolute;
width: 20px;
height: 20px;
border: 4px solid #fff;
border-radius: 14px;
right: -40px;
top: 50%;
margin-top: -14px;
}
div#MainContent .more p:before{
content: "\FF0B";
width: 12px;
height: 12px;
position: absolute;
top: 50%;
margin-top: -13px;
right: -28px;
}
*/