@charset "utf-8";

/*---------topmain---------*/

ul#topgreeting {
width: 100%;
background: url(../images/greetingbg.jpg) ;
margin-bottom: 35px;
}

ul#topgreeting li {
width: 1100px;
margin: 0 auto;
min-height: 150px;
}

ul#topgreeting li.logo {
text-align: center;
width: 750px;
padding: 20px 0 30px 0;
border-bottom: 1px dotted #666666;
}

ul#topgreeting li p.cnt {
text-align: center;
font-size: 16px;
padding-top: 20px;
line-height: 220%;
}

#adbnr {
width: 1100px;
margin: 0 auto;
padding-bottom: 10px;
}

ul#topbnr {
width: 1100px;
margin: 0 auto;
margin-bottom: 35px;
}

ul#topbnr li ul.box-align {
width: 1120px;
margin: 0 auto;
margin-right: -30px;
}

ul#topbnr li ul.box-align li {
float: left;
width: 263px;
padding: 0 15px 15px 0;
}

#news {
width: 1100px;
margin: 0 auto;
margin-bottom: 50px;
}

#news ul.news01 {
float: left;
width: 540px;
}

#news ul.news01 h5.title {
background: #cc1821;
border-radius: 3px;
padding: 1.5% 0;
margin-bottom: 20px;
font-size: 20px;
text-align: center;
font-weight: bold;
color: #ffffff;
}

#news ul.news01 li.newsbody {
width: 530px;
height: 230px;
overflow: scroll;
overflow-x: hidden;
}

#news ul.news01 li.newsbody table {
width: 480px;
border-spacing: 0;
}

#news ul.news01 li.newsbody .date {
border-bottom: 1px dotted #aaa;
}

#news ul.news01 li.newsbody .cnt {
border-bottom: 1px dotted #aaa;
}

#news ul.news01 li.newsbody .cnt p {
font-size: 13px;
padding: 15px 0px 15px  8px;
line-height: 170%;
}

#news ul.news01 li.newsbody .cnt p a {
font-size: 13px;
}

#news ul.news01 li.newsbody .date p {
font-size: 12px;
font-weight: bold;
letter-spacing: 0.08em;
padding: 15px 0px 15px 5px;
}

#news ul.news01 li.bt01{
margin-top: 20px;
}

#news ul.news01 li.bt01 p {
text-align: center;
background: #e1e1e1;
border-radius: 4px;
}

#news ul.news01 li.bt01 p a {
text-decoration: none;
font-size: 15px;
display: block;
padding: 2.5% 0;
background:url(../images/newsbnricon.png) no-repeat 330px 10px;
}

#news ul.news02 {
float: right;
width: 540px;
}

#news ul.news02 h5.title {
background: #016b83;
border-radius: 3px;
padding: 1.5% 0;
margin-bottom: 20px;
font-size: 20px;
text-align: center;
font-weight: bold;
color: #ffffff;
}

#news ul.news02 li.newsbody {
width: 530px;
height: 230px;
overflow: scroll;
overflow-x: hidden;
}

#news ul.news02 li.newsbody table {
width: 480px;
border-spacing: 0;
}

#news ul.news02 li.newsbody .date {
border-bottom: 1px dotted #aaa;
}

#news ul.news02 li.newsbody .cnt {
border-bottom: 1px dotted #aaa;
}

#news ul.news02 li.newsbody .cnt p {
font-size: 13px;
padding: 15px 0px 15px  8px;
line-height: 170%;
}

#news ul.news02 li.newsbody .date p {
font-size: 12px;
font-weight: bold;
letter-spacing: 0.08em;
padding: 15px 0px 15px 5px;
}

#news ul.news02 li.bt02{
margin-top: 20px;
}

#news ul.news02 li.bt02 p {
text-align: center;
background: #e1e1e1;
border-radius: 4px;
}

#news ul.news02 li.bt02 p a {
text-decoration: none;
font-size: 15px;
display: block;
padding: 2.5% 0;
background:url(../images/newsbnricon.png) no-repeat 340px 10px;
}

ul#topbookscatch {
width: 100%;
background: #016b83;
background-position: center;
height: 350px;
}

ul#topbookscatch li.cntblock {
width: 1100px;
margin: 0 auto;
}

ul#topbookscatch li.cntblock ul li.leftbox {
width: 358px;
float: left;
padding: 6% 0 2% 0;
}

ul#topbookscatch li.cntblock ul li.rightbox {
width: 710px;
float: right;
margin-top: 80px;
}

ul#topbookscatch li.cntblock ul li.rightbox ul li.cmt {
float: left;
width: 380px;
}

ul#topbookscatch li.cntblock ul li.rightbox ul li.cmt p.title {
font-size: 30px;
font-weight: bold;
font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom: 10px;
color:#ffffff;
}

ul#topbookscatch li.cntblock ul li.rightbox ul li.cmt p.nor {
font-weight: bold;
color:#ffffff;
line-height: 200%;
}

ul#topbookscatch li.cntblock ul li.rightbox ul li.bt {
float: right;
width: 300px;
}

ul#topbookscatch li.cntblock ul li.rightbox ul li.bt p.bt {
background: #ffffff;
border-radius: 4px;
margin-top: 20px;
width: 80%;
}

ul#topbookscatch li.cntblock ul li.rightbox ul li.bt p.bt a {
font-size: 16px;
background:url(../images/newsbnricon.png) no-repeat  130px 5px;
display: block;
padding: 10px 0 10px 15px;;
letter-spacing: 1px;
color: #016b83;
font-weight: bold;
text-decoration: none;
}

#booksarea {
width: 1100px;
margin: 0 auto;
}

#booksarea ul.box-align {
width: 1120px;
margin-right: -30px;
padding-bottom: 55px;
}

#booksarea ul.box-align li {
display: inline-block;
width: 336px;
vertical-align: top;
border-right: 1px dotted #cccccc;
padding: 0 13px 0 15px;
margin-bottom: 35px;
}

#booksarea ul.box-align li p.caption {
padding:  10px 0 12px 0;
text-align: center;
font-size: 13px;
}

#booksarea ul.box-align li p.bt {
background: #e1e1e1;
border-radius: 4px;
}

#booksarea ul.box-align li p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0 10px 0;
letter-spacing: 1px;
font-weight: bold;
text-decoration: none;
}

#booksarea ul.box-align li p.bt a:hover {
background:#016B83;
opacity: 1.0;
color: #fff;
border-radius: 4px;
}

#booksarea ul.box-align li:nth-child(3n){
display: inline-block;
width: 336px;
vertical-align: top;
border: none;
padding: 0 13px 0 15px;
margin-bottom: 35px;
}

#booksarea ul.box-align li:nth-child(6n){
display: inline-block;
width: 336px;
vertical-align: top;
border: none;
padding: 0 13px 0 15px;
margin-bottom: 35px;
}

#underbnr {
width: 100%;
background: #f0f0f0;
}

#underbnr ul {
width: 1100px;
margin: 0 auto;
padding: 1% 0;
}

#underbnr ul li ul.box-align {
width: 1130px;
margin: 0 auto;
margin-right: -30px;
}

#underbnr ul.box-align li {
float: left;
width: 263px;
padding-right: 10px;
}



/*---------books---------*/

#booksmain {
width: 880px;
float: left;
}

#booksmain .bookscnt {
width: 880px;
}

#booksmain .bookscnt .featured {
padding-bottom: 40px;
}

#booksmain .bookscnt .featured ul.topbox {
padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 2px solid #ccc;
}

#booksmain .bookscnt .featured ul.topbox li.leftbox {
float: left;
width: 470px;
}

#booksmain .bookscnt .featured ul.topbox li.rightbox {
float: right;
width: 380px;
}

#booksmain .bookscnt .featured ul.underbox {
padding-bottom: 10px;
}

#booksmain .bookscnt ul.latest {
padding-bottom: 40px;
}

#booksmain ul.bknlist {
width: 880px;
}

#booksmain ul.bknlist li.boxgroup ul {
width: 1000px;
margin-right: -120px;
}

#booksmain ul.bknlist li.boxgroup ul li {
width: 180px;
display: inline-block;
vertical-align: top;
padding-right: 40px;
padding-bottom: 20px;
}

#booksmain ul.bknlist li.boxgroup ul li p a {
font-size: 13px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

#booksmain ul.bknlist li.boxgroup ul li p a:hover {
text-decoration: none;
}



/*---------about---------*/

#aboutmain {
width: 880px;
float: left;
}

#aboutmain ul.cntgroup {
margin-bottom: 55px;
}


/*---------event---------*/

#eventmain {
width: 880px;
float: left;
}

#eventmain .event_new {
width: 880px;
margin-bottom: 45px;
}

#eventmain .event_new ul.eventgroup {
width: 880px;
padding-bottom: 40px;
}

#eventmain .event_new ul.eventgroup li.leftbox {
width: 300px;
float: left;
}

#eventmain .event_new ul.eventgroup li.rightbox {
width: 550px;
float: right;
}

#eventmain .event_new ul.eventgroup li.rightbox p {
line-height: 180%;
}

#eventmain .event_past {
width: 880px;
}

#eventmain .event_past ul.info {
width: 880px;
padding-bottom: 45px;
}

#eventmain .event_past ul.info li.infobody {
margin: 0 auto;
width: 860px;
height: 350px;
overflow: scroll;
overflow-x: hidden;
}

#eventmain .event_past ul.info li.infobody table {
width: 800px;
}

#eventmain .event_past ul.info li.infobody .date {
border-bottom: 1px dotted #cccccc;
}

#eventmain .event_past ul.info li.infobody .cnt {
border-bottom: 1px dotted #cccccc;
}

#eventmain .event_past ul.info li.infobody .cnt p {
font-size: 14px;
padding: 10px 0px 10px 8px;
line-height: 170%;
}

#eventmain .event_past ul.info li.infobody .cnt p a {
font-size: 14px;
}

#eventmain .event_past ul.info li.infobody .date p {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.08em;
padding: 10px 0px 10px 5px;
}


/*---------memberlist---------*/

#memberlistmain {
width: 880px;
float: left;
}

#memberlistmain ul.comment {
width: 880px;
margin-bottom: 35px;
}

#memberlistmain ul.indexgroup {
width: 100%;
margin-bottom: 40px;
}

#memberlistmain ul.indexgroup table {
border-collapse: collapse;
width: 100%;
}

#memberlistmain ul.indexgroup table td.name {
border: 1px #d9d9d9 solid;
width: 30%;
padding: 1% 10px 1% 10px;
}

#memberlistmain ul.indexgroup table td.name p {
font-size: 14px;
font-weight: bold;
}

#memberlistmain ul.indexgroup table td.name p a {
color: #e3394a;
font-size: 14px;
font-weight: bold;
}

#memberlistmain ul.indexgroup table td.name p a:hover {
text-decoration: none;
}

#memberlistmain ul.indexgroup table td.point {
border: 1px #d9d9d9 solid;
width: 55%;
padding: 1%;
}

#memberlistmain ul.indexgroup table td.point p {
font-size: 13px;
}

#memberlistmain ul.indexgroup table td.link {
border: 1px #d9d9d9 solid;
width: 15%;
padding: 1%;
}

#memberlistmain ul.indexgroup table td.link .bt {
width: 100%;
background: #b8181d;
border-radius: 3px;
display: block;
margin: 10px 0;
box-shadow: 0 2px 8px rgb(50 50 50 / 25%);
}

#memberlistmain ul.indexgroup table td.link .bt a {
opacity: 1.0;
display: block;
color: #fff;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
text-align: center;
letter-spacing: 0.02em;
text-decoration: none;
font-size: 13px;
padding: 4%;
}

#memberlistmain ul.indexgroup table td.link .bt a:hover {
background: #E32D31;
border-radius: 3px;
color: #fff;
}

#memberlistmain ul.indexgroup table th {
border: 1px #d9d9d9 solid;
background-color: #f2f2f2;
}

#memberlistmain ul.indexgroup table th p {
padding: 2% 0;
font-size: 13px;
text-align: center;
}


/*---------member---------*/

#membermain {
width: 880px;
float: left;
}

#membermain ul.cntgrp {
width: 880px;
margin-bottom: 40px;
}

#membermain ul.attention {
width: 880px;
text-align: center;
}

#membermain ul.attention p {
font-family: 'Montserrat', sans-serif;
}

/*---------news---------*/

#newsmain {
width: 880px;
float: left;
}

#newsmain ul.cnt {
width: 880px;
}

#newsmain ul.cnt li.data {
width: 880px;
padding-bottom: 20px;
}

#newsmain ul.cnt li.data p {
text-align: right;
font-weight: 600;
letter-spacing: 0.08em;
font-family: 'Montserrat', sans-serif;
}



/*---------contact---------*/

#contactmain {
width: 880px;
float: left;
}

#contactmain ul.tel-fax {
padding-bottom: 50px;
}

#contactmain ul.tel-fax p.number {
font-size: 32px;
color: #cc1821;
letter-spacing: 2px;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
padding-left: 10px;
}

#contactmain ul.ad{
padding-bottom: 50px;
}

#contactmain ul.contactform {
padding-bottom: 40px;
}

#contactmain ul.contactform table {
width: 880px;
}

#contactmain ul.contactform .descriptiontxt p {
padding: 5px 0 15px 5px;
font-size: 14px;
line-height: 190%;
}

#contactmain ul.contactform li.attention {
text-align: right;
font-size: 13px;
margin-bottom: 40px;
}

#contactmain ul.contactform .input1 {
width: 250px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 1px solid #cccccc;
margin: 0 0 10px 0;
}

#contactmain ul.contactform .input1:focus {
border:solid 1px #fa7f55;
}

#contactmain ul.contactform .input2 {
width: 350px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 1px solid #cccccc;
margin: 0 0 10px;
}

#contactmain ul.contactform .input2:focus {
border:solid 1px #fa7f55;
}

#contactmain ul.contactform .input3 {
width: 70px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 1px solid #cccccc;
margin:0 0 10px;
}

#contactmain ul.contactform .input3:focus {
border:solid 1px #fa7f55;
}

#contactmain ul.contactform .textarea1 {
width: 450px;
height: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 1px solid #cccccc;
margin:0 0 10px;
}

#contactmain ul.contactform .textarea1:focus {
border:solid 1px #fa7f55;
}

#contactmain ul.contactform .select {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 1px solid #cccccc;
margin:0 0 10px;
}

#contactmain ul.contactform .select:focus {
border:solid 1px #fa7f55;
}

#contactmain ul.contactform .radio {
margin: 15px 0 25px 0;
}

#contactmain ul.contactform .checkbox {
margin: 10px 0 20px 0;
}

#contactmain ul.contactform .formtxt01 {
padding-left: 5px;
font-size: 14px;
}

#contactmain ul.contactform .formtxt02 {
padding-left: 8px;
font-size: 14px;
}

#contactmain ul.contactform .formtxt03 {
padding: 0 12px 0 4px;
}

#contactmain ul.contactform .formtxt04 {
padding: 3px 15px 3px 5px;
font-size: 13px;
}

#contactmain ul.contactform .buttonarea {
width: 870px;
padding-top: 15px;
}

#contactmain ul.contactform .submit {
cursor: pointer;
width:130px;
height: 48px;
padding:8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
}

#contactmain ul.contactform .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
transition: all 0.8s ease 0s;
}

#contactmain ul.privacycomment {
width: 870px;
padding-bottom: 20px;
}

#contactmain ul.privacycomment p {
font-size: 14px;
padding: 0 5px 0 5px;
line-height: 190%;
}

#contactmain .privacycnt {
width: 870px;
}

#contactmain ul.privacycnt li {
border-bottom: 2px dotted #cccccc;
}

#contactmain ul.privacycnt li .pptext01 {
padding: 20px 0 20px 5px;
color: #555555;
}

#contactmain ul.privacycnt li .pptext02 {
font-size: 12px;
padding: 0 0 10px 5px;
line-height: 170%;
}

#contactmain ul.thanks {
width: 870px;
height: 600px;
}

#contactmain ul.thanks p {
text-align: center;
padding-top: 55px;
font-size: 22px;
font-weight: bold;
line-height: 250%;
}

#contactmain ul.thanks p a {
text-align: center;
padding-top: 55px;
font-size: 18px;
font-weight: bold;
}

#contactmain ul.thanks p a:hover {
text-decoration: none;
}