@charset "UTF-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2012/09/26
 */
#gContainerInner{
	padding-top: 0px;	
}
 #gMainBody{
	width:950px !important;
}

.contentWrap{
	width:725px !important;
	margin: 0 0 50px 0;
}

.imageArea{
	
}
.imageArea ul{
	
}
.imageArea li{
	float: left;
	display: inline;
}

.businessRoomList .col a {
	display: inline-block;
	margin-bottom: 20px;
}

/* For bussiness
------------------------------------------------------------------*/
.forBusiness{
	
}
.forBusiness:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .forBusiness {zoom: 1;}
*:first-child+html .forBusiness {zoom: 1;}

.forBusiness .text{
	float: left;
	display: inline;
	width: 475px;	
}
.forBusiness .pic{
	float: right;
	display: inline;
	width: 250px;
	text-align: right;
}
.forBusiness .contactArea{
	width: 475px;	
}
.forBusiness .contactArea:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .forBusiness .contactArea {zoom: 1;}
*:first-child+html .forBusiness .contactArea {zoom: 1;}
.forBusiness .contactArea .left{
	float: left;
	display: inline;
	width: 225px;
}
.forBusiness .contactArea .right{
	float: right;
	display: inline;
	width: 225px;
}



/* slideshow
------------------------------------------------------------------*/
/* commmon */
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}
#slideshow .thum{
	display: block;
	width:135px !important;
	height: 84px !important;
}

#slideshow {
	margin: 0 0;
	width: 720px;
	text-align: left;
	position: relative;
}
#slideshow div.image,
#slideshow div.image2 {
	width: 720px;
	height: 450px;
	overflow: hidden;
	position: relative;
}
#slideshow div.image div {
	top: 0;
	left: 0;
	position: absolute;
	display: none;
}
#slideshow div.image div .btn{
	top: 10px;
	right: 0;
	position: absolute;	
}
#slideshow div.image div .btn:hover{
	cursor: pointer;
}
#slideshow div.image div .btn:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


#slideshow ul {
	margin: 10px 0;
}
/* #slideshow ul|clearfix */
#slideshow ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #slideshow ul {zoom: 1;}
*:first-child+html #slideshow ul {zoom: 1;}

#slideshow ul li {
	margin-bottom: 10px;
}
#slideshow ul li span.wrap{
	position: relative;
	width: 136px;
	height: 85px;	
}
#slideshow ul li a{
	width: 136px;
	height: 85px;	


}
#slideshow ul li .btn{
	top: 5px;
	left: 95px;
	position: absolute;
	z-index: 100;
}
#slideshow ul li .btn:hover{
	cursor: pointer;
}
#slideshow ul li .btn:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/* col05 */
#slideshow .separate.col05 .separateInner{
	width: 736px;
	margin-right: -11px;
}
#slideshow .separate.col05 .col{
	width:135px;
	float: left;
	display: inline;
	margin:0 11px 10px 0;
}


#slideshow div.image a.prevBtn {
	position: absolute;
/*
	bottom: 10px;
	right: 77px;
*/
	top: calc(50% - 15px);
	left: 10px;
	z-index: 10;
}
#slideshow div.image a.prevBtn.nozoom {
	right: 41px;
}
#slideshow div.image a.zoomBtn {
	position: absolute;
	bottom: 10px;
	right: 41px;
	z-index: 10;
}
#slideshow div.image a.listBtn,
#slideshow div.image2 a.listBtn {
	position: absolute;
	bottom: 10px;
	right: 50%;
	z-index: 10;
	display: block;
	width: 32px;
	height: 32px;
	background-color: rgba(124,124,124,0.8);
	border-radius: 3px;
	transform: translateX(50%);
}
#slideshow div.image a.listBtn img,
#slideshow div.image2 a.listBtn img{
	display: block;
	margin: 4px 0px 0px 4px;
}
#slideshow div.image a.listBtn.withNum,
#slideshow div.image2 a.listBtn.withNum {
	width: auto;
	display: flex;
	align-items: center;
	text-decoration: none;
}
#slideshow div.image a.listBtn.withNum span,
#slideshow div.image2 a.listBtn.withNum span{
	color: #ffffff;
	font-size: 10px;
	margin: 0px 0px 0px 5px;
}
#slideshow div.image a.listBtn.withNum img,
#slideshow div.image2 a.listBtn.withNum img{
	margin: 4px 5px 5px 4px;
}
#slideshow div.image a.vertViewBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
	display: block;
	width: 32px;
	height: 32px;
	background-color: rgba(124,124,124,0.8);
	border-radius: 3px;
}
#slideshow div.image a.vertViewBtn img{
	display: block;
	margin: 4px 0px 0px 4px;
}

#slideshow div.image a.nextBtn {
	position: absolute;
/*
	bottom: 10px;
	right: 5px;
*/
	top: calc(50% - 15px);
	right: 10px;
	z-index: 10;
}
#slideshow div.image a.prevBtn img,
#slideshow div.image a.nextBtn img {
	transform: scale(1.2);
	filter: brightness(1.4);
}

#slideshow div.image2 .splide__arrow { background: none; transform-origin: center; transform: translateY(-50%) scale(1.5); filter: drop-shadow(0px 0px 0px #000); outline: none; /* no focus ring */ }
#slideshow div.image2 .splide__arrow svg { fill: #fff; }
#slideshow div.image2 a.listBtn.hideForVideo { display: none; }

#imageNameInfoSpan { position: absolute; top: 5px; left: 5px; line-height: 1em; background-color: rgba(255,255,255,0.8); border: 1px solid gray; padding: 3px; z-index: 999; }
#imageNameInfoSpan:empty { display: none; }

/* ----------------------------------------------------------- */
.articleLike { margin: 0px; }
.articleLike h2 { font-size: 120%; border-left: 5px solid #842c37; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 8px; }
.articleLike h3 { font-size: 110%; margin: 0px 0px 20px 0px; padding: 0px; }
.articleLike h4 { font-size: 105%; margin: 0px 0px 20px 0px; padding: 0px; }
.articleLike p { margin: 0px 0px 30px 0px; padding: 0px; }