@charset "UTF-8";
/* clearfix */
.clearfix, .topicpath ol, .artPost .artPostInner p, .imageLang, .secMember, .secMember .txt .name, .secMemberSub, .listGallery, #secHomeInfo .ttl{
  zoom: 1;
}
.clearfix::after, .topicpath ol::after, .artPost .artPostInner p::after, .imageLang::after, .secMember::after, .secMember .txt .name::after, .secMemberSub::after, .listGallery::after, #secHomeInfo .ttl::after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　common
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.topicpath{
  background : url(bg_topicpath.gif) 0px 0px / auto auto repeat-x scroll padding-box border-box white;
}
.topicpath ol{
  width: 960px;
  margin: 0 auto;
  padding: 15px 0;
}
.topicpath ol li{
  float: left;
  display: inline;
  margin: 0 10px 0 0;
}
.topicpath ol li a{
  padding: 0 10px 0 0;
}

#content h2{
  padding: 0 0 15px;
  background : url(dot_gr_line5.gif) 0px bottom / auto auto repeat-x scroll padding-box border-box transparent;
  line-height: 1.4;
  font-size: 214.3%;
  font-weight: bold;
}
#content h2 span{
  display: block;
  color: #378424;
  font-size: 53.3%;
}
#content h2.secTtlS{
  margin: 20px 0 0;
  padding-bottom: 20px;
  background: none;
  font-size: 157.1%;
}
#content h2.secTtlS span{
  font-size: 63.6%;
}

.sec{
  padding: 40px;
  background: #fff;
  line-height: 2;
}

.secSub{
  overflow: hidden;
}
.secSub h3{
  padding: 20px;
  background : url(dot_beige_line2.gif) 0% 0% / auto auto repeat fixed padding-box border-box transparent;
  line-height: 1.4;
  font-size: 128.6%;
  font-weight: bold;
}
.secSub h3 span{
  display: block;
  margin: 5px 0 0;
  color: #378424;
  font-size: 77.8%;
}
.secSub h3 span.txtInd1em{
  margin-left: 1em;
}
.secSub .secSubInner{
  overflow: hidden;
  margin: 20px;
}
.secSub .secSubInner h4{
  color: #378424;
  font-weight: bold;
  font-size: 128.6%;
}

.listCnav li{
  padding: 20px 0;
  border-bottom: dotted 1px #378424;
  padding-left: 1em;
  text-indent: -1em;
}
.listCnav li:first-child{
  padding-top: 0;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　information
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.artPost{
  margin: 0 0 40px;
  padding: 40px 40px 20px;
  background: #fff;
  line-height: 2;
}
.artPost h3{
  padding: 20px;
  background : url(dot_beige_line2.gif) 0% 0% / auto auto repeat fixed padding-box border-box transparent;
  line-height: 1.4;
}
.artPost h3 span{
  display: block;
  margin: 5px 0 0;
  color: #378424;
  font-size: 142.9%;
  font-weight: bold;
}
.artPost .artPostInner{
  margin: 20px;
}
.artPost .artPostInner p{
  margin: 0 0 20px;
}
.artPost .artPostInner p img.fl{
  margin: 0 20px 10px 0;
}
.artPost .artPostInner p img.fr{
  margin: 0 0 10px 20px;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　study
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sec .txt p{
  margin: 0 0 20px;
}
.sec .txt.en{
  padding: 20px 0 0;
  background : url(dot_gr_line2.gif) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent;
}
.sec .txt.en.bor1{
  border-top: dotted 1px #378424;
  background: none;
}

.imageLang{
  width: 580px;
}
.imageLang.bor{
  margin: 40px 0 0;
  padding: 25px 0 0;
  background : url(dot_gr_line5.gif) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent;
}
.imageLang li{
  float: left;
  max-width: 560px;
  margin: 0 20px 20px 0;
  overflow: hidden;
}
.imageLang li img{
  display: block;
  overflow: hidden;
  text-align: center;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　member
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#cnt-member .secSub{
  margin: 40px 0 0;
}

.secMember{
  margin: 0 0 20px;
  padding: 20px;
  background: #fafaf4;
  border: solid 5px #d9d8c4;
}
.secMember .image{
  float: left;
  width: 150px;
}
.secMember .txt{
  float: right;
  width: 380px;
}
.secMember .txt .name{
  margin: 0 0 20px;
}
.secMember .txt .name .cat{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  width: 100px;
  height: 50px;
  background : url(dot_beige_line2.gif) 0% 0% / auto auto repeat fixed padding-box border-box transparent;
  line-height: 50px;
  text-align: center;
  font-size: 114.3%;
}
.secMember .txt .name h3{
  float: right;
  width: 260px;
  font-size: 157.1%;
  font-weight: bold;
  line-height: 1.4;
}
.secMember .txt .name h3 span{
  display: block;
  font-size: 63.7%;
  color: #378424;
  font-weight: normal;
}
.secMember .txt dl{
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: dotted 1px #378424;
}
.secMember .txt dl dt{
  font-weight: bold;
}
.secMember.professor{
  border-color: #378424;
}
.secMember.professor .txt .name .cat{
  background: #378424;
  color: #fff;
}

.secMemberSub{
  width: 630px;
}
.secMemberSub > li{
  float: left;
  width: 180px;
  margin: 20px 30px 0 0;
}
.secMemberSub > li .image{
  width: 170px;
  height: 180px;
  margin: 0 0 10px;
  border: solid 5px #d9d8c4;
  overflow: hidden;
}
.secMemberSub > li .image img{
  display: block;
  overflow: hidden;
  text-align: center;
}
.secMemberSub > li h4{
  font-size: 128.6%;
  font-weight: bold;
  line-height: 1.4;
}
.secMemberSub > li h4 span{
  display: block;
  color: #378424;
  font-weight: normal;
  font-size: 66.7%;
}
.secMemberSub > li > ul{
  margin: 10px 0 0;
  border-top: dotted 1px #378424;
  font-size: 93%;
  line-height: 1.4;
}
.secMemberSub > li > ul li{
  margin: 10px 0 0;
}
.secMemberSub > li > ul li span{
  display: block;
  font-weight: bold;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　publication
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.listPublication{
  padding: 0 0 20px;
  border-bottom: dotted 1px #378424;
}
.listPublication li{
  margin: 30px 0 0;
}
.listPublication li:first-child{
  margin-top: 10px;
}
.listPublication li dl dt{
  font-weight: bold;
}
.listPublication li dl dd{
  font-size: 85.7%;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　gallery
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.listGallery{
  width: 620px;
  margin: 0 0 40px;
}
.listGallery li{
  float: left;
  width: 290px;
  height: 210px;
  margin: 20px 20px 0 0;
  overflow: hidden;
}
.listGallery li img{
  overflow: hidden;
  display: block;
  text-align: center;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　home
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#cnt-home #aside .module dd{
  margin: 20px 10px 0;
}
#cnt-home #aside .module dd.btn{
  margin: 40px 0 0;
  text-align: center;
}
#cnt-home #aside .module dd ul li{
  margin: 7px 0 0;
  padding: 0;
  background: none;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 93%;
}
#cnt-home #aside .module dd ul li a{
  display: inline;
  padding: 0;
  background: none;
  text-decoration: underline;
  color: #378424;
  font-weight: normal;
  font-size: 100%;
}
#cnt-home #aside .module dd ul li a:hover{
  text-decoration: none;
}

#secHomeImage{
  min-height: 450px;
  background : url(bg_green.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#secHomeImage .inner{
  position: relative;
  left: 50%;
  width: 965px;
  margin: 0 0 0 -485px;
  padding: 40px 0;
  color: #fff;
}
#secHomeImage .inner .txt{
  width: 560px;
  margin: 0 0 0 405px;
}
#secHomeImage .inner .txt{
  line-height: 1.6;
}
#secHomeImage .inner .txt h2{
  font-weight: bold;
}
#secHomeImage .inner .txt h2 .en{
  display: block;
}
#secHomeImage .inner .txt p{
  margin: 20px 0 0;
}
#secHomeImage .inner .image{
  position: absolute;
  left: 0px;
  top: 40px;
  width: 370px;
  height: 360px;
  background : url(bg_imgmain.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#secHomeImage .inner .image p{
  padding: 30px 0 0 30px;
}

#secHomeJoinus{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  min-height: 200px;
  margin: 0 0 30px;
  padding: 25px;
  background: #fff;
  border: solid 3px #ecb700;
}
#secHomeJoinus h3{
  color: #ecac00;
  padding: 0 0 12px;
  background : url(dot_or_line2.gif) 0px bottom / auto auto repeat-x scroll padding-box border-box transparent;
}
#secHomeJoinus h3 span{
  display: block;
  font-size: 142.9%;
  font-weight: bold;
}
#secHomeJoinus p{
  width: 630px;
  margin: 20px 0 0;
}
#secHomeJoinus .image{
  position: absolute;
  right: 10px;
  top: 0px;
}

#secHomeInfo .ttl{
  padding: 0 0 15px;
  background : url(dot_ygr_line5.gif) 0px bottom / auto auto repeat-x scroll padding-box border-box transparent;
  line-height: 1;
}
#secHomeInfo .ttl h4{
  float: left;
  padding: 5px 0 0 5px;
}
#secHomeInfo .ttl p{
  float: right;
}
#secHomeInfo .jsScroll{
  height: 510px;
  overflow: auto;
  margin: 20px 0 0;
  background: #fff;
}
#secHomeInfo .jsScroll ul{
  padding: 10px 20px 20px;
}
#secHomeInfo .jsScroll ul li{
  padding: 10px 0;
  border-bottom: dotted 1px #d9d8c4;
}
#secHomeInfo .jsScroll ul li a{
  display: block;
  margin: 5px 0 0;
}
#secHomeInfo .jsScroll img{
  margin: -100px 0px 0 50px;
}
#secHomeInfo .li_image li{
  margin: 75px 0 0 0;
}

/* scroll */
.jspContainer{
  overflow: hidden;
  position: relative;
}

.jspPane{
  position: absolute;
}

.jspVerticalBar{
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
}

.jspHorizontalBar{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
}

.jspCap{
  display: none;
}

.jspHorizontalBar .jspCap{
  float: left;
}

.jspTrack{
  background: #f1f1e0;
  position: relative;
}

.jspDrag{
  background: #a7c906;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
  float: left;
  height: 100%;
}

.jspArrow{
  background: #a7c906;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled{
  cursor: default;
  background: #d9d8c4;
}

.jspVerticalBar .jspArrow{
  height: 10px;
}

.jspHorizontalBar .jspArrow{
  width: 10px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus{
  outline: none;
}

.jspCorner{
  background: #f1f1e0;
  float: left;
  height: 100%;
}

* html .jspCorner{
  margin: 0 -3px 0 0;
}