/* CSS Document */
#idMainvis {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  clear: both;
}

.top #idMainvis{
	background-image: url(../img/top/mainvis_top.jpg);
}
.tachikawa #idMainvis{
	background-image: url(../img/top/mainvis_tachikawa.jpg);
}
.omiya #idMainvis{
	background-image: url(../img/top/mainvis_omiya.jpg);
}
.kobe #idMainvis{
	background-image: url(../img/top/mainvis_kobe.jpg);
}


/*----Contents------------------------------*/
h2.clH2_1 {
  clear: both;
  text-align:center;
  font-size:34px;
  padding:28px 0 24px 0;
  margin:0;
}
#idMainArea {
  width: 600px;
  margin: 0 auto;
}
.clTopics{
	width:286px;
	height:300px;
	float:left;
	border:solid 2px #CCCCCC;
	/*margin-right:20px;*/
}
#idMainArea > h2.clH2_1 + .clTopics {
  margin-right:20px;
}
/*.clTopics:last-child {
	margin-right:0;
}*/
.clTopics .clTopicsSub1{
	width:240px;
	height:266px;
	margin:0 auto;
	padding-top:19px;
}
.clTopics .clTopicsSub1 a{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
}
.clTopics .clTopicsSub1 a .clDate{
	padding:14px 0;
	font-size:18px;
	line-height:1em;
}
/*color*/
.tachikawa .clTopics .clTopicsSub1 a .clDate{
	color:#3D4D00;
}
.omiya .clTopics .clTopicsSub1 a .clDate{
	color:#255F81;
}
.kobe .clTopics .clTopicsSub1 a .clDate{
	color:#873000;
}

.clTopics .clTopicsSub1 a h3{
	font-size:22px;
	font-weight:normal;
	line-height:1.4em;
	margin:0;
	padding:0;
}
.clBtnTopics{
	width:100%;
	height:60px;
	background-color:#5A5A5A;
	text-align:center;
	margin:20px 0 70px 0;
}
.clBtnTopics a{
	color:#FFF;
	margin:0;
	padding:0;
	line-height:60px;
	font-size:22px;
	font-weight:normal;
	letter-spacing:1px;
	display:block;
}
.clSubNav{
	width:100%
}
.clSubNav ul{
	border-top:solid 2px #CCCCCC;
}
.clSubNav ul li{
	height:88px;
	border-bottom:solid 2px #CCCCCC;
	text-align:center;
}
.clSubNav ul li a{
	margin:0;
	padding:0;
	line-height:88px;
	width:100%;
	height:100%;
	display:block;
	font-size:24px;
}
/*color*/
.tachikawa .clSubNav ul li a{
	color:#91D162;
}
.omiya .clSubNav ul li a{
	color:#4CA5CC;
}
.kobe .clSubNav ul li a{
	color:#EF8358;
}

.clSubArea {
  width: 600px;
  margin: 0 auto;
  padding-top:30px;
  padding-bottom:160px;
}
.clSubArea h3 {
  font-size:24px;
}
.clSubArea p {
	font-size:22px;
	line-height:1.2em;
	background-color:#FFF;
}
.clSubArea p a{
	color:#333333;
}
/*color*/
.tachikawa .clSubArea p span{
	color:#91D162;
}
.omiya .clSubArea p span{
	color:#4CA5CC;
}
.kobe .clSubArea p span{
	color:#EF8358;
}

dl{
	width:600px;
	margin:0 auto;
	font-size:24px;
	clear:both;
	overflow:hidden;
}
dl dt{
	width:20%;
	float:left;
}
dl dd{
	width:78%;
	float:right;
}
.clBusinessHour-en dt{
	width:30%;
	float:left;
}
.clBusinessHour-en dd{
	width:69%;
	float:right;
}

.clBnnr{
	width:500px;
	margin:40px auto 0;
	clear:both;
	overflow:hidden;
}
.clBnnr .clLeft{
	width:240px;
	float:left;
}
.clBnnr .clRight{
	width:240px;
	float:right;
}

/*---top---*/
.top #idMainArea{
	width:600px;
	margin:30px auto 166px;
}

.top dl{
	width:600px;
	margin:0 auto 28px;
	font-size:24px;
	clear:both;
	overflow:hidden;
}
.top dl dt{
	width:600px;
	margin:0 auto 18px;
}
.top dl dd{
	width:600px;
	line-height:1.4em;
	clear:both;
	overflow:hidden;
}
.top dl dd .clTxt{
	width:438px;
	float:left;
	background:url(../img/share/bg3.png) top left;
}
.top dl dd .clBtn{
	width:148px;
	float:right;
}
.top dl dd .clBtn li.clLeft{
	float:left;
}
.top dl dd .clBtn li.clRight{
	float:right;
}