*{
padding:0;
margin:0;
}
img{
vertical-align:bottom;
}
ul{
list-style-type:none;
}

body{
line-height:1.5;
font-size:14px;
}

#wrap{
width:750px;
margin:0 auto;
}

#header{
color:#fff;
background-color:#6cf;
background-repeat:no-repeat;
width:700px;
height:150px;
text-align:right;
padding:25px;
}

section{
margin-bottom:20px;
}

#hidari{
width:280px;
padding:10px;
float:left;
}

#migi{
width:430px;
padding:10px;
float:left;
}

h1{
font-size:30px;
padding-top:75px;
}

nav ul{
width:750px;
margin-top:2px;
display:flex;
justify-content:space-between;
}

nav li a{
display:block;
width:248px;
background-color:#6cf;
padding:10px 0;
text-align:center;
text-decoration:none;
color:#fff;
}

nav li a:hover{
background-color:#39f;
color:#fff;
}

a{
color:#6cf;
text-decoration:none;
}

a:hover{
color:#39f;
}

h2{
font-size:24px;
color:#39f;
}

h3{
font-size:18px;
border-bottom:dotted 2px #ccc;
padding-top:10px;
}

h4{
font-size:16px;
padding-top:5px;
color:#39f;
}

h5{
font-size:14px;
padding-top:5px;
border-bottom:dotted 1px #ccc;
}

p{
padding:5px;
}

.new{
border:solid 1px #ccc;
margin:0 10px 10px;
padding:10px;
}

.date{
font-weight:bold;
margin-right:5px;
}

table{
margin:5px 0;
font-size:14px;
}

th{
color:#fff;
background-color:#6cf;
font-weight:normal;
text-align:right;
padding:5px;
}

td{
padding-left:5px;
}

.tate li{
padding:3px 0;
}

.tate span{
font-size:12px;
padding-left:10px;
}

.yoko li{
display:inline;
}

.yoko li{
padding-right:5px;
}

.yoko li:not(:last-child):after{
content:"／";
padding-left:5px;
}

footer{
background-color:#6cf;
padding:5px;
text-align:center;
clear:both;
}

footer, footer a{
color:#fff;
}

.novel h1{
background-color:#6cf;
color:#fff;
font-size:24px;
padding:15px 0 10px;
margin-bottom:10px;
text-align:center;
}

.novel p{
font-size:16px;
line-height:1.8;
}

.atgk p{
font-size:14px;
border:1px solid #666;
margin:10px;
padding:10px;
}