@charset "utf-8";

/*---------CSS Document (2) ---------*/



.webC010 {
    height:1750px;
    width:1200px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px 150px 0px;
}

.webC011 {
    height:650px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

.webC012 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

.webC013 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

.webC014 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

.webC015 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
    position:relative;
}

.webC016 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

.webC017 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

.webC018 {
    height:250px;
    width:1000px;
    border:1px solid #999999;
    padding:0px;
    margin:30px 0px;
}

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/

/*------------立体的なボタン--------------------*/
.webC010 p {
    padding:0px;
    margin:0px;
}


.webC010 > div {
    height:150px;
    width:1198px;
    border:1px solid #dddddd;
    display:flex;
    flex-flow:row nowrap;
}
.webC010 > div > div {
    height:148px;
    width:238px;
    border:solid 1px #eeeeee;
    padding:0px;
    margin:0px;
    position:relative;
}

.rbutton001 {
    height:50px;
    width:50px;
    border:solid 5px #8d8a89;
    border-radius:50px;
    background-color:#ffdd99;
    padding:0px;
    margin:50px 0px 0px 80px;
    transition-property:all;
    transition-duration:0.25s;
    transition-timing-function:ease-in-out;
}
.rbutton002 {
    height:50px;
    width:50px;
    border-top:solid 5px #ffd999;
    border-left:solid 5px #ffd999;
    border-right:solid 5px #ffd999;
    border-bottom:solid 5px #efd090;
    border-radius:50px;
    background-color:#ffdd99;
    padding:0px;
    margin:-66px 0px 0px 80px;
    z-index:3;
    transition-property:all;
    transition-duration:0.25s;
    transition-timing-function:ease-in-out;
}
.rbutton003 {
    height:3px;
    width:6px;
    border:solid 3px #ffffc2;
    border-radius:6px;
    background-color:#ffffe7;
    padding:0px;
    margin:-50px 0px 0px 100px;
    z-index:6;
    transition-property:all;
    transition-duration:0.25s;
    transition-timing-function:ease-in-out;
}
.rbutton002 > p {
    font-size:16px;
    color:#882244;
    padding:0px;
    margin:10px 0px 0px 3px;
}
/*-----------------立体ボタン001--------*/
.rbutton201 {
    height:60px;
    width:180px;
    border-radius:10px;
    border:2px solid;
    border-color:#ffb6c8 #ff6688  #cf2628 #ff6688;
    padding:0px;
    margin:30px 0px 0px 25px;
    background-color:#ff6688;
    overflow:hidden;
    filter:drop-shadow(0px 5px 1px #aa0022);
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-in;
}
.rbutton201 > p {
    color:#fcfcff;
    font-size:16px;
    font-weight:bold;
    text-shadow:0px 3px 2px #892344;
    height:20px;
    width:130px;
    padding:0px;
    margin:15px 0px 0px 0px;
    display:block;
    overflow:hidden;
}
.rbutton201 img {
    height:18px;
    width:16px;
    padding:0px;
    margin:19px 10px 0px 16px;
    filter:drop-shadow(0px 1px 2px #aa0022);
    /*background-color:white;*/
    display:block;
    float:left;
}
/*----------立体ボタン002------------*/

.rbutton202 {
    height:60px;
    width:180px;
    border-radius:6px;
    border:2px solid #399925;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#399925;
    overflow:hidden;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-in;
}
.rbutton202:hover {
    height:60px;
    width:180px;
    border-radius:6px;
    border:2px solid #399925;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#56bb1c;
    overflow:hidden;
}
.rbutton202 > p {
    color:#fcfcff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 0px 1px #333333;
    height:28px;
    width:66px;
    padding:0px;
    margin:12px auto 0px;
    display:block;
    overflow:hidden;
}
.rbutton202 > p:hover {
    color:#dcfcdf;
}
/*-------------立体ボタン003-----------*/
.rbutton203 {
    height:60px;
    width:180px;
    border-radius:60px;
    border:2px solid #9ce428;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#9ce428;
    overflow:hidden;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-in;
}
.rbutton203:hover {
    height:60px;
    width:180px;
    border-radius:60px;
    border:2px solid #9ce428;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#cbf828;
    overflow:hidden;
}
.rbutton203 > p {
    color:#fcfcff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 0px 1px #333333;
    height:28px;
    width:66px;
    padding:0px;
    margin:12px auto 0px;
    display:block;
    overflow:hidden;
}
/*--------立体ボタン004------------*/
.rbutton204 {
    height:80px;
    width:180px;
    border-radius:6px;
    border:2px solid #1e886d;
    padding:0px;
    margin:32px 0px 0px 25px;
    background-color:#1e886d;
    overflow:hidden;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-in;
}
.rbutton204:hover {
    height:80px;
    width:180px;
    border-radius:6px;
    border:2px solid #1e886d;
    padding:0px;
    margin:32px 0px 0px 25px;
    background-color:rgb(44, 189, 189);
    overflow:hidden;
}
.rbutton204 img {
    height:18px;
    width:16px;
    padding:0px;
    margin:30px 12px 0px 18px;
    float:left;
}
.rbutton204 > p {
    color:#fffff9;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-shadow:0px 0px 2px #393a3f;
    height:60px;
    width:120px;
    padding:0px;
    margin:16px 0px 0px 0px;;
    display:block;
    overflow:hidden;
}
.rbutton204 > p:hover {
    color:#e9e9da;
}
/*-----------立体ボタン005----------*/
.rbutton205 {
    height:80px;
    width:180px;
    border-radius:8080px;
    border:2px solid #74b63e;
    padding:0px;
    margin:32px 0px 0px 25px;
    background-color:#74b63e;
    overflow:hidden;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-in;
}
.rbutton205:hover {
    height:80px;
    width:180px;
    border-radius:80px;
    border:2px solid rgb(141, 197, 133);
    padding:0px;
    margin:32px 0px 0px 25px;
    background-color:#b8e64d;
    overflow:hidden;
}
.rbutton205 img {
    height:18px;
    width:16px;
    padding:0px;
    margin:30px 12px 0px 18px;
    float:left;
}
.rbutton205 > p {
    color:#fffff9;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-shadow:0px 0px 2px #393f3b;
    height:60px;
    width:120px;
    padding:0px;
    margin:16px 0px 0px 0px;;
    display:block;
    overflow:hidden;
}
.rbutton205 > P:hover {
    text-shadow:0px 0px 5px #033b24;
}
.rbutton205 > img:hover {
    filter:drop-shadow(0px 0px 5px #033b24);
}
/*---------立体ボタン006----------------------------*/
.rbutton206 {
    height:60px;
    width:180px;
    border-bottom:8px solid #af997f;
    padding:0px;
    margin:36px 0px 0px 25px;
    background-color:#fff388;
    overflow:hidden;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-in;
}
.rbutton206 > p {
    color:#9c93bc;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 3px #efcfef;
    height:28px;
    width:80px;
    padding:0px 4px;
    margin:15px 0px 0px 56px;
    display:block;
    overflow:hidden;
}

/*---------------立体ボタン007----------------------*/

.rbutton207 {
    height:60px;
    width:180px;
    border-bottom:4px solid #ac7955;
    padding:0px;
    margin:36px 0px 0px 25px;
    background-color:#ffc38f;
    overflow:hidden;
    filter:drop-shadow(0px 4px 3px #7c5945);
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in;
}
.rbutton207 > p {
    color:#fcfcff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 2px 5px #533730;
    height:28px;
    width:80px;
    padding:0px 4px;
    margin:15px 0px 0px 56px;
    display:block;
    overflow:hidden;
}

/*------------立体ボタン008---------------*/
.rbutton208002 {
    height:56px;
    width:176px;
    border-radius:10px;
    border-top:2px solid #9c97ff;
    border-left:2px solid #5647af;
    border-right:2px solid #5647af;
    border-bottom:2px solid #5647af;
    padding:0px;
    /*margin:30px 0px 0px 25px;*/
    background-color:#7c57ff;
    overflow:hidden;
    /*filter:drop-shadow(0px 4px 1px #5c475f);*/
    /*transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;*/
}
.rbutton208002 > p {
    color:#fcfcff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 7px #403155;
    height:28px;
    width:80px;
    padding:0px;
    margin:13px 0px 0px 60px;
    display:block;
    overflow:hidden;
}
.rbutton208 {
    height:60px;
    width:180px;
    border-radius:10px;
    border-bottom:6px solid #5040af;
    padding:0px;
    margin:38px 0px 0px 25px;
    filter:drop-shadow(0px 3px 1px #93939f);
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}

/*--------------立体ボタン009------------*/
.rbutton209 {
    height:60px;
    width:180px;
    border-bottom:6px solid #2b466c;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#504fec;
    overflow:hidden;
    filter:drop-shadow(0px 4px 1px #605fac);
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton209 > p {
    color:#5656f3;
    font-size:20px;
    font-weight:bold;
    text-shadow:-1px -1px 1px #d9ecef,1px 2px 1px #3f0f5a;
    height:28px;
    width:80px;
    padding:0px 2px;
    margin:16px 0px 0px 58px;
    display:block;
    overflow:hidden;
}

/*------------立体ボタン010-------------*/
.rbutton210 {
    height:60px;
    width:180px;
    border-radius:60px;
    border-bottom:6px solid #602cc6;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#864fec;
    overflow:hidden;
    filter:drop-shadow(0px 4px 1px #4020a0);
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton210 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 2px 4px #191050;
    height:28px;
    width:80px;
    padding:0px 2px;
    margin:16px 0px 0px 58px;
    display:block;
    overflow:hidden;
}

/*----------立体ボタン011--------------*/
.rbutton211002 {
    height:60px;
    width:180px;
    border-radius:10px;
    border:2px solid #b08399;
    padding:0px;
    background-color:#ff9c66;
    overflow:hidden;
}
.rbutton211002:hover {
    height:60px;
    width:180px;
    border-radius:10px;
    border:2px solid #b08399;
    padding:0px;
    background-color:#ff965f;
    overflow:hidden;
}
.rbutton211 {
    height:64px;
    width:184px;
    border-radius:10px;
    border-bottom:6px solid #bf8890;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#bb8890;
    overflow:hidden;
    /*filter:drop-shadow(0px 4px 1px #997777);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton211:hover {
    height:64px;
    width:184px;
    border-radius:10px;
    border-bottom:2px solid #bf8890;
    padding:0px;
    margin:42px 0px 0px 25px;
    background-color:#bb8890;
    overflow:hidden;
    /*filter:drop-shadow(0px 2px 1px #997777);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton211002 > p {
    color:#fcfcf6;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 4px #403020;
    height:28px;
    width:80px;
    padding:0px 4px;
    margin:14px 0px 0px 56px;
    display:block;
    overflow:hidden;
}
.rbutton211002 > p:hover {
    color:#f0f0c3;
}

/*------------立体ボタン012---------*/
.rbutton212 {
    height:64px;
    width:184px;
    border-radius:10px;
    border-bottom:6px solid #af69a9;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#af69a9;
    overflow:hidden;
    /*filter:drop-shadow(0px 4px 1px #997777);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton212:hover {
    height:64px;
    width:184px;
    border-radius:10px;
    border-bottom:2px solid #af69a9;
    padding:0px;
    margin:42px 0px 0px 25px;
    background-color:#af69a9;
    overflow:hidden;
    /*filter:drop-shadow(0px 2px 1px #997777);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton212002 {
    height:54px;
    width:174px;
    border-radius:10px;
    border:6px groove #cca0aa;
    padding:0px;
    background-color:#f06c6b;
    overflow:hidden;
}
.rbutton212002:hover {
    height:54px;
    width:174px;
    border-radius:10px;
    border:6px groove #cca0aa;
    padding:0px;
    background-color:#e95c5b;
    overflow:hidden;
}
.rbutton212002 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 4px #603030;
    height:28px;
    width:80px;
    padding:0px 4px;
    margin:10px 0px 0px 50px;
    display:block;
    overflow:hidden;
}
.rbutton212002 > p:hover {
    color:#cccccf;
}

/*-------------立体ボタン013-------------*/
.rbutton213 {
    height:60px;
    width:180px;
    border-radius:10px;
    border-bottom:6px solid #a63373;
    padding:0px;
    margin:42px 0px 0px 25px;
    background-color:#a63373;
    overflow:hidden;
    /*filter:drop-shadow(0px 4px 1px #997777);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton213:hover {
    height:60px;
    width:180px;
    border-radius:10px;
    border-bottom:2px solid #a63373;
    padding:0px;
    margin:46px 0px 0px 25px;
    background-color:#a63373;
    overflow:hidden;
    /*filter:drop-shadow(0px 2px 1px #997777);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton213002 {
    height:52px;
    width:172px;
    border-radius:10px;
    border:4px inset #cca0aa;
    padding:0px;
    background-color:#e3537b;
    overflow:hidden;
}
.rbutton213002:hover {
    height:52px;
    width:172px;
    border-radius:10px;
    border:4px inset #cca0aa;
    padding:0px;
    background-color:#d9498b;
    overflow:hidden;
}
.rbutton213002 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 4px #502040;
    height:28px;
    width:80px;
    padding:0px 4px;
    margin:10px 0px 0px 50px;
    display:block;
    overflow:hidden;
}
.rbutton213002 > p:hover {
    color:#dcccdf;
}

/*------------立体ボタン014------------*/
.rbutton214 {
    height:60px;
    width:180px;
    border-radius:10px;
    border:6px outset #2696bf;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#56afef;
    overflow:hidden;
    /*filter:drop-shadow(0px 4px 1px #4020a0);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton214:hover {
    height:60px;
    width:180px;
    border-radius:10px;
    border-top:7px solid #207faf;
    border-left:6px solid #207faf;
    border-right:6px solid #207faf;
    border-bottom:5px solid #66bfaf;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#56afef;
    overflow:hidden;
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton214 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 6px #402060;
    height:24px;
    width:80px;
    padding:4px 6px;
    margin:8px 0px 0px 48px;
    display:block;
    overflow:hidden;
}

/*-------------立体ボタン015-----------*/
.rbutton215 {
    height:60px;
    width:180px;
    border-radius:10px;
    border:6px dotted #407fdf;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#96afff;
    overflow:hidden;
    /*filter:drop-shadow(0px 4px 1px #4020a0);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton215:hover {
    height:60px;
    width:180px;
    border-radius:10px;
    border:6px dotted #20afff;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-color:#b6bfff;
    overflow:hidden;
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
}
.rbutton215 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 2px #502040;
    height:24px;
    width:80px;
    padding:2px;
    margin:11px 0px 0px 52px;
    display:block;
    overflow:hidden;
}

/*--------------立体ボタン016-------------*/
.rbutton216 {
    height:100px;
    width:100px;
    border-radius:50%;
    /*border:6px dotted #407fdf;*/
    padding:0px;
    margin:20px 0px 0px 70px;
    background-color:#d8b872;
    overflow:hidden;
    filter:drop-shadow(0px 4px 2px #593836);
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in;
}
.rbutton216 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 2px 4px #501020;
    height:24px;
    width:80px;
    padding:4px;
    margin:29px 0px 0px 18px;
    display:block;
    overflow:hidden;
}

/*---------立体ボタン017------------*/
.rbutton217 {
    height:100px;
    width:100px;
    border-radius:50%;
    /*border:6px dotted #407fdf;*/
    padding:0px;
    margin:20px 0px 0px 70px;
    background-color:#c88862;
    overflow:hidden;
    box-shadow:0px 8px 0px 0px #69485f;
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in;
}
.rbutton217 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 2px 4px #390940;
    height:24px;
    width:80px;
    padding:4px;
    margin:29px 0px 0px 18px;
    display:block;
    overflow:hidden;
}

/*------------立体ボタン018--------*/
.rbutton218 {
    height:78px;
    width:78px;
    border-radius:50%;
    border:1px solid #ac99ff;
    padding:0px;
    margin:30px 0px 0px 75px;
    background-color:#ac99ff;
    overflow:hidden;
    box-shadow:0px 6px 3px 2px #9680c3;
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in;
}
.rbutton218:hover {
    height:78px;
    width:78px;
    border-radius:50%;
    border:1px solid #aaaaaa;
    padding:0px;
    margin:30px 0px 0px 75px;
    background-color:#ccc9ff;
    overflow:hidden;
    box-shadow:0px 3px 4px 4px #bfa9e9/*,0px 3px 1px 1px #aaaaaa*/;
    transition-property:all;
    transition-duration:0.05s;
    transition-timing-function:ease-in;
}
.rbutton218 > p {
    font-size:36px;
    font-weight:bold;
    transform:scale(1,1.8);
    color:#fcfff9;
    text-shadow:0px 3px 5px #4a22cc,0px 0px 2px #333333;
    height:72px;
    width:36px;
    padding:0px;
    margin:16px 0px 0px 21px;
    display:block;
    overflow:hidden;
}
.rbutton218 > p:hover {
    font-size:36px;
    font-weight:bold;
    transform:scale(1,1.8);
    color:#fff3ee;
    text-shadow:0px 1px 4px #9c29f6;
    height:72px;
    width:36px;
    padding:0px;
    margin:16px 0px 0px 21px;
    display:block;
    overflow:hidden;
}

/*------------立体ボタン019-----------*/
.rbutton219 {
    height:60px;
    width:180px;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-image:linear-gradient(90deg,#ff2299,#6e00dc 30%,60%,#48bdff);
    overflow:hidden;
    position:relative;
    /*filter:drop-shadow(0px 4px 1px #4020a0);*/
    z-index:2;
    transition-property:all;
    transition-duration:1s;
    transition-timing-function:ease-in-out;
}
.rbutton219:hover {
    height:60px;
    width:180px;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-image:linear-gradient(90deg,#ffef96 2%,#ff9f56 3%,#ff42b9 15%,#ff2299 40%,#6e00dc 85%,#288def);
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    position:relative;
    opacity:1;
    z-index:3;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}
.rbutton219002 {
    height:60px;
    width:180px;
    padding:0px;
    /*margin:38px 0px 0px 25px;*/
    position:absolute;
    top:0px;
    left:0px;
    background-image:linear-gradient(90deg,#ff2299,#6e00dc 30%,60%,#48bdff);
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    opacity:1;
    z-index:2;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}
.rbutton219002:hover {
    height:60px;
    width:180px;
    padding:0px;
    /*margin:38px 0px 0px 25px;*/
    position:absolute;
    top:0px;
    left:0px;
    background-image:linear-gradient(90deg,#ff2299,#6e00dc 30%,60%,#48bdff);
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    opacity:0;
    z-index:6;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}
.rbutton219 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 0px 3px #000000;
    /*height:24px;
    width:80px;*/
    padding:3px;
    margin:10px 0px 0px 52px;
    z-index:8;
    opacity:1;
    position:relative;
    display:block;
    overflow:hidden;
}

/*---------------立体ボタン020------------*/
.rbutton220 {
    height:60px;
    width:180px;
    border-radius:60px;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-image:radial-gradient(circle at left,#ff2299,#6e00dc 30%,60%,#48bdff);
    overflow:hidden;
    position:relative;
    /*filter:drop-shadow(0px 4px 1px #4020a0);*/
    z-index:2;
    transition-property:all;
    transition-duration:1s;
    transition-timing-function:ease-in-out;
}
.rbutton220:hover {
    height:60px;
    width:180px;
    border-radius:60px;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-image:radial-gradient(circle at left,#ff9f56 3%,#ff42b9 15%,#ff2299 40%,#6e00dc 85%,#288def);
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    position:relative;
    opacity:1;
    z-index:3;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}
.rbutton220002 {
    height:60px;
    width:180px;
    border-radius:60px;
    padding:0px;
    /*margin:38px 0px 0px 25px;*/
    position:absolute;
    top:0px;
    left:0px;
    background-image:radial-gradient(circle at left,#ff2299,#6e00dc 30%,60%,#48bdff);
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    opacity:1;
    z-index:2;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}
.rbutton220002:hover {
    height:60px;
    width:180px;
    border-radius:60px;
    padding:0px;
    /*margin:38px 0px 0px 25px;*/
    position:absolute;
    top:0px;
    left:0px;
    background-image:radial-gradient(circle at left,#ff2299,#6e00dc 30%,60%,#48bdff);
    /*filter:drop-shadow(0px 1px 0px #301ca6);*/
    opacity:0;
    z-index:6;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}
.rbutton220 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 0px 3px #000000;
    /*height:24px;
    width:80px;*/
    padding:3px;
    margin:10px 0px 0px 52px;
    z-index:8;
    opacity:1;
    position:relative;
    display:block;
    overflow:hidden;
}

/*------------立体ボタン021------------------*/
.rbutton221 {
    height:60px;
    width:180px;
    border:solid 2px #9f99a9;
    padding:0px;
    margin:38px 0px 0px 25px;
    background-image:linear-gradient(90deg,#8beeff,20%,#02bcbc,70%,#bc6f59);
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 1px 1px #7f7787);
    z-index:2;
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-in;
}
.rbutton221:hover {
    height:60px;
    width:180px;
    border:solid 2px #9f99a9;
    padding:0px;
    margin:34px 0px 0px 25px;
    background-image:linear-gradient(90deg,#b6696f,20%,#888888,45%,#8beeff,75%,#42bcbc,85%,#777777,95%,#cf455f);
    filter:drop-shadow(0px 5px 3px #8f8797);
    position:relative;
    opacity:1;
    z-index:3;
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-in;
}
.rbutton221002 {
    height:60px;
    width:180px;
    border:solid 2px #9f99a9;
    padding:0px;
    /*margin:38px 0px 0px 25px;*/
    position:absolute;
    top:0px;
    left:0px;
    background-image:linear-gradient(90deg,#8beeff,20%,#02bcbc,70%,#bc6f59);
    filter:drop-shadow(0px 1px 1px #7f7787);
    opacity:0.5;
    z-index:4;
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-in;
}
.rbutton221002:hover {
    height:60px;
    width:180px;
    border:solid 2px #9f99a9;
    padding:0px;
    /*margin:38px 0px 0px 25px;*/
    position:absolute;
    top:0px;
    left:0px;
    background-image:linear-gradient(90deg,#b6696f,20%,#888888,45%,#8beeff,75%,#42bcbc,85%,#777777,95%,#cf455f);
    filter:drop-shadow(0px 5px 3px #8f8797);
    opacity:0;
    z-index:6;
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-in;
}
.rbutton221 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 0px 3px #200020;
    /*height:24px;
    width:80px;*/
    padding:3px;
    margin:10px 0px 0px 52px;
    z-index:8;
    opacity:1;
    position:relative;
    display:block;
    overflow:hidden;
}

/*----------立体ボタン022------------*/
.rbutton222 {
    height:50px;
    width:160px;
    border:solid 2px #aaaaba;
    padding:0px;
    margin:45px 0px 0px 35px;
    background-image:linear-gradient(90deg,#8beeff,20%,#02bcbc,70%,#cf6f5c);
    overflow:hidden;
    position:relative;
    /*filter:drop-shadow(0px 1px 1px #7f7787);*/
    z-index:2;
    transform:skew(30deg,0deg);
    transition-property:all;
    transition-duration:0.25s;
    transition-timing-function:ease-in;
}
.rbutton222:hover {
    height:50px;
    width:160px;
    border:solid 2px #aaaaba;
    padding:0px;
    margin:45px 0px 0px 35px;
    background-image:linear-gradient(90deg,#8beeff,20%,#02bcbc,70%,#d3635c);
    /*filter:drop-shadow(0px 5px 3px #8f8797);*/
    position:relative;
    opacity:1;
    z-index:3;
    transform:skew(0deg,0deg);
    transition-property:all;
    transition-duration:0.25s;
    transition-timing-function:ease-in;
}
.rbutton222 > p {
    color:#f9f9ff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 0px 3px #200020;
    /*height:24px;
    width:80px;*/
    padding:3px;
    margin:5px 0px 0px 42px;
    z-index:8;
    opacity:1;
    position:relative;
    display:block;
    overflow:hidden;
}

/*------------立体ボタン023-------------*/
.rbutton223p1 {
    font-size:18px;
    height:24px;
    width:50px;
    padding:0px;
    margin:30px 0px 0px 40px;
    position:absolute;
    top:25px;
    left:20px;
    text-shadow:-2px 0px 1px #889988,0px 2px 1px #efefd6;
}
.rbutton223p2 {
    color:#1910aa;
    font-size:28px;
    font-weight:bold;
    height:25px;
    width:25px;
    display:block;
    transform:scaleX(2) rotate(90deg);
    position:absolute;
    top:60px;
    left:56px;
    text-shadow:-2px 0px 1px #98a998,2px 0px 1px #efefd6;
    transition-property:all;
    transition-duration:0.6s;
    transition-timing-function:ease-out;
}
.rbutton223p2:hover {
    color:#a9207a;
    top:66px;
    text-shadow:3px 0px 1px #788988,-2px 0px 1px #efefd6;
    transition-property:all;
    transition-duration:0.6s;
    transition-timing-function:ease-out;
}
.rbutton223 {
    height:100px;
    width:100px;
    border:none;
    border-radius:100px;
    padding:0px;
    margin:25px 0px 0px 70px;
    background-image:radial-gradient(circle at bottom,#aaac66,#efefcc 80%);
    box-shadow:5px 15px 10px 0px #f6f6cc inset,-5px -5px 10px 0px #efefcc inset,-5px -5px 10px 0px #6d6676 inset;
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 5px 4px #aaaa99);
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}
.rbutton223:hover {
    background-image:radial-gradient(circle at bottom,#babc86,#efefcc 80%);
    box-shadow:5px 15px 10px 0px #f6f6cc inset,-5px -5px 10px 0px #efefcc inset,-5px -5px 10px 0px #8d8696 inset;
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}

/*------------立体ボタン024--------------------*/
.rbutton224 {
    height:60px;
    width:180px;
    border:none;
    border-radius:20px;
    padding:0px;
    margin:40px 0px 0px 30px;
    background-image:radial-gradient(circle at bottom,#aaac66,#efefcc 80%);
    box-shadow:5px 15px 10px 0px #f6f6cc inset,-5px -5px 10px 0px #efefcc inset,-5px -5px 10px 0px #6d6676 inset;
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 5px 4px #aaaa99);
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}
.rbutton224:hover {
    background-image:radial-gradient(circle at bottom,#babc86,#efefcc 80%);
    box-shadow:5px 15px 10px 0px #f6f6cc inset,-5px -5px 10px 0px #f6f6cc inset,-5px -5px 10px 0px #8d8696 inset;
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}
.rbutton224 p {
    color:#888888;
    font-size:20px;
    font-weight:bold;
    height:25px;
    width:70px;
    padding:15px 55px 20px 55px;
    margin:0px;
    display:block;
    text-shadow:0px -1px 0px #676777,0px 2px 1px #efefd6;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton224 p:hover {
    color:#849d9f;
    text-shadow:0px 0px 2px #8ff6e6,0px 0px 4px #bfefd6;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}

/*-------------立体ボタン025---------------*/
.rbutton225 {
    height:60px;
    width:180px;
    border:none;
    border-radius:10px;
    padding:0px;
    margin:40px 0px 0px 30px;
    background-image:linear-gradient(180deg,#f0f0dd 3%,#efefcc 20%,#aaac66 90%);
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 4px 1px #737399);
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton225:hover {
    background-image:linear-gradient(0deg,#efefcc 10%,#aaac66 70%,#babfa3 5%);
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton225 p {
    color:#987888;
    font-size:20px;
    font-weight:bold;
    height:25px;
    width:75px;
    padding:15px 55px 20px 55px;
    margin:0px;
    display:block;
    text-shadow:0px -1px 0px #777787,0px 2px 1px #e3e3d3;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton225 p:hover {
    color:#ffffff;
    text-shadow:0px 0px 3px #888888,0px 0px 6px #aaaaaa;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}

/*-------------立体的なボタン026----------*/
.rbutton226 {
    height:60px;
    width:180px;
    border:solid 1px #cccccc;
    border-radius:6px;
    padding:0px;
    margin:40px 0px 0px 30px;
    background-image:linear-gradient(180deg,#ffffff,#cccccf);
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 4px 1px #99999f);
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton226:hover {
    background-image:linear-gradient(0deg,#ffffff,70%,#cccccf);
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton226 p {
    color:#000000;
    font-size:20px;
    font-weight:bold;
    height:25px;
    width:25px;
    padding:0px;
    margin:15px 0px 0px 55px;
    display:block;
    /*text-shadow:0px -1px 0px #777787;*/
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton226 p:hover {
    color:#000000;
    text-shadow:0px 0px 2px #ffffff;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}

/*-----------立体ボタン027----------------*/
.rbutton227 {
    height:60px;
    width:180px;
    /*border:solid 1px #cccccc;
    border-radius:6px;*/
    padding:0px;
    margin:40px 0px 0px 30px;
    background-image:linear-gradient(150deg,#ed9958 5%,#bc0075 90%);
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 4px 1px #9f999f);
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton227:hover {
    background-image:linear-gradient(150deg,#bc0045,#bc00aa);
    filter:drop-shadow(0px 4px 1px #8f798f);
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;
}
.rbutton227 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    background-image:linear-gradient(150deg,#ffffcc 20%,#aa9aff 80%);
    background-clip:text;
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:0px;
    margin:10px 0px 0px 50px;
    display:block;
    /*text-shadow:0px 1px 2px #000000;*/
    /*transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;*/
}

/*--------------立体的なボタン028--------------------*/
.rbutton228 {
    height:60px;
    width:180px;
    border-bottom:solid 8px #666666;
    border-radius:60px;
    padding:0px;
    margin:40px 0px 0px 30px;
    background-image:linear-gradient(150deg,#e6f666 5%,#deffa8 55%,#0099a8 95%);
    overflow:hidden;
    position:relative;
    filter:drop-shadow(0px 2px 1px #666686);
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}
.rbutton228:hover {
    border-bottom:solid 2px #666666;
    margin:46px 0px 0px 30px;
    background-image:linear-gradient(150deg,#c6d666 15%,#c6df98 65%,#187998 97%);
    filter:drop-shadow(0px 2px 3px #8f88a8);
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}
.rbutton228 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    background-image:linear-gradient(150deg,#fd9864 33%,#efefe3,#aaaa99 48%,#7a8aff 80%);
    background-clip:text;
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    display:block;
    /*text-shadow:0px 1px 2px #000000;*/
    /*transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;*/
}
.rbutton228 p:hover {
background-image:linear-gradient(330deg,#fd9864 33%,#efefe3,#aaaa99 48%,#7a8aff 80%);
}

/*-----------立体的なボタン029----------------*/
.rbutton229 {
    height:60px;
    width:180px;
    padding:0px;
    margin:46px 0px 0px 30px;
    background-color:#000000;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton229::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#ff8888;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(-40px,40px,0px) rotateZ(45deg);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
/*
.rbutton229:hover {
    margin:46px 0px 0px 30px;
    background-image:linear-gradient(150deg,#c6d666 15%,#c6df98 65%,#187998 97%);*/
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    /*transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}*/
.rbutton229:hover::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#ff8888;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(-40px,40px,0px) rotateZ(45deg) scale(7,7);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton229 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    background-image:linear-gradient(150deg,#fd9864 33%,#efefe3,#aaaa99 48%,#7a8aff 80%);
    background-clip:text;
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    /*text-shadow:0px 1px 2px #000000;*/
    /*transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;*/
}
.rbutton229 p:hover {
    color:rgba(0,0,0,0); 
    z-index:6;
    background-image:linear-gradient(330deg,#000000 20%,#fd9864 40%,#f6f6e9,#aaaa99 48%,#7a8aff 60%,#000000 80%);
    /*position:relative;*/
}

/*---------------立体的なボタン030-----------------*/
.rbutton230 {
    height:60px;
    width:180px;
    padding:0px;
    margin:46px 0px 0px 30px;
    background-color:#000000;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton230::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#af0898;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(-55px,0px,0px);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
/*
.rbutton229:hover {
    margin:46px 0px 0px 30px;
    background-image:linear-gradient(150deg,#c6d666 15%,#c6df98 65%,#187998 97%);*/
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    /*transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}*/
.rbutton230:hover::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#af0898;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(0px,0px,0px) scale(7,1);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton230 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    background-image:linear-gradient(150deg,#7de844 33%,#efefe3,#aaaa99 48%,#7a8aff 80%);
    background-clip:text;
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    /*text-shadow:0px 1px 2px #000000;*/
    /*transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;*/
}
.rbutton230 p:hover {
    color:rgba(0,0,0,0); 
    z-index:6;
    background-image:linear-gradient(330deg,#008000 20%,#fd9864 40%,#f6f6e9,#aaaa99 48%,#7a8aff 60%,#000000 80%);
    /*position:relative;*/
}

/*--------------立体的なボタン031-----------------*/
.rbutton231 {
    height:60px;
    width:180px;
    padding:0px;
    margin:46px 0px 0px 30px;
    background-color:#000000;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton231::before {
    height:90px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    border-radius:50%;
    background-color:#bfe868;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(-45px,-15px,0px);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
/*
.rbutton229:hover {
    margin:46px 0px 0px 30px;
    background-image:linear-gradient(150deg,#c6d666 15%,#c6df98 65%,#187998 97%);*/
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    /*transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}*/
.rbutton231:hover::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#bfe868;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(0px,0px,0px) scale(7,1.5);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton231 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    background-image:linear-gradient(150deg,#cdff94 33%,#e3e3ef,#aaaa99 55%,#4a2aff 70%);
    background-clip:text;
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    /*text-shadow:0px 1px 2px #000000;*/
    /*transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;*/
}
.rbutton231 p:hover {
    color:rgba(0,0,0,0); 
    z-index:6;
    background-image:linear-gradient(150deg,#000030 33%,#00cfe4,#2662ff 53%,#c93920 68%);
    /*position:relative;*/
}

/*------------立体的なボタン032---------------*/
.rbutton232 {
    height:60px;
    width:180px;
    padding:0px;
    margin:46px 0px 0px 30px;
    background-color:#000000;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton232::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#508977;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(-40px,40px,0px) rotate(45deg);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton232::after {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#508977;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(160px,-40px,0px) rotate(45deg);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
/*
.rbutton229:hover {
    margin:46px 0px 0px 30px;
    background-image:linear-gradient(150deg,#c6d666 15%,#c6df98 65%,#187998 97%);*/
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    /*transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}*/
.rbutton232:hover::before {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#508977;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(-40px,40px,0px) scale(6,6);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton232:hover::after {
    height:60px;
    width:60px;
    content:"";                     /*これがないと疑似要素は表示されない「content:"";」*/
    background-color:#508977;
    position:absolute;
    display:block;
    z-index:3;
    top:0px;
    left:0px;
    transform:translate3d(160px,-40px,0px) scale(6,6);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton232 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    background-image:linear-gradient(150deg,#cdff94 33%,#e3e3ef,#aaaa99 55%,#4a2aff 70%);
    background-clip:text;
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    /*text-shadow:0px 1px 2px #000000;*/
    /*transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-out;*/
}
.rbutton232 p:hover {
    color:rgba(0,0,0,0); 
    z-index:6;
    background-image:linear-gradient(150deg,#000030 33%,#00e6ef,#2662ff 53%,#c93920 68%);
    /*position:relative;*/
}

/*-----------立体的なボタン033--------------*/
.rbutton233 {
    height:66px;
    width:186px;
    padding:0px;
    margin:42px 0px 0px 30px;
    border-radius:60px;
    background-image:linear-gradient(150deg,#c6d666 15%,#c6df98 65%,#187998 97%);
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton233002 {
    height:56px;
    width:176px;
    border-radius:60px;
    padding:0px;
    margin:4px 0px 0px 5px;
    background-color:#000000;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton233:hover {
    margin:42px 0px 0px 30px;
    background-image:linear-gradient(330deg,#869616 15%,#868f78 65%,#187998 97%);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.8s;
    transition-timing-function:ease-out;
}
.rbutton233002:hover {
    margin:7px 0px 0px 5px;
    background-color:#090034;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton233002 p {
    color:#aaaaaa;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    height:30px;
    width:100px;
    padding:8px 30px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.6s;
    transition-timing-function:ease-out;
}
.rbutton233002 p:hover {
    color:#9f99aa;
    z-index:6;
    transition-property:all;
    transition-duration:0.6s;
    transition-timing-function:ease-out;
}

/*-----------立体的なボタン034-----------*/
.rbutton234 {
    height:66px;
    width:186px;
    padding:0px;
    margin:42px 0px 0px 30px;
    border-radius:66px;
    background-image:linear-gradient(180deg,#dcf9a8 10%,#bbee66 45%,#7688a6 97%);
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton234002 {
    height:56px;
    width:176px;
    border-radius:56px;
    padding:0px;
    margin:4px 0px 0px 5px;
    background-color:#ccff44;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton234:hover {
    margin:42px 0px 0px 30px;
    background-image:linear-gradient(0deg,#c0c0a8 10%,#abce66 45%,#96a8a6 97%);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton234002:hover {
    height:54px;
    width:172px;
    border-radius:56px;
    padding:0px;
    margin:8px 0px 0px 7px;
    background-color:#acdf44;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton234002 p {
    color:#aadaea;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 0px 2px #4062a6;
    height:30px;
    width:100px;
    padding:8px 30px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton234002 p:hover {
    color:#969ae3;
    text-shadow:0px 0px 2px #5062a6;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*------------立体的なボタン035----------*/
.rbutton235 {
    height:60px;
    width:180px;
    padding:0px;
    border:solid 6px;
    border-color:#c3e3ef #6fa3af #6fa3af #c3e3ef;
    margin:39px 0px 0px 27px;
    background-color:#88efdf;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton235:hover {
    border-color: #83a3af #bfe0ef #bfe0ef #83a3af;
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton235 p {
    color:#469dbf;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 1px 2px #666666;
    height:30px;
    width:100px;
    padding:10px 30px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton235 p:hover {
    color:#26938f;
    text-shadow:0px 3px 5px #605653;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*----------立体的なボタン036-------------------*/
.rbutton236 {
    height:60px;
    width:180px;
    padding:0px;
    border:solid 6px;
    border-color:#dfefff #6f938f #5f636f #c3e3e6;
    margin:39px 0px 0px 27px;
    background-image:linear-gradient(150deg,#436673 5%,#dddddd 40%,#808898 65%,#436673 85%);
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton236:hover {
    border-color:#dff3ff #5f837f #3f434f #bfd0c3;
    background-image:linear-gradient(150deg,#436673 5%,#dddddd 55%,#808f9f 80%,#537673 90%);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton236 p {
    color:#039daf;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 1px 2px #dddddd;
    height:30px;
    width:100px;
    padding:10px 30px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-out;
}
.rbutton236 p:hover {
    color:#105d66;
    text-shadow:0px 3px 5px #605653;
    z-index:6;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-out;
}

/*-----------立体的なボタン037--------------*/
.rbutton237 {
    height:100px;
    width:100px;
    padding:0px;
    border:solid 2px #736643;
    border-radius:50%;
    margin:23px 0px 0px 70px;
    background-image:linear-gradient(150deg,#736643 15%,#ddddcc 40%,#b9a977 60%,#736643 85%);
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton237:hover {
    border:solid 2px #736643;
    background-image:linear-gradient(330deg,#736643 15%,#bbbbaa 40%,#998967 60%,#736643 85%);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transform:rotateY(180deg);
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-out;
}
.rbutton237 p {
    color:#866470;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px -1px 1px #644464,0px 1px 1px #ffffdd;
    height:30px;
    width:30px;
    padding:31px 32px 39px 38px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
}
.rbutton237 p:hover {
    color:#6a2470; 
    text-shadow:0px -1px 1px #644464,0px 1px 1px #eeeeff;
    z-index:6;

}

/*---------------立体的なボタン038--------------*/
.rbutton238 {
    height:60px;
    width:180px;
    padding:0px;
    border:solid 2px #330286;
    border-left:solid 8px #330286;
    margin:39px 0px 0px 27px;
    background-color:#ccedee;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton238:hover {
    background-color:#330286;
    border:solid 2px #ccedee;
    border-left:solid 8px #ccedee;
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton238 p {
    color:#035daf;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 1px 2px #666666;
    height:30px;
    width:100px;
    padding:10px 30px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton238 p:hover {
    color:#ccedee;
    text-shadow:0px 1px 2px #222222;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*-------------立体的なボタン039-----------------------*/
.rbutton239 {
    height:44px;
    width:140px;
    padding:0px;
    border:solid 2px #8777a6;
    border-width:6px 2px 6px 2px;
    border-color:#775796 #aa99cb #775796 #aa99cb;
    margin:47px 0px 0px 47px;
    background-color:#a6afdf;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transform:skewX(-35deg);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton239:hover {
    background-color:#968fd3;;
    border:solid 2px #8777a6;
    border-width:6px 2px 6px 2px;
    border-color:#775796 #aa99cb #775796 #aa99cb;
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transform:skewX(-10deg);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton239 p {
    color:#4757a9;            /*clip:textはtextを透明にする必要がある*/
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px 1px #664696;
    height:30px;
    width:100px;
    padding:6px 6px 8px 34px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton239 p:hover {
    color:#e6ffc3;
    text-shadow:0px 1px 2px #223232;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*----------------立体的なボタン040---------------*/
.rbutton240 {
    height:60px;
    width:180px;
    padding:0px;
    border:solid 1px #3322a6;
    margin:39px 0px 0px 27px;
    background-color:#ccf9f3;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    box-shadow:4px 4px 0px 0px #000000;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton240:hover {
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    box-shadow:-4px -4px 0px 0px #220033;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton240 p {
    color:#3012a6;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 1px 2px #666666;
    height:30px;
    width:100px;
    padding:10px 30px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton240 p:hover {
    color:#ccedee;
    text-shadow:0px -1px 2px #000000;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*-----------立体的なボタン041--------------*/
.buttoncon141 {
    background-color:#99dd00;
}
.rbutton241 {
    height:52px;
    width:160px;
    padding:0px;
    border:solid 4px #3322a6;
    border-radius:6px;
    margin:39px 0px 0px 32px;
    background-color:#ffffff;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    box-shadow:8px 6px 0px 0px #ffffff,8px 6px 0px 0px #99dd00 inset;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton241:hover {
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    box-shadow:0px 0px 0px 0px #ffffff;
    margin:45px 0px 0px 40px;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton241 p {
    color:#565612;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    /*text-shadow:0px 1px 2px #666666;*/
    height:30px;
    width:100px;
    padding:6px 20px 14px 38px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton241 p:hover {
    color:#a99942;
    text-shadow:0px 2px 2px #df8960;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*----------立体的なボタン042---------------------*/
.buttoncon142 {
    background-color:#f990bf;
}
.rbutton242 {
    height:48px;
    width:160px;
    padding:0px;
    border:solid 5px #555575;
    border-radius:52px;
    margin:41px 0px 0px 32px;
    background-color:#ffffff;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    box-shadow:8px 6px 0px 0px #ffffff,8px 6px 0px 0px #f990bf inset;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton242:hover {
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    box-shadow:0px 0px 0px 0px #ffffff;
    margin:47px 0px 0px 40px;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton242 p {
    color:#655575;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    /*text-shadow:0px 1px 2px #666666;*/
    height:30px;
    width:100px;
    padding:4px 20px 12px 38px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton242 p:hover {
    color:#a967b7;
    text-shadow:0px 1px 4px #ffbcff;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*-----------立体的なボタン043---------------*/
.buttoncon143 {
    background-color:#111111;
}
.rbutton243 {
    height:60px;
    width:180px;
    padding:0px;
    border-radius:10px;
    /*border:solid 2px #330286;*/
    margin:42px 0px 0px 27px;
    background-image:linear-gradient(90deg,#cd00de,#3900ee);
    /*overflow:hidden;*/
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton243::after {
    content:"";
    height:50px;
    width:170px;
    padding:0px;
    border-radius:10px;
    top:5px;
    left:5px;
    background-color:#000000;
    overflow:hidden;
    position:absolute;
    display:block;
    z-index:2;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton243:hover {
    background-image:linear-gradient(270deg,#cd00de,#3900ee);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton243 p {
    color:#036dcf;            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 1px 2px #666666;
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton243 p:hover {
    color:#dcedee;
    text-shadow:0px 1px 2px #222222;
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*-------------立体的なボタン044---------*/
.buttoncon144 {
    background-color:#111111;
}
.rbutton244 {
    height:60px;
    width:180px;
    padding:0px;
    border-radius:10px;
    /*border:solid 2px #330286;*/
    margin:42px 0px 0px 27px;
    background-image:linear-gradient(90deg,#cd00de 7%,#cd00de 40%,#bd3500 85%,#999f00);
    /*overflow:hidden;*/
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton244::after {
    content:"";
    height:50px;
    width:170px;
    padding:0px;
    border-radius:10px;
    top:5px;
    left:5px;
    background-color:#000000;
    overflow:hidden;
    position:absolute;
    display:block;
    z-index:2;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton244:hover {
    background-image:linear-gradient(270deg,#cd00de 7%,#cd00de 40%,#bd3500 92%,#b3b900 99%);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton244 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    /*text-shadow:0px 1px 2px #666666;*/
    height:30px;
    width:100px;
    padding:10px 30px 20px 50px;
    margin:0px;
    background-clip:text;
    background-image:linear-gradient(90deg,#d300e3 25%,#cd00de 35%,#bd3500 53%,#a3a600 70%);
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton244 p:hover {
    color:rgba(0,0,0,0); 
    background-clip:text;
    background-image:linear-gradient(90deg,#9300a3 25%,#8d009e 35%,#7d0500 53%,#737600 70%);
    /*text-shadow:0px 1px 2px #222222;*/
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*------------立体的なボタン045---------------------*/
.buttoncon145 {
    background-color:#111111;
}
.rbutton245 {
    height:60px;
    width:180px;
    padding:0px;
    border-radius:6px;
    /*border:solid 2px #330286;*/
    margin:42px 0px 0px 27px;
    background-image:linear-gradient(50deg,#662200 15%,#ddc000 35%,#eeeeee 45%,#ddc030 75%,#662200 85%);
    /*overflow:hidden;*/
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton245::after {
    content:"";
    height:54px;
    width:174px;
    padding:0px;
    border-radius:6px;
    top:3px;
    left:3px;
    background-color:#000000;
    overflow:hidden;
    position:absolute;
    display:block;
    z-index:2;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
/*.rbutton245:hover {
    background-image:linear-gradient(270deg,#cd00de 7%,#cd00de 40%,#bd3500 92%,#b3b900 99%);
    filter:drop-shadow(0px 2px 3px #8f88a8);
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}*/
.rbutton245 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    /*text-shadow:0px 1px 2px #666666;*/
    height:30px;
    width:100px;
    padding:10px 30px 20px 60px;
    margin:0px;
    background-clip:text;
    background-image:linear-gradient(180deg,#662200 15%,#ddc000 35%,#eeeeee 45%,#ddc030 75%,#662200 85%);
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton245 p:hover {
    color:rgba(0,0,0,0); 
    background-clip:text;
    background-image:linear-gradient(180deg,#662200 15%,#ad9000 35%,#666666 45%,#ad9000 75%,#662200 85%);
    /*text-shadow:0px 1px 2px #222222;*/
    transform:rotateY(180deg);
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*------------立体的なボタン046----------------*/
.buttoncon146 {
    background-color:#111111;
}
.rbutton246 {
    height:60px;
    width:180px;
    padding:0px;
    border-radius:6px;
    /*border:solid 2px #330286;*/
    margin:42px 0px 0px 27px;
    background-image:linear-gradient(60deg,#565969 15%,#bdc0b9 35%,#eef3f3 45%,#bdc0bf 75%,#565969 85%);
    /*overflow:hidden;*/
    position:relative;
    display:block;
    z-index:1;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton246::after {
    content:"";
    height:54px;
    width:174px;
    padding:0px;
    border-radius:6px;
    top:3px;
    left:3px;
    background-color:#000000;
    overflow:hidden;
    position:absolute;
    display:block;
    z-index:2;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton246:hover {
    background-image:linear-gradient(60deg,#565969 20%,#adb0b9 40%,#e0d0f0 50%,#adb0af 75%,#565969 85%);
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton246 p {
    color:rgba(0,0,0,0);            /*clip:textはtextを透明にする必要がある*/
    font-size:24px;
    font-weight:bold;
    /*text-shadow:0px 1px 2px #666666;*/
    height:30px;
    width:90px;
    padding:10px 50px 20px 50px;
    margin:0px;
    background-clip:text;
    background-image:linear-gradient(180deg,#565969 30%,#bdc0b9 42%,#eef3f3 45%,#bdc0bf 60%,#565969 75%);

    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}
.rbutton246 p:hover {
    color:rgba(0,0,0,0); 
    background-clip:text;
    background-image:linear-gradient(180deg,#565969 30%,#9da099 42%,#887999 45%,#9da09f 60%,#565969 75%);
    /*text-shadow:0px 1px 2px #222222;*/
    transform:rotateY(180deg);
    z-index:6;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-out;
}

/*--------------立体的なボタン047--------------*/
.rbutton247 > img {
    height:20px;
    width:20px;
    filter:drop-shadow(0px 2px 2px #222222);
    display:block;
    padding:26px 152px 54px 28px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}
.rbutton247 > p {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-shadow:0px 2px 2px #222222;
    display:block;
    height:48px;
    width:112px;
    padding:24px 35px 28px 53px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    /*margin:0px 0px 0px 35px;*/
}
.rbutton247 {
    height:60px;
    width:160px;
    border:solid 1px #199933;
    border-radius:10px;
    padding:23px 20px 17px 20px;
    margin:24px 0px 0px 19px;
    background-color:#22aa44;
    position:relative;
    overflow:hidden;
    z-index:1;
}/*
.rbutton247 > img:hover {
    top:-4px;
    filter:drop-shadow(0px 6px 4px #222222);
}
.rbutton247 > p:hover {
    top:-4px;
    text-shadow:0px 6px 4px #222222;
}*/
.rbutton247:hover {
    background-color:#34b648;
}

/*---------立体的なボタン048---------------*/
.rbutton248 > img {
    height:20px;
    width:20px;
    filter:drop-shadow(0px 2px 2px #222232);
    display:block;
    padding:26px 152px 54px 20px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}
p.rbutton248002 {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-shadow:0px 2px 2px #222232;
    display:block;
    height:48px;
    width:112px;
    padding:24px 35px 28px 48px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    /*margin:0px 0px 0px 35px;*/
}
p.rbutton248003 {
    color:#ffffff;
    font-size:24px;
    text-shadow:0px 2px 2px #444454;
    transform:scale(1,2);
    height:48px;
    width:20px;
    padding:33px 35px 28px 173px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}
.rbutton248 {
    height:60px;
    width:160px;
    border:solid 1px #199933;
    border-radius:10px;
    padding:23px 20px 17px 20px;
    margin:24px 0px 0px 19px;
    background-color:#62daa4;
    position:relative;
    overflow:hidden;
    z-index:1;
}
.rbutton248:hover {
    background-color:#72fad4;
}

/*-------------立体的なボタン049-----------------*/
.rbutton249 > img {
    height:20px;
    width:20px;
    filter:drop-shadow(0px 2px 2px #361246);
    display:block;
    padding:26px 152px 54px 20px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}
p.rbutton249002 {
    color:#3878b8;
    font-size:16px;
    font-weight:bold;
    text-shadow:0px 2px 2px #dcddee;
    display:block;
    height:48px;
    width:112px;
    padding:24px 35px 28px 48px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:4;
    /*margin:0px 0px 0px 35px;*/
}
p.rbutton249003 {
    color:#3878b8;
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 2px 2px #dcddee;
    transform:scale(1,2);
    height:48px;
    width:20px;
    padding:33px 35px 28px 173px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}
.rbutton249 {
    height:60px;
    width:160px;
    border:solid 1px #f0af50;
    border-radius:60px;
    padding:23px 20px 17px 20px;
    margin:20px 0px 0px 19px;
    background-color:#f6ff50;
    position:relative;
    overflow:hidden;
    z-index:1;
    filter:drop-shadow(0px 6px 0px #bfafc8);
    transition-property:all;
    transition-timing-function:ease-in-out;
    transition-duration:0.3s;
}
.rbutton249:hover {
    background-color:#ffef40;
    border:solid 1px #f0bf60;
    margin:25px 0px 0px 19px;
    filter:drop-shadow(0px 1px 0px #bfafc8);
    transition-property:all;
    transition-timing-function:ease-in-out;
    transition-duration:0.3s;
}/*
.rbutton249 p:hover {
    color:#583888;
}*/

/*----------------立体的なボタン050------------------*/
.rbutton250 > img {
    height:20px;
    width:20px;
    filter:drop-shadow(0px 2px 2px #ccccdd);
    display:block;
    padding:26px 152px 54px 28px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}
p.rbutton250002 {
    color:#4858a8;
    font-size:16px;
    font-weight:bold;
    text-shadow:0px 2px 2px #dcddee;
    display:block;
    height:48px;
    width:112px;
    padding:24px 35px 28px 53px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    /*margin:0px 0px 0px 35px;*/
}
p.rbutton250003 {
    color:#4858a8;
    font-size:24px;
    font-weight:bold;
    text-shadow:0px 2px 2px #d0c0ef;
    transform:scale(1,2);
    height:48px;
    width:20px;
    padding:33px 35px 28px 145px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:4;
    transition-property:all;
    transition-timing-function:ease-in-out;
    transition-duration:0.3s;
}
.rbutton250 {
    height:56px;
    width:140px;
    border:solid 1px #b6d6dd;
    border-radius:56px;
    padding:23px 20px 17px 20px;
    margin:23px 0px 0px 30px;
    background-color:#b6f6ff;
    position:relative;
    overflow:hidden;
    z-index:1;
    filter:drop-shadow(0px 2px 0px #999fb6);
    transition-property:all;
    transition-timing-function:ease-in-out;
    transition-duration:0.3s;
}
.rbutton250:hover {
    background-color:#96f0e6;
    border:solid 1px #b6d6dd;
    margin:23px 0px 0px 30px;
    filter:drop-shadow(0px 2px 0px #8980b6);
    transition-property:all;
    transition-timing-function:ease-in-out;
    transition-duration:0.3s;
}
.rbutton250003:hover {
    color:#182868;
    left:4px;
    transform:scale(1.3,2);
    transition-property:all;
    transition-timing-function:ease-in-out;
    transition-duration:0.3s;
}

/*--------------立体的なボタン051--------------------*/
.rbutton251 {
    height:60px;
    width:180px;
    border:solid 1px #888888;
    border-radius:6px;
    padding:0px;
    margin:39px 0px 0px 27px;
    background-image:linear-gradient(110deg,#f6f600,#ee0066,#cc00ff);
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    box-shadow:0px 4px 4px #bbbbcc;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}
.rbutton251:hover {
    height:70px;
    width:200px;
    border:solid 1px #aaaaaa;
    border-radius:12px;
    padding:0px;
    margin:29px 0px 0px 17px;
    background-image:radial-gradient(circle at left,#ffff00,#ee0066 70%,#d00099 85%,#bc00ef 97%);
    box-shadow:0px 4px 4px #dbdbec;
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}
.rbutton251 p {
    color:#ffffff;            /*clip:textはtextを透明にする必要がある*/
    font-size:22px;
    font-weight:bold;
    text-shadow:0px 1px 2px #222244;
    height:30px;
    width:100px;
    padding:10px 32px 20px 48px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}
.rbutton251 p:hover {
    color:#d3d3ef;
    text-shadow:0px -1px 2px #433355;
    padding:20px 42px 20px 58px;
    z-index:6;
    transition-property:all;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
}

/*---------立体的なボタン---------------------*/
.rbutton252 {
    height:60px;
    width:180px;
    border:solid 1px #665676;
    border-radius:60px;
    padding:0px;
    margin:39px 0px 0px 27px;
    background-color:#ed3810;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    box-shadow:0px 4px 4px #bbbbdc;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-in-out;
}
.rbutton252:hover {
    height:60px;
    width:180px;
    border:solid 1px #665676;
    border-radius:60px;
    padding:0px;
    margin:39px 0px 0px 27px;
    background-image:radial-gradient(circle at center,#ffff00 15%,#ed3810 60%,#e02920 95%);
    box-shadow:0px 4px 4px #dbdbfc;
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-in-out;
}
.rbutton252 p {
    color:#f9f9ff;            /*clip:textはtextを透明にする必要がある*/
    font-size:22px;
    font-weight:bold;
    text-shadow:0px 2px 2px #322244;
    height:30px;
    width:100px;
    padding:12px 28px 18px 52px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}
.rbutton252 p:hover {
    color:#ee9dcd;
    text-shadow:0px 2px 2px #322244;
    padding:12px 28px 18px 52px;
    z-index:6;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}

/*-----------立体的なボタン054-----------------*/
.rbutton253001 {
    height:120px;
    width:100px;
    padding:0px;
    border-top:solid 2px #f9bd80;
    border-left:solid 2px #f09030;
    border-bottom:solid 6px #cf2f20;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    margin:8px 0px 0px 18px;
    display:block;
    background-color:#ef6f00;
    position:relative;
    float:left;
}
.rbutton253002 {
    height:120px;
    width:100px;
    border-top:solid 2px #69ffe0;
    border-right:solid 2px #39f0d0;
    border-bottom:solid 6px #509988;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    padding:0px;
    margin:8px 5px 0px 1px;
    display:block;
    background-color:#30cdb3;
    position:relative;
    float:left;
}
.rbutton253001 > img {
    position:absolute;
    top:42px;
    left:5px;
    filter:drop-shadow(0px 3px 2px #886666);
}
.rbutton253001 > p:nth-child(2) {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    position:absolute;
    top:30px;
    left:28px;
    text-shadow:0px 3px 2px #886666;
}
.rbutton253001 > p:last-child {
    color:#ffffff;
    font-weight:bold;
    transform:scale(1,2);
    position:absolute;
    top:42px;
    left:82px;
    text-shadow:0px 3px 2px #886666;
    transition-property:all;
    transition-timing-function:ease-out;
    transition-duration:0.3s;
}
.rbutton253002 > img {
    position:absolute;
    top:42px;
    left:5px;
    filter:drop-shadow(0px 3px 2px #667788);
}
.rbutton253002 > p:nth-child(2) {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    position:absolute;
    top:18px;
    left:28px;
    text-shadow:0px 3px 2px #667788;
}
.rbutton253002 > p:last-child {
    color:#ffffff;
    font-weight:bold;
    transform:scale(1,2);
    position:absolute;
    top:42px;
    left:82px;
    text-shadow:0px 3px 2px #667788;
    transition-property:all;
    transition-timing-function:ease-out;
    transition-duration:0.3s;
}
.rbutton253001:hover {
    background-color:#ef4a36;
}
.rbutton253002:hover {
    background-color:#10bd83;
}
/*
.rbutton253001 > p:nth-child(2):hover {
    text-shadow:0px 3px 2px #83496f;
}
.rbutton253002 > p:nth-child(2):hover {
    text-shadow:0px 3px 2px #465768;
}
*/

/*-----------------立体的なボタン054-------------------*/
.rbutton254 {
    height:50px;
    width:190px;
    border-bottom:solid 6px #292040;
    border-radius:4px;
    padding:0px;
    margin:49px 0px 0px 24px;
    background-color:#5300ff;
    overflow:hidden;
    position:relative;
    display:block;
    z-index:1;
    box-shadow:0px 1px 2px #aaaaaa;
    /*filter:drop-shadow(0px 2px 1px #666686);*/
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}
.rbutton254:hover {
    height:50px;
    width:190px;
    border-bottom:solid 5px #2f2040;
    border-radius:4px;
    padding:0px;
    margin:50px 0px 0px 24px;
    background-color:#5340ff;
    box-shadow:0px 1px 2px #bbbbbb;
    /*filter:drop-shadow(0px 2px 3px #8f88a8);*/
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}
.rbutton254 > img {
    border-right:solid 2px #e9e9e9;
    padding:15px;
    float:left;
    filter:drop-shadow(0px 1px 2px #260068);
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}
/*
.rbutton254 > img:hover {
    filter:drop-shadow(0px 0px 2px #f3effe);
}*/
.rbutton254 p {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-shadow:0px 1px 2px #460068;
    height:16px;
    width:116px;
    padding:13px 12px 21px 10px;
    margin:0px;
    display:block;
    z-index:6;
    position:relative;
    float:left;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}
.rbutton254 p:hover {
    color:#ffffff;
    /*text-shadow:0px 0px 2px #f3effe;*/
    z-index:6;
    transition-property:all;
    transition-duration:0.1s;
    transition-timing-function:ease-out;
}




/*-------------------------------------------------------------------------------*/
/*------------------(011)ドリルダウン------------------*/
.dri901 {
    width:400px;
    border-radius:10px;
    padding:20px 0px 20px 20px;;
    margin:20px 0px 0px 80px;
    background-color:#100075;
    opacity:80%;
}

.dri901 li {
    font-size:16px;
    list-style-type:none;
    color:#ffffff;
    margin:0px 0px 10px 0px;
    text-shadow:0px 2px 1px #100022;
}
.dri901 li:hover {
    background-color:#2251d9;
}
.dri901 p {
    color:#ffffee;
    font-size:18px;
    font-weight:bold;
    display:block;
    padding:10px 0px 10px 20px; 
    margin:0px;
}
/*----------------------------↓個別設定----*/
.dri101 {
    width:400px;
    position:relative;
}
.dri101 p:first-child {
    width:360px;
    text-shadow:0px 2px 0px #000012;
}
.dri101 p:nth-child(2) {
    height:20px;
    width:20px;
    position:absolute;
    top:00px;
    left:360px;
    transform:rotate(90deg) scale(1.2,2);
    filter:drop-shadow(2px 0px 1px #000012);
}
.dri101 p:nth-child(2):hover {
    color:#fcffff;
    filter:drop-shadow(2px 0px 4px #78edff);
}

.dri201 {
    width:400px;
    position:relative;
}
.dri201 p:first-child {
    width:360px;
    text-shadow:0px 2px 0px #000012;
}
.dri201 p:nth-child(2) {
    height:20px;
    width:20px;
    position:absolute;
    top:00px;
    left:360px;
    transform:rotate(90deg) scale(1.2,2);
    filter:drop-shadow(2px 0px 1px #000012);
}
.dri201 p:nth-child(2):hover {
    color:#fcffff;
    filter:drop-shadow(2px 0px 4px #78edff);
}


.dri301 {
    width:400px;
    position:relative;
}
.dri301 p:first-child {
    width:360px;
    text-shadow:0px 2px 0px #000012;
}
.dri301 p:nth-child(2) {
    height:20px;
    width:20px;
    position:absolute;
    top:00px;
    left:360px;
    transform:rotate(90deg) scale(1.2,2);
    filter:drop-shadow(2px 0px 1px #000012);
}
.dri301 p:nth-child(2):hover {
    color:#fcffff;
    filter:drop-shadow(2px 0px 4px #78edff);
}


.dri401 {
    width:400px;
    position:relative;
}
.dri401 p:first-child {
    width:360px;
    text-shadow:0px 2px 0px #000012;
}
.dri401 p:nth-child(2) {
    height:20px;
    width:20px;
    position:absolute;
    top:00px;
    left:360px;
    transform:rotate(90deg) scale(1.2,2);
    filter:drop-shadow(2px 0px 1px #000012);
}
.dri401 p:nth-child(2):hover {
    color:#fcffff;
    filter:drop-shadow(2px 0px 4px #78edff);
}


.dri501 {
    width:400px;
    position:relative;
}
.dri501 p:first-child {
    width:360px;
    text-shadow:0px 2px 0px #000012;
}
.dri501 p:nth-child(2) {
    height:20px;
    width:20px;
    position:absolute;
    top:00px;
    left:360px;
    transform:rotate(90deg) scale(1.2,2);
    filter:drop-shadow(2px 0px 1px #000012);
}
.dri501 p:nth-child(2):hover {
    color:#fcffff;
    filter:drop-shadow(2px 0px 4px #78edff);
}


.dri201 {
    clear:both;
}

.dri111 {
    display:none;
    padding:5px 0px 10px 0px;
    margin:0px 0px 20px 30px;
    background-color:#1910aa;
    opacity:95%;
}
.dri211 {
    display:none;
    padding:5px 0px 10px 0px;
    margin:0px 0px 20px 30px;
    background-color:#1910aa;
    opacity:95%;
}
.dri311 {
    display:none;
    padding:5px 0px 10px 0px;
    margin:0px 0px 20px 30px;
    background-color:#1910aa;
    opacity:95%;
}
.dri411 {
    display:none;
    padding:5px 0px 10px 0px;
    margin:0px 0px 20px 30px;
    background-color:#1910aa;
    opacity:95%;
}
.dri511 {
    display:none;
    padding:5px 0px 10px 0px;
    margin:0px 0px 20px 30px;
    background-color:#1910aa;
    opacity:95%;
}


/*-------------------------------------------------------------*/
/*---------------012アラート------------------------------------*/
/*
.webC012 p {
    padding:0px;
    margin:0px;
}*/
.alert001 {
    height:80px;
    width:360px;        
    border:solid 1px #d3d4ed;
    padding:10px 50px;
    margin:40px 0px 0px 100px;
    display:block;
    background-color:#e3e4fd;
    z-index:1;
    /*overflow:hidden;*/
    /*position:relative;*/
}
/*
div.alert001::after {
    content:"";
    display:block;
    clear:both;
}*/
p.alert002 {
    color:#3333af;
    font-size:18px;
    text-shadow:0px 2px 2px #666666;
    height:30px;
    width:100px;
    border-radius:30px;
    padding:10px 0px 10px 30px;
    margin:15px 0px 0px 20px;
    background-color:#dc92f6;
    float:left;
    display:block;
    z-index:3;
}
p.alert003 {
    color:#3333af;
    font-size:18px;
    text-shadow:0px 2px 2px #666666;
    height:30px;
    width:120px;
    border-radius:30px;
    padding:10px 0px 10px 30px;
    margin:15px 0px 0px 40px;
    background-color:#b5b2e9;
    float:left;
    display:block;
    z-index:3;
}
p.alert002:hover {
    color:#3383cf;
}
p.alert003:hover {
    color:#3393cf;
}
.alert004 {
    display:none;
    height:0px;
    width:0px;
    background-color:#333343;
    opacity:50%;
    z-index:10;
    position:absolute;
    top:0px;
    left:-500px;
    transition-property:all;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}
                                /*-----------アラートウィンドウその1--------------*/
.alert005 {
    height:200px;
    width:300px;
    padding:20px;
    margin:0px;
    background-color:#f6f6f9;
    position:fixed;
    top:200px;
    left:20vw;
    z-index:13;
    overflow:hidden;
    display:none;
}
.alert005001 {
    font-size:50px;
    color:#992222;
    padding:0px;
    margin:0px;
    position:absolute;
    top:10px;
    left:140px;
    z-index:7;
}
.alert005002 {
    font-size:32px;
    font-weight:bold;
    color:#dddddd;
    padding:0px;
    margin:0px;
    position:absolute;
    top:24px;
    left:149px;
    z-index:8;
}
.alert005003 {
    height:80px;
    width:280px;
    padding:0px;
    margin:55px 0px 0px 20px;
    display:block;
    
}
.alert005004 {
    font-size:24px;
    font-weight:bold;
    line-height:48px;
    color:#aa2244;
    padding:0px;
    margin:0px 0px 0px 10px;
}
.alert005011 {

}
.alert005011 > p:first-child {
    font-size:16px;
    color:#222222;
    height:20px;
    width:66px;
    border:solid 1px #bbbbbb;
    border-radius:20px;
    padding:6px 20px 10px 20px;
    margin:15px 0px 0px 20px;
    background-color:#f9cce3;
    float:left;
}
.alert005011 > p:last-child {
    font-size:16px;
    color:#222222;
    height:20px;
    width:80px;
    border:solid 1px #bbbbbb;
    border-radius:20px;
    padding:6px 20px 10px 20px;
    margin:15px 0px 0px 35px;
    background-color:#ddccff;
    float:left;
}
.alert005011 > p:first-child:hover {
    color:#aa3322;
    text-decoration:underline;
}
.alert005011 > p:last-child:hover {
    color:#8a33a2;
    text-decoration:underline;
}

                    /*----------アラートウィンドウその2--------------*/
.alert006 {
    height:260px;
    width:300px;
    padding:20px;
    margin:0px;
    background-color:#f6f6f9;
    position:fixed;
    top:150px;
    left:20vw;
    z-index:13;
    overflow:hidden;
    display:none;
}
.alert006001 {
    font-size:50px;
    color:#992222;
    padding:0px;
    margin:0px;
    position:absolute;
    top:10px;
    left:140px;
    z-index:7;
}
.alert006002 {
    font-size:32px;
    font-weight:bold;
    color:#dddddd;
    padding:0px;
    margin:0px;
    position:absolute;
    top:24px;
    left:149px;
    z-index:8;
}
.alert006003 {
    height:80px;
    width:300px;
    padding:0px;
    margin:49px 0px 0px 0px;
    display:block;
    
}
.alert006004 {
    font-size:24px;
    font-weight:bold;
    line-height:54px;
    color:#aa2244;
    padding:0px;
    margin:0px 0px 0px 10px;
}
.alert006011 {

}
.alert006011 > p:first-child {
    font-size:16px;
    color:#222222;
    height:20px;
    width:128px;
    border:solid 1px #bbbbbb;
    border-radius:20px;
    padding:6px 20px 10px 20px;
    margin:35px 0px 0px 60px;
    background-color:#f9cce3;
}
.alert006011 > p:last-child {
    font-size:16px;
    color:#222222;
    height:20px;
    width:112px;
    border:solid 1px #bbbbbb;
    border-radius:20px;
    padding:6px 20px 10px 20px;
    margin:15px 0px 0px 68px;
    background-color:#ddccff;
    float:left;
}
.alert006011 > p:first-child:hover {
    color:#aa3322;
    text-decoration:underline;
}
.alert006011 > p:last-child:hover {
    color:#8a33a2;
    text-decoration:underline;
}


/*--------------------------------------------------------------------*/
/*-------------------ボタン002-----------------------------------------*/
.bu2t101 {
    height:100px;
    width:250px;
    border-bottom:solid 4px #dddddd;
    padding:0px;
    margin:30px 0px 0px 100px;
    float:left;
}
.bu2t201 {
    height:100px;
    width:250px;
    border-bottom:solid 4px #dddddd;
    padding:0px;
    margin:30px 0px 0px 150px;
    float:left;
}
.bu2t111 {
    height:60px;
    width:100px;
    /*border:solid 1px #888899;*/
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 10px;
    background-color:#6873fd;
    box-shadow:0px 7px 1px 0px #7fb9ff inset,0px -10px 0px 0px #5550ba inset,0px 2px 1px 0px #aaaaaa;
    float:left;
}
.bu2t112 {
    height:60px;
    width:100px;
    /*border:solid 1px #998888;*/
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 30px;
    background-color:#ef536d;
    box-shadow:0px 7px 1px 0px #fa987a inset,0px -10px 0px 0px #bc4167 inset,0px 2px 1px #aaaaaa;
    float:left;
}
.bu2t111 > p {
    font-size:24px;
    font-weight:bold;
    color:#111111;
    padding:0px;
    margin:11px 0px 0px 40px;
}
.bu2t112 > p {
    font-size:24px;
    font-weight:bold;
    color:#444444;
    padding:0px;
    margin:11px 0px 0px 40px;
}
.bu2t111:hover {
    outline:1px solid #ddeeff;
    box-shadow:0px 7px 3px 0px #9fd9ff inset,0px -10px 0px 0px #5550ba inset,0px 2px 1px 0px #aaaaaa;
}
.bu2t112:hover {
    outline:1px solid #fdeedf;
    box-shadow:0px 7px 3px 0px #ffb69a inset,0px -10px 0px 0px #bc4167 inset,0px 2px 1px #aaaaaa;
}

.bu2t211 {
    height:60px;
    width:60px;
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 40px;
    background-color:#38ee6d;
    box-shadow:0px 4px 0px 0px #beff69 inset,0px -8px 0px 0px #5ad66e inset,0px 2px 1px 0px #aaaaaa;
    float:left;
}
.bu2t211:hover {
    outline:1px solid #ddfedf;
    box-shadow:0px 6px 2px 0px #ceff89 inset,0px -8px 0px 0px #5ad66e inset,0px 2px 1px 0px #aaaaaa;
}
.bu2t211 > p {
    font-size:24px;
    font-weight:bold;
    color:#222222;
    padding:0px;
    margin:10px 0px 0px 22px;
}
.bu2t212 {
    height:60px;
    width:60px;
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 50px;
    background-color:#ff6aa5;
    box-shadow:0px 4px 0px 0px #fcafbf inset,0px -8px 0px 0px #cc5e92 inset,0px 2px 1px 0px #aaaaaa;
    float:left;
}
.bu2t212:hover {
    outline:1px solid #fddedf;
    box-shadow:0px 6px 2px 0px #fccfcf inset,0px -8px 0px 0px #cc5e92 inset,0px 2px 1px 0px #aaaaaa;
}
.bu2t212 > p {
    font-size:24px;
    font-weight:bold;
    color:#666666;
    padding:0px;
    margin:10px 0px 0px 22px;
}

                /*------------ボタン押し込み語のCSS----------*/
.bu2t113 {
    height:60px;
    width:100px;
    /*border:solid 1px #888899;*/
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 10px;
    background-color:#525ace;
    box-shadow:0px 7px 1px 0px #628dd0 inset,0px -10px 0px 0px #433f98 inset,0px 2px 1px 0px #aaaaaa;
    float:left;
}
.bu2t114 {
    height:60px;
    width:100px;
    /*border:solid 1px #998888;*/
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 30px;
    background-color:#bb4159;
    box-shadow:0px 7px 1px 0px #c47764 inset,0px -10px 0px 0px #933354 inset,0px 2px 1px #aaaaaa;
    float:left;
}
.bu2t113 > p {
    font-size:24px;
    font-weight:bold;
    color:#111111;
    padding:0px;
    margin:11px 0px 0px 40px;
}
.bu2t114 > p {
    font-size:24px;
    font-weight:bold;
    color:#444444;
    padding:0px;
    margin:11px 0px 0px 40px;
}
.bu2t113:hover {
    outline:1px solid #666666;
    box-shadow:0px 7px 3px 0px #638df0 inset,0px -10px 0px 0px #433f98 inset,0px 2px 1px 0px #aaaaaa;
}
.bu2t114:hover {
    outline:1px solid #a76666;
    box-shadow:0px 7px 3px 0px #f48764 inset,0px -10px 0px 0px #933354 inset,0px 2px 1px #aaaaaa;
}

.bu2t213 {
    height:60px;
    width:60px;
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 40px;
    background-color:#41ba4b;
    box-shadow:0px 4px 0px 0px #88ba52 inset,0px -8px 0px 0px #409c57 inset,0px 2px 1px 0px #aaaaaa;
    float:left;
}
.bu2t213:hover {
    outline:1px solid #668866;
    box-shadow:0px 6px 2px 0px #88da62 inset,0px -8px 0px 0px #409c57 inset,0px 2px 1px 0px #aaaaaa;
}
.bu2t213 > p {
    font-size:24px;
    font-weight:bold;
    color:#222222;
    padding:0px;
    margin:10px 0px 0px 22px;
}
.bu2t214 {
    height:60px;
    width:60px;
    border-radius:60px;
    padding:0px;
    margin:0px 0px 0px 50px;
    background-color:#b64d81;
    box-shadow:0px 4px 0px 0px #b48096 inset,0px -8px 0px 0px #924573 inset,0px 2px 1px 0px #aaaaaa;
    float:left;
}
.bu2t214:hover {
    outline:1px solid #886666;
    box-shadow:0px 6px 2px 0px #d49096 inset,0px -8px 0px 0px #924573 inset,0px 2px 1px 0px #aaaaaa;
}
.bu2t214 > p {
    font-size:24px;
    font-weight:bold;
    color:#666666;
    padding:0px;
    margin:10px 0px 0px 22px;
}


/*---------------------------------------------------------------------------*/
/*----------------------トグルスイッチ----------------------------------------*/
.tog101 {
    height:220px;
    width:430px;
    padding:0px;
    margin:0px 0px 0px 50px;
    float:left;
}
.tog201 {
    height:220px;
    width:430px;
    padding:0px;
    margin:0px 0px 0px 50px;
    float:left;
}
.tog111 {
    height:30px;
    width:80px;
    border:solid 3px #e7e7e7;
    border-radius:30px;
    padding:0px;
    margin:50px 0px 0px 20px;
    background-color:#e7e7e7;          /*-----------  #6a9dea  ---------------*/
    float:left;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}
.tog211 {
    height:30px;
    width:80px;
    border:solid 3px #e7e7e7;
    border-radius:30px;
    padding:0px;
    margin:50px 0px 0px 20px;
    background-color:#e7e7e7;               /*-------　#6a9dea;　-------*/
    float:left;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-in-out;
}
.tog112 {
    height:30px;
    width:30px;
    border-radius:50%;
    padding:0px;
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    transition-property:all;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
}
.tog212 {
    height:30px;
    width:30px;
    border-radius:50%;
    padding:0px;
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    transition-property:all;
    transition-duration:0.4s;
    transition-timing-function:ease-in-out;
}

.tog113 {
    font-size:16px;
    height:180px;
    width:270px;
    border:solid 2px #efffff;
    border-radius:10px;
    padding:0px 10px;
    margin:-20px 0px 0px 30px;
    background-color:#e8f5f5;
    display:none;
    float:left;
}
.tog213 {
    font-size:16px;
    height:180px;
    width:270px;
    border:solid 2px #efffff;
    border-radius:10px;
    padding:0px 10px;
    margin:-20px 0px 0px 30px;
    background-color:#e8f5f5;
    display:none;
    float:left;
}
.tog113 > p {
    margin:8px 0px 0px 0px;
}
.tog213 > p {
    margin:8px 0px 0px 0px;
}
.tog501p {
    font-weight:bold;
}
.tog502p {
    font-size:12px;
    line-height:36px;
    color:#333333;
    float:right;
}


/*------------------------------------------------------------------------------*/
/*----------------------トーストその2--------------------------------------------*/
.to2a009 {
    height:100px;
    width:300px;
    border:solid 1px #aaaaaa;
    padding:0px;
    margin:50px 0px 0px 300px;
}
.to2a009 p {
    height:30px;
    width:30px;
    padding:0px;
    margin:10px 0px 0px 22px;
}
.to2a001 {
    font-size:24px;
    font-weight:bold;
    height:60px;
    width:60px;
    border-radius:30px;
    padding:0px;
    margin:20px 0px 0px 20px;
    background-color:#f3acbc;
    display:block;
    float:left;
    z-index:3;
}
.to2a002 {
    font-size:24px;
    font-weight:bold;
    height:60px;
    width:60px;
    border-radius:30px;
    padding:0px;
    margin:20px 0px 0px 40px;
    background-color:#aee3c1;
    display:block;
    float:left;
    z-index:3;
}
.to2a003 {
    font-size:24px;
    font-weight:bold;
    height:60px;
    width:60px;
    border-radius:30px;
    padding:0px;
    margin:20px 0px 0px 40px;
    background-color:#c4d0e9;
    display:block;
    float:left;
    z-index:3;
}
.to2a004 {
    font-size:22px;
    font-weight:bold;
    height:40px;
    width:100px;
    border-radius:20px;
    padding:0px;
    margin:-15px 0px 0px 800px;
    background-color:#cccccc;
    display:block;
    z-index:3;
}
.to2a004 > p {
    padding:0px;
    margin:0px 0px 0px 5px;
}

.to2a005 {
    font-size:20px;
    height:150px;
    width:300px;
    border-radius:10px;
    position:absolute;
    top:50px;
    left:280px;
    background-color:#f6e1e4;
    display:none;
    z-index:4;
}
.to2a005 p {
    color:#320096;
    padding:0px;
    margin:30px 0px 0px 30px;
}
.to2a006 {
    font-size:20px;
    height:150px;
    width:300px;
    border-radius:10px;
    position:absolute;
    top:50px;
    left:280px;
    background-color:#ebf6d3;
    display:none;
    z-index:4;
}
.to2a006 p {
    color:#990022;
    padding:0px;
    margin:30px 0px 0px 30px;
}
.to2a007 {
    font-size:20px;
    height:150px;
    width:300px;
    border-radius:10px;
    position:absolute;
    top:50px;
    left:280px;
    background-color:#ebf6d3;
    display:none;
    z-index:4;
}
.to2a007 p {
    color:#a92032;
    padding:0px;
    margin:30px 0px 0px 30px;
}
.to2a008 {
    font-size:20px;
    height:150px;
    width:300px;
    border-radius:20px;
    position:absolute;
    top:30px;
    left:700px;
    background-color:#f3f6e1;
    opacity:0%;
    display:none;
    z-index:6;
    /*transition-property:all;
    transition-timing-function:ease-out;
    transition-duration:0.5s;*/
}
.to2a008 p {
    color:#333333;
    padding:0px;
    margin:30px 30px 0px 30px;
}