body {
font-size: 15px;
line-height: 18px;
margin-top:30px;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

strong{
font-weight: bold;
}

.red{
color: #FF0000;
}

header, main, footer{
padding: 0 15px;
}

footer{
padding-bottom:20px;
}

header .container, main .container, footer .container{
width:100%;
margin: 0 auto;
text-align: center;
}

main .container, footer .container{
margin-top:20px;
}

p{
margin:10px 0;
line-height: 20px;
}


h1{
font-weight: bold;
font-size:24px;
line-height: 30px;
}

h2 {
  font-size:22px;
  line-height: 28px;
  font-weight: bold;
}

h3 {
font-size:22px;
line-height: 32px;
font-weight: bold;
border-left:solid 5px #007EFB;
border-bottom:1px solid #ccc;
padding: 0px 0 0px 10px;
margin:20px 0;
}

img{
width:100%;
}

.infobox{
width:100%;
color: #FFFFFF;
background: #007EFB;
margin:0 auto;
padding:20px 0;
}

img.nonfiction{
width:94%;
}

img.capture{
width:94%;
}

.infoboxform{
width:90%;
margin: 20px auto;
padding: 20px 0 ;
background: #FFFFFF;
}

.inputText{
width:88%;
height:30px;
}

.formBtn{
width:94%;
}


.profile{
width:100%;
text-align: left;
overflow: hidden;
margin: 50px 0 75px 0;
padding-bottom:75px;
border-bottom:1px solid #CCC;
}


.profleft img{
width:100%;
}

.profright{
overflow: hidden;
}

ul{
margin:20px 0;
}

li{
list-style: disc;
list-style-position: outside;
margin-left:20px;
}

p.media{
margin-top:50px;
}

img.chosyo{
width:100%;
}

img.media{
width:100%;
margin-top:20px;
}


.seminar img{
width:49%;
float: left;
}