@charset "Shift_JIS";
/* CSS Document */

_::-webkit-full-page-media, _:future, :root body {
    min-height: 2700px;
    background-color: #0E1937;
    width: 1440px;
}

_::-webkit-full-page-media, _:future, :root #site-box {
    width: 1442spx;
}

_::-webkit-full-page-media, _:future, :root #contents-inbox {
    background-image: url('image/background_decoration.png');
    background-repeat: no-repeat;
    width: 1440px;
}

#site-box {
    background-image: url('image/background_decoration.png');
    background-repeat: no-repeat;
    /*aspect-ratio: 1.42 / 1;*/
    background-color: #0E1937;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

#contents-inbox {
    width: 1400px;
    height: 2550px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#topic_0 {
    font-size: 25px;
    color: #d0af4c;
    text-align: left;
    position: absolute;
    left: 640px;
    top: 100px;
}

#topic_1 {
    font-size: 20px;
    line-height: 2.5;
    color: #FFFFFF;
    text-align: left;
    position: absolute;
    left: 300px;
    top: 180px;
}

#topic_2 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 340px;
    top: 380px;
    border: 1px solid;
    width: 325px;
    height: 30px;
    padding: 10px;
}

#topic_3 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 740px;
    top: 380px;
    border: 1px solid;
    width: 325px;
    height: 30px;
    padding: 10px;
}

/* ���Ȃ߂� */

#instant_noodles_0 {
    font-size: 25px;
    font-weight: bold;
    color: #d0af4c;
    position: absolute;
    left: 660px;
    top: 510px;
}

#instant_noodles_1 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 40px;
    top: 590px;
}

#instant_noodles_1_1 {
    text-align: center;
    position: absolute;
    left: 50px;
}

#instant_noodles_1_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#instant_noodles_1_3 {
    text-align: left;
    line-height: 2.5;
    position: absolute;
    width: 400px;
    top: 300px;
}

#Purchase_1 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 40px;
    top: 1090px;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px
}


#instant_noodles_2 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 510px;
    top: 590px;
}

#instant_noodles_2_1 {
    position: absolute;
    left: 50px;
}

#instant_noodles_2_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#instant_noodles_2_3 {
    text-align: left;
    line-height: 2.5;
    position: absolute;
    width: 400px;
    top: 300px;
}

#Purchase_2 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 510px;
    top: 1090px;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px
}

#instant_noodles_3 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 980px;
    top: 590px;
}

#instant_noodles_3_1 {
    position: absolute;
    left: 50px;
}

#instant_noodles_3_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#instant_noodles_3_3 {
    text-align: left;
    line-height: 2.5;
    position: absolute;
    width: 400px;
    top: 300px;
}

#Purchase_3 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 980px;
    top: 1090px;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px;
}

#instant_noodles_4 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 40px;
    top: 1200px;
}

#instant_noodles_4_1 {
    position: absolute;
    left: 50px;
}

#instant_noodles_4_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#instant_noodles_4_3 {
    text-align: left;
    position: absolute;
    line-height: 2.5;
    width: 400px;
    top: 300px;
}

#Purchase_4 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 40px;
    top: 1670px;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px;
}

#instant_noodles_5 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 510px;
    top: 1200px;
}

#instant_noodles_5_1 {
    position: absolute;
    left: 50px;
}

#instant_noodles_5_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#instant_noodles_5_3 {
    text-align: left;
    position: absolute;
    line-height: 2.5;
    width: 400px;
    top: 300px;
}

#Purchase_5 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    left: 510px;
    top: 1670px;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px;
}

/* ���߂� */
#dried_noodles_0 {
    font-size: 25px;
    font-weight: bold;
    color: #d0af4c;
    position: absolute;
    left: 675px;
    top: 1800px;
}

#dried_noodles_1 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 40px;
    top: 1880px;
}

#dried_noodles_1_1 {
    position: absolute;
    left: 50px;
}

#dried_noodles_1_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#dried_noodles_1_3 {
    text-align: left;
    position: absolute;
    line-height: 2.5;
    width: 400px;
    top: 300px;
}

#Purchase_6 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px;
    left: 40px;
    top: 2350px;
}

#dried_noodles_2 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 510px;
    top: 1880px;
}

#dried_noodles_2_1 {
    position: absolute;
    left: 50px;

}

#dried_noodles_2_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;
    top: 250px;
}

#dried_noodles_2_3 {
    text-align: left;
    position: absolute;
    line-height: 2.5;
    width: 400px;
    top: 300px;
}

#Purchase_7 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px;
    left: 510px;
    top: 2350px;
}

#dried_noodles_3 {
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    left: 980px;
    top: 1880px;
}

#dried_noodles_3_1 {
    position: absolute;
    left: 50px;
}

#dried_noodles_3_2 {
    position: absolute;
    border-bottom: solid 2px #d0af4c;
    text-align: left;
    width: 400px;;
    top: 250px;
}

#dried_noodles_3_3 {
    text-align: left;
    position: absolute;
    line-height: 2.5;
    width: 400px;
    top: 300px;
}

#Purchase_8 {
    font-size: 20px;
    color: #d0af4c;
    text-align: center;
    position: absolute;
    border: 1px solid;
    width: 390px;
    height: 30px;
    padding: 10px;
    left: 980px;
    top: 2350px;
}

#Purchase_1 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_2 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_3 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_4 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_5 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_6 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_7 a {
    color: #d0af4c;
    text-decoration: none;
}

#Purchase_8 a {
    color: #d0af4c;
    text-decoration: none;
}

#topic_2 a {
    color: #d0af4c;
    text-decoration: none;
}

#topic_3 a {
    color: #d0af4c;
    text-decoration: none;
}