/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
html,body {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
/*input{
border:1px solid #b0b0b0;
padding:3px 5px 4px;
color:#979797;
width:190px;
}*/
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}




@media (min-width: 1025px)
.media-1025 {
    display: block;
}

.media-320, .media-768, .media-1024, .media-1025 {
    display: none;
    overflow: hidden;
}
.mainCard {
    width: 1200px;
    height: 520px;
    margin: 0 auto 160px;
    padding: 0;
    list-style: none;
}
.mainCard li {
    float: left;
    width: 280px;
    height: 250px;
    margin: 15px 6px;
}
.mainCard .mainCard01 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card01.png) 0 0 no-repeat;
}

.mainCard .mainCard02 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card02.png) 0 0 no-repeat;
}
.mainCard .mainCard03 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card03.png) 0 0 no-repeat;
}
.mainCard .mainCard04 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card04.png) 0 0 no-repeat;
}

.mainCard a {
    display: block;
    cursor: pointer;
}
a:link, a:visited, a:active {
    color: #000000;
}
a {
    text-decoration: none;
}

.media-320, .media-768, .media-1024, .media-1025 {
    display: none;
    overflow: hidden;
}