@charset "UTF-8";
/* CSS Document */

#mainarea{ text-align:center;}

#readarea{ background:#e5e5db; padding:50px 0;}
#readarea h2{ text-align:center; margin:0 auto 30px;}

#newsarea{ width:960px; margin:0 auto 10px auto; font-size:14px; line-height:24px;}
#newsarea ul{ padding:0px 0px 10px 0px;}
#newsarea ul li{ border-bottom:1px dotted #999999; padding:0 0 8px 0; margin:0 0 8px 0; position:relative; width:100%;}
#newsarea ul li h3{ font-weight:bold; color:#fff; padding:7px 10px 5px 10px; text-align:center; line-height:16px; font-size:12px; margin:0 0 5px 0;}
#newsarea ul li .news{ background:#e45f4c; width:60px;}
#newsarea ul li .bc{ background:#439284; width:180px;}
#newsarea ul li .ab{ background:#b9db6b; width:90px;}
#newsarea ul li .on{ background:#f8c300; width:90px;}
#newsarea ul li .qb{ background:#dc224c; width:80px;}
#newsarea ul li .pei{ background:#9f213a; width:210px;}
#newsarea ul li .yk{ background:#798993; width:100px;}
#newsarea ul li .nw{ background:#75c6f0; width:130px;}
#newsarea ul li div{ float:right; width:660px; padding:5px 0 0 0;}
#newsarea ul li img{ float:left;display:block;}
#newsarea ul li .data{}
#newsarea ul li .link a{color:#004098;}

#bnrarea{ width:960px; margin:0 auto 50px auto; padding:0;}
#bnrarea li{ float:left; margin:0 15px 0 0;}
#bnrarea li.clearb{margin:0 0 0 0;}

#maparea{background:url(../img/index/bg_map.gif) no-repeat top center; height:836px}

#calendararea {width:960px; margin:0 auto 0px; overflow: hidden;}
#calendararea li{ clear:both;}
#calendararea li img{ float:left;}

#maparea{}
#maparea ul{width:960px; margin:0 auto 50px; position:relative;}
#maparea ul li img{ position:absolute;}
#maparea ul li .point1{left:137px; top:554px;}
#maparea ul li .point2{left:217px; top:554px;}
#maparea ul li .point3{left:324px; top:554px;}
#maparea ul li .point4{left:428px; top:554px;}
#maparea ul li .point5{left:508px; top:554px;}
#maparea ul li .point6{left:0; top:195px;}
#maparea ul li .point7{left:168px; top:410px;}
#maparea ul li .point8{left:304px; top:410px;}
#maparea ul li .point9{left:155px; top:131px;}
#maparea ul li .point10{left:456px; top:410px;}
#maparea ul li .point11{right:60px; top:10px;}
#maparea ul li .point12{left:0; top:410px;}
#maparea ul li .point13{right:186px; top:246px;}
#maparea ul li .point14{right:20px; top:268px;}
#maparea ul li .point15{left:370px; top:250px;}

#snsarea{width:960px; margin:0 auto 50px;}
#snsarea::after{content: ""; display: block; clear: both;}
#snsarea .fb-page { width:470px; height:410px; float:left; overflow-y:hidden;}
#snsarea #tabibro { width:470px; height:700px; float:right;}
#snsarea #tabibro .head{ background:#008ed9; padding:17px 0 17px 22px;}
#snsarea #tabibro .tabarea{ background:#008ed9;padding:0 0 0 22px;}
#snsarea #tabibro .tabarea img{ cursor: pointer;}
#snsarea #tabibro .warp{height:570px; background:#ffffff;}
#snsarea #tabibro .warp #feed,#snsarea #tabibro .warp #feed2{ height:532px; overflow:auto;}
#snsarea #tabibro .warp .rss li{ width:430px; margin:0 auto; padding:20px 0 0 0;}
#snsarea #tabibro .warp .rss li div{border-bottom:3px solid #E5E5E5; padding:0 0 20px 0;}
#snsarea #tabibro .warp .rss li h3{font-size:18px; font-weight:bold; margin-left:110px;}
#snsarea #tabibro .warp .rss li p{margin:0 0 0 110px;}
#snsarea #tabibro .warp .rss li .date{width:8em; font-size:90%; line-height:1.4; color:#ffffff; background:#008ed9; text-align:center; padding:2px 0; margin-bottom:5px; }
#snsarea #tabibro .warp .rss li .text{margin-top:10px;}
#snsarea #tabibro .warp .rss li p img[title]{width:420px !important;}
#snsarea #tabibro .warp .rss li .thum{height:80px; border-bottom:none; padding:0; position:absolute; top:0; overflow:hidden;}

#tab01 {display: none;}

#searchApp #tab01 {
  display: block !important;
}

#loopslider {margin: 0 auto;width: 100%;height: 151px;text-align: left;position: relative;overflow: hidden;}
#loopslider ul {height: 150px;float: left;display: inline;overflow: hidden;}
#loopslider ul li {width: 201px;height: 150px;margin:1px 0 0 0 ;float: left;display: inline;overflow: hidden; position: relative;}
#loopslider ul li a span{color: #fff; position: absolute; bottom: 0; left: 0; text-align: center; font-weight: bold; width: 100%; display: block; height: 40px; line-height: 40px;}

#loopslider ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
#loopslider ul {display: inline-block;overflow: hidden;}

.wideslider{height: 580px !important; background-color: #00459c !important;}

.bnr{width: 960px; margin: 0 auto 50px auto;}
.bnr a:hover{opacity: 0.7;}
/*--20170928冬canada用*/
#campaign_winter {
	background:url(../img/winter/top_ill.gif) no-repeat top center;
	color:#333333;
	overflow:hidden;
	margin:30px auto 70px;
}
#campaign_winter .in_winter {
	background:url(../img/winter/bottom_ill.gif) no-repeat bottom center;
}
#campaign_winter .in_winter2 {
	width:960px;
	margin:0 auto;
}
#campaign_winter .float_l{
	width:400px;
	padding-bottom:20px;
}
#campaign_winter h2{
	font-size:24px;
	line-height:1.2em;
	text-align:left;
	margin-bottom:10px;
}
#campaign_winter p{
	font-size:14px;
	line-height:1.5em;
}
#campaign_winter .logo{
	margin:0 auto;
	width:134px;
}
#campaign_winter p.btn{
	margin:18px auto;
	width:200px;
}
/* --end of 20170928冬canada用*/

/* heattech追加 */
#campaign_winter #heattech {
  margin:35px auto 20px;
  width:960px;
}
#campaign_winter #heattech > ul {
  margin: 0 95px;
  font-size:11px;
}
#campaign_winter #heattech > ul > li { display: inline-block; }
#campaign_winter #heattech > dl {
  background: #ea8a1c;
  width: 745px;
  height: 54px;
  margin: 20px 0 0 95px;
  padding: 10px 0 10px 21px;
  overflow: hidden;
}
#campaign_winter #heattech > dl > dt {
  float: left;
  width: 229px;
  margin-right: 27px;
}
#campaign_winter #heattech > dl > dd.bg_y {
  background: #f9e94d;
  float: left;
  width: 449px;
  height: 16px;
  text-align: center;
  padding-top: 2px;
}
#campaign_winter #heattech > dl > dd > ul {
  overflow: hidden;
  width: 450px;
  float: left;
  margin-top:6px;
}
#campaign_winter #heattech > dl > dd > ul > li:first-child { float: left; }
#campaign_winter #heattech > dl > dd > ul > li:last-child { float: right; }

#campaign_shinjuku{
  margin:30px auto 0;
  text-align:center;
}