body {
    font-family: "ã¡ã¤ãªãª", "Hiragino kaku Gothic Pro", sans-serif;
    background-color: #dcdcdc;
    background-image: url(back.png);
    margin: 0
    }
h1 {
    font-weight: normal;
    font-size: 60px;
    margin-top: 40px;
    margin-bottom: 40px
    }
p {
    line-height: 1.5
    }
/*ãããã¼*/
header {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    zoom: 1
    }
header h1 {
    font-family: "Ubuntu", cursive;
    font-size: 18px;
    line-height: 18px;
    width: 540px;
    margin-top: 0;
    margin-bottom: 20;
    margin-left: 50;
    margin-right: auto
    }
header h1 a {
    text-decoration: none;
    display: block;
    width: 200px
    }
header h1 a:hover {
    color: #000
    }
header h1 img {
    vertical-align: -10px;
    margin-right: 5px
    }
/* ããããã¼ã¸ */
#top header {
    margin-bottom: 0
    }
#top section {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 40px
    }
#top section {
    width: 640px;
    margin-left: auto;
    margin-right: auto
    }
#photo {
    background-image: url(photo1.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #3f8ad6;
    text-align: center;
    padding-top: 340px;
    padding-bottom: 80px
    }
#photo h1 {
    color: #0000cd;
    font-size: 60px;
    font-family: "Chango", cursive;
    text-shadow: 0 5px 10px #000
    }
/* è¨äº */
article, #message {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #aaa;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    -webkit-box-shadow: 1px 1px 3px #aaa;
    box-shadow: 1px 1px 3px #aaa;
    border-radius: 20px;
    overflow: hidden
    }
/* ããã¿ã¼ */
footer {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    clear: both
    }
/* ããã²ã¼ã·ã§ã³ã¡ãã¥ã¼ */
nav ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 0
    }
nav li {
    display: inline;
    font-size: 12px;
    padding-left: 6px
    }
nav {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-top: -80px
    }
nav a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    width: 90px;
    padding-top: 18px;
    padding-bottom: 18px;
    text-align: center;
    background-color: #ff7f50
    }
nav a:hover {
    color: #fff;
    background-color: #fa0
    }
.fixed {
    position: fixed;
    top: 0;
    width: 100%
    }
#photo a {
    background-color: #fa0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe7b8), to(#fa0));
    background-image: -webkit-linear-gradient(top, #ffe7b8 0%, #fa0 100%);
    background-image: linear-gradient(to bottom, #ffe7b8 0%, #fa0 100%);
    padding: 10px 80px;
    border-radius: 10px;
    color: #000;
    font-weight: bold;
    text-decoration: none
    }
/* ãè³ªåã»ãååããã¼ã¸ */
input, textarea {
    display: block
    }
input {
    width: 400px
    }
input[type="submit"] {
    width: 200px;
    background-color: #fa0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe7b8), to(#fa0));
    background-image: -webkit-linear-gradient(top, #ffe7b8 0%, #fa0 100%);
    background-image: linear-gradient(to bottom, #ffe7b8 0%, #fa0 100%);
    border: solid 1px #aaa;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px
    }
textarea {
    width: 800px;
    height: 160px
    }
a {
    color: #b77d3c
    }
a:hover {
    color: #f80
    }
/* éä¿¡ãã¾ãã */
body {
    font-family: "JapanSans80", "ãã©ã®ãè§ã´ãPro W3", "ã¡ã¤ãªãª", Meiryo, "M S  Pã´ã·ãã¯", "MS PGothic", sans-serif;
    background-color: #edede3
    }
h1 {
    font-size: 38px
    }
p {
    line-height: 1.5
    }
article {
    background-color: #fff
    }
/*TOPããã¿ã¼*/
footer {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    clear: both
    }
/*ãã©ã½ã³ã°ããº*/
body {
    font-family: "ã¡ã¤ãªãª", "Hiragino Kaku Gothic Pro", sans-serif;
    background-color: #edede3
    }
h1 {
    font-size: 35px
    }
h2 {
    font-size: 35px
    }
h3 {
    font-size: 35px
    }
h4 {
    font-size: 35px
    }
h5 {
    font-size: 35px
    }
h6 {
    font-size: 35px
    }
h7 {
    font-size: 35px
    }
h8 {
    font-size: 35px
    }
p {
    line-height: 1.2
    }
/*ãããã¼*/
header {
    background-color: #fff
    }
/*è¨äº*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*ããã¿ã¼*/
footer {
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*ãã«ãã¹ãã¼ã ãªã¥ãã¯*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*ã¹ãã¼ãããªã¹ããã¼ã*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*ããã«ãã«ãã¼*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*ã©ã³ãã³ã°ã­ã£ãã*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*ãã³ãã§ã*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/*é¨ãã¢è² ã±ãºããã¹ãã*/
article {
    background-color: #fff;
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
/* ç»åãå·¦ã«éç½®ããã¬ã¤ã¢ã¦ã */
figure.photo-left {
    margin: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left
    }
/* å°è¦åºã1 */
h2 {
    clear: both;
    border-bottom: solid 5px #c39f4a;
    margin-top: 30px
    }
/* å°è¦åºã2 */
h3 {
    clear: both;
    border-bottom: solid 5px #c39f4a;
    margin-top: 30px
    }
/* å°è¦åºã3 */
h4 {
    clear: both;
    border-bottom: solid 5px #c39f4a;
    margin-top: 30px
    }
/* å°è¦åºã4 */
h5 {
    clear: both;
    border-bottom: solid 5px #c39f4a;
    margin-top: 30px
    }
/* å°è¦åºã5 */
h6 {
    clear: both;
    border-bottom: solid 5px #c39f4a;
    margin-top: 30px
    }
/*å°è¦åºã6 */
h7 /* ç¹æ» */ .blinking {
    -webkit-animation: blink 1.5s ease-in-out infinite alternate;
    -moz-animation: blink 1.5s ease-in-out infinite alternate;
    animation: blink 1.5s ease-in-out infinite alternate
    }
@-webkit-keyframes blink {
    0% {
        opacity: 0;
        } 100% {
        opacity: 1;
        }
    }
@-moz-keyframes blink {
    0% {
        opacity: 0;
        } 100% {
        opacity: 1;
        }
    }
@keyframes blink {
    0% {
        opacity: 0;
        } 100% {
        opacity: 1;
        }
    }
/*ãæ¯éãã»ããªã³ãã¿ãªã«ãè¨äºã®ä¸è¦§ãã¼ã¸ã*/
#posts article img {
    float: left;
    margin-right: 20px
    }
#posts article h1 {
    font-size: 34px
    }
#posts section {
    width: 900px;
    margin-left: auto;
    margin-right: auto
    }
#posts header {
    margin-bottom: 20px
    }
h2 {
    clear: both;
    border-bottom: solid 5px #c39f4a
    }
/* ï¼´ã·ã£ããç»åãå·¦ã«ããã¬ã¤ã¢ã¦ã */
figure.photo-left {
    margin: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left
    }
/* å°è¦åºã */
h1 {
    clear: both;
    cursor: hand;
    /* ã¡ãã¥ã¼ãã¼ããã­ãããã¦ã³ */
    }