@charset "UTF-8";
/*
----------
exchange.css
2016-6-3

#e24682
----------
*/

/*
-----
index：MainImage
-----
*/
#topSlide{
	position:relative;
	top:-1px;
	width:100%;
	padding-bottom:0px;
	margin-bottom:40px;
}

.topSlideImage a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#topSlideInner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.topSlide ul li img{
	width:100%;
	vertical-align:top;
	line-height:1.0;
}
.bx-controls{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom:-40px;
	z-index: 100;
	text-align:center;
	z-index:100;
	line-height:1.0;
}
.bx-controls .bx-pager{
	display:inline-block;
	/*background-color:#F2F2F2;*/
	padding:10px 18px 2px;
	height:25px;
	overflow:hidden;
	margin:0 auto;
	line-height:1.0;
	font-size:12px;
}
.bx-pager a{
	display:block;
	width:17px;
	height:17px;
	text-indent:-990em;
	overflow:hidden;
	background:url(../images/index/slider_normal.png) no-repeat left top;
	line-height:1.0;
	color:#000;
}
.bx-pager a.active{background:url(../images/index/slider_active.png) no-repeat left top;}
.bx-pager-item{	display:inline-block;	margin:0 6px;}
.bx-controls-direction{
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-480px;
	width:960px;
}
.bx-controls-direction a{
	display:block;
	width:67px;
	height:67px;
	overflow:hidden;
	text-indent:-999em;
	position:absolute;
	bottom:200px;
}
.bx-controls-direction .bx-prev{	background:url(../images/index/btn_left.png) no-repeat left top;	left:0px;}
.bx-controls-direction .bx-next{	background:url(../images/index/btn_right.png) no-repeat right top;	right:0px;}

/*
-----
index：バナー部分
-----
*/
.top-nav{ margin-bottom:20px;}
.top-nav li{ width:33.3%; margin:0; float:left; height:108px}
/*.top-nav li:last-child{margin:0 0 20px 0;}*/
.top-nav li a{padding:8px;
background-color:#fff;
box-shadow:#ddd 1px 1px 1px 1px;
border-radius:8px;display:block;
text-decoration:none;
font-size:16px; font-weight:bold;
height:80px; text-align:left;
margin:4px 4px;
border:2px solid #f8f8f8;line-height:125%;
}

.top-nav li a.news{ background:#fff url(../images/index/index_banner1.png) no-repeat right bottom;}
.top-nav li a.support-telphone{ background:#fff url(../images/index/index_banner2.png) no-repeat right bottom}
.top-nav li a.foreigner{ background:#fff url(../images/index/index_banner3.png) no-repeat right bottom}
.top-nav li a.medical{ background:#fff url(../images/index/index_banner4.png) no-repeat right bottom}
.top-nav li a.counter{ background:#fff url(../images/index/index_banner5.png) no-repeat right bottom}
.top-nav li a.library{ background:#fff url(../images/index/index_banner6.png) no-repeat right bottom}
.top-nav li a.childrens-room{ background:#fff url(../images/index/index_banner7.png) no-repeat right bottom}
.top-nav li a.training-room{ background:#fff url(../images/index/index_banner8.png) no-repeat right bottom}
.top-nav li a.bbs{ background:#fff url(../images/index/index_banner9.png) no-repeat right bottom}
.top-nav li a.magazine{ background:#fff url(../images/index/index_banner10.png) no-repeat right bottom}
.top-nav li a.gallery{ background:#fff url(../images/index/index_banner11.png) no-repeat right bottom}
.top-nav li a.sister-city{ background:#fff url(../images/index/index_banner12.png) no-repeat right bottom}

.top-nav li a:hover{ background:#fff url(../images/index/chara_usa_kuwashiku.png) no-repeat right bottom}

.page-name{ padding:4px 4px 4px 0; border-bottom:2px dotted #3eb3ed;text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}
.top-nav small{ display:block;font-size:12px; font-weight:normal; color:#555; margin:8px 50% 0 0;line-height:125%;  letter-spacing:0.04em;}

/*
-----
index：利用案内
-----
*/
.open-close{ width:100%; border:8px solid #f4f4f4;box-shadow:#ddd 1px 1px 1px 1px; margin-bottom:8px;}
.open-close th,
.open-close td{ padding:8px;vertical-align:middle; }
.open-close th{ width:12em;font-weight:bold;text-align:center; }
.open-close td{ background-color:#fff;}/*181203*/

/*
-----
index：マップ
-----
*/
.map{ width:680px ; height:340px}

/*
----
index：
-----
*/
.index .side{ padding-top:38px}

/*
-----
news：
-----
*/
.table-news{border-top:1px dotted #999; border-left:none;margin-bottom:24px}
.table-news td{ padding:8px 12px; border-bottom:1px dotted #999;border-right:none; vertical-align:top}
.news-category{ background-color:#f4f4f4; margin:0 8px; font-size:12px; padding:4px 2px; color:#777}




@media only screen and (max-width: 960px) {

.topSlideImage img{ width:100%}
.bx-controls-direction{ display:none}
.top-nav li a{letter-spacing:0em;font-size:14px;}
.top-nav small{width:40%}
.top-nav br{ display:none}
.open-close th{ width:7em;}
.map{ width:100% ; height:100%}

}

@media only screen and (max-width:768px) {

.top-nav li{ width:50%;}
.top-nav small{width:60%}
.index .side{ padding-top:0}

}

@media only screen and (max-width:480px) {

.top-nav li{ height:160px}
.top-nav li a{ height:140px;padding:6px 6px; border:none}
.top-nav small{ margin:0px 0 0 0; width:100%;font-size:11px;line-height:110%;letter-spacing:0em;}
.page-name{ padding:0; border-bottom:none}

}