/* 英文版
--------------------------------------------------------------------------------------------------------*/

/*#en .kvbox{
	border-top: 7px solid #0068b5; 
}*/

#en .indbox{
	padding-top: 80px;
}


#en .indbox .maintitle{
	font-size: 38px;
  	line-height: 1.5;
  	color: #3c3d3d;
  	font-weight: bold;
  	text-align: center;
  	padding-top: 58px;
}

#en .indbox .inner{
	width: 1000px;
	margin: 0 auto;
}


/* introduction --------------------------------------------------------------------------*/

#en .intro{
	width: 920px; /*1000*/
	margin: 0 auto;
	padding: 0 40px 40px;
}

#en .intro .txtbox .maintitle{
	background: url("../images/about_module_01_bg.png") no-repeat center top;
}

#en .intro .txtbox p{
	font-size: 17px;
	line-height: 1.5;
	color: #898989;
	text-align: justify;
	padding-top: 40px;
	padding-bottom: 80px;
}

#en .intro .listbox{
	width: 818px; /*918*/
	height: 271px;
	background: url("../images/en_intro_list_bg.png") no-repeat center top;
	margin: 0 auto;
	padding: 0 50px 35px;
}

#en .intro .listbox .subtitle{
	font-size: 30px;
	line-height: 1.5;
	color: #009fe8;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;
}

#en .intro .listbox ul , #en .intro .listbox li{
	display: block;
}

#en .intro .listbox li{
	font-size: 16px;
	line-height: 18px;
	color: #585858;
	padding: 5px 0;
}

#en .intro .listbox li font{
	font-weight: bold;
}

#en .intro .listbox li img{
	vertical-align: text-bottom;
	margin-right: 15px;
}

#en .intro .listbox a{
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
	color: #585858;
}

#en .intro .listbox a:hover{
	text-decoration: underline;
}

#en .intro .picbox{
	width: 920px;
	margin: 0 auto;
}



/* top quality --------------------------------------------------------------------------*/

/* #en .quality{
	width: 100%;
	background: #f4f4f4;
	padding: 75px 0;
}

#en .quality .inner{
	width: 940px;
	margin: 0 auto;
	padding: 0 30px 40px;
}

#en .quality .maintitle{
	background: url("../images/about_module_02_bg.png") no-repeat center top;
}

#en .quality .listbox , #en .quality .listbox li{
	display: block;
}

#en .quality .listbox{
	padding-top: 40px;
}

#en .quality .listbox li{
	float: left;
	width: 293px;
  height: 320px;
  padding: 0 10px;
}

#en .quality .listbox .icon{
	width: 144px;
	height: 144px;
	margin: 0 auto;
	padding-bottom: 15px;
}

#en .quality .listbox .txtbox p{
	font-size: 23px;
	line-height: 1.5;
	color: #0068b5;
	font-weight: bold;
	text-align: center;
}

#en .quality .listbox .txtbox span{
	display: block;
	font-size: 14px;
	line-height: 1.3;
	color: #565656;
	font-weight: bold;
	text-align: center;
} */

#en .quality{
	width: 100%;
	background: #f4f4f4;
	padding: 75px 0;
}

#en .quality .inner{
	width: 995px;
	margin: 0 auto;
}

#en .quality .maintitle{
	background: url("../images/about_module_02_bg.png") no-repeat center top;
	margin-bottom: 20px;
}

#en .quality .picbox{
	width: 995px;
	height: 666px;
	background: url("../images/about_module_02_pic.png") no-repeat center top;
	position: relative;
}

#en .quality .picbox [class^="txt"]{
	width: 300px;
	position: absolute;
}

#en .quality .picbox .sub{
	font-size: 22px;
	line-height: 1.2;
	color: #009fe8;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

#en .quality .picbox span{
	display: block;
	font-size: 14px;
	line-height: 1.3;
	color: #636363;
	text-align: left;
}

#en .quality .picbox .txt_1{
	top: 37px;
	left: 148px;
}

#en .quality .picbox .txt_2{
	top: 37px;
	right: 28px;
}

#en .quality .picbox .txt_3{
	top: 272px;
	left: 148px;
}

#en .quality .picbox .txt_4{
	top: 272px;
	right: 28px;
}

#en .quality .picbox .txt_5{
	top: 498px;
	left: 148px;
}

#en .quality .picbox .txt_6{
	top: 498px;
	right: 28px;
}

.jp .quality .picbox .txt_5{
	top: 521px !important;
}

.jp .quality .picbox .txt_6{
	top: 521px !important;
}





/* Company History --------------------------------------------------------------------------*/


#en .about{
	padding: 80px 0;
}

#en .about .maintitle{
	background: url("../images/about_module_03_bg.png") no-repeat center top;
}

#en .about .timeline{
	width: 100%;
	height: 3491px;
	background: url("../images/aboout_timeline_bg.png") no-repeat center bottom;
	/*background: url("../images/about_timeline_bgex.jpg") no-repeat center top;*/
	position: relative;
	margin-top: 20px;
}

#en .about .timeline .year .icon , #en .about .timeline .year .dot , #en .about .timeline .year .line , #en .about .timeline .year .txtbox{
	position: absolute;
}

#en .about .timeline .year .dot{
	width: 9px;
	height: 8px;
	background: url("../images/aboout_timeline_dot.png") no-repeat center top;
	position: absolute;
	left: 495px;
}

#en .about .timeline .year .line{
	width: 100px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}

#en .about .timeline .year .line .color{
	width: 100%;
	height: 1px;
	background: #18b4ea;
	top: 0;
}

#en .about .timeline .year .line .color.left{ left:0;}
#en .about .timeline .year .line .color.right{ right:0;}

#en .about .timeline .year .txtbox{
	padding: 15px;
	position: absolute;
}

#en .about .timeline .year .txtbox .sub{
	font-size: 17px;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
	padding-bottom: 3px;
}

#en .about .timeline .year .txtbox span{
	display: block;
	font-size: 16px;
	line-height: 1.2;
	color: #fff;
}

#en .about .timeline ._2001 .icon{
	width: 195px;
	height: 85px;
	left: 285px;
	top: 107px;
}

#en .about .timeline ._2001 .dot{ top: 155px;}

#en .about .timeline ._2001 .line{
	top: 159px;
	left: 500px;
}

#en .about .timeline ._2001 .txtbox{ 
	width: 315px;
	background: #f4bb2c;
	top: 105px;
	left: 596px;
}

#en .about .timeline ._2003 .icon{
	width: 260px;
	height: 70px;
	top: 282px;
	left: 514px;
}

#en .about .timeline ._2003 .dot{ top: 325px;}

#en .about .timeline ._2003 .line{
	top: 329px;
	left: 403px;
}

#en .about .timeline ._2003 .txtbox{ 
	width: 398px;
	background: #dcba41;
	top: 273px;
	left: -18px;
}

#en .about .timeline ._2004 .icon{
	width: 240px;
	height: 95px;
	top: 445px;
	left: 245px;
}

#en .about .timeline ._2004 .dot{ top: 497px;}

#en .about .timeline ._2004 .line{
	width: 100px;
	top: 500px;
	left: 500px;
}

#en .about .timeline ._2004 .txtbox{ 
	width: 375px;
	background: #c3b956;
	top: 445px;
	left: 596px;
}

#en .about .timeline ._2005 .icon{
	width: 240px;
	height: 95px;
	top: 593px;
	left: 514px;
}

#en .about .timeline ._2005 .dot{ top: 647px;}

#en .about .timeline ._2005 .line{
	width: 100px;
	top: 651px;
	left: 403px;
}

#en .about .timeline ._2005 .txtbox{ 
	width: 330px;
	background: #abb96b;
	top: 618px;
	left: 47px;
}

#en .about .timeline ._2009 .icon{
	width: 240px;
	height: 90px;
	top: 798px;
	left: 248px;
}

#en .about .timeline ._2009 .dot{ top: 855px;}

#en .about .timeline ._2009 .line{
	width: 100px;
	top: 858px;
	left: 500px;
}

#en .about .timeline ._2009 .txtbox{ 
	width: 330px;
	background: #92b880;
	top: 795px;
	left: 596px;
}

#en .about .timeline ._2010 .icon{
	width: 273px;
	height: 105px;
	top: 975px;
	left: 514px;
}

#en .about .timeline ._2010 .dot{ top: 1032px;}

#en .about .timeline ._2010 .line{
	width: 100px;
	top: 1036px;
	left: 403px;
}

#en .about .timeline ._2010 .txtbox{ 
	width: 320px;
	background: #61b6ab;
	top: 960px;
	left: 55px;
}

#en .about .timeline ._2011 .icon{
	top: 1128px;
}

#en .about .timeline ._2011 .dot{ top: 1194px;}

#en .about .timeline ._2011 .line{
	width: 100px;
	top: 1198px;
	left: 500px;
}

#en .about .timeline ._2011 .txtbox{ 
	width: 360px;
	background: #61b6ab;
	top: 1165px;
	left: 596px;
}

#en .about .timeline ._2012 .icon{
	width: 225px;
	height: 107px;
	top: 1338px;
	left: 510px;
}

#en .about .timeline ._2012 .dot{ top: 1392px;}

#en .about .timeline ._2012 .line{
	width: 100px;
	top: 1395px;
	left: 403px;
}

#en .about .timeline ._2012 .txtbox{ 
	width: 400px;
	background: #49b6c0;
	top: 1310px;
	left: -24px;
}

#en .about .timeline ._2013 .icon{
	width: 254px;
	height: 109px;
	top: 1511px;
	left: 282px;
}

#en .about .timeline ._2013 .dot{ top: 1569px;}

#en .about .timeline ._2013 .line{
	width: 100px;
	top: 1572px;
	left: 500px;
}

#en .about .timeline ._2013 .txtbox{ 
	width: 378px;
	background: #30b5d5;
	top: 1518px;
	left: 596px;
}

#en .about .timeline ._2014 .icon{
	width: 232px;
	height: 105px;
	top: 1710px;
	left: 510px;
}

#en .about .timeline ._2014 .dot{ top: 1768px;}

#en .about .timeline ._2014 .line{
	width: 100px;
	top: 1771px;
	left: 403px;
}

#en .about .timeline ._2014 .txtbox{ 
	width: 363px;
	background: #18b4ea;
	top: 1650px;
	left: 14px;
}

#en .about .timeline ._2016 .icon{ top: 2338px; }

#en .about .timeline ._2016 .dot{ top: 2406px; }

#en .about .timeline ._2016 .line{ top: 2410px; }

/* #en .about .timeline ._2016 .txtbox{ top: ; } */

#en .about .timeline ._2017 .icon{ top: 2714px; }

#en .about .timeline ._2017 .dot{ top: 2743px; }

#en .about .timeline ._2017 .line{ top: 2747px; }

#en .about .timeline ._2017 .txtbox{ top: 2701px; }

#en .about .timeline ._2018 .icon{ top: 2960px; }

#en .about .timeline ._2018 .dot{ top: 2984px; }

#en .about .timeline ._2018 .line{ top: 2988px; }

/* #en .about .timeline ._2018 .txtbox{ top: ; } */


/* jp 沿革 */
/* #en.jp .about .timeline ._2001 .icon{ top: ; }

#en.jp .about .timeline ._2001 .dot{ top: ; }

#en.jp .about .timeline ._2001 .line{ top: ; } */

#en.jp .about .timeline ._2001 .txtbox{ top: 85px; }

/* #en.jp .about .timeline ._2003 .icon{ top: ; }

#en.jp .about .timeline ._2003 .dot{ top: ; }

#en.jp .about .timeline ._2003 .line{ top: ; } */

#en.jp .about .timeline ._2003 .txtbox{ top: 265px; }

/* #en.jp .about .timeline ._2004 .icon{ top: ; }

#en.jp .about .timeline ._2004 .dot{ top: ; }

#en.jp .about .timeline ._2004 .line{ top: ; } */

#en.jp .about .timeline ._2004 .txtbox{ top: 438px; }

/* #en.jp .about .timeline ._2005 .icon{ top: ; }

#en.jp .about .timeline ._2005 .dot{ top: ; }

#en.jp .about .timeline ._2005 .line{ top: ; } */

#en.jp .about .timeline ._2005 .txtbox{ top: 613px; }

#en.jp .about .timeline ._2009 .icon{ top: 786px; }

#en.jp .about .timeline ._2009 .dot{ top: 842px; }

#en.jp .about .timeline ._2009 .line{ top: 845px; }

/* #en.jp .about .timeline ._2009 .txtbox{ top: ; } */

/* #en.jp .about .timeline ._2011 .icon{ top: ; }

#en.jp .about .timeline ._2011 .dot{ top: ; }

#en.jp .about .timeline ._2011 .line{ top: ; } */

#en.jp .about .timeline ._2011 .txtbox{ top: 1161px; }

/* #en.jp .about .timeline ._2014 .icon{ top: ; }

#en.jp .about .timeline ._2014 .dot{ top: ; }

#en.jp .about .timeline ._2014 .line{ top: ; } */

#en.jp .about .timeline ._2014 .txtbox{ top: 1662px; }

/* #en.jp .about .timeline ._2017 .icon{ top: ; }

#en.jp .about .timeline ._2017 .dot{ top: ; }

#en.jp .about .timeline ._2017 .line{ top: ; } */

#en.jp .about .timeline ._2017 .txtbox{ top: 2695px; }

/* #en.jp .about .timeline ._2018 .icon{ top: ; }

#en.jp .about .timeline ._2018 .dot{ top: ; }

#en.jp .about .timeline ._2018 .line{ top: ; } */

#en.jp .about .timeline ._2018 .txtbox{ top: 2886px; }

/* #en.jp .about .timeline ._2019 .icon{ top: ; }

#en.jp .about .timeline ._2019 .dot{ top: ; }

#en.jp .about .timeline ._2019 .line{ top: ; } */

#en.jp .about .timeline ._2019 .txtbox{ top: 3138px; }






/* Service --------------------------------------------------------------------------*/


#en .service{
	padding: 80px 0 50px;
	background: #f4f4f4;
}

#en .service .inner{
	width: 920px;
	padding: 0 40px;
}

#en .service .maintitle{
	background: url("../images/service_maintitle_bg_en.png") no-repeat center top;
}

#en .service .listbox , #en .service .listbox li{
	display: block;
}

#en .service .listbox{
	padding-top: 20px;
}

#en .service .listbox li{
	border-bottom: 1px dotted #c7c7c7;
	padding: 30px 0;
}

#en .service .listbox .pic{
	float: left;
	width: 266px;
	height: 157px;
}

#en .service .listbox .txtbox{
	float: right;
	width: 620px;
	padding-top: 5px;
}

#en .service .listbox .txtbox .sub{
	font-size: 28px;
	line-height: 1.5;
	color: #0068b5;
	font-weight: bold;
	padding-bottom: 10px;
}

#en .service .listbox .txtbox span{
	font-size: 18px;
	line-height: 1.5;
	color: #585858;
}

#en .service .listbox .last{
	border-bottom: none;
}









/* Related Companies --------------------------------------------------------------------------*/


#en .related{
	padding: 80px 0 50px;
}

#en .related .inner{
	width: 1000px; /*20160509*/
	padding: 0 40px;
}

#en .related .center{ float: left; }

#en .related .maintitle{
	background: url("../images/related_maintitle_bg_en.png") no-repeat center top;
}

#en .related .pic{
	text-align: center;
}

#en .related .picbox{
	width: 920px;
	height: 274px;
	margin: 0 auto;
}

#en .related .txtbox{
	padding-top: 10px;
	width: 780px;
	margin: auto;
}

/*20160509*/
#en .related .txtbox .left , #en .related .txtbox .right , #en .related .txtbox .center{
	width: 314px;
}

#en .related .txtbox .center{
	margin-left: 30px;
}
/*20160509*/

#en .related .txtbox .title{
	font-size: 21px; /*20160509*/
	line-height: 1.5;
	color: #3c3d3d;
	font-weight: bold;
	text-align: center;
}

#en .related .txtbox .link{
	text-align: center;
	min-height: 30px; /*20160509*/
}

#en .related .txtbox .link a{
	text-decoration: none;
	font-size: 18px;
	line-height: 1.5;
	color: #0777d7;
	font-weight: normal;
	border-bottom: 1px solid #0777d7;
}

#en .related .txtbox .txt{
	width: 314px; /*20160509*/
	background: #f3f3f3;
	margin-top: 5px;
}

#en .related .txtbox .txt .bg_top{
	background: url("../images/related_txt_bg_top.jpg") no-repeat center top;
}

#en .related .txtbox .txt .bg_bot{
	width: 274px; /*314*/ /*20160509*/
	background: url("../images/related_txt_bg_bot.jpg") no-repeat center bottom;
	padding: 50px 20px 35px;
}

#en .related .txtbox .txt .sub{
	font-size: 21px;
	line-height: 1.5;
	color: #585858;
	font-weight: bold;
}

#en .related .txtbox .txt span{
	display: block;
	font-size: 15px;
	line-height: 1.6;
	color: #585858;
}












/***** 右側選單 *****/

#en .sidebar{
	width: 49px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1000;
	padding-bottom: 20px;
}

#en .sidebar .dotbox{
	width:49px;
}

#en .sidebar .bg_top , #en .sidebar .bg_bottom{
	width: 49px;
	height: 20px;
	background: url("../images/product_sidebar_bg_top.png") no-repeat right top;
}

#en .sidebar .bg_top{ background: url("../images/product_sidebar_bg_top.png") no-repeat right top;}
#en .sidebar .bg_bottom{ background: url("../images/product_sidebar_bg_bottom.png") no-repeat right bottom;}

#en .sidebar .dotbox .dot{
	width: 29px; /*49*/
	background: #d8d8d8;
	padding-left: 20px;
}

#en .sidebar .dotbox .dot a{
	display: block;
	width: 13px;
	height: 12px;
	background: url("../images/dot_white.png") no-repeat left center;
	padding-bottom: 28px;
}

#en .sidebar .dotbox .dot a:hover{
	background: url("../images/dot_orange.png") no-repeat left center;
}

#en .sidebar .dotbox:hover .bg_top{ background: url("../images/product_sidebar_bg_top_ovr.png") no-repeat right top;}
#en .sidebar .dotbox:hover .bg_bottom{ background: url("../images/product_sidebar_bg_bottom_ovr.png") no-repeat right top;}
#en .sidebar .dotbox:hover .dot{ background: #0068b5;}

#en .sidebar .top{
	width: 49px;
	height: 130px;
	padding-top: 30px;
}

#en .sidebar .top a{
	display: block;
	width: 49px;
	height: 130px;
	background: url("../images/product_sidebar.png") no-repeat 0 0;
}

#en .sidebar .top a:hover{
	background: url("../images/product_sidebar.png") no-repeat -49px 0;
}


















































/* 日文版
--------------------------------------------------------------------------------------------------------*/

#en.jp .about .timeline .year .txtbox .sub{
	font-size: 16px;
	line-height: 1.5;
}

#en.jp .about .timeline .year .txtbox span{
	line-height: 1.5;
}