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

/*-----middlebox-----*/


/* wrapper_box */
.wrapper_box {
	padding-bottom: 100px;
}

/* container */
.container {
	background-color: #FFF;
	position: relative;
	min-height: 1600px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-shadow: 2px 2px 4px #efefef;
}

/* main */
#company_main {
	width: 700px;
	float: right;
	margin-left: 20px;
}


/*  warpper*/
#company_wrap {
	width: 95%;
	margin: 0 auto;
}

#wthbnt { padding: 1px 0;
	border-bottom: 1px solid #2CAAE9;
	border-top: 1px solid #2CAAE9;}

	/* main box*/


	#mainpicbox{
		border: 1px solid #D8D8D8;
		margin: 4px auto;
		padding: 16px 0;
		width: 96.4%;
	}

	#mainpicbox p{
		color: #4AA1BD;
		text-align: left;
		border-left: 10px solid #1793F5;;
		border-bottom: 1px solid #1793F5;;
		margin: 0 83px 2px 82px;
		padding:0 0 3px 8px;
	}
	#mainpicbox span{
		font-size: 10px;
		color: #666;
	}

	#threebox{
		width: 100%;
		margin: 12px auto;
		margin-bottom: -10px;
		padding: 4px 0px 4px 0px;
	}
	.innerbox{
		float: left;
		width: 201.6px;
		margin: 0 10px;
}
.innerbox img{
	max-width: 198px;
	border: 1px solid #666;
}

.innerbox h3{
	color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2.1px;
	letter-spacing: -0.9;
	margin-bottom: 8px;
	padding: 8px 2px 8px 28px;
	background-image: url(../img/bakh3.jpg);
	text-align: left;
}

.innerbox span{

}


/* sidebar */

#sidebar {
	width: 260px;
	float: right;
	background-color: #ddd;
	letter-spacing: 0.03em;
	position: absolute;
	top: 0px;
	bottom: 0;
	padding-top: 6px;
	background-image: url(../image/bk_side.png);
}

#sidebar h3{
	background-image: url(../img/sideh3.jpg);
	border: 1px solid #ccc;
	color: #fff;
	clear: left;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2.1px;
	letter-spacing: -0.9;
	margin-bottom: 8px;
	padding: 8px 2px 8px 19px;
}

#sidebar p{
	float: left;
	font-size: 12px;
	width: 110px;
	margin-bottom: 4px;
	padding-left: 18px;

}
#sidebar p:hover{
	background-image: url(../image/icon.png);
	background-repeat: no-repeat;
}

#sidebar a:link{
	color: #000;
	text-decoration: none;
}
#sidebar a:hover{
	color: red;
	text-decoration: none;
	font-weight: bold;
}

#inside{
	margin: 0 auto;
	width: 250px;
	background-color: #F0EEEE;
}


#typhoon h3{
	background-image: url(../img/sideh3ty.jpg);

}
#banner {margin-top: 6px;}
#banner div{
width: 247px;
margin: 0 auto;
margin-bottom: 8px;
}

#companyTitle {
	background-color: #039;
	color: #FFF;
	padding: 0.2em 0.5em;
	font-size: 18px;
	font-weight: bold;
}
#companyList{height: 100%;}
#companyList li {
/*	margin: 4px 5px 4px 7px;
	border-bottom: 1px dashed #69c;
	border-left: 3px solid #69c;*/
	list-style: none;
	padding: 0;
	font-size: 13px;
	display: block;
}
#companyList li a {
  display: block;
  height: 46px;
  padding: 2px 10px 0 20px;
  letter-spacing: 1.7px;
}
#companyList li a:link,
#companyList li a:visited {
	color: #488DC8;
	background-image: url(../image/bk-li.png);
	background-repeat: no-repeat;
}
#companyList li a:hover,
#companyList li a.active {
	/*font-weight: bold;*/
	color: #EC5B27;
	background-image: url(../image/bk-li-hvr.png);
	background-repeat: no-repeat;
}



#download { width: 50%;}

/* jisya program */
@media screen and (max-width: 992px) {

}