@charset "Shift_JIS";

/* --------------------------------
-------------------------------- */
#topContent {width: 875px;margin: 0 auto;}
#topRead {float: left;width: 579px;padding-bottom: 15px;}
#topMenu {float: right;width: 283px;padding-bottom: 15px;}
#topContent img {vertical-align: bottom;}

#topMenu li ,#topMenu dt{font-size: 1px;line-height: 1px;}
#topMenu ul.menu1 {padding-bottom: 15px;}
#topMenu ul.menu1 li {padding-bottom: 13px;}
#topMenu ul.menu2 {padding: 5px 0 0 0; border-top: 1px solid #E5E5E5;}
#topMenu ul.menu2 li {padding-top: 13px;}
#topMenu dl {margin-top: 20px;border-top: 1px solid #E5E5E5;}

#topMenu li a {display: block;}
* html #topMenu li a:hover {background-color: #fff;}
#topMenu li a:hover img {visibility:hidden;}

#topMenu dt {padding-top: 20px;}
#topMenu dd {padding-top: 8px;line-height: 1.8;}

.blink {padding-top: 25px;}
.blink a img {border: 1px solid #CCC;}
.blink a:hover img {border: 1px solid #7F0019;}
/* --------------------------------
-------------------------------- */
.overlay, .sideNav {display: none;}
#mainVisual {position: relative;height: 492px;width: 875px;overflow: hidden;}

/* �����̋K�� */
.overlay .base,.overlay {width: 5000px;overflow: hidden;}

.overlay {z-index: 4;position: absolute;top:0 ;left: 0;height: 468px;}
.overlay .base {
	z-index: 5;
	position: absolute;
	top: 0;left: 0;
	height: 468px;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#close {z-index: 6; position: absolute;top: 10px;left: 10px;cursor: pointer;}

.overlay .imgList {z-index: 6;position: absolute;top:40px ;left: 25px;}
.overlay .imgList dl {float: left;}
.overlay .imgList dt {height: 22px;color: #FFF;font-size: 14px;font-weight: bold;}
.overlay .imgList dd {position: relative;}
.overlay .imgList dd ul {position: absolute;top: 0;left: 0;}

.imgList dl li {position: relative;float: left;width:61px;height:61px;overflow: hidden;margin: 0 3px 3px 0;}
.imgList dl.c1 li {margin: 0 0 3px 0;}
.imgBG li {background: #FFF;filter: alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.imgList dl.c1 {width: 79px;}/* 64px*X+15px */
.imgList dl.c2 {width: 143px;}
.imgList dl.c3 {width: 207px;}
.imgList dl.c4 {width: 271px;}
.imgList dl.c5 {width: 335px;}
.imgList dl.c6 {width: 399px;}

.imgLi li span {display: block;position: absolute;top:0 ;left: 0;width: 59px;height: 59px;}
.imgLi li span.active {border: 1px solid #7F0019;}
/*
.imgLi li span:hover {border: 1px solid #7F0019;}
*/
.sideNav a {
	z-index: 8;
	position: absolute;
	display: block;
	width: 44px;
	height: 44px;
	overflow:hidden;
	text-indent: -9999px;
	cursor: pointer;
}
.sideNav .left a {
	top: 212px;left: 20px;
	background: transparent url(/ie/shared/img/nav/left.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ie/shared/img/nav/left.png", sizingMethod="scale");
}
.sideNav .right a {
	top: 212px;left: 810px;
	background: transparent url(/ie/shared/img/nav/right.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ie/shared/img/nav/right.png", sizingMethod="scale");
}
.sideNav .left a:hover {
	background: transparent url(/ie/shared/img/nav/left_o.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ie/shared/img/nav/left_o.png", sizingMethod="scale");
}
.sideNav .right a:hover {
	background: transparent url(/ie/shared/img/nav/right_o.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ie/shared/img/nav/right_o.png", sizingMethod="scale");
}

.overNav {z-index: 9;position: absolute;top: 9px;left: 10px;width: 855px;}
.overNav p {font-size: 10px;}
.listAll {float: left;}
.listHouse {float: right;}
.overNav p a {text-decoration: none;}
.listAll a {display: block;padding-left: 18px;background: url(/ie/shared/img/nav/icon.gif) no-repeat 0 50%;}
.listAll a:hover {background: url(/ie/shared/img/nav/icon.gif) no-repeat -100px 50%;}

.baseImage { position: relative; overflow: hidden; height: 468px; }

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

@media screen and (max-width: 767px) {	
#topContent {
  width: 100%;
  margin: 0 auto;
}
#mainVisual {
  position: relative;
  max-height: 170px !important;
  width: 100%;
  overflow: hidden;
}
/**/
.imgList dl.c1{
  width: 20%;
}
.imgList dl.c2{
  width: 20%;
}
.imgList dl.c3{
  width: 20%;
}
.imgList dl.c4{
  width: 20%;
}
.imgList dl.c5{
  width: 20%;
}
/**/
.overlay .base, .overlay {
  width: 100%;
  overflow: hidden;
}
.listAll {
  float: left;
  display: none;
}
/**/
.baseImage {
  position: relative;
  overflow: hidden;
  max-height: 170px !important;
  background-size: cover;
}
.sideNav .left a {
  top: 30%;
  left: 5%;
  background: transparent url(/ie/shared/img/nav/left.png) no-repeat left top !important;
  background: none;
 }
.sideNav .right a {
  top: 30%;
  left: 82%;
  background: transparent url(/ie/shared/img/nav/right.png) no-repeat left top !important;
  background: none;
}
/**//**/
.overNav {
  z-index: 9;
  position: absolute;
  top: 9px;
  left: 10px;
  width: 90%;
}

/**//**/

#topRead {
  float: none;
  width: 96%;
  margin: 0 2% 0 2%;
  padding-bottom: 20px;
}

#topRead p{
	font-size: 14px;
	line-height: 1.5;
}

#topMenu {
  float: none;
  width: 96%;
  margin: 0 2% 0 2%;
  padding-bottom: 15px;
}










}