/*
6px 	0.5em 	50% 
7px 	0.583em 	58.3% 
8px 	0.667em 	66.7% 	
9px 	0.75em 	75% 	
10px 	0.833em 	83.3% 	
11px 	0.917em 	91.7% 	
12px 	1em 		100% 	
13px 	1.083em 	108.3% 	
14px 	1.167em 	116.7% 	
15px 	1.25em 	125% 	
16px 	1.333em 	133.3% 	
17px 	1.417em 	141.7% 	
18px 	1.5em 	150% 	
19px 	1.583em 	158.3% 	
20px 	1.667em 	166.7% 	
21px 	1.75em 	175% 	
22px 	1.833em 	183.3% 	
23px 	1.917em 	191.7% 	
24px 	2em 		200% 	
*/


html, body{
	background-color: #fff;
}


/* clearfix */
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}


/* for IE6 */
* html .clearfix {
	display:inline-block;
}

/* for IE7 */
*+html .clearfix {
	display:inline-block;
}

/* clearfix2 */
.clearfix2:after {
	content:"";
	display:block;
	clear:both;
}


/* for IE6 */
* html .clearfix2 {
	display:inline-block;
}

/* for IE7 */
*+html .clearfix2 {
	display:inline-block;
}

a:link,
a:visited,
a:hover,
a:active{
	color: #000;
	text-decoration: none;
	outline: none;
}

img{
	border: none;
	outline: none;
}

.mr1{margin-right: 20px;}
.mt1{margin-top: 16px !important;}
.mt2{margin-top: 40px !important;}

.imgsLoader{
	position: absolute;
	left: 48%;
	top: 40%;
}

::selection {
	background: #000000; /* Safari */
	color: #ffffff;
}
::-moz-selection {
	background: #000000; /* Firefox */
	color: #ffffff;
}

.preload_imgs{
	display: none;
}

/* ---------------------------------------------------------------------------
 #common
--------------------------------------------------------------------------- */

#wrapper{
	text-align: center;
	overflow: hidden;
}

h1{
	margin: 36px 0 16px 0;
}

#nav_sec{
	background-color: #fff;
	border-bottom: 1px solid #dedede;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	text-align: center;
	width: 100%;
	padding: 15px 0 10px 0;
}

#nav_sec_inner{
	margin: 0 auto;
	position: relative;
	width: 940px;	
}

#nav_sec #guide{
	position: absolute;
	left: 200px;
	top: 19px;
}

#nav_sec ul{
	margin: 0 auto;
	display: inline-block;
}

#nav_sec ul li{
	float: left;
	margin: 0 74px 0 0;
}

#nav_sec ul li.last{
	margin-right: 0;
}

#nav_sec2{
	border-bottom: 1px solid #dedede;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 9999;
	text-align: center;
	width: 100%;
	padding: 250px 0 10px 0;
}

#nav_sec2_inner{
	margin: 0 auto;
	position: relative;
	width: 940px;	
}

#nav_sec2 #guide{
	position: absolute;
	left: 200px;
	top: 19px;
}

#nav_sec2 #guide2{
	position: absolute;
	left: auto;
	top: 40px;
}

#nav_sec2 ul{
	margin: 0 auto;
	display: inline-block;
}

#nav_sec2 ul li{
	float: left;
	margin: 0 74px 0 0;
}

#nav_sec2 ul li.last{
	margin-right: 0;
}

#top_sec{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

#slider .inner{
	width: 940px;
	margin: 0 auto;
}

#slide_nav{
	margin: 20px 0 0 0;
	text-align: center;
}

#slide_nav a:link,
#slide_nav a:visited{
	background: url(../img/pager_off.png) no-repeat left top;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	padding: 4px;
	margin: 0 7px 0 0;
}

#slide_nav a:hover,
#slide_nav a:active{
	background: url(../img/pager_on.png) no-repeat left top;
}

#slide_nav a.activeSlide:link,
#slide_nav a.activeSlide:visited{
	background: url(../img/pager_on.png) no-repeat left top;
}

#trunk{
	background-color: #fff;
	position: relative;
	z-index: 1000;
}

#btn_top{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 8000;
	display: none;
	cursor: pointer;
}

.section{
	border-bottom: 1px solid #dedede;
	margin: 0 0 103px 0;
}

.inner{
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

.section .inner h2{
	text-align: center;
}

.section .inner h2{
	text-align: center;
}

#concept{
	padding: 70px 0 100px 0;
}

#concept h2{
	margin: 0 0 65px 0;
}

#concept .inner h3{
	margin: 0 0 71px 0;
}

#concept .inner h3.second{
	margin: 83px 0 52px 0;
}

#concept .inner .box{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#concept .inner #logo_l{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 73px;
	margin-left: 0px;
}

#works .inner{
	background: url(../img/visual.png) no-repeat 5px 93px;
	padding: 0 0 118px 0;
}

#works h2{
	margin: 0 0 97px 0;
}

#works .inner .box{
	margin: 0 0 0 359px;
}

#works h3{
	margin: 0 0 56px 0;
}

#about{
	padding: 0 0 183px 0;
}

#about h2{
	margin: 0 0 70px 0;
}

#about .inner .box{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#about .inner #company_info{
	margin: 66px 0 0 0;
}

#about .inner #company_info .left{
	width: 372px;
	float: left;
}

#about .inner #company_info .right{
	width: 410px;
	float: left;
}

#contact{
	padding: 0 0 100px 0;
	margin-bottom: 0;
}

#contact h2{
	margin: 0 0 70px 0;
}

#contact .inner .box{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#contact #contact_info{
	height: 216px;
	position: relative;
}

#contact #contact_info #phone_num{
	margin-top: 81px;
}

#contact #contact_info #btn_email{
	position: absolute;
	left: 585px;
	top: 19px;
}

#footer{
	padding: 8px 0 0 0;
	overflow: hidden;
}

#copyright{
	text-align: center;
	border-top: 1px solid #eee;
	margin: 6px 0 120px 0;
	padding: 20px 0 0 0;
}