@charset "utf-8";

/*=========================================================
	[ top_site.css ]
	Site top design
	date - creation:2013-04-18 // update:2013-09-30
=========================================================*/

/*=========================================================
	index
		1. layout
		2. main Img
		3. content
=========================================================*/

/* for all */
@import "/common/css/reset.css";
@import "/common/css/layout.css?20180514";
/* for navigation */
@import "/common/css/nav_common.css?20250105";
@import "/common/css/nav_global.css";
@import "/common/css/nav_content.css";
/* for module */
@import "/common/css/m_heading.css";
@import "/common/css/m_text.css";
@import "/common/css/m_box.css";
@import "/common/css/m_list.css";
@import "/common/css/m_table.css";

/* 1. head
=========================================================*/
#header{
	height:80px;
	border-bottom:none;
	background:url(/images/body_bg.png);
}
#headerLogoArea{
}
#headNav{border-bottom:1px solid #B6B5DF;}

#headerInner{
	position:relative;
	width:960px;
	margin:0 auto;
	padding-right:0;
}

#hlogo {
    margin: 5px 0 10px;
}
#headerCopy {
    line-height:49px;
    padding-top:13px;
}
#headNav{
	margin-top:310px;
	border-top:2px solid #170279;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#container{
	/*margin-top:310px;*/
	width: 100%;
}
#kaigai_top #container{
	padding-top: 0px;
}
#content{
	margin: 0px auto;
	width: 900px;
}






/* 2. main Img
=========================================================*/
/* top slider
---------------------------------------------------------*/
/*#mainAreaFilter{
	position:absolute;
	z-index:99;
	height:20px;
	width:100%;
	background:url(/common/images/top_site/body_bg.png)  0 0;
}*/
#mainArea{
	z-index:1;
	width:960px;
	margin:0 auto;
}
#mainArea img{
	position: absolute;
}
#mainArea #mainTitle{
	z-index:2;
	position:relative;
}
#mainArea #mainTitle img{
	z-index:40;
	top:0;
	left:0;
}

#mainTitleLink{
	position:absolute;
	z-index:50;
	top:340px;
}

/* image */
#slides,#slideM{
	zoom:1;
	z-index:2;
	position: relative;
	margin:0;
	overflow:visible;
	text-align:center;
/*	background-color:#BBB;*/
}
#slides div,#slideM div{
	zoom: 1;
	width:100%;
	position: absolute;
	margin:0;
	height:395px;
	background-position:top center;
	background-repeat: no-repeat;
	/margin-left: -640px;
}

/*
#debug{
	position:fixed;
	left:0;
	background: #000;
	opacity: 0.7;
	color:#FFF;
	z-index:999;
	padding: 10px;
}
*/
#slides img{
}

#img01{z-index: 20;}
#img02{z-index: 21;}
#img03{z-index: 22;}

.bg {
	position:absolute;
	width:100%;
	background-repeat:no-repeat;
}

#bg01{
	z-index: 10;
	width:144px;
	height:144px;
	margin-left: -100px;
}
#bg02{
	z-index: 11;
	width:150px;
	height:97px;
	margin-left: 800px;
}


/* 3. content
=========================================================*/
/* heading
---------------------------------------------------------*/
#content h3{margin-top:40px;}

/* 3 column
---------------------------------------------------------*/
#tabColumn{
	border-collapse:collapse;
}
#tabColumn th,#content #tabColumn td{
	padding:0 15px;
	border-right:1px solid #666666;
}#tabColumn th.end,#content #tabColumn td.end{border-right:none;}
#tabColumn th{
	font-weight:normal;
}
#tabColumn td{
	vertical-align:top;
}
#tabColumn td p{
	margin:10px 0 0;
}

.boxSupport{
	width:560px;
	margin-top:16px;
	padding:5px 10px;
	background:#E8E8E8;
}

/* list
---------------------------------------------------------*/
/* mkCheck */
.mkCheck{
	margin:20px 0 20px 30px;
}
.mkCheck li{
	padding:2px 0 2px 20px;
	background:url(/images/ico_check.gif) no-repeat 0 .2em;
}



/* add_topPage
---------------------------------------------------------*/

.kaigai-hero {
	background:url(/images/kaigai-hero-bg.jpg);
}
.kaigai-hero__heading {
	overflow: hidden;
	background-color: #F1316A;
}
.kaigai-hero__heading h1 {
	width: 900px;
	margin: 0 auto;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 1.4;
	color: #fff;
}

.kaigai-map {
	position: relative;
	width: 900px;
	margin: 30px auto 0;
}
.kaigai-map__logo {
	position: absolute;
	bottom: 0px;
	right: 0;
	z-index: 9999;
}
.single {
    position: absolute;
    z-index: 9999;
    background: #FFFFE6;
    padding: 10px;
    width: 200px;
    height: 20px;
    line-height: 1.7;
}

/*kaigai-info*/

.kaigai-info {
	overflow: hidden;
	width: 880px;
	margin: 30px auto 0;
/*	background-color: #F1316A;
	border-radius: 0.5em;
	font-family: "Hiragino Kaku Gothic StdN";*/
}
.kaigai-info__inner {
/*	padding: 4px 0;*/
}
.kaigai-info__inner a img{width:100%}
.kaigai-info__inner a:hover{opacity:0.8}
.kaigai-info i {
	display: inline-block;
	margin-left: 50px;
	font-size: 40px;
	font-weight: bold;
	vertical-align: middle;
	vertical-align: top;
	color:#FFF;
}
.kaigai-info__contactUs {
	display: inline-block;
	margin-left: 6px;
	font-size: 19px;
	font-weight: 600;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #555;
	color:#FFF;
}
.kaigai-info__telephone {
	display: inline-block;
	margin-left: 14px;
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #555;
	color:#FFF;
}
.kaigai-info__businessHours {
	display: inline-block;
	margin-left: 14px;
	font-size: 13px;
	font-weight: 500;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #555;
	color:#FFF;
}

/*kaigai-siteList*/

.kaigai-siteList {
	overflow: hidden;
	width: 880px;
	margin: 26px auto 0;
	padding-bottom: 20px;
	/*font-family: "ＭＳ ゴシック",sans-serif;*/
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.kaigai-siteList table {
	width: 100%;
	font-weight: bold;
	text-align: center;
	font-weight: normal;
	letter-spacing: .1em;
	background-color: #FFF;
}
.kaigai-siteList th {
	width: 19%;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}
.kaigai-siteList td {
	width: 27%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .1em;
}
.kaigai-siteList td a {
	display: flex;
	padding: 10px 0 14px 15px;
	color:#333333;
	text-align: left;
	text-decoration: none;justify-content:flex-start;
}
.kaigai-siteList td a:hover {
	color:#FF7F00;
	opacity: 0.7;
}
.kaigai-siteList td small {
	font-size: 12px;
}
.kaigai-siteList th, .kaigai-siteList td {
	border-collapse: coseparate;
	line-height: 1.2;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
}
.kaigai-siteList__Western th {
	background-color: #F4FAFF;
	color:#0059B2;
}
.kaigai-siteList__Asia {
	margin-top:20px;
}
.kaigai-siteList__Asia th {
	background-color: #FFEAEA;
	color:#C80505;
}
.kaigai-siteList__tableCell {
	/*display: table;*/
}
.kaigai-siteList td a .kaigai-siteList__flag{position:relative;}
.kaigai-siteList td a .kaigai-siteList__flag img{width:50px;}
.kaigai-siteList td a .kaigai-siteList__text span.online{font-size:12px;display:inline-block;color:#8F80FF;padding:0 0.5em;border:1px dotted #8F80FF;    width: 120px;margin: 0 auto;margin-top:0.2em;}
.kaigai-siteList__text {flex-basis:169px;	vertical-align: middle;	text-align: center;display:flex;flex-direction: column;justify-content: center;}
#wrapper_top_list{
	padding: 10px 0 30px;
}
#top_list{
  background:url(/common/images/top_page/slides_body_bg.png);
  width: 881px;
  height: 270px;
  margin: 0px auto;
}
#top_list ul.slides{
  width: 881px;
  padding: 0;
}
#top_list ul.slides li{
	display: block;
	float: left;
	padding:0;
	list-style: none;
	/*margin-right: 1px;*/
	margin-bottom: 1px;
}
#top_list ul.slides li a{
	display: block;
	width: 220px;
	height: 66px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
p#top_info{
	margin: 0.5em 0px 2em;
}


#top_list01 a:hover {
	background-image: url(/common/images/top_page/city_name01_on.png)!important;
}
#top_list02 a:hover {
	background-image: url(/common/images/top_page/city_name02_on.png)!important;
}
#top_list03 a:hover {
	background-image: url(/common/images/top_page/city_name03_on.png)!important;
}
#top_list04 a:hover {
	background-image: url(/common/images/top_page/city_name04_on.png)!important;
}
#top_list05 a:hover {
	background-image: url(/common/images/top_page/city_name05_on.png)!important;
}
#top_list06 a:hover {
	background-image: url(/common/images/top_page/city_name06_on.png)!important;
}
#top_list07 a:hover {
	background-image: url(/common/images/top_page/city_name07_on.png)!important;
}
#top_list08 a:hover {
	background-image: url(/common/images/top_page/city_name08_on.png)!important;
}
#top_list09 a:hover {
	background-image: url(/common/images/top_page/city_name09_on.png)!important;
}
#top_list10 a:hover {
	background-image: url(/common/images/top_page/city_name10_on.png)!important;
}
#top_list11 a:hover {
	background-image: url(/common/images/top_page/city_name11_on.png)!important;
}
#top_list12 a:hover {
	background-image: url(/common/images/top_page/city_name12_on.png)!important;
}
#top_list13 a:hover {
	background-image: url(/common/images/top_page/city_name13_on.png)!important;
}
#top_list14 a:hover {
	background-image: url(/common/images/top_page/city_name14_on.png)!important;
}
#top_list15 a:hover {
	background-image: url(/common/images/top_page/city_name15_on.png)!important;
}
#top_list16 a:hover {
	background-image: url(/common/images/top_page/city_name16_on.png)!important;
}


.kaigai-siteList__hudousan {margin-top:20px;}
.kaigai-siteList__hudousan th {background-color: #FCF0E0;color:#D96D00;}
.kaigai-siteList__hudousan td{width: auto;text-align: center;}
.kaigai-siteList__hudousan td a img{width: 500px;margin: 0 auto;height: auto;}



#kaigai_top .kaigai-map .kaigai-info__inner { position: absolute;margin: 0 auto;text-align: center;z-index: 4;margin-top: 355px;width:100%;display: flex;justify-content: space-evenly;width: 880px;left: 0;right: 0;}

#kaigai_top .kaigai-map #bnrSeminar{margin:0;}
#kaigai_top .kaigai-map .kaigai-info__inner img{height: 70px;width: auto;}
#kaigai_top .kaigai-map .kaigai-info__inner a{background-color:#fff;}
#kaigai_top .kaigai-map .kaigai-info__inner a:hover{opacity:0.8}
/* #kaigai_top .kaigai-map .kaigai-info__inner a:nth-of-type(1){display: none;} */