@charset "utf-8";

html { /* overflow-y: scroll; */ }

body { line-height: 1; color: #000; }

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

/* clears=========================================*/
.clear {
clear: both;
}
.clearfix {
clear: both;
display:inline-table;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
/* HIDE IEmac-5 ＼*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}

/*=========================================*/

.fontGreen { color:#390;}
.fontBlue { color:#039;}
.fontGray { color:#777;}
.fontRed { color:#F00}
.fontbackRED { color:#FFF; background:#F00; padding:3px 10px;}

        /* ====================================================
         btn04
        ==================================================== */
        .btn04 {
            margin: 0 auto;
            color: #fff;
            text-decoration: none;
            text-align: center;
            position: relative;
            z-index: 10;
            display: block;
            width: 80px;
            height: 80px;
            line-height: 80px;
        }

        .btn04::before {
            content: '';
            background-color: #85B200;
            display: block;
            position: absolute;
            width: 80px;
            height: 80px;
            z-index: -1;
            border-radius: 50%;
            box-shadow:
                0 0 0 1px #85B200,
                0 0 0 0 #dda284;
            transition: all .2s ease;
            -webkit-transition: all .2s ease;
        }
        .btn04:hover::before {
            transform: scale(0.8);
            -webkit-transform: scale(0.8);
            box-shadow:
                0 0 0 25px #fff,
                0 0 0 27px #85B200;
        }