body {
  color: #333;
  letter-spacing: 2px;
  background: #fdf9ea;
}

.whiteWrp {
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 100000;
}

.pdfIcon {
  display: none;
}

header {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  height: 120px;
}
header h1 {
  text-align: center;
  margin-left: -125px;
  left: 50%;
  position: absolute;
  width: 250px;
}
header .hicon {
  float: left;
  font-size: 9px;
  padding-top: 4px;
}
header .hicon li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 28px;
}
header .hiconRight {
  float: right;
  padding-top: 4px;
}
header .hiconRight li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 28px;
}
header ul.snsBlock {
  float: right;
}
header ul.snsBlock li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

nav#gnav {
  margin-bottom: 40px;
  letter-spacing: 0px;
  width: 1200px;
}
nav#gnav ul {
  overflow: hidden;
  border-right: #b2b2b2 solid 1px;
  width: 1199px;
}
nav#gnav ul li {
  text-align: center;
  float: left;
  width: 199px;
  padding: 0px;
  line-height: 0px;
  border-left: #b2b2b2 solid 1px;
}
nav#gnav ul li.last {
  float: left;
  width: 197px;
}

/*.listNav{
	padding-bottom: 20px;
	//background: url(../images/list/list-nav-bottom.gif) bottom no-repeat;
	//margin-bottom: 50px;

	ul{
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;
	}
	nav{
		float: none !important;
	}
	li{
		float: left;
		margin-left: 60px;
		margin-right: 0px;
		&:first-child{
			margin-left: 0px;
		}
		//float: none;
		//@include inline-block;
	}
}*/
.ftTotop {
  text-align: center;
  padding-top: 40px;
  letter-spacing: 1px;
}

footer {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  padding-bottom: 80px;
}
footer .ftTopBlock {
  height: 100px;
  position: relative;
}
footer .ftTopBlock h1 {
  text-align: center;
  margin-left: -125px;
  left: 50%;
  position: absolute;
  width: 250px;
}
footer .ftTopBlock .hicon {
  float: left;
  padding-top: 30px;
}
footer .ftTopBlock .hicon li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 28px;
}
footer .ftTopBlock .hiconRight {
  float: right;
  padding-top: 30px;
}
footer .ftTopBlock .hiconRight li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 28px;
}
footer .siteMap {
  border-top: #ccc solid 1px;
  padding: 40px 0px 30px 0px;
  overflow: hidden;
}
footer .siteMap dl {
  float: left;
  margin-left: 50px;
}
footer .siteMap dl:first-child {
  margin-left: 0px;
}
footer .siteMap dl dt {
  height: 30px;
}
footer .siteMap dl dd {
  font-size: 12px;
  margin-bottom: 10px;
}
footer .siteMap dl dd a {
  text-decoration: none;
}
footer .siteMap dl.cate1, footer .siteMap dl.cate5, footer .siteMap dl.cate6 {
  color: #336633;
}
footer .siteMap dl.cate1 a, footer .siteMap dl.cate5 a, footer .siteMap dl.cate6 a {
  color: #336633;
}
footer .siteMap dl.cate2 {
  color: #e63c28;
}
footer .siteMap dl.cate2 a {
  color: #e63c28;
}
footer .siteMap dl.cate3 a {
  color: #fac800;
}
footer .siteMap dl.cate4 a {
  color: #00b4e6;
}
footer .ftInfoBlock {
  border-top: #ccc solid 1px;
  padding: 40px 0px;
  overflow: hidden;
  height: 214px;
}
footer .ftInfoBlock dl {
  width: 415px;
  float: left;
  margin-left: 30px;
}
footer .ftInfoBlock dl dt {
  margin-bottom: 15px;
}
footer .ftInfoBlock dl dd.txt {
  text-align: justify;
  line-height: 1.9;
  height: 150px;
}
footer .ftInfoBlock dl dd ul {
  overflow: hidden;
}
footer .ftInfoBlock dl dd ul li {
  float: left;
  margin-left: 20px;
}
footer .ftInfoBlock dl dd ul li:first-child {
  margin-left: 0px;
}
footer .ftInfoBlock .fbLb {
  float: right;
}
footer .ftBottom {
  overflow: hidden;
  border-top: #ccc solid 1px;
  padding-top: 40px;
  /*
  .logo{
  	float: left;
  	padding-top: 5px;
  	width: 30%;
  }
  .home{
  	float: left;
  	text-align: center;
  	width: 40%;
  }*/
}
footer .ftBottom ul {
  overflow: hidden;
  float: left;
}
footer .ftBottom ul li {
  float: left;
  margin-left: 25px;
  font-size: 12px;
  letter-spacing: 1px;
}
footer .ftBottom ul li:first-child {
  margin-left: 0px;
}
footer .ftBottom ul li a {
  color: #336633;
  text-decoration: none;
  letter-spacing: 1px;
}
footer .ftBottom p {
  float: right;
  font-size: 9px;
  text-align: right;
}

.cmnpager {
  text-align: center;
  margin-bottom: 100px;
}

.js-toTop {
  cursor: pointer;
}

.cWrp {
  background: url(../images/common/wrp-bg-line.gif) top center repeat-y;
  width: 100%;
  min-width: 1200px;
}

.mvs h2 {
  display: none;
}

#contentsWrp {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.cmnTopBlock {
  overflow: hidden;
  margin-bottom: 40px;
}
.cmnTopBlock #todayBlock {
  float: right;
}
.cmnTopBlock .ftStmp {
  width: 100%;
}

.cmnList {
  overflow: hidden;
}
.cmnList li {
  float: left;
  margin-right: 40px;
}
.cmnList li.last {
  margin-right: 0px;
}

.thumBox {
  line-height: 1.7;
  letter-spacing: 1px;
  width: 270px;
  margin-bottom: 40px;
  font-size: 12px;
}
.thumBox p {
  font-size: 12px;
}
.thumBox a {
  text-decoration: none;
}
.thumBox .inner {
  margin-bottom: 15px;
}
.thumBox .lnkBox {
  cursor: pointer;
}
.thumBox .img {
  margin-bottom: 20px;
  height: 178px;
  width: 268px;
  position: relative;
  border: solid 1px #eeeeee;
}
.thumBox .img img {
  height: 178px;
  width: 268px;
}
.thumBox .thumBtm {
  overflow: hidden;
}
.thumBox .thumBtm .catLnk {
  float: left;
  margin-bottom: 10px;
}
.thumBox .thumBtm .catLnk p {
  float: left;
  margin-right: 10px;
  font-size: 10px;
  color: #fff;
  background: #06b4ea;
  padding: 3px 8px;
  letter-spacing: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 1;
}
.thumBox .thumBtm .catLnk p a {
  color: #fff;
}
.thumBox .thumBtm .date {
  float: left;
  padding-top: 3px;
}
.thumBox .date {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1;
}
.thumBox .ttl {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.5;
}
.thumBox p.sTtl {
  line-height: 1.5;
  margin-bottom: 10px;
}
.thumBox .txt {
  font-size: 12px;
  line-height: 1.8;
  word-break: break-all;
}
.thumBox .tags {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.6;
  color: #666;
}
.thumBox .tags a {
  color: #666;
}
.thumBox .tags li {
  display: inline;
  margin-right: 0px !important;
  float: none;
}
.thumBox.workshop .ttl {
  color: #fac800;
}
.thumBox.workshop .ttl {
  margin-bottom: 10px;
}
.thumBox.workshop .repicon {
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: -15px;
}
.thumBox.workshop .repicon img {
  width: 50px;
  height: 50px;
}
.thumBox.workshop .status {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(../images/common/bg-wrks.png);
  width: 100%;
}
.thumBox.workshop .status p {
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
  line-height: 1.8;
}
.thumBox.workshop .catLnk p {
  background-color: #fac800;
}
.thumBox.workshop.other-workshop .ttl, .thumBox.workshop.ws-info .ttl {
  color: #666666;
}
.thumBox.workshop.other-workshop .status, .thumBox.workshop.ws-info .status {
  background: url(../images/common/bg-wrks-othr.png);
}
.thumBox.workshop.other-workshop .catLnk p, .thumBox.workshop.ws-info .catLnk p {
  background-color: #666666;
}
.thumBox.project .ttl {
  color: #00b4e6;
}
.thumBox.magazine .ttl {
  color: #e83e28;
}
.thumBox.magazine .sTtl {
  display: block;
}
.thumBox.magazine p {
  margin-bottom: 3px;
}
.thumBox.magazine .catLnk p {
  background-color: #e83e28;
}
.thumBox.news .ttl {
  color: #006600;
}
.thumBox.news .catLnk p {
  background-color: #006600;
}
.thumBox.nlk .lnkBox {
  cursor: default;
}

article.projectIndex .thumBox, article.projectDetail .thumBox, article.projectArchive .thumBox,
article.workshopArticle .thumBox, article.workshopIndex .thumBox, #workshopAll .thumBox,
article.newsDetail .thumBox, article.newsIndex .thumBox, article.magazineIndex .thumBox, #magazineArticle .thumBox {
  border-top: none !important;
}

.tags {
  font-size: 12px;
  overflow: hidden;
}
.tags li {
  display: inline;
  margin-right: 0px !important;
}

.snsList {
  overflow: hidden;
}
.snsList li {
  float: left;
  margin-left: 20px;
  font-size: 11px;
}
.snsList li.date {
  font-size: 11px;
}
.snsList li:first-child {
  margin-left: 0px;
}

.ftStmp {
  margin-top: 40px;
  background: url(../images/common/bg-line.gif) center right repeat-x;
  overflow: hidden;
  margin-bottom: 40px;
}
.ftStmp li {
  padding-right: 15px;
  background: #fff;
  float: left;
  height: 22px;
  line-height: 1.9;
  font-size: 12px;
}
.ftStmp li img {
  vertical-align: middle;
}
.ftStmp li.js-hb {
  float: right;
  padding-left: 40px;
  padding-right: 0px;
}
.ftStmp li.last {
  padding-right: 40px;
  overflow: hidden;
  max-width: 600px;
}
.ftStmp a {
  text-decoration: none;
}

#todayBlock {
  width: 80px;
  height: 735px;
  overflow: hidden;
  float: right;
  border-bottom: solid 1px #000;
}
#todayBlock .ttl {
  height: 30px;
}
#todayBlock dl.date {
  text-align: center;
  font-weight: bold;
  letter-spacing: -1px;
  border-bottom: solid 1px #000;
  line-height: 1;
}
#todayBlock dl.date dt {
  height: 35px;
  border-bottom: solid 1px #000;
  font-size: 19px;
  margin-bottom: 10px;
}
#todayBlock dl.date dd {
  font-size: 58px;
  height: 62px;
}
#todayBlock .week {
  text-align: center;
  line-height: 1;
  letter-spacing: 2px;
  padding: 15px 0px 12px;
  font-size: 14px;
  border-bottom: solid 3px #000;
  margin-bottom: 6px;
}
#todayBlock .evntBlock {
  height: 455px;
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
  padding-top: 25px;
}
#todayBlock .evntBlock .txtBox {
  background: #fff;
  width: 450px;
  position: relative;
  left: 68px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -moz-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -webkit-transform-origin: 0px 0px;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
}
#todayBlock .evntBlock .txtBox .txt1 {
  font-size: 16px;
  color: #fcc800;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
#todayBlock .evntBlock .txtBox .txt2 {
  margin-bottom: 7px;
}
#todayBlock .evntBlock .txtBox .txt2, #todayBlock .evntBlock .txtBox .txt3 {
  font-size: 11px;
  letter-spacing: 1px;
}
#todayBlock .evntBlock li {
  height: 450px;
  width: 80px;
  overflow: hidden;
  position: relative;
}
#todayBlock .evntBlock li a.detail {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 80px;
  color: #0099cc;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 2px;
}

.js-wspost {
  cursor: pointer;
  color: #fac800;
}

.js-cmnContact {
  cursor: pointer;
}

#ws-postWrap, #cmn-contactWrap {
  position: fixed;
  background: url(../images/common/overlay.png);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
}
#ws-postWrap .inner, #cmn-contactWrap .inner {
  background: #fff;
  width: 730px;
  padding: 30px;
  border: solid 5px #fac800;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -244px;
}
#ws-postWrap .inner a, #cmn-contactWrap .inner a {
  color: #fac800;
  text-decoration: none;
}
#ws-postWrap .inner p, #cmn-contactWrap .inner p {
  font-size: 16px;
  line-height: 1.5;
}
#ws-postWrap .inner p.fs14, #cmn-contactWrap .inner p.fs14 {
  font-size: 14px;
}
#ws-postWrap .inner .fs12, #cmn-contactWrap .inner .fs12 {
  font-size: 12px;
}
#ws-postWrap .inner .fs11, #cmn-contactWrap .inner .fs11 {
  font-size: 11px;
  letter-spacing: 1px;
}
#ws-postWrap .inner img, #cmn-contactWrap .inner img {
  vertical-align: middle;
}
#ws-postWrap .inner .wspost-close, #cmn-contactWrap .inner .wspost-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  z-index: 8040;
  background-image: url("../images/common/pu-close.png");
}

#cmn-contactWrap .inner {
  margin-top: -130px;
}
#cmn-contactWrap .inner .cmnContact-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  z-index: 8040;
  background-image: url("../images/common/pu-close.png");
}