html, body {width:100%; font-family: 'Noto Sans', 'verdana', sans-serif;}
body {margin:0; padding:0;}
a {color:#000;}
a:hover {text-decoration:none;}
header .inner {max-width:1000px; padding:0 10px; margin:0 auto 30px auto; border-bottom:1px solid #888;}
header .inner .cssplay {padding:20px 0 0 40px; margin:0; font:400 28px/30px 'Over the Rainbow', 'verdana', sans-serif; color:#666; background: url(logo.png) no-repeat 0 20px; }
header .inner .title {padding:0; margin:0; font:400 27px/50px 'Noto Sans', 'verdana', sans-serif; color:#222;}
header .inner a {padding:0 30px 0 0; margin:0; font:400 17px/20px 'Noto Sans', 'verdana', sans-serif; color:#555; text-decoration:none;}
section,
article {max-width:1000px; padding:0 10px; margin:0 auto; text-align:center;}
section {padding:30px 10px; border-top:1px solid #888;}
.textPanel {width:310px; display:inline-block; margin:0 35px 35px 0; text-align:left; vertical-align:top;}
.textPanel {*display:inline;}
.textPanel p {padding:5px 0; margin:0; font:400 13px/20px 'Noto Sans', 'verdana', sans-serif; color:#666; text-align:justify;}
section .demo {width:310px; display:inline-block;  margin:0 35px 35px 0;}
section .demo {*display:inline;}
section .demo img {display:block; float:left; cursor:pointer;}
.lastPanel {margin:0;}
section .lastPanel {margin:0 0 35px 0;}
h4 {padding:0 0 10px 0; margin:0; font:400 16px/25px 'Noto Sans', 'verdana', sans-serif; color:#333; text-align:left;}
section span {display:block; padding:0; margin:0; font:400 10px/13px 'Noto Sans', 'verdana', sans-serif; color:#888; text-align:left;}

.textPanel ol li {font:400 11px/15px 'Noto Sans', 'verdana', sans-serif; color:#666;}

.adsense {width:320px; height:50px; margin:10px auto;}

footer article {max-width:1000px; padding:10px; margin:0 auto 20px auto; text-align:left; border-top:1px solid #888; border-bottom:1px solid #888;}
footer article p {display:block; padding:0; font:400 10px/15px 'Noto Sans', 'verdana', sans-serif; color:#666; text-transform:uppercase;}
footer article p span {float:right;}

@media only screen and (max-width: 730px) {
.textPanel {margin:0 0 20px 0;}
}

@media only screen and (max-width: 480px) {
.textPanel {width:290px; margin:0 0 35px 0;}
section .demo {width:290px; margin:0 0 35px 0;}
section .demo img {width:290px;}
}
