@charset "utf-8";
 @import url('/web/20190129133542cs_/http://aseanplusconsulting.com/common/css/library.css');
body {
	width: 100%;
	margin: 0;
	float: left;
	font-size: 62.5%;
	color: #555;
	border-top: 7px solid #17375e;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}
.clear{
	clear: both;
}
#bg-header, #bg-content, #bg-footer {
	width: 100%;
	float: left;
}
#header, #content, #footer {
	width: 100%;
	float: left;
}
.rows {
	width: 100%;
	float: left;
}
.rows-mini {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.txt-head {
	padding: 12px 0px 23px 0px;
	box-sizing: border-box;
	font-size: 1.2em;
}
.logo-tel {
	width: 100%;
	float: left;
}
.logo, .tel {
	width: 50%;
	float: left;
}
.tel {
	font-size: 2.0em;
	text-align: left;
	width: 50%;
}
.tel span.count{
	margin-left: 20%;
	width: 150px;
	display: inline-block;
}
.tel span.count2{
	margin-left: 20%;
	margin-left: 20%;
	display: inline-block;
	width: 150px;
}
.count3{
	display: none;
}
.show-sp {
	display: none;
}
.show-tb {
	display: none;
}
.menu-slide {
	width: 100%;
	float: left;
	margin-top: 30px;
	height: 350px;
    overflow: hidden;
}
.menu {
	width: 34%;
	float: left;
}
.menu-sp {
	width: 100%;
	float: left;
}
a.menu-item {
	width: 100%;
	height: 58.5px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	background: #17375e;
	line-height: 33px;
	float: left;
	text-decoration: none;
	font-size: 1.8em;
	color: #FFF;
	padding: 15px 20px 0px 30px;
}
a.acitve, a.menu-item:hover {
	background: #4F9DF7;
	color: #fff;
}
span.block{display: inline-block;}
.ico-menu {
	cursor: pointer;
}
.slide {
	width: 66%;
	float: left;
	position: relative;
	text-align: center;
    height: auto;
}
.slide img {
	width: 100%;
}
.txt-slide {
	width: 100%;
	position: absolute;
	float: left;
	z-index: 999;
	
}
/*.slide div._edEdit div img{
	position: inherit !important;
}*/
.txt-slide1 {
	font-size: 2.5em;
	color:#FFF;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 120%;
	margin-top: 8%;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-moz-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-o-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-ms-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
}
.txt-slide2 {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 140%;
	margin-top: 2%;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 2px;
	-webkit-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	-moz-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	-o-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	-ms-text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
	text-shadow: 1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
}
.txt-slide3 {
	font-size: 2.5em;
	color:#FFF;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 120%;
	margin-top: 2%;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-moz-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-o-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	-ms-text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
	text-shadow: 2px 0 0 #900, -2px 0 0 #900, 0 2px 0 #900, 0 -2px 0 #900, 1px 1px #900, -1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900;
}
.content {
	margin-top: 30px;
}
.title-h2 {
	width: 100%;
	float: left;
	font-size: 2.5em;
	border-bottom: 2px solid #376092;
	padding: 0px 0px 7px 0px;
	box-sizing: border-box;
}
.title-h3 {
	width: 100%;
	float: left;
	font-size: 2em;
	background:#b9cde5;
	color:#333;
	padding: 5px;
	border-radius:5px;
	box-sizing: border-box;
}
/* add top */
.abit-top{margin-top: 10px;}

.col-left {
	width: 76%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}
.col-right {
	width: 24%;
	float: left;
}
.col-right img {
	width: 100%;
	/*margin-top: 10px;*/
}
.col-right img.hover:hover {
	opacity: 0.8;
}
.right1 {
	width: 100%;
	float: left;
}
.right2 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
iframe {
	width: 100% !important;
	height: 420px;
}
.img-link {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.img-item {
	width: 20%;
	float: left;
	padding: 1%;
	box-sizing: border-box;
	position: relative;
}
.img-item img {
	width: 100%;
    border: 1px solid #999;
    /*set width*/
    width: 129px;
    height: 111px;
}
a.bxbx {
	width: 100%;
	float: left;
	position: relative;
}
.txt-img {
	position: absolute;
	bottom: 0;
	padding: 2% 2% 7% 2%;
	box-sizing: border-box;
	font-size: 1.7em;
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
}
.hvi {
	width: 94%;
	height: 93%;
	border: 1px solid #999;
	position: absolute;
	opacity: 0;
	margin: 3%;
	z-index: 99;
	box-sizing: border-box;
}
.hvi:hover {
	opacity: 1;
}
#bg-footer {
	width: 100%;
	height: auto;
	min-height: 50px;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 80px;
	background: #17375e;
	position: relative;
}
.footer {
	width: 100%;
	float: left;
	font-size: 1.2em;
	color: #fff;
}
.pagetop {
	position: absolute;
	right: 0;
	bottom: 0;
}
 @media screen and (max-width: 1366px) {
}
 @media screen and (max-width: 980px) {
.slide img {
	width: 100%;
	height:350px;
	max-height: 350px;
}
}
 @media screen and (max-width: 890px) {
a.menu-item {
	font-size: 1.3em;
}
}
 @media screen and (max-width: 768px) {
#bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
a.menu-item {
	padding: 20px 20px 0px 20px;
}
.txt-slide1 {
	font-size: 1.7em;
	margin-top: 10%;
}
.txt-slide2 {
	font-size: 1.3em;
	margin-top: 2%;
}
.txt-slide3 {
	font-size: 1.7em;
	margin-top: 2%;
}
.col-left {
	width: 100%;
	padding-right: 0;
}
.col-right {
	width: 100%;
}
/****** start override **********/
.col-right img{
	width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    left: 0px !important;
    float: left;
}
.col-right div.data-wrap{
	width: 50% !important;
    max-width: 50% !important;
    height: auto !important;
    float: left;
    display: block;
   
}
.col-right .show-tb img{
   float: left;
   width:50% !important; 
}
/****** end override **********/
/*.col-right img{
	width: 50%;
    float: left;
}*/
.right1 {
	width: 50%;
	margin-top: 0;
	padding: 4% 4% 4% 12%;
	box-sizing: border-box;
}
.right2 {
	width: 50%;
	margin-top: 0;
	padding: 4% 12% 4% 4%;
	box-sizing: border-box;
}
.hide-tb {
	display: none;
}
.show-tb {
	display: inline-block;
}
.logo{ width: 55%;}
.tel {
	font-size: 1.4em;
	width: 45%;
}
.tel span.count{
	margin-left: 5%;
	width: 90px;
	font-size: 90%;
}
.tel span.count2{
	margin-left: 5%;
	width: 90px;
	font-size: 90%;
}
}
 @media screen and (max-width: 640px) {
.slide img {
	width: 100%;
	height:auto;
}
a.menu-item {
	font-size: 1.8em;
}
#bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
.txt-head {
	font-size: 2em;
	text-align: center;
	padding: 20px 30px 30px 52px;
}
.logo, .tel {
	text-align: center !important;
	width: 100%;
	font-size: 1.5em;
}
.logo img{width: 100%;}
.tel {    margin-left: 15px;}
.show-sp {
	display: inline-block;
}
.show-sp2 {
	display: inline-block;
}
.hide-sp {
	display: none;
}
.menu-slide {
	height: auto;
}
.menu {
	width: 100%;
}
.slide {
	width: 100%;
	overflow: hidden;
}
.title-h2 {
	font-size: 3em;
	text-align: center;
	border-bottom: 3px solid #fafa80;
}
.title-h3 {
	text-align: center;
}
.right1 {
	padding: 4%;
}
.right2 {
	padding: 4%;
}/*
.tel span.count{
	margin-left: 0;
	width: 110px;
	display: inline-block;
}
.tel span.count2{
	margin-left: 0;
	width: 110px;
	display: inline-block;
}*/

.count3{
	font-size: 1em;
    text-align: left;
    margin-left: 0;
	width: 100%;
	display: inline-block;
}
.footer {
	font-size: 1.8em;
	line-height: 160%;
}
.pagetop {
	width: 92%;
	float: left;
	text-align: center;
	padding: 0% 0% 2% 0%;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	background: #17375e;
	margin: 0% 4% 4% 4%;
	position: relative;
}
/* add for raku */
.imgmaxfull {width:100%;float:left;text-align:center !important;}
.imgmaxfull div div img {width:100% !important;display:inline-block !important;max-width:none !important;height:auto !important;left:0 !important; }
.imgmaxfull div img {width:100% !important;display:inline-block !important;max-width:none !important;height:auto !important;left:0 !important; }
.imgmaxfull  img {width:100% !important;display:inline-block !important;max-width:none !important;height:auto !important; }
.imgmaxfull div div {width:100% !important;display:inline-block !important;height:auto !important; }
.imgmaxfull div {width:100% !important;display:inline-block !important;height:auto !important; }
}
.tel .fml-rt div{
	float:right;
}
/*
     FILE ARCHIVED ON 13:35:42 Jan 29, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:16:04 Dec 29, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 105.294
  exclusion.robots: 0.113
  exclusion.robots.policy: 0.105
  RedisCDXSource: 0.673
  esindex: 0.009
  LoadShardBlock: 78.117 (3)
  PetaboxLoader3.datanode: 103.351 (5)
  CDXLines.iter: 23.801 (3)
  load_resource: 157.699 (2)
  PetaboxLoader3.resolve: 58.978 (2)
*/