@charset "utf-8";
/* --------------------- */
/* paneo style reset     */
/* --------------------- */
* {
    margin: 0;
    padding:0;
}

html,body {
    font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
}

p {
    font-size:      1em;
    text-align:     justify;
    text-justify:   inter-ideograph;
}

a:link {
    color:              #000;
    text-decoration:    none;
}
a:visited {
    color:              #000;
    text-decoration:    none;
}
a:hover {
    color:              #000;
    text-decoration:    none;
}

a:active {
    color:              #000;
    text-decoration:    none;
}

a img {
    border: none;
}

/* --------------------- */
/* paneo base layout     */
/* --------------------- */
body {
    text-align:     center;
}

/* container */
div#container {
    position:       static;
    text-align:     left;
    margin:         0 1%;
}

/* header */
header {
	/*
    overflow:       hidden;
	*/
    clear:          both;
    /*
    padding:        1% 1% 0 1%;
    */
}

/* contents */
div#contents {
    text-align:left;
    clear:both;
    width:      auto;
    /*
    margin:     0 3%;
    */
}

/* footer */
footer {
    display:    block;
    text-align: center;
    padding:    1%;
    width:      98%;
}




/* smartphone browser */
@media  screen and (max-width:480px)
{
    html,body{
    }
    div#container {
        width:          auto;
        height:         auto;
        padding:        0;
        margin:         0;
    }
    header {
        width:          auto;
        height:         auto;
        padding:        0;
        margin:         0;
    }
    div#contents {
        width:          auto;
        height:         auto;
        padding:         0;
        margin:          0;
    }
    footer {
        width:          auto;
        height:         auto;
        padding:        5px 10px;
        margin:         0;
    }
    img {
    }
}





/* new ratina ipad only*/
@media only screen and (min-device-width:768px) 
                   and (-webkit-min-device-pixel-ratio: 2)
{
    html,body{
		/*
        width:          1536px;
		*/
    }

    div#container {
        height:         2173px;
        width:          1536px;
        margin:         0;
    }

    header {
    }

    div#contents {
        height:         auto;
    }

    /*
    footer {
        position:       absolute;
        bottom:         0;
    }
    */
}



/* clearfix */
.clearfix {
    overflow:           hidden;
    height:             100%;
}

div.paneoimg img {
    max-width:  100%;
    height:     auto;
    width:      auto\9; /* ie8 */
    vertical-align: text-bottom;
}