@charset "UTF-8";
/*  ================================================================================
	Public
================================================================================  */
.ci {
  height: 61px;
  margin: 0;
  padding: 0;
  float: left;
}

.siteCaption {
  width: 210px;
  height: 61px;
  margin: 0;
  padding: 0;
  line-height: 61px;
  float: left;
  font-size: 100%;
}

#mainVisual {
  height: 299px;
  background: url(../images/second/main_bg_big.jpg) top center;
}
#mainVisual.small {
  height: 127px;
  background: url(../images/second/main_bg_small.jpg) top center;
}
#mainVisual h1 {
  font-size: 18px;
  font-weight: bold;
  padding-left: 16px;
  padding-top: 25px;
}
#mainVisual h1.innerimage {
  padding-top: 0;
  padding-left: 0;
}

.path {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
.path ul {
  margin: 0 0 0 13px;
}
.path ul li {
  height: 32px;
  margin-left: 5px;
  float: left;
  line-height: 32px;
}
.path ul li a {
  padding-right: 10px;
  display: block;
  background: url(../images/second/path_bg.gif) no-repeat right center;
}

h1 {
  margin: 0;
  padding: 0;
  clear: both;
}

.small h1 {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  clear: both;
}
.small h1 img {
  margin: 19px 0 0;
}

#contentsArea {
  width: 950px;
  margin: 0 auto;
  padding: 40px 0 30px !important;
  text-align: left;
}

#contentsAreaInner {
  width: 658px;
  margin: 0 0 0 19px;
  line-height: 180%;
  float: left;
  _display: inline;
}

/*  ================================================================================
  各インデックスのリスト関連
================================================================================  */
.leadtext {
  font-size: 13px;
  margin-bottom: 30px;
}

.infotext {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 7px;
  background: url(/files/common/images/backnumberinfotext_bg.png) left top repeat;
}
.infotext.eventinfotext {
  background: url(/training/images/eventinfotext_bg.png) left top repeat;
  padding: 5px 10px;
}
.infotext.backnumberinfotext {
  padding: 5px 10px;
}
.infotext .year {
  background-color: #555555;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 5px 15px;
  color: #fff;
  font-size: 13px;
}

.infolist {
  margin-bottom: 45px;
  overflow: hidden;
}
.infolist li {
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  padding: 20px 0;
}
.infolist.listtopboder li {
  border-top: 1px dotted #ccc;
}
.infolist .pic {
  float: left;
}
.infolist .textarea {
  float: right;
}
.infolist .icon {
  margin-bottom: 15px;
}
.infolist h4 {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
}
.infolist .data {
  margin-bottom: 10px;
}
.infolist .morelink a {
  color: #777;
  font-weight: bold;
  font-size: 12px;
  background: url(../images/dot_morelink.png) left center no-repeat;
  padding-left: 15px;
  margin-right: 2em;
}
.infolist.eventinfo .textarea {
  width: 490px;
}
.infolist.backnumberinfo .textarea {
  width: 510px;
}
.infolist.grid li {
  width: 190px;
  float: left;
  border: none;
  margin-right: 40px;
}
.infolist.grid li:nth-child(3n) {
  margin-right: 0;
}
.infolist.grid li .pic {
  float: none;
  text-align: center;
  margin-bottom: 15px;
}
.infolist.grid li .textarea {
  width: auto;
  float: none;
}
.infolist.grid li .date {
  font-size: 13px;
}

/*  ================================================================================
  各インデックスのリスト関連
================================================================================  */
#subcolumn {
  width: 190px;
  float: right;
  margin-right: 15px;
}

ul.submenu {
  margin-bottom: 20px;
}
ul.submenu li {
  display: table;
  width: 189px;
  height: 70px;
  margin-bottom: 9px;
}
ul.submenu li.sub {
  display: block;
  height: auto;
}
ul.submenu li a {
  display: table-cell;
  font-size: 15px;
  font-weight: bold;
  background: url(/files/common/images/sidemenu_bg.png) left center no-repeat;
  color: #fff;
  padding: 7px 24px 7px 14px;
  vertical-align: middle;
}
ul.submenu li a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
ul.submenu li.sub > a {
  height: 70px;
  width: 189px;
}
ul.submenu li.sub ul {
  margin-bottom: 0;
  display: none;
}
ul.submenu li.sub ul li {
  margin-bottom: 0;
  display: block;
  width: 100%;
  height: auto;
}
ul.submenu li.sub ul li a {
  background: #f7f7f7;
  font-size: 13px;
  font-weight: normal;
  color: #1b98e7;
  border-bottom: 1px dotted #1b98e7;
  padding: 10px 14px;
  position: relative;
  width: 100%;
  display: block;
}
ul.submenu li.sub ul li a:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 3px solid transparent;
  border-left: 3px solid #1b98e7;
  position: absolute;
  right: 5px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.submenu li span {
  display: block;
  line-height: 1;
}
ul.submenu li span.date {
  font-size: 12px;
  margin-top: 7px;
}
ul.submenu li span.sub {
  font-size: 13px;
  margin-bottom: 3px;
}
ul.submenu li span.main {
  font-size: 18px;
}

ul.smenu li {
  border-bottom: 1px solid #cfd4db;
}
ul.smenu li a {
  padding: 10px 15px;
  font-size: 116.7%;
  display: block;
  color: #2f2e2e;
  text-decoration: none;
  background: url(../images/second/blue_arrow.gif) no-repeat left center;
}
ul.smenu li.inline {
  border-color: #FFF;
}
ul.smenu li.inline a {
  padding: 6px 15px 6px 34px;
  background: url(../images/second/blue_arrow2.gif) no-repeat 20px center #ededed;
  font-size: 100%;
}
ul.smenu li a:hover {
  text-decoration: underline;
}
ul.smenu li.btn {
  border: none;
  margin-top: 33px;
}
ul.smenu li.btn a {
  padding: 0;
  background: none;
}

/* 過去の遺産 */
ul#smanu {
  width: 190px;
  margin: 15px 15px 0 0;
  _margin: 15px 7px 0 0;
  float: right;
}
ul#smanu li {
  border-bottom: 1px solid #cfd4db;
}
ul#smanu li a {
  padding: 10px 15px;
  font-size: 116.7%;
  display: block;
  color: #2f2e2e;
  text-decoration: none;
  background: url(../images/second/blue_arrow.gif) no-repeat left center;
}
ul#smanu li.inline {
  border-color: #FFF;
}
ul#smanu li.inline a {
  padding: 6px 15px 6px 34px;
  background: url(../images/second/blue_arrow2.gif) no-repeat 20px center #ededed;
  font-size: 100%;
}
ul#smanu li a:hover {
  text-decoration: underline;
}
ul#smanu li.btn {
  border: none;
}
ul#smanu li.btn a {
  padding: 5px 0;
  background: none;
}

/* 過去の遺産 */
/*  ================================================================================
	ContentsArea
================================================================================  */
h2 {
  margin: 0 0 34px;
  padding: 0;
}

.pointList {
  padding: 0 0 45px;
  clear: both;
}
.pointList h3 {
  margin: 0 0 10px;
  padding: 0 0 12px;
  font-weight: bold;
  color: #0069ac;
  font-size: 150%;
  line-height: 140%;
  background: url(../images/second/dot_line.gif) repeat-x bottom left;
}
.pointList .leftTex {
  width: 388px;
  float: left;
}
.pointList .leftTexL {
  width: 658px;
  float: left;
}
.pointList .rightPhoto {
  width: 246px;
  float: right;
}

.nextNavigate {
  clear: both;
  margin: 50px 0 0;
}
.nextNavigate .left {
  width: 387px;
  float: left;
}
.nextNavigate .left img {
  margin: 1px 0 7px;
}
.nextNavigate .right {
  width: 254px;
  padding: 7px 0;
  float: right;
  text-align: center;
  background: #f0f0f0;
  border: 1px solid #dbd1d1;
}
.nextNavigate .right img {
  margin: 1px 0;
}

.pointList_long {
  margin: 0 0 27px;
  padding: 0 0 27px;
  background: url(../images/second/dot_line_long.gif) repeat-x left bottom;
}
.pointList_long h3 {
  padding: 0 0 15px;
  font-weight: bold;
  color: #0069ac;
  font-size: 150%;
  line-height: 140%;
}

.pointList_spport {
  margin: 0 0 20px;
  background: url(../images/second/dot_line_long.gif) repeat-x left bottom;
}
.pointList_spport h3 {
  padding: 0 0 15px;
  font-weight: bold;
  color: #0069ac;
  font-size: 120%;
  line-height: 140%;
}

.secUnderAdvice {
  padding: 10px;
  background: url(../images/second/diagonal.gif) #f0f0f0;
}

.secUnderAdviceInner {
  padding: 6px;
  background: #FFF;
}
.secUnderAdviceInner img {
  float: left;
}
.secUnderAdviceInner p {
  width: 490px;
  margin: 6px 0 0 20px;
  padding: 0;
  float: left;
}
.secUnderAdviceInner h6 {
  width: 490px;
  margin: 0 0 0 18px;
  padding: 0;
  float: left;
}

.adviceEx {
  margin: 0 0 25px;
  padding: 0 0 20px;
  clear: both;
  background: url(/files/common/images/second/soudan_bg.gif) bottom;
}
.adviceEx ul {
  margin: 0 24px;
}
.adviceEx ul li {
  padding: 5px 10px 5px 0;
  background: url(/files/common/images/second/soudan_line.gif) repeat-x left bottom;
  color: #0496a3;
  font-size: 116.7%;
}
.adviceEx ul li span {
  padding-left: 25px;
  display: block;
  background: url(/files/common/images/second/check.gif) no-repeat left 4px;
}

a.more {
  padding-left: 22px;
  background: url(../images/second/more_line.gif) no-repeat left center;
  color: #1b98e7;
}

/*  ================================================================================
	clearfix
================================================================================  */
.pointList:after, .pointList_long:after, .pointList_spport:after, ul.secUnderList:after, .secUnderAdviceInner:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.pointList, .pointList_long, .pointList_spport, ul.secUnderList, .secUnderAdviceInner {
  display: inline-table;
  zoom: 1;
}

* html .pointList, * html .pointList_long, * html .pointList_spport, * html ul.secUnderList, * html .secUnderAdviceInner {
  height: 1px;
  zoom: 1;
}

.pointList, .pointList_long, .pointList_spport, ul.secUnderList, .secUnderAdviceInner {
  display: block;
}