* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;box-sizing: border-box;
}
html,body{
    height:100%;
    width:100%;
    min-height:100%;
    /*height: auto !important;*/
}
@media screen and (min-width: 768px) {
    min-width: 980px;
}

body{
    font-size:1em;
    line-height:150%;
    color: #000000;
    /*background-color:#1B1B1B;*/
    font-family: "ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro","メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
    -webkit-text-size-adjust:100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}


img{
    border:none;
}

div{
    display:block;
    overflow:hidden;
    position:relative;
}

ol, ul{
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline:none;
}


area{
    border:none;
    outline:none;
}


/**************************
Link setting
**************************/

a{
    text-decoration:none;
    cursor:pointer;
}

a:link,a:visited{
    text-decoration:none;
}

a:hover{
    /*text-decoration: underline;*/
}


a:hover img{
    filter:alpha(opacity=80);
    opacity:0.8;
}

a.hoverLine {
    text-decoration: none;
}

a.hoverLine:hover {
    text-decoration: underline;
}


/**************************
shared setting
**************************/

.hide{
    display:none;
}

.invisible{
    filter: alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
}

.visibled{
    filter: alpha(opacity=1);
    -moz-opacity:1.0;
    opacity:1.0;
}