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

/*Resets and overrides*/
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, span {
	margin: 0;
	padding: 0;
	/*line-height: 1;*/
}
html, html a {
	-webkit-font-smoothing: antialiased;
}
img {
	border: none;
}
a, a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	outline: none;
}
ul {
	list-style-type: none;
}
body {
	color: #606060;
	background-color: #f5f5f5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: 400;
}
h2 {
	font-size: 34px;
	font-weight: normal;
	color: #606060;
	margin: 0 0 21px 0;
	letter-spacing: 0.1em;
}
h3 {
	font-size: 16px;
	font-weight: 300;
	color: #606060;
	line-height: 2.2;
}
h4 {
	font-size: 18px;
	font-weight: 900;
	color: #606060;
	margin: 0 0 10px 0;
	letter-spacing: 0.1em;
}
p {
	color: #606060;
	font-size: 16px;
	font-weight: 300;
	line-height: 2.2;
}
.left {
	float: left;
}
.right {
	float: right;
}
.both {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}
.inner {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
}


body .inner p a {
	color: #f06c64;}
	
body .inner p a:hover {
	color: #f06c64;}
	
	
.clerfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}	

/*===================================
============== Header ===============
===================================*/
#header {
	width: 1200px;
	height:110px;
	background: #ffffff;
	background-image: url(../img/header/bg.png);
	background-repeat: repeat-x;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
	border-bottom: #dddddd solid 1px;
}
#header .inner {
	width: 1100px;
	max-width: 1100px;
	height: 90px;
	padding-top: 10px;
}
.contens_wrap {
	width: 1200px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 80px 0;
}
.bb {
	border-bottom: 1px #dddddd solid;
}
.inner_left {
	float: left;
	width: 267px;
	height: 90px;
}
.inner_right {
	float: right;
	padding-top:16px;
}
/*logo*/
h1.logo {
	width: 267px;
	height: 90px;
	background: url(../img/header/logo.png) no-repeat;
	text-indent: -9999px;
}
/*Nav Menu*/
ul.nav-menu {
	padding: 12px 0 0 0;
}
ul.nav-menu li {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #494e62;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
ul.nav-menu li.menu01 a {
	background: url(../img/header/menu01.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 170px;
}
ul.nav-menu li.menu01 a:hover {
	background: url(../img/header/menu01_on.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 170px;
	
}
ul.nav-menu li.menu02 a {
	background: url(../img/header/menu02.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 141px;
}
ul.nav-menu li.menu02 a:hover {
	background: url(../img/header/menu02_on.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 141px;
}
ul.nav-menu li.menu03 a {
	background: url(../img/header/menu03.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 139px;
}
ul.nav-menu li.menu03 a:hover {
	background: url(../img/header/menu03_on.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 139px;
}
ul.nav-menu li.menu04 a {
	background: url(../img/header/menu04.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 112px;
}
ul.nav-menu li.menu04 a:hover {
	background: url(../img/header/menu04_on.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 112px;
}
ul.nav-menu li.menu05 a {
	background: url(../img/header/menu05.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 118px;
}
ul.nav-menu li.menu05 a:hover {
	background: url(../img/header/menu05_on.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 118px;
}
/*===================================
============== Slider ===============
===================================*/
#main_img {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 110px;
}
/*===================================
============== about ===============
===================================*/
.about h4 {
	float: right;
}
/*===================================
============= Services ==============
===================================*/




.item table .title {
	background: #f7f7f7;
	font-size: 18px;
	font-weight: b;
	padding: 20px;
	border-top: #dddddd solid 1px;
	border-bottom: #dddddd solid 1px;
}
.item {
	margin: 64px 0;
}
.item:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.item table {
	font-size: 15px;
	margin-bottom: 64px;
	letter-spacing: 0.05em;
}
.item table td {
	padding: 16px 20px;
	border-bottom: #dddddd solid 1px;
}
.item ul li {
	display: block;
	float: left;
	width: 228px;
	margin-right: 16px;
	padding-bottom: 16px;
}
.item ul li.mr0 {
	margin-right: 0;
}
.mt0 {
	margin-top: 0;
}
.mb0 {
	margin-bottom: 0;
}
.mb35 {
	margin-bottom: 35px;
}
.mb65 {
	margin-bottom: 65px;
}
.mb135 {
	margin-bottom: 135px;
}
 . #services .inner {
 padding-bottom: 31px;
}
#services ul {
	padding: 46px 0 0 0;
}
#services ul li {
	float: left;
	padding: 0 40px 0 0;
	max-width: 440px;
	margin: 0 0 36px 0;
}

#services ul li.mb0 {
	margin-bottom:0;
}


#services ul li span {
	float: left;
	width: 130px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	margin: 0 26px 0 0;
}
#services ul li h4 {
	padding-top: 30px;
	float: right;
	width: 284px;
}
#services ul li p {
	float: right;
	width: 284px;
	text-align: justify;
	color: #606060;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.7;
}
/*===================================
============= Footer ================
===================================*/
#footer {
	width: 1200px;
	margin: 0 auto;
	background: #373737;
	overflow: hidden;
}
#footer .inner {
	padding-top: 74px;
	padding-bottom: 44px;
}
#footer .copy {
	width: 1200px;
	margin: 0 auto;
	background: #333333;
	padding: 14px 0;
}
#footer .copy p, #footer .menu p {
	text-align: center;
}
#footer .adress {
	width: 380px;
	margin: 74px auto 0px;
}
#footer p {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.7;
}
#footer p a {
	line-height: 32px;
	color: #ffffff;
}
#footer p a:hover {
	color: #f06c64;
/*	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;*/
}
#footer ul.menu {
	float: right;
}
#footer ul li span {
	float: left;
	width: 58px;
	height: 58px;
	margin: 0 24px 0 0;
}
/*===================================
============= company ==============
===================================*/


.company .item table .title {
	background: #f7f7f7;
	font-size: 16px;
	padding: 20px 30px;
}
.company .item table {
	font-size: 15px;
	margin-bottom: 0px;
	letter-spacing: 0.05em;
	line-height: 1.6em;
}
.company .item table td {
	border-top: #dddddd solid 1px;
	border-bottom: none;
}
.company .item table td.bb {
	border-bottom: #dddddd solid 1px;
}
/*===================================
============= privacy ==============
===================================*/


.privacy h2 {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #606060;
	font-weight: 900;
	letter-spacing: 0.1em;
}
/*===================================
============= group ==============
===================================*/


.group h3 {
	line-height: 1.4em;
}
.group h4 {
	margin-bottom: 10px;
}
.group .item h4 {
	margin-bottom: 21px;
}
.group .item table .title {
	background: #f7f7f7;
	font-size: 16px;
	padding: 20px 30px;
}
.group .item table {
	font-size: 15px;
	margin-bottom: 65px;
	letter-spacing: 0.05em;
	line-height: 1.6em;
}
.group .item table td {
	border-top: #dddddd solid 1px;
	border-bottom: none;
}
.group .item table td.bb {
	border-bottom: #dddddd solid 1px;
}
.group .item table.mb0 {
	margin-bottom: 0;
}
.group a {
	color: #606060;
	display: inline-block;
	margin: 0 20px 0 0;
}
.group a:hover {
	color: #f06c64;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.group .item table.indonesia,  .group .item table.hongkong{
	margin-bottom: 20px;
}
body .group .equipment table .title {
	padding-left: 20px;
}
#submit02 {
	background: #f2825b; /* Old browsers */
	background: -moz-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2825b), color-stop(50%, #e55b2b), color-stop(100%, #f07146)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146', GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	/*    margin-left: auto;*/
	margin-right: 0;
	padding-left: 20px;
	padding-right: 20px;
	width: 150px;
	margin-bottom: 35px;
	text-align: center;
}
#submit02 a {
	color: #ffffff;
	display: inline-block;
	margin: 0;
}
#submit02 a:hover {
	color: #ffffff;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.group p {
	color: #606060;
	font-size: 16px;
	font-weight: 300;
	line-height: 2.2;
}
.group p.adress {
	line-height: 1.4em;
}

.comp_list{
	
width:370px; 
float:right; }


.comp_list h4{
	font-size:94%;}


/*===================================
============= contact ==============
===================================*/

.contact .item table .title {
	background: #f7f7f7;
	font-size: 16px;
	padding: 20px 30px;
	border-bottom: none;
	font-weight: normal;
}
.contact .item table {
	font-size: 15px;
	margin-bottom: 0px;
	letter-spacing: 0.05em;
	line-height: 1.6em;
}
.contact .item table td {
	border-top: #dddddd solid 1px;
	border-bottom: none;
}
.contact .item table td.bb {
	border-bottom: #dddddd solid 1px;
}
.formbox250 {
	background-color: #F5F5F5;
	border-color: #999999 #FAFAFA #FAFAFA #999999;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	width: 50%;
}
.formbox150 {
	background-color: #F5F5F5;
	border-color: #999999 #FAFAFA #FAFAFA #999999;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	width: 30%;
}
.formbox100 {
	background-color: #F5F5F5;
	border-color: #999999 #FAFAFA #FAFAFA #999999;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	width: 20%;
}
.formbox750 {
	background-color: #F5F5F5;
	border-color: #999999 #FAFAFA #FAFAFA #999999;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	width: 100%;
}
form input#submit {
	background: linear-gradient(to bottom, #45484D 0%, #666666 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 100px;
	padding-right: 100px;
	width: auto;
}
.tac {
	text-align: center;
}
/*===================================
======= Back To Top  ==============
===================================*/
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	color: #ffffff;
	background-color: #323746;
	font-size: 12px;
	padding: 1em;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.go-top:hover {
	color: #ffffff;
	background-color: #232732;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}