@charset "utf-8";
/*
**********************************************************************

* page.css

*********************************************************************
*/

/* =========================================================
Layout
========================================================= */

#Contents #Main {
  width: 800px;
  margin:0 auto;
  float:left;
}

#Contents #Side {
  float:right;
  width:140px;
}

/* =========================================================
Main
========================================================= */
.artTit{
  margin-bottom:30px;
}
.catSect {
	width:800px;
  margin-bottom: 50px;
}
.catSect .sectTit {
  margin-bottom: 20px;
}
.catSect .imgList {
}
.catSect .imgList li {
  position: relative;
  width: 175px;
  margin: 0 0 25px 25px;
  float: left;
  display: inline;
  text-align: center;
}
.catSect .imgList li.hasLink .clickBox {
  cursor: pointer;
}
.catSect .imgList li.hasLink .name {
  text-decoration:underline;
}
.catSect .imgList li a {
  display: block;
  color: #333333;
  text-decoration:none;
}
.catSect .imgList li .thumb {
  width: 175px;
  height: 175px;
  margin-bottom: 3px;
  overflow: hidden;
  border:1px solid #CCC;
}
.catSect .imgList li .txt {
  font-size: 12px;
  font-weight: bold;
}
.catSect .imgList li .iconNew {
  position: absolute;
  left: -12px;
  top: -12px;
}
.catSect .imgList li .conceptTxt {
  width: 175px;
  height: 175px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 10;
  left: 1px;
  top: 1px;
  text-align: left;
}
.catSect .imgList li .conceptTxt table {
  width: 100%;
}
.catSect .imgList li .conceptTxt td {
  position: relative;
  padding: 3px 5px;
  height: 169px;
  vertical-align: middle;
  line-height: 1.6;
  zoom: 1;
  font-size:12px;
}
.catSect .imgList li .conceptTxt table td span {
  display: none;
}
.catSect .imgList li:hover .conceptTxt.hastxt table td {
  color: #fefefe;
  background: #000000;
  background: rgba(0,0,0,0.7);
}
.catSect .imgList li:hover .conceptTxt.hastxt span {
  display: block;
}
.catSect .imgList li:hover .conceptTxt.hastxt {
  z-index: 14;
}
.catSect .imgList li.commingTxt {
  width:100%;
  margin-left:11px;
  font-size:16px;
  text-align:center;
}
/* =========================================================
Side
========================================================= */
.catnavList {
  line-height: 1;
}
.catnavList li {
  margin-bottom: 3px;
}
.catnavList li img {
  vertical-align: top;
}