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

@import "./css/reset.css";
@import "./css/fonts.css";

html {
	color: #333;
	background-color: #F0F0F0;
}

a {
	text-decoration: none;
	color: #69F;
}

#wrapper {
	width: 1030px;
	margin: 0px auto;
	background-image: url(images/i-body-back.jpg);
	background-repeat: repeat-y;
}

#slider-box {
	position:relative;
	border-bottom: solid 1px #CCC;
	margin: 0px 3px 5px 3px;
}

.menub {
	z-index: 999;
	position: absolute;
	left: 52px;
	top: 427px;
	width:926px;
	height:51px;
	display:block;
	
}

.menub ul li {
	float: left;	
}


/** Header **/
#header {
	margin: 0px 3px;
	border-top: solid 5px #F00;
}
#site-title {
	float: left;
	width: 290px;
	margin: 20px 0px 0px 45px;
}
#info-phone {
	float: left;
	width: 200px;
	margin: 20px 0px 0px 350px;
}
#request-btn {
	float: right;
	width: 82px;
	margin: 20px 49px 0px 0px;
}


/** TopNavi **/
#top-navi {
	margin: 0px 53px 3px 0px;
	text-align: right;
}
#top-navi ul {
	float: right;
}
#top-navi li {
	float: left;
	font-size: 93%;
}
#top-navi span{
	font-size: 116%;
	margin: 0px 5px 0px 20px;
	color: #FF1010;
}


.box {
	margin: 0px 43px 0px 53px;
}

#index-main {
	float: left;
	width: 633px;
}

#model {
	margin: 0px 0px 10px 0px;
}

#model img {
	margin: 0px;
	padding: 0px;
}

#event {
	height: 30px;
	background-image: url(images/index-event.jpg);
	background-repeat: no-repeat;
}

#event h2 {
	float: left;
	margin: 8px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	border-left: solid 15px #666;
}

#event p {
	float: right;
	margin: 8px 30px 0px 0px;
	padding: 0px 0px 0px 5px;
}

#event p span{
	font-weight: bold;
	font-size: 123.1%;
	margin: 0px 8px 0px 0px;
	color: #FF1010;
}

#event-list {
	margin: 0px 13px 0px 0px;
	padding: 5px 10px 10px 10px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

#event-list dt {

clear:both;
float:left;
margin:5px 0 0 0;
width: 70px;
}

#event-list dd {


float:left;
margin:5px 0 0 0;
}
#event-list dd span{
	float:left;
	clear:both;
	font-weight: bold;
	font-size: 123.1%;
	margin: 0px 8px 0px 0px;
	color: #09F;
}

#banner {
	margin: 30px 0px 20px 0px;
}

#banner li {
	float: left;
	width: 211px;
}

#banner li span{
	font-size: 116%;
	margin: 0px 5px 0px 5px;
	color: #FF1010;
}


#index-sub {
	float: right;
	width: 283px;
	background-color: #FCF;
}


/** Contents *
h1 {
	margin: 5px 0px -10px 17px;
}

.box {
	margin: 0px 19px 0px 17px;
}

.box-no-h2 {
	margin: 30px 19px 30px 17px;
}

.box-width {
	margin: 30px 3px 50px 3px;
}

.size1-left, .size1-right {
	width: 448px;
}

.size2-left {
	width: 250px;
}

.size3-left {
	width: 210px;
}

.size1-left, .box-left {
	float: left;
}

.size1-right, .box-right {
	float: right;
}

h2 {
	margin: 30px 0px 20px 0px;
}

.box p {
	font-size: 123.1%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 8px;
}

.p-tech24 {
	border-left: solid 10px #417494;
}

.p-techbase {
	border-left: solid 10px #1A2F38; 
}

.p-techhybrid {
	border-left: solid 10px #701900; 
}

.img-right {
	float: right;
	display: inline;
	margin: 0px 0px 0px 20px;
}

.bunner li {
	margin: 0px 0px 10px 0px;
}*/


/** Footer **/
#footer {
	margin: 30px 3px 0px 3px;
	padding: 0px 0px 50px 0px;
	border-top: solid 5px #5A5A5A;
	color: #666;
	background-color: #D8D8D8;
}
#footer-navi {
	float: left;
	font-size: 85%;
	margin: 15px 0px 0px 52px;
}
#footer-navi1 {
}
#footer-navi2 {
	margin: 5px 0px 0px 0px;
}
#footer-navi a {
	color: #000;
}
#copy {
	float: right;
	font-size: 85%;
	margin: 15px 52px 0px 0px;
}


/** Clearfix **/
.clearfix {
	/*for IE 5.5-7*/
    zoom: 1;
}
.clearfix:after {
	/*for modern browser*/
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}