@charset "UTF-8";

/*お客様用外部CSS*/
label {font-weight: bold; font-size: 22px;}
body  {background-color: pink;}
button {line-height: 35px;}

/*div用スタイル*/
.dstyle {
    width: 400px;
    background-color: white;
    box-shadow: 6px 6px lightpink;
    border-radius: 10px 10px 10px 10px;
}

/*ボタン用スタイル*/
.bstyle1{
    border: 0;
    background-color: hotpink;
    color:white;
    margin:5px 0px 10px;
}

.bstyle2{
    border-color: plum;
    color: plum;
    margin:0px 0px 10px;
}

/*テキストボックス用スタイル*/
.tbstyle{
    background-color: whitesmoke;
}

/*行間隔調整*/
.marg1{
    margin:5px 0px 0px;
}

.marg2{
    margin:20px 0px 20px;
}

.marg3{
    margin:50px 0px 0px;
}

.wrap {max-width: 640px; width: 100%; margin: 0 auto;margin-top: 10px;}
.tenme {font-size: 26px; font-weight: bold; text-align: center;padding-bottom: 10px;}
.youkoso {font-size: 26px; font-weight: bold; text-align: center;padding-bottom: 30px;padding-top: 20px;}
.waku {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f6f6f8;-webkit-box-shadow: 5px 12px 0px 5px rgba(0,0,0,0.14);box-shadow: 5px 8px 0px 5px rgba(0,0,0,0.14);padding-bottom: 30px;}
.title {background:#2e549b; color: #fff; text-align: center; border-radius: 10px 10px 0px 0px; padding-top: 30px;padding-bottom: 30px;font-size: 38px;font-weight: bold;margin-bottom: 30px;}
.points {background: #e3dbc9 url(../images/coin.png) left no-repeat; padding-top: 70px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;padding-bottom: 60px;padding-left: 178px;font-size: 34px;color: #8a6406;text-align: center;width: 90%;margin: 0 auto;margin-top: 30px;line-height: 37px;font-weight: bold;}
.but {text-align: center; background: #8a6406; font-size: 26px; font-weight: bold; padding-top: 10px; padding-bottom: 10px;color: #fff;width: 90%;margin: 0 auto;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;margin-top: 20px;}
.sett {text-align: center;margin-top: 20px;margin-bottom: 20px;color: #2e549b;text-decoration: underline;font-size: 22px;font-weight: bold;}
.kan {text-align: center;font-size: 30px;font-weight: bold;line-height: 38px;}
.button {text-align: center; margin-top: 20px; margin-bottom: 20px; }
.button img {max-width: 589px; width: 90%; }
.wid {max-width: 600px; width: 90%; margin: 0 auto;}
.center {text-align: center;}
.top1 {margin-top: 50px;}
.bot1 {margin-bottom: 50px;}
.side1 {margin-left: 20px; margin-right: 20px;}
.kom {background: #dbdbdb;font-weight: bold;}
.di1 {display: inline-block; width: 20%;}
.di2 {display: inline-block; width: 15%;font-size: 20px;font-weight: bold;}
.di3 {display: inline-block; width: 15%;font-size: 20px;font-weight: bold;}
.di4 {display: inline-block; width: 20%;}
.div-f {width: 100%; margin: 0 auto;text-align: center;margin-top: 20px;}
.di1b {display: inline-block; width: 40px;}
.di2b {display: inline-block; width: 56px;background: #e0e0e0;}
.di3b {display: inline-block; width: 59px;text-align: right;}
.di4b {display: inline-block; width: 60px;font-size: 18px;vertical-align: top;}
.textbox {
    border:0;
    padding:10px;
    font-size:1.3em;
    font-family:Arial, sans-serif;
    border:solid 1px #ccc;
    margin:0 0 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    width: 100%;
}