@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;}pre,code,kbd,samp,tt{*font-size:108%;line-height:100%}* {margin:0;padding:0;}

 /* =======================================================
    HTML, Body
========================================================== */
html {
font-size: 100%;
}
body {
width: 100%;
color: #000;
line-height: 1.5;
font-family: "新ゴ R" , Shin Go Regular;
font-size: 1rem;
}
img{vertical-align:bottom;}
a{color:#000;text-decoration:none;}
a:link,a:visited,a:focus {color:#000;outline:0;text-decoration:none;}
a:hover,a:active {color:#000;text-decoration:none;}
strong{ font-family:"ゴシックMB101 B" , Gothic MB101 Bold;font-size: 1.1em;}
/* common
======================================= */
#wrapper {
margin:0 auto;
padding:0;
box-sizing:border-box;
}
#wrapper #mainContents {
margin:0 auto;
padding:0;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}

/* =======================================================
    header
========================================================== */
#wrapper #mainContents #header{
width:1000px;
margin: 10px auto;
text-align: left;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}　
#wrapper #mainContents #header .logo a{
font-family: "UD Shin Go Medium";
font-weight: bold;
font-size: 1rem;
margin-top:20px;
line-height: 1.1;
}
#wrapper #mainContents #header .logo a em {
display: block;
font-size:1.75rem;
line-height: 1.2;
}
#wrapper #mainContents #header .logo a span.en {
display: block;
font-weight: normal;
font-size:0.4375rem;
}

#wrapper #mainContents #header .logo img{
margin-top:10px;
}
#wrapper #mainContents #header .banner a{
display: block;
background-color: #f9da49;
padding:10px 30px;
font-size:.8rem;
font-family: "Shin Go Medium";
}

#wrapper #mainContents #header .banner2 {
display: block;
background-color: #f9da49;
padding:10px 30px;
font-size:.8rem;


font-family: "Shin Go Medium";
}

#wrapper #mainContents #header .banner p{
font-size:1.3rem;
}


#wrapper #mainContents #header .banner2 p{
font-size:1.3rem;
}

#wrapper #mainContents #header .banner2 span{
font-size:1.1rem;
color:red;
}

/* global Navigation */
#global-nav{
background-color: #0a380b;
text-align: center;
min-width:1000px;
}
#global-nav ul{
width:1000px;
margin: 0 atuo;
display: inline-flex;
}
#global-nav ul li a {
display:block;
width:142px;
color:#FFF;
padding:10px 0;
font-family: "新ゴ R" , Shin Go Regular;
}
#global-nav ul li a:hover{
background-color: #faf6e2;
color:#0a380b;
}
body[class*=about] #global-nav ul li.gnav02 a,
body[class*=books] #global-nav ul li.gnav04 a,
body[class*=research] #global-nav ul li.gnav05 a,
body[class*=consultation] #global-nav ul li.gnav06 a,
body.member #global-nav ul li.gnav07 a,
body.member-information #global-nav ul li.gnav07 a {
background-color: #faf6e2;
color:#0a380b;
}
body.members-research  #global-nav ul li.gnav05 a{
display:block;
color:#FFF;
background-color: #0a380b;
}
body.members-research  #global-nav ul li.gnav05 a:hover{
background-color: #faf6e2;
color:#0a380b;
}
/* =======================================================
    pathnavi
========================================================== */
#wrapper .pathnavi{
width:1000px;
margin: 3% auto 0;
}
#wrapper .pathnavi li{
display :inline-block;
margin-right: 5px;
font-size: 0.8em;
font-weight: bold;
font-family:"ゴシックMB101 B" , Gothic MB101 Bold;
}
#wrapper .pathnavi li + li:before{
content:"> ";
}
#wrapper .pathnavi li a{
font-weight: normal;
font-family: "新ゴ R" , Shin Go Regular;
text-decoration: underline;
}
#wrapper .pathnavi li a:hover{
text-decoration: none;
}

/* contents
======================================= */

    body {
      font-family: sans-serif;
      background-color: #f9f9f9;
    }

    .container {
      display: flex;
      flex-direction: column;
      gap: 12px;
      max-width: 680px;
      margin: 30px auto;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #ccc;
      background-color: #fff;
    }

    th, td {
      padding: 8px;
      border: 1px solid #ccc;
      text-align: left;
    }

    caption {
      font-weight: bold;
      padding: 5px;
      background-color: #eee;
    }

    .accordion-button {
      background: linear-gradient(to right, #796bfc, #9488ff);
      width: 680px;
      margin: 20px auto;
      color: white;
      padding: 12px 20px;
      cursor: pointer;
      border: none;
      border-radius: 30px;
      text-align: center;
      font-size: 1rem;
      font-weight: bold;
      transition: background 0.4s ease;
    }

    .accordion-button.open {
      background: linear-gradient(to right, #c16dff, #d49afe);
    }

    .accordion-wrapper {
      overflow: hidden;
      max-height: 0;
      transition: max-height 1.5s ease;
    }

    .accordion-wrapper.open {
      max-height: 1800px;
    }

#wrapper #Contents{
width:1000px;
margin:0 auto;
padding:0;
overflow:hidden;
_zoom:1;
}
.linkBtn a{
background-color: #023203;
padding: 3%;
margin: 2% auto;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-align: center;
display: block;
color: #fff;
text-decoration: none !important;}
.linkBtn a:hover {opacity: 0.8;}
.linkBtn a span{color:#f9da49;}

/* imgArea
======================================= */
#wrapper #imgArea {
position: relative;
}
#wrapper #imgArea p {
text-align: right;
}
#wrapper #imgArea .copy {
position: absolute;
top:25%;
left: 5%;
width: 100%;
font-family: Ryumin Medium KL;
font-size:40px;
z-index: 10;
text-shadow:
    #FFF 2px 0px 2px, #FFF -2px 0px 2px,
    #FFF 0px -2px 2px, #FFF -2px 0px 2px,
    #FFF 2px 2px 2px, #FFF -2px 2px 2px,
    #FFF 2px -2px 2px, #FFF -2px -2px 2px,
    #FFF 1px 2px 2px, #FFF -1px 2px 2px,
    #FFF 1px -2px 2px, #FFF -1px -2px 2px,
    #FFF 2px 1px 2px, #FFF -2px 1px 2px,
    #FFF 2px -1px 2px, #FFF -2px -1px 2px,
    #FFF 1px 1px 2px, #FFF -1px 1px 2px,
    #FFF 1px -1px 2px, #FFF -1px -1px 2px;
/*text-shadow: 1px 1px 2px #FFF, 0 0 1em #FFF, 0 0 0.1em #FFF;*/
}
#wrapper #imgArea .copy { animation: slideFromRight 1.5s ease 0s 1 normal;}
@keyframes slideFromRight {
  0%, 25% {
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
#wrapper #imgArea img{margin-top: -250px; width:100%;}
#wrapper #main-menu{
margin-top: 5px;
}
#wrapper #main-menu ul{
display: -webkit-flex;
display: flex;
}
#wrapper #main-menu ul li{
border-right:1px solid #fff;
-webkit-flex-basis: 24.9%;
flex-basis: 24.9%;
background:#f9da49;
padding: 0 0 15px;
}
#wrapper #main-menu ul li:nth-of-type(even){
background:#c9ba3d;
}
#wrapper #main-menu ul li a {
display:block;
color:#FFFFFF;
text-align: center;
font-size:22px;
line-height: 1.2;
text-shadow: black 0 0 10px;
letter-spacing: 1px;
}
#wrapper #main-menu ul li:first-child a {
line-height: 52px;
}
#wrapper #main-menu ul li div{
background-size:cover;
padding: 15px 0;
min-height: 5.5vh;
}
#wrapper #main-menu ul li span{
display: block;
padding: 10px 15px 0 15px;
font-size:.8rem;
}
#wrapper #main-menu ul li p.arrow a {
text-align: right;
 margin-right: 10px;
}
#wrapper #main-menu ul li div:nth-of-type(1){
background:url(/images/menu-bg01.png) no-repeat center center;
}
#wrapper #main-menu ul li div:nth-of-type(2){
background: url(/images/menu-bg02.png) no-repeat center 30%;
}
#wrapper #main-menu ul li div:nth-of-type(3){
background: url(/images/menu-bg03.png) no-repeat center center;
}
#wrapper #main-menu ul li div:nth-of-type(4){
background: url(/images/menu-bg01.png) no-repeat center center;
border-right:none;
-webkit-flex-basis: 25%;
flex-basis: 25%;
}
#wrapper #main-menu ul li:nth-of-type(4) a {
text-align: left;
}
#wrapper #main-menu ul li:nth-of-type(4) img{
float:left;
margin-right:5px;
margin-left:15px;
width:25%;
 margin-right: 10px;
}
#wrapper #main-menu ul li p.arrow a img{
width:auto;
float:right;
text-align: right;
 margin-right: 10px;
}

/* newsContents
*********************************/
#wrapper #Contents .newsContents {
width: 1000px;
margin: 5% auto;
font-size:0.9rem;
display: flex;
}
#Contents .newsContents a { text-decoration: underline ;}
#Contents .newsContents a:hover { text-decoration: none ;}
#wrapper #Contents .newsContents header{
margin:0 0 6%;
}
#wrapper #Contents .newsContents header .toptitle {
text-align: center;
font-family: "Shin Go Medium";
font-size:33px;
}
#wrapper #Contents .newsContents header .subtitle {
color: #105b12;
font-family: "Shin Go Medium";
font-size:16px;
line-height: .8rem;
text-align: center;
}
#wrapper #Contents .newsContents .newsArea{
width: 550px;
padding-right:5%;
}
body.page.news #wrapper #Contents .newsContents,
body.page.news #wrapper #Contents .newsContents .newsArea {
width: 680px;
}
#Contents .newsContents .newsArea dl{
border-bottom:1px solid #ccc;
margin:0 0 2% 0;
padding-bottom: 2%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: column;
justify-content: left;
font-size:0.85rem;
}
#Contents .newsContents .newsArea dl dt{
padding:0 1% 0 0;
width: 19%;
}
#Contents .newsContents .newsArea dl dd{
width: 80%;
}
#Contents .newsContents .newsArea dl dd p{
padding:3px 0 0 5px;
font-size: 0.9em;
}
#Contents .newsContents .newsArea .linkBtn {
width:30%;
margin:4% auto 0;
padding: 1.5% 0;
}
#Contents .newsContents .SeminarArea {
-webkit-flex: 1;
flex: 1;
}
#Contents .newsContents .SeminarArea dl {
margin-bottom: 10px;
overflow:hidden;
_zoom:1;
}
#Contents .newsContents .SeminarArea dl dt{
width:20%; 
float: left;
}
#Contents .newsContents .SeminarArea dl dt.end {
background-color:#b3c1b3;
text-align: center;
color: #FFFFFF;
font-size:0.8rem;
line-height: 2;
}
#Contents .newsContents .SeminarArea dl dt.new {
background-color:#fa0421;
text-align: center;
color: #FFFFFF;
font-size:0.8rem;
line-height: 2;
}

#Contents .newsContents .SeminarArea dl dt.new2 {
background-color:#08910b;
text-align: center;
color: #FFFFFF;
font-size:0.8rem;
line-height: 2;
}


#Contents .newsContents .SeminarArea dl dd {
margin-left:10px;
float: right;
width:77%; 
}
p.form a{
background-color:#63453a;
text-align: center;
color: #FFFFFF;
font-size:0.7rem;
border: solid 1px #d6d6d6;
float:right;
padding: 3px 10px;
display: inline-block;
text-decoration: none !important;
}
p.form a:hover { opacity: 0.8;}

span.form a{
background-color:#6495ed !important;
text-align: center;
color: #FFFFFF;
font-size:0.7rem;
border: solid 1px #d6d6d6;
padding: 3px 10px;
display: inline-block;
text-decoration: none !important;
}
span.form a:hover { opacity: 0.8;}

/* service
*********************************/
#wrapper #Contents .service {
margin:5% auto;
display: -webkit-flex;
display: flex;
}
#wrapper #Contents .service .serviceBox {
-webkit-flex: 1;
flex: 1;
font-size:24px;
}
#wrapper #Contents .service .serviceBox-Books{
background-color:#dcd9c0;
border-left: solid 7px #fff;
border-bottom: solid 7px #fff;
font-size:24px;
line-height: 1.3;
width:670px;
text-align: center;
padding:15px 0 0;
}
#wrapper #Contents .service .serviceBox dl{
display: -webkit-flex;
 display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
background-color:#dcd9c0;
border-bottom: solid 7px #fff;
padding:30px 0 30px 20px;
height: 80px;
}
#wrapper #Contents .service .serviceBox dd {
padding-top:13px;
padding-left:10px;
line-height: 1.3;
}
#wrapper #Contents .service .serviceBox dd.second {
line-height: 2;
}
#wrapper #Contents .service .serviceBox-Books ul{
margin-top:1.5%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content:center;
height: 230px;
padding-left:20px;
padding-right:20px;
overflow: hidden;
}
#wrapper #Contents .service .serviceBox-Books ul li{
height: 200px;
margin:0 .5%;
padding:.2%;
background-color:rgba(255, 255, 255, 0.7);
}
#wrapper #Contents .service .serviceBox-Books ul li dt img {
margin: 0 auto;
width: auto;
height: 70px;
}
#wrapper #Contents .service .serviceBox-Books ul li dd {
font-size:.8rem;
line-height: 1.3;
}
#wrapper #Contents .service .serviceBox-Books ul li dd .bookTitle {
font-size:1.1rem;
margin-top:3%;
}
#wrapper #Contents .service .serviceBox-Books ul li dd .bookTitle2 {
font-size:18px;
padding-top:3%;
padding-bottom:4%;
}
#wrapper #Contents .service .serviceBox-Books ul li dd .bookTitle3 {
font-size:15px;
padding-top:3%;
padding-bottom:3%;
}
#wrapper #Contents .service .serviceBox-Books ul li dd span {
font-size:14px;
}

/* footer
*********************************/
#footer{text-align: left;}
#footer .footerArea{
background-color:#f4f4ec;
padding: 20px 0;
}
#footer .footerArea .footerAreaContents{
width: 1000px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}　
#footer .footerArea .footerAreaContents .address{width:60%;}
#footer .footerArea .footerAreaContents .address .logo {font-size:1.4rem;}
#footer .footerArea .footerAreaContents .address .en {font-size:0.8rem;}
#footer .footerArea .footerAreaContents .address .access{
font-size:0.75rem;
margin-top: 1%;
}
#footer .footerArea .footerAreaContents .links{
width:20%;
text-align: right;
}
#footer .footerArea .footerAreaContents .links ul{ margin: 0 auto;}
#footer .footerArea .footerAreaContents .links ul li{
margin: 1%;
font-size:.9rem;
display:inline;
font-family: "Shin Go Medium";
}
#footer .copyright{
font-size: .8rem;
margin: .5% auto;
text-align:center;
}

/* page
======================================= */
.page #wrapper #Contents{
margin: 2% auto 5%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}　
.page #wrapper #leftContents {
width:270px;
}
.page #wrapper #pagemainContents{
width:680px;
font-size:0.9rem;
line-height: 1.8rem;
}
#leftContents h2{
width:240px;
background-color: #0a380b;
color: #FFFFFF;
padding: 15px;
margin-bottom: 10px;
font-size:20px;
font-family: "Shin Go Medium";
}
#leftContents ul.l-nav{
width:270px;
margin-bottom: 18px;
}

#leftContents ul.l-nav li a{
display: block;
padding: 12px 0;
border-bottom: solid 1px #dcd9c0;
}
	#leftContents ul ul li a{
	padding: 8px 0 8px 30px !important;
	font-size:0.9em;
	}
#leftContents ul.l-nav li span{
display: block;
padding: 12px 0;
border-bottom: solid 1px #dcd9c0;
color:#999999;
}
#leftContents ul.l-nav li a:hover{
border-bottom: solid 1px #0a380b;
color: #0a380b;
}
#leftContents ul.l-banner li{
width:270px;
margin-bottom: 5px;
text-align: center;
font-size:1rem;
text-shadow: black 0 0 10px;
letter-spacing: 1px;
}
#leftContents ul.l-banner li a{
color:#FFFFFF;
font-family: "Shin Go Medium";
display: block;
border: solid 3px #f9da49;
}
#leftContents ul.l-banner li.banner01 a{
background: url(/images/menu-bg01.png) no-repeat center center;
background-size:cover;
padding: 25px 20px;
}
#leftContents ul.l-banner li.banner02 a{
background: url(/images/menu-bg02.png) no-repeat center center;
background-size:cover;
padding: 25px 20px;
}
#leftContents ul.l-banner li.banner03 a{
background: url(/images/menu-bg03.png) no-repeat center center;
background-size:cover;
padding: 10px 20px;
}
#leftContents ul.l-banner li.banner04 a{
background: url(/images/menu-bg01.png) no-repeat center center;
background-size:cover;
padding: 10px 0 10px 10px;
text-align: left;
overflow:hidden;
_zoom:1;
}
#leftContents ul.l-banner li.banner04 img{
opacity: 1;
float: left;
margin-right: 5px;
width: 28%;
}
#pagemainContents h2{
margin-bottom: 50px;
font-size:40px;
line-height: 2;
font-family: "Shin Go Medium";
text-align: center;
}
#pagemainContents h3{
margin-bottom: 20px;
font-size:24px;
line-height: 2;
border-bottom: solid 3px #023203;
padding: .2% 0;
margin: 3% auto 2%;
}
#pagemainContents h4{
font-size:1.125rem;
margin: 2% 0;
padding-left: 2%;
border-left: solid 4px #023203;
}
#pagemainContents h5{
margin-bottom: 30px;
font-size:30px;
line-height: 2;
font-family: "Shin Go Medium";
text-align: center;
}
#pagemainContents .box h4{
margin: 0 0 2%;
}
#pagemainContents p.form a{
float:none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 3px 6px;
}
#pagemainContents .box {
padding: 15px;
background: #efefef;
}

#pagemainContents .box2 {
padding: 15px;
background: #efefef;
border: solid #8080003;
}

#pagemainContents .box7 {
padding: 15px;
background: #fff6d2;
border: solid #8080003;
}


/*　icon設定　*/
.pdf,
#pagemainContents a[href$=".pdf"],
.newsContents a[href$=".pdf"] {
	padding-right: 20px;
	background: url(/images/icon/icon_pdf.gif) no-repeat right center;
	}

.doc,.docx,
#pagemainContents a[href$=".doc"],#pagemainContents a[href$=".docx"],
.newsContents a[href$=".doc"],.newsContents a[href$=".docx"] {
	padding-right: 20px;
	background: url(/images/icon/icon_doc.gif) no-repeat right center;
	}

.xls,.xlsx,
#pagemainContents a[href$=".xls"],#pagemainContents a[href$=".xlsx"],
.newsContents a[href$=".xls"],.newsContents a[href$=".xlsx"] {
	padding-right: 20px;
	background: url(/images/icon/icon_excel.gif) no-repeat right center;
	}

.zip,
#pagemainContents a[href$=".zip"],
.newsContents a[href$=".zip"] {
	padding: 2px 20px 2px 0;
	background: url(/images/icon/icon_zip.png) no-repeat right center;
	}

.icon_url,
#pagemainContents a[href$=".html"][target="_blank"],#pagemainContents a[href$=".htm"][target="_blank"],.mark a,
.newsContents a[href$=".html"][target="_blank"],.newsContents a[href$=".htm"][target="_blank"] {
	padding-right: 25px;
	background: url(/images/icon/icon_url.png) no-repeat right center;
	}

.mail,
#pagemainContents a[href^="mailto"],
.newsContents a[href^="mailto"] {
	padding-left: 30px;
	background: url(/images/icon/icon_mail.png) no-repeat left center;
	}
.lock {
	padding-left: 30px;
	background: url(/images/icon/icon_lock.png) no-repeat left center;
	}
	
#pagemainContents ul.btn_links,
.seminer_linkArea {
 margin: 4% auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#pagemainContents ul.btn_links li,
.seminer_linkArea ul li {
width:100%;
margin-right: 10px;
font-size:18px;
line-height: 3;
text-align: center;
}

.col01 {
background-color: #f9da49;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.col02 {
background-color: #ffa162;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.col03 {
background-color: #f99c49;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.col04 {
background-color: #a3ceff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.col05 {
background-color: #d8f4ce;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.col06 {
background-color: #6993ff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

#pagemainContents ul.btn_links2,
.seminer_linkArea {
 margin: 4% auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#pagemainContents ul.btn_links2 li,
.seminer_linkArea ul li {
width:100%;
margin-right: 10px;
font-size:18px;
line-height: 3;
text-align: center;
background-color: #385723;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

#pagemainContents ul.btn_links3,
.seminer_linkArea {
 margin: 4% auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#pagemainContents ul.btn_links3 li,
.seminer_linkArea ul li {
width:100%;
margin-right: 10px;
font-size:15px;
line-height: 2;
text-align: center;
padding:5px;
}


.seminer_linkArea ul {
	width: 50%;
}
a.seminer_outline {
	width: 46%;
	margin: 0 2%;
	font-size: 0.8em;
	text-align: right;
	}
a[href$=".pdf"].seminer_outline {
	padding-right: 0 !important;
	background: none !important;
	}
a.seminer_outline img {
	width:100%;
	height: auto;
	border: 1px solid #ccc;
	}

body.event #pagemainContents h3 div {
float: right;
display: block;
width:30%;
font-size:18px;
margin-top: -12px;
padding: 10px;
line-height: 1;
text-align: center;
background-color: #f9da49;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
body.event #pagemainContents a.lock span {
font-size:12px;
}
#pagemainContents ul.btn_links li:hover,
body.event #pagemainContents h3 div:hover {
opacity: 0.8;
}

#pagemainContents ul.btn_links2 li:hover,
body.event #pagemainContents h3 div:hover {
opacity: 0.8;
}

#pagemainContents ul.btn_links li span{
display: block;
}
.seminar #pagemainContents ul.btn_links li span{
line-height: 1.5;
font-size: 0.8em;
position:relative; top:-10px;
}
#pagemainContents ul.btn_links li a{
text-decoration: none !important;
}

#pagemainContents ul.btn_links2 li a{
text-decoration: none !important;
color: #ffffff;
}


#pagemainContents table{
    border: solid 1px #cccccc;
    line-height: 1.4;
    margin-top: 1%;
}

#pagemainContents table td,
#pagemainContents table th{
    padding:10px 7px;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    font-size:0.9rem;
}
	.seminar #pagemainContents form table{
			border: solid 2px #cccccc;
	}
	
	.seminar #pagemainContents form table td,
	.seminar #pagemainContents form table th{
			border-top: solid 2px #cccccc;
			border-bottom: solid 2px #cccccc;
			border-left: solid 2px #cccccc;
	}
	.seminar #pagemainContents form table tr:first-child th,
	.seminar #pagemainContents form table tr:nth-child(odd) td{
			border-bottom: dotted 1px #cccccc;
	}
	
/*	
	.seminar #pagemainContents form table tr:nth-child(3) td,
	.seminar #pagemainContents form table tr:nth-child(4) td,
	.seminar #pagemainContents form table tr:nth-child(7) td,
	.seminar #pagemainContents form table tr:nth-child(8) td,
	.seminar #pagemainContents form table tr:nth-child(11) td,
	.seminar #pagemainContents form table tr:nth-child(12) td,
	.seminar #pagemainContents form table tr:nth-child(15) td,
	.seminar #pagemainContents form table tr:nth-child(16) td,
	.seminar #pagemainContents form table tr:nth-child(19) td,
	.seminar #pagemainContents form table tr:nth-child(20) td {
	 background: #FFFFCC; 
	}
*/
	
#pagemainContents table td:first-child{
    border-left:none;
}
_:-ms-lang(x), #pagemainContents table td:first-child{
    border-left: solid 1px #cccccc;
}

#pagemainContents table thead th,
#pagemainContents table tbody th{
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
}


/* 一番上のセルの上の線を太く */
	.small tr:nth-child(1) th {
	border-top:  3px solid #858585 !important;
}


/* 左端のセルに左枠を太く */
	.small tr:nth-child(1) th:first-child,
	.small tr:nth-child(2) th:first-child,
	.small tr:nth-child(3) td:first-child,
	.small tr:nth-child(4) th:first-child,
	.small tr:nth-child(5) th:first-child,
	.small tr:nth-child(6) th:first-child,
	.small tr:nth-child(7) td:first-child,
	.small tr:nth-child(8) th:first-child,
	.small tr:nth-child(9) th:first-child,
	.small tr:nth-child(10) th:first-child,
	.small tr:nth-child(11) td:first-child,
	.small tr:nth-child(12) th:first-child,
	.small tr:nth-child(13) th:first-child,
	.small tr:nth-child(14) th:first-child,
	.small tr:nth-child(15) td:first-child,
	.small tr:nth-child(16) th:first-child,
	.small tr:nth-child(17) th:first-child,
	.small tr:nth-child(18) th:first-child,
	.small tr:nth-child(19) td:first-child,
	.small tr:nth-child(20) th:first-child,
	.small tr:nth-child(21) th:first-child,
	.small tr:nth-child(22) th:first-child,
	.small tr:nth-child(23) td:first-child,
	.small tr:nth-child(24) th:first-child,
	.small tr:nth-child(25) th:first-child,
	.small tr:nth-child(26) th:first-child,
	.small tr:nth-child(27) td:first-child,
	.small tr:nth-child(28) th:first-child,
	.small tr:nth-child(29) th:first-child,
	.small tr:nth-child(30) th:first-child,
	.small tr:nth-child(31) td:first-child,
	.small tr:nth-child(32) th:first-child,
	.small tr:nth-child(33) th:first-child,
	.small tr:nth-child(34) th:first-child,
	.small tr:nth-child(35) td:first-child,
	.small tr:nth-child(36) th:first-child,
	.small tr:nth-child(37) th:first-child,
	.small tr:nth-child(38) th:first-child,
	.small tr:nth-child(39) td:first-child,
	.small tr:nth-child(40) th:first-child {
	border-left: 3px solid #858585 !important;
}


/* 右端のセルに右枠を太く */
	.small tr:nth-child(1) th:last-child,
	.small tr:nth-child(2) th:last-child,
	.small tr:nth-child(3) td:last-child,
	.small tr:nth-child(4) th:last-child,
	.small tr:nth-child(5) th:last-child,
	.small tr:nth-child(6) th:last-child,
	.small tr:nth-child(7) td:last-child,
	.small tr:nth-child(8) th:last-child,
	.small tr:nth-child(9) th:last-child,
	.small tr:nth-child(10) th:last-child,
	.small tr:nth-child(11) td:last-child,
	.small tr:nth-child(12) th:last-child,
	.small tr:nth-child(13) th:last-child,
	.small tr:nth-child(14) th:last-child,
	.small tr:nth-child(15) td:last-child,
	.small tr:nth-child(16) th:last-child,
	.small tr:nth-child(17) th:last-child,
	.small tr:nth-child(18) th:last-child,
	.small tr:nth-child(19) td:last-child,
	.small tr:nth-child(20) th:last-child,
	.small tr:nth-child(21) th:last-child,
	.small tr:nth-child(22) th:last-child,
	.small tr:nth-child(23) td:last-child,
	.small tr:nth-child(24) th:last-child,
	.small tr:nth-child(25) th:last-child,
	.small tr:nth-child(26) th:last-child,
	.small tr:nth-child(27) td:last-child,
	.small tr:nth-child(28) th:last-child,
	.small tr:nth-child(29) th:last-child,
	.small tr:nth-child(30) th:last-child,
	.small tr:nth-child(31) td:last-child,
	.small tr:nth-child(32) th:last-child,
	.small tr:nth-child(33) th:last-child,
	.small tr:nth-child(34) th:last-child,
	.small tr:nth-child(35) td:last-child,
	.small tr:nth-child(36) th:last-child,
	.small tr:nth-child(37) th:last-child,
	.small tr:nth-child(38) th:last-child,
	.small tr:nth-child(39) td:last-child,
	.small tr:nth-child(40) th:last-child {
	border-right: 3px solid #858585 !important;
}


	.small tr:nth-child(3) td,
	.small tr:nth-child(11) td,
	.small tr:nth-child(19) td,
	.small tr:nth-child(27) td,
	.small tr:nth-child(35) td{
	background-color: #dbd7ff;
	}

	.small tr:nth-child(7) td,
	.small tr:nth-child(15) td,
	.small tr:nth-child(23) td,
	.small tr:nth-child(31) td,
	.small tr:nth-child(39) td{
	background-color: #f1f0ff;
	}

	.small tr:nth-child(1) th,
	.small tr:nth-child(2) th,
	.small tr:nth-child(9) th,
	.small tr:nth-child(10) th,
	.small tr:nth-child(17) th,
	.small tr:nth-child(18) th,
	.small tr:nth-child(25) th,
	.small tr:nth-child(26) th,
	.small tr:nth-child(32) th,
	.small tr:nth-child(33) th,
	.small tr:nth-child(35) th{
	background-color: #dbd7ff;
	}

	.small tr:nth-child(5) th,
	.small tr:nth-child(6) th,
	.small tr:nth-child(13) th,
	.small tr:nth-child(14) th,
	.small tr:nth-child(21) th,
	.small tr:nth-child(22) th,
	.small tr:nth-child(29) th,
	.small tr:nth-child(30) th,
	.small tr:nth-child(37) th,
	.small tr:nth-child(38) th,
	.small tr:nth-child(40) th {
	background-color: #f1f0ff;
	}

	.small tr:nth-child(4) th,
	.small tr:nth-child(8) th,
	.small tr:nth-child(12) th,
	.small tr:nth-child(16) th,
	.small tr:nth-child(20) th,
	.small tr:nth-child(24) th,
	.small tr:nth-child(28) th,
	.small tr:nth-child(32) th {
	background-color: #e6f2fd;
	border-bottom: 3px solid #858585 !important;

	}

	.cell01 {
	background-color: #ffe1a2;
	width:29%
	}

	.cell02 {
	background-color: #ffe1a2;
	width:20%
	}

	.cell03 {
	background-color: #ffe1a2;
	width:30%
	}

	.cell04 {
	text-align: right;
	}

#pagemainContents .ceo{
float:left;
margin: 0 3% 1% 0;
}
#pagemainContents .signature{
margin-top: 3%;
text-align: right;
line-height: 1.2rem;
}
#pagemainContents .signature p{
font-size:1.2rem;
line-height: 2rem;
}
#pagemainContents .btn {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  padding: 0.25em 1em;
  text-decoration: none;
  background-color: #f9da49;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
}#pagemainContents .btn:hover {opacity: 0.8;}

#pagemainContents .btn2 {
  position: relative;
  display: inline-block;
  width:40%;
  margin-right: 10px;
  font-size:18px;
  line-height: 3;
  text-align: center;
  background-color: #385723;/*色*/
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}#pagemainContents .btn2:hover {opacity: 0.8;}

#pagemainContents .btn2 a{
text-decoration: none !important;
color: #ffffff;
}

#pagemainContents .btn3 {
  position: relative;
  display: inline-block;
  width:40%;
  margin-right: 10px;
  font-size:18px;
  line-height: 3;
  text-align: center;
  background-color: #f9da49;/*色*/
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}#pagemainContents .btn2:hover {opacity: 0.8;}

#pagemainContents .btn4 {
  position: relative;
  display: inline-block;
  margin-top: 50px;
  padding: 0.25em 1em;
  text-decoration: none;
  background-color: #385723;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
}#pagemainContents .btn:hover {opacity: 0.8;}

#pagemainContents .btn4 a{
text-decoration: none !important;
color: #ffffff;
}

#pagemainContents .btn5 {
  position: relative;
  display: inline-block;
  margin: 15px 0 10px 0;
  padding: 0.25em 0.8em;
  font-size:16px;
  line-height: 3;
  text-align: center;
  background-color: #996633;/*色*/
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}#pagemainContents .btn5:hover {opacity: 0.8;}

#pagemainContents .btn5 a{
text-decoration: none !important;
color: #ffffff;
}

#pagemainContents table .btn {
white-space: nowrap;}

/* about
======================================= */

body.about-disclosure #pagemainContents ul{
margin: 5% 0 5% 10%;
}
body.about-disclosure #pagemainContents ul li,
body.links #pagemainContents ul li{
	margin: 3px 0 3px 10px;
	list-style-type: square;
}
body.about-disclosure #pagemainContents ul ul{
margin: 0 0 0 10%;
}
body.about-disclosure #pagemainContents ul ul li{
	list-style-type: circle;
}
body.about-disclosure #pagemainContents .box a {
	background: none;
	float: left;
	margin: 0 0 10px 10px;
	overflow: hidden;
}
body.about-disclosure #pagemainContents ul a,
body.links #pagemainContents ul a {
	text-decoration: underline;
}
body.about-disclosure #pagemainContents ul a:hover,
body.links #pagemainContents ul a:hover {
	text-decoration: none;
}



/* books
======================================= */
body.books #pagemainContents dl,
body.newsletter #pagemainContents dl{
margin: 5% auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
body.books #pagemainContents dl dt,
body.newsletter #pagemainContents dl dt{
margin-right: 3%;
margin-top: 1%;
}
body.books #pagemainContents dl dt img,
body.newsletter #pagemainContents dl dt img{
width: 90%;
height: auto;
}
body.books #pagemainContents dl dd,
body.newsletter #pagemainContents dl dd{
-webkit-flex: 3;
flex: 3;
}
body.books #pagemainContents dl dd h4,
body.newsletter #pagemainContents dl dd h4{
font-size:1.3rem;
margin-bottom: 2%;
padding-left: 3%;
border-left: solid 4px #023203;
}
body.books #pagemainContents dl dd h4 .mokuji{
font-size:1rem;
line-height: 1.6rem;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: #f9da49;
width:20%;
padding: 4px 0;
margin: 2%  0 0;
text-align: center;
diplay:block;
}
body.books #pagemainContents dl dd h4 .mokuji a{
font-size:1rem;
line-height: 1.6rem;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: #f9da49;
cursor: pointer;
}
body.books #pagemainContents dl dd  p{
margin-left: 5%;
line-height: 1.6rem;
}
.red{margin-left: 5px;display:inline-block;background:#666633;color:#FFF;padding: 2px 5px;font-size: 0.6em;}
td .red{margin-left: 0px;margin-right: 5px;}

/* consultation
======================================= */
body.consultation #pagemainContents .text{
margin: 1% auto 2%;
padding: 2%;
background-color: #ebeae7;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-align: center;
font-size:1.6rem;
line-height: 2rem;
}
body.consultation #pagemainContents .text p{
font-size:1rem;
line-height: 1.6rem;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-color: #f9da49;
width:50%;
padding: 4px 0;
margin: 2% auto 0;
}
body.consultation #pagemainContents .text p a{
font-size:1rem;
line-height: 1.6rem;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-color: #f9da49;
diplay:block;
}
body.consultation #pagemainContents .consultationTxt{
margin-top: 2%;
}
body.consultation #pagemainContents .box {
margin: 5% auto 2%;
text-align: center;
font-size:1.4rem;
line-height: 2rem;
}

body.consultation #pagemainContents .box2 {
margin: 5% auto 2%;
text-align: center;
font-size:1.2rem;
line-height: 2rem;
}

body.consultation #pagemainContents .box ul{
 margin: 2% auto;
font-size:1rem;
}
body.consultation #pagemainContents .box .notice {
font-size:.9rem;
line-height: 1.4rem;
text-align: left;
}
body #pagemainContents .information {
text-align: center;
}
body #pagemainContents .information p a {
font-size:1.1rem;
line-height: 4rem;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 20px;
background-color: #0a380b;
color: #FFF;
diplay:block;
cursor: pointer;
}
body.member #pagemainContents p.center a:last-of-type {
	font-size:1.1rem;
	line-height: 4rem;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 20px 100px;
	background-color: #996633;
	color: #FFF;
	diplay:block;
	cursor: pointer;
}

body.member #pagemainContents ul,
body.member-information #pagemainContents ul {
	margin-left: 30px;
}
body.member #pagemainContents ul li,
body.member-information #pagemainContents ul li {
	list-style-type: disc;
}

/* form
======================================= */
#pagemainContents form dl {
display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
margin-top:3%;
font-size:14px;
}
#pagemainContents form dl dt {
width:240px;
margin-top:15px;
font-family: "新ゴ R" , Shin Go Regular;
}
#pagemainContents form dl dd {
width:400px;
margin-top:15px;
}


.required {color:#990000;}
input[type=text], input[type=submit], input[type=reset],input[type=button],button, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 400px;
padding:7px 10px;
 margin-right: 1%;
 border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
input[readonly=readonly]{background-color:#FFCCCC;}


.seminar form table input[type=text] {width: 130px;}
input.half,
input.tel_number {width: 50%;}
.seminar form table input.number,input.number {width: 50px;}
input.zip_number {width: 100px;}
form .notice{font-size: 0.8em;}
input[type="text"],
textarea {
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
	background: #fff;
}
input[type="text"]:focus,
textarea:focus {
  box-shadow: 0 0 7px #1abc9c;
  border: 1px solid #1abc9c;
}
:disabled {
  background-color: #eee;
  cursor: not-allowed;
}
input[type="text"]:disabled { property: value; }
/* Chrome */
::-webkit-input-placeholder { color: #1abc9c; }
/* Firefox */
::-moz-placeholder { color: #1abc9c; }
/* IE */
:-ms-input-placeholder { color: #1abc9c;}
/* 縦のみリサイズ可 */
textarea { resize: vertical;}
.selectBox { overflow: hidden;}
.selectBox select {
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.selectBox select::-ms-expand { display: none; }
.selectBox {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
}
.selectBox::before {
	position: absolute;
	top: 1.2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #1abc9c;
	pointer-events: none;
}
.selectBox:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.selectBox select { color: #000000; }

body.books-form #pagemainContents table {
margin-top:5%;
}
body.books-form #pagemainContents table thead th {
background-color: #0a380b;
color: #FFF;
text-align: center;
padding:10px;
border-left: 1px solid #bbbbbb;
}
body.books-form #pagemainContents table td input {
width: 50px;
}


.formBtn ul {
margin:3% 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.formBtn ul li {
}
.formBtn ul li + li {
margin-left: 15px;
}

form input[type=submit],
input[type=button] {
width:300px;
margin: 0 auto;
display: block;
background-color: #0a380b;
color: #FFF;
cursor: pointer;
 border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
form p input {margin-top: 3% !important;}
form p input[type=button] {margin: 3% 0 0 0;width: 150px;}

.formBtn ul li input[type=reset] {
width:150px;
background-color: #466947;
color: #FFF;
cursor: pointer;
 border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.formBtn ul li input[type=submit]:hover,
.formBtn ul li input[type=reset]:hover {
opacity: 0.8;
}
/* member
======================================= */
body.member-information #pagemainContents dl dt,
body.event #pagemainContents dl dt{
float:left;
color:#0a380b;
font-weight: bold;
}
body.member-information #pagemainContents dl:last-of-type dt{
padding-top: 10px;
}
body.member-information #pagemainContents dl dd,
body.event #pagemainContents dl dd{
margin-left: 110px
}
body.member-information #pagemainContents dl dd .right{
display: inline-block;
}

/* outline
======================================= */
body.outline #pagemainContents ol {
margin: 10% auto ;
}
body.outline #pagemainContents ol li{
border-bottom: solid 2px #000000;
padding-bottom:10px;
margin-left: 55px;
margin-bottom: 10px;
list-style-type: decimal;
list-style-position: left top;
font-size:1.125rem;
}
body.outline #pagemainContents h4{
font-size:1.125rem;
background-color: #023203;
color: #FFF;
margin: 2% 0;
padding:5px;
padding-left: 2%;
border-left: none;
 border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
body.outline #pagemainContents h4:nth-chid(2){
margin-top: 5%;
}
body.outline #pagemainContents dl {
margin: 2% auto 2%;
}
body.outline #pagemainContents dl dt {
font-size:1.4rem;
font-family: "UD Shin Go Medium";
line-height: 2.4rem;
color: #0a380b;
}
body.outline #pagemainContents dl dd {
margin-bottom: 3%;
}
body.outline #pagemainContents dl dd h4 {
font-size:1.125rem;
background-color: #FFF;
color: #023203;
margin: 0px 0 7px;
padding:0 0 3px;
padding-left: 0;
border-bottom: solid 1px #023203;
 border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}

body.outline #pagemainContents dl dd ol {
margin: 0 auto 2%;
}
body.outline #pagemainContents dl dd ol li{
border-bottom: none;
padding-bottom:0;
margin-left: 25px;
margin-bottom: 0;
list-style-type: katakana-iroha;
list-style-position: outside;
font-size:1rem;
}


_:-ms-lang(x), body.outline #pagemainContents dl dd ol li{
list-style-type: decimal;
}


body.outline #pagemainContents .img {
margin: 4% auto 6%;
text-align: center;
}
body.outline #pagemainContents .box {
padding: 15px 20px;
background: #efefef;
margin: 1% auto 2%;
}
body.outline #pagemainContents .boxtable {
padding: 15px 20px;
background: #efefef;
margin: 3% 0 2% 25px;
}
body.outline #pagemainContents table{
margin:10px 0 15px;
width:100%;
}
body.outline #pagemainContents table tbody th{
    white-space: normal;
    text-align: left;
    font-size:1rem;
}

.sankalist {
	text-align:left !important;
	font-size:14px !important;
}

.small {font-size: 0.8em;}

#pagemainContents table.small td,
#pagemainContents table.small th{
    font-size:1em;
}

body.outline #pagemainContents table td:nth-child(2){
white-space: nowrap;
}
body.outline #pagemainContents .tbl td:nth-child(2){
white-space: normal;
}
body.outline #pagemainContents .tbl th{
white-space: nowrap;
}

/* members
======================================= */
body.members-newsletter #pagemainContents ul li {
	display: inline-block;
	width: 16%;
}
#pagemainContents ul.newsletter_index li {
	display: inline-block;
	width: 32% !important;
}
body[class*=members] #pagemainContents a {
	text-decoration: underline;
}
body[class*=members] #pagemainContents a:hover {
	text-decoration: none;
}
body[class*=members] #pagemainContents ol {
	margin-left: 35px;
}

body[class*=members] #pagemainContents ol li {
	list-style-type: decimal;
}

body.members #pagemainContents ul {
margin: 10% auto ;
}
body.members #pagemainContents ul li{
border-bottom: solid 2px #000000;
padding-bottom:10px;
margin-bottom: 10px;
font-size:1.125rem;
}
body.members #pagemainContents ul.btn_links li{
border-bottom: none;
}
body.members #pagemainContents ul li a,
body[class*=form] #pagemainContents a:hover {
text-decoration: none;
}
body.members #pagemainContents ul li a:hover,
body[class*=form] #pagemainContents a {
text-decoration: underline;
}
body[class*=form] #pagemainContents .btn a {
text-decoration: none !important;
}
.research #pagemainContents ol li {
	margin-left: 30px;
	list-style-type: decimal;
}
_:-ms-lang(x), .research #pagemainContents ol li {
list-style-type: decimal;
}
.research #pagemainContents ul li {
	margin-left: 30px;
	list-style-type: disc;
}



#pagemainContents .box3 {
float:left;
width:45%;
padding: 15px;
margin-bottom: 30px;
background: #efefef;
}

#pagemainContents .box4 {
float:right;
width:45%;
padding: 15px;
background-color: #f9da49;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

#pagemainContents .box5 {
float: right;
display: block;
width:30%;
margin-top: 20px;
padding: 10px;
text-align: center;
background: #996633;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

#pagemainContents .box5 a {
font-size:18px;
line-height: 1;
color: #FFF;
}

.box6 {
width: 100%;
padding: 5px 0;
margin-bottom: 10px;
text-align: center;
background: #996633;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.box6 a {
font-size:18px;
line-height: 1;
color: #FFF;
}

body.members-quarterly #pagemainContents ul li {
	display: inline-block;
	width: 16%;
}

body.members-quarterly #pagemainContents .title-year {
width: 25%;
margin: 1% 0;
padding-left: 1%;
border-left: solid 4px #023203;
}

#pagemainContents ul.quarterly_index li {
	display: inline-block;
	width: 32% !important;
}

body.event #pagemainContents .text{
padding: 10px 0px 20px 0px;
background: #efefef;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin-bottom: 10%
}

body.event #pagemainContents h3.top  {
margin-top: 10%
}

/* entry
======================================= */

.popup {
	text-align: center;
}
.popup h3 {
	font-size: 2em;
	margin-bottom: 15px;
}
.popup ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
	margin-top: 15px;
  padding:1em;
  background: #f9da49;
}
.popup ol li {
	text-align: left;
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.popup ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #0a380b;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.popup strong a {
 color:#0a380b;
 font-weight: bold;
 text-decoration: underline;}
.popup .linkBtn {
	width: 300px;
	margin: 15px auto 0;
}

td.vlist p{
 margin: 4% auto;
display: flex;
justify-content: center;
color: #FFF;
line-height: 2;
background-color: #385723;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

td.vlistend p{
 margin: 4% auto;
display: flex;
justify-content: center;
color: #FFF;
line-height: 2;
background-color: #b0b0b0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

td.vform a{
 margin: 4% auto;
display: flex;
justify-content: center;
color: #FFF;
line-height: 3;
background-color: #385723;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

td.vform a:hover { opacity: 0.8;}



span.vform2 a{
    padding: 0px 20px;
justify-content: center;
color: #FFF;
background-color: #385723;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

span.vform2 a:hover { opacity: 0.8;}

td.vformend p{
 margin: 4% auto;
display: flex;
justify-content: center;
color: #FFF;
line-height: 3;
background-color: #b0b0b0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.fs01 {
  font-size: 16px;
}

.uline {
text-decoration: underline;
}


/* =======================================================
    video
========================================================== */

.agree {
    text-align: center;
    background: #fff;
    border: 2px solid #ffac64;
    padding: 30px 20px;
}
.agree .check_text_b {
    font-size: 16px;
}
.agree .agreebox_chk {
    max-width: 400px;
    margin: 15px auto 10px;
    border-radius: 12px;
    background: #ffd6b3;
    padding: 20px 0;
    transition-duration: 0.2s;
}
.agree._check .agreebox_chk {
    background: #ffac64;
}
.agree label {
    color: #333;
    font-size: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    cursor: pointer;
    transition-duration: 0.3s;
    position: relative;
}
.agree label .label_inner {
    padding-left: 22px;
}
.agree label .label_inner:before {
    content: "";
    width: 24px;
    height: 24px;
    background: #fff;
    border: 4px solid #737373;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
}
.agree._check label .label_inner:after {
    content: "";
    width: 20px;
    height: 12px;
    border-top: 6px solid #d6042e;
    border-right: 6px solid #d6042e;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.9em;
}
.agree label input {
    position: relative;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    .agree label:hover {
        border-bottom: 2px solid #ff7600;
    }
}
@media screen and (max-width: 1024px) {
    .agree label {
        font-size: 18px;
    }
    .agree .check_text_b {
        font-size: 14px;
    }
    .agree label .label_inner {
        padding-left: 10px;
    }
    .agree label .label_inner:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }
    .agree._check label .label_inner:after {
        width: 16px;
        height: 8px;
        margin-top: -0.8em;
    }
}
@media screen and (max-width: 767px) {
    .agree {
        padding: 20px 15px;
    }
    .agree .check_text_b {
        font-size: 13px;
    }
    .agree._check label .label_inner:after {
        width: 16px;
        height: 8px;
        margin-top: -0.8em;
    }
}
 
/*------------------------------------------------------------
.btnArea
------------------------------------------------------------*/
 
.video {
    max-width: 400px;
    margin: 30px auto 0;
    position: relative;
}
.video input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: rgba(255, 255, 255, 0);
    padding: 0;
    z-index: -1;
    transition-duration: 0.3s;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.video input[type="submit"] {
    cursor: default;
    z-index: +1;
    outline: none;
}
.video._check input[type="submit"] {
    z-index: -1;
}
a.video_on {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #757575;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 0px #00407b;
    width: 100%;
    height: 80px;
    padding: 0 10% 0 6%;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    position: relative;
    transition-duration: 0.2s;
}
a.video_on:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    right: 8%;
    margin-top: -11px;
}
._check a.video_on._a {
    background: #023203;
}
a.video_on._a:hover {
    background: #067108;
    opacity: 1;
}
._check a.video_on._b {
    background: #459d3c;
    box-shadow: 0px 5px 0px 0px #255720;
}
a.video_on._b:hover {
    background: #63b559;
    opacity: 1;
}
@media screen and (max-width: 1024px) {
    a.video_on {
        height: 60px;
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    a.video_on {
        font-size: 16px;
    }
}

    #wrapper2 {
      height: 200px;
      width: 100%;
      overflow-y: scroll;
    }

    #contents {
      background-color: #fff;
    }

.mb{
margin-bottom: 40px;
}

.seminar #pagemainContents ol li {
	margin-left: 30px;
	list-style-type: decimal;
}

.textrt {
    padding: 0 10% 0 6%;
    text-align: right;
}

.wid02 {
      width: 300px;
}

#pagemainContents .stock {
  position: relative;
float: left;
  display: inline-block;
  margin-top: 5px;
  padding: 0.25em 1em;
  text-decoration: none;
  background-color: #ffcdac;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
}

#pagemainContents .stockzero {
  position: relative;
float: left;
  display: inline-block;
  margin-top: 5px;
  padding: 0.25em 1em;
  text-decoration: none;
  background-color: #db5c5c;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
}

.st1, .st1 td {
 font-size:0.6rem !important;
 }

.tc1, .tc11 td {
 text-align: center
 }

.st2, .st2 td {
 font-size:0.8rem !important;
 }

.sptext {
font-size:12px;
float:right;
line-height:1.5em;
position:relative;
top:10%;right:4%;
}

p.indent1{
  text-indent: -1em;
  padding-left: 1em;
}

p.indent-1{
  text-indent: -1em;
  padding-left: 2em;
}

.cpdicon {
float:right;
line-height:1.5em;
position:relative;
bottom:10.5%;right:17%;
border: 1px #696969 solid;
height:50px;
}

div.block-l {
   float: left;
   width: 100%;
}
div.block-r {
   float: right;
   width: 32%;
}
.contact{
width: 410px;
margin: 10px 10px 60px 10px;
padding: 10px 10px;
background: #d8e0e8;
box-shadow:0px 0px 6px 3px #d8e0e8;
-moz-box-shadow:0px 0px 6px 3px #d8e0e8;
-webkit-box-shadow:0px 0px 6px 3px #d8e0e8;
border:solid 1px #d8e0e8;
overflow:hidden;
_zoom:1;
}

div.block-c {
display:flex;
justify-content:center;
}

body.event #pagemainContents h3.top2  {
margin-top: 65%
}

.dis1{
margin: 20px 0;
}

.dis-b{
padding-bottom:0.5em;
}

.pamphbtn {
  position:relative;
  bottom: 105px;
  left: 515px;
  display: inline-block;
  padding: 0.25em 1em;
  text-decoration: none;
  background-color: #385723;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
.pamphbtn:hover {opacity: 0.8;}