@charset "UTF-8";

* {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1.8em;
list-style: none;
text-decoration: none;
background: transparent;
}

body {
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "Meiryo", "Times New Roman", serif;
line-height: 1.6em;
}

p {
margin-bottom: 20px;
}

header {
width: 100%;
padding: 20px 0 0 0;
}

@media (min-width: 1180px) {
header, footer, div#box {
width: 1100px;
margin:0 auto 20px auto;
}
}


@media (max-width: 767px) {
div#main {
padding: 0 15px 0 15px;
}
}

header:after, div#box:after, div#container:after, div#menu:after, aside#social-button:after {
content: "";
display: block;
clear: both;
}

@media (min-width: 767px) {
div#container {
width: 85%;
float: left;
}

div#main {
width: 82%;
padding: 0 50px 0 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: right;
}

div#menu {
width: 18%;
float: left;
}

div#right-column {
width: 15%;
float: left;
}

div#header-box h1 {
width: 60%;
float: left;
}

aside.ad-top-right {
width: 40%;
float: right;
}
}

div#menu nav ul li {
border-left: #000 solid 1px;
}

div#menu nav ul li {
margin: 0;
padding: 0;
height: 49px;
float: left;
}

footer {
width: 100%;
text-align: center;
}

div#right-column aside > ul {
margin: 0 0 20px 0;
font-size: 0.95em;
border: 1px solid #42d900;
}

div#right-column ul li ul li{
margin: 0 0 0 10px;
padding: 2px;
}

div#right-column h3 {
padding: 2px 10px 2px 10px;
vertical-align: middle;
color: #fff;
background: #42d900;
} 

article h1 {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
font-size: 1.4em;
border-left: #42d900 solid 12px;
}

article h2 {
margin: 80px 0 20px 0;
padding: 0 0 4px 10px;
font-size: 1.2em;
border-left: #42d900 solid 12px;
border-bottom: #42d900 solid 1px;
}

h1.pink, h2.pink {
border-left: #ff00ff solid 12px;
}

h2.pink {
border-bottom: #ff00ff solid 12px;
}

h1.sky, h2.sky {
border-left: #39b0ff solid 12px;
}

h2.sky {
border-bottom: #39b0ff solid 12px;
}

h1.brown, h2.brown {
border-left: #81511c solid 12px;
}

h2.brown {
border-bottom: #81511c solid 12px;
}

h1.violet, h2.violet {
border-left: #9c49fa solid 12px;
}

h2.violet {
border-bottom: #9c49fa solid 12px;
}

h1.red, h2.red {
border-left: red solid 12px;
}

h2.red {
border-bottom: red solid 12px;
}

nav#breadcrumb {
margin: 0 0 20px 0;
font-size: 0.85em;
}

ul.list {
margin: 0 0 20px 0;
}

aside#social-button {
margin: 0 0 40px 0;
}

ul#icon-button li {
float: right;
}

nav#navigation {
margin: 0 0 30px 0;
}

div#main, div#menu, div#right-column {
margin: 0 0 30px 0;
}

aside.ad-top, aside.ad-bottom, aside.ad-column {
margin-bottom: 20px;
}

aside.ad-top-right:after {
clear: both;
}

aside.ad-top {
text-align: center;
}

.list li ul li, .word li ul li{
margin-left: 25px;
list-style: circle;
}

.list > li, .word > li {
margin-bottom: 35px;
}