@CHARSET "UTF-8";

.topImage {
	margin: -2px auto 0 auto;
	width: 920px;
	overflow: hidden;
}

.topImage h2 {
	width: auto;
}

#container.index {}

#container.index > .blockLeft {
	width: 296px;
}
#container.index > .blockRight {
	width: 608px;
}

/* 追加　2019.05.16 */

.topImage .blockLeft {
	width: 384px;
	height: 350px;
}

.topImage .blockLeft a:hover{
	opacity: 0.8;
}

.topImage .blockLeft img {
	float: left;
	margin-right:10px
}

.topImage .blockRight {
	width: 526px;
	height: 350px;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
}
.topImage .blockLeft .room {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.topImage .blockLeft .livebtn img {
	margin-top: 10px;
}

.topImage .blockRight img {
	float: left;
	margin-bottom: 8px;
}
.topImage .blockRight a:hover {
	opacity: 0.5 ;
}


/* 取扱商品 */
#container.index .blockRight .products {
	margin-bottom: 21px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
#container.index .blockRight .products h3 {
	padding: 6px 22px;
	background-color: #005C88;
}
#container.index .blockRight .products .blockCenter {
	padding-top: 6px;
	border-top: 1px dotted #999999;
	overflow: hidden;
}
#container.index .blockRight .products .blockCenter.first {
	padding-bottom: 0;
	border-top: none
}
#container.index .blockRight .products .blockCenter .blockLeft {
	margin: 0 16px 16px 16px;
	width: 170px;
	overflow: hidden;
}
#container.index .blockRight .products .blockCenter .blockLeft h4 {
	margin-bottom: 16px;
	padding-left: 14px;
	background: url("../img/cmn_bg_004.gif") no-repeat scroll left center transparent;
	text-align: left;
	font-weight: bold;
	line-height: 123%;
}
#container.index .blockRight .products .blockCenter .blockLeft h4 a {
	color: #006699;
}
#container.index .blockRight .products .blockCenter .blockLeft > div{
	width: 170px;
	text-align: center;
}
#container.index .blockRight .width296.blockLeft {
	clear: both;
}
#container.index .blockRight .width296 {
	padding: 6px 11px;
	width: 272px;
	border: 1px solid #CCCCCC;
	background-color: #FDF4D2
}
#container.index .blockRight .width296 img.blockLeft {
	margin: 5px 14px 5px 0;
}
#container.index .blockRight .width296 h3 {
	margin-bottom: 18px;
	padding-left: 132px;
	background: url('../../img/index/ind_bg_001.gif') no-repeat scroll 122px center transparent;
}
#container.index .blockRight .width296 h3 a {
	color: #333333;
	text-decoration: underline;
}
#container.index .blockRight .width296 h3 a:visited {
	color: #4DA6FF;
	text-decoration: underline;
}


/* お知らせ */
#container.index .blockLeft .information {
	margin-bottom: 14px;
	position: relative;
	border: 1px solid #CCCCCC;
}
#container.index .blockLeft .information h3 {
	padding: 6px 22px;
	background-color: #005C88;
}
#container.index .blockLeft .information a.button {
	position: absolute;
	left: 227px;
	top: 7px;
	width: 51px;
	height: 11px;
	background-image: url('../../img/index/ind_btn_001.gif');
}
#container.index .blockLeft .information .blockCenter {
	padding: 16px 0;
	width: 262px;
	border-bottom: 1px dotted #CCCCCC;
	text-align: center;
}
#container.index .blockLeft .information .blockCenter h4 {
	margin-bottom: 12px;
	padding-left: 14px;
	background: url("../img/cmn_bg_004.gif") no-repeat scroll left center transparent;
	text-align: left;
	font-size: 108%;
	font-weight: bold;
	line-height: 121%;
}
#container.index .blockLeft .information .blockCenter h4 a {
	color: #006699;
}
#container.index .blockLeft .information .blockCenter p {
	margin-top: 8px;
	text-align: left;
	font-size: 92%;
	line-height: 142%;
}
#container.index .blockLeft .information .blockCenter p.textRight  {
	font-size: 83%;
}
#container.index .blockLeft .information .blockCenter p.textRight a {
	color: #9673FF;
}
#container.index .blockLeft .information .blockCenter p.textRight a:visited {
	color: #4DA6FF;
}

.image_link{
	position:relative;
	display:block;
	height:auto;
  }
  .image_link img{
	display:block;
	width:100%;
  }
  .image_link:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	background:#000;/*好みの色に変えてください。*/
	opacity:0;
	transition:0.3s;
  }
  .image_link:hover:before{
	opacity:0.2;
  }