/* �t�H���g�̃��C�Z���X�\�L */
        /*
        'Titillium Web' is licensed under the Open Font License.
        https://fonts.google.com/specimen/Rajdhani
        */

        /* ���Z�b�gCSS */
        /*
        YUI 3.18.1 (build f7e7bcb)
        Copyright 2014 Yahoo! Inc. All rights reserved.
        Licensed under the BSD License.
        http://yuilibrary.com/license/
        */

        html{
            color:#000;background:#FFF}
            body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
            table{border-collapse:collapse;border-spacing:0}
            fieldset,img{border:0}
            address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
            ol,ul{list-style:none}
            caption,th{text-align:left}
            h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bolder}
            q:before,q:after{content:''}
            abbr,acronym{border:0;font-variant:normal}
            sup{vertical-align:text-top}
            sub{vertical-align:text-bottom}
            input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
            legend{color:#000}
            #yui3-css-stamp.cssreset{display:none}


        /* ��{�ݒ� */

        html {
        font-size: 72.5%;
        }
        body {
        margin: 3em auto;
        width: 90%;
        max-width: 500px;
        box-sizing: border-box;
        font-size: 1.2rem;
        font-family: '���C���I', '�q���M�m�p�S', sans-serif;
        letter-spacing: 0.2em;
        line-height: 170%;
        color: #000000;
        background-color: #ffffff;
        }
        a {
        text-decoration: none;
        color: #df5942;
        background-color: #dadada;
        }
        h1,h2,h3 {
        font-family: 'Titillium Web', '���C���I', '�q���M�m�p�S', sans-serif;
        }
        h1 {
        padding-bottom: 1em;
        text-align: center;
        font-size: 3.0rem;
        }
        h2 {
        display: inline-block;
        padding: 0.2em 1em;
        margin: 1em 0em;
        font-size: 1.2em;
        color: #ffffff;
        background-color: #df5942;
        }
        h3 {
        margin: 0.2em 0em 0.5em 0.5em;
        font-size: 1.1em;
        font-weight: bolder;
        }
        em {
        font-style: normal;
        border-bottom: dashed 1px #666666;
        }
        ul,ol {
        list-style: none;
        }
        input,textarea,button,select {
        padding: 0.2em;
        border: solid 2px #4b4f5c;
        font-size: 100%;
        font-family: inherit;
        }
        textarea {
        max-width: 90%;
        }

        /* �i���ݒ� */

        p {
        padding: 0em 1em;
        }

        /* �w�b�_�[�i�g�b�v�y�[�W�j�ݒ� */

        header {
        padding: 3em 0em;
        text-align: center;
        font-family: 'Titillium Web', '���C���I', '�q���M�m�p�S', sans-serif;
        }
        header p {
        font-size: 1rem;
        }
        nav {
        margin: 2em auto;
        }
        nav li a {
        display: inline-block;
        padding: 0.5em;
        margin: 0.5em auto;
        width: 40%;
        background-color: #df5942;
        color: #ffffff;
        }
        nav li a:hover {
        background-color: #df5942;
        }

        /* �u���O�ݒ� */

        article {
        margin: 0em auto 2em;
        width: 95%;
        padding-bottom: 2em;
        border: solid 2px #df5942;
        }
        span.time {
        display: inline-block;
        margin-left: 1.5em;
        font-size: 0.8em;
        }
        footer.blog {
        text-align: right;
        }
        footer.blog a {
        margin: 0em 1em;
        }