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

body {
	background: url("../img/home/back_body.jpg") repeat-x center top;
}

/*container*/
#container {
	background: url("../img/home/back_container.jpg") no-repeat center top;
}

/*header*/
#header {
	height: 550px;
	position:relative;
}
#header .logo {
	position:absolute;
	top:6px;
	left:5px;
	width: 147px;
	height: 63px;
}
#header .logo a {
	display: block;
	width: 147px;
	height: 63px;
}

/*mainmenu*/
#mainmenu {
  position:absolute;
  top:70px;
  left:0px;
  width:910px;
  list-style: none outside;
  display: block;
  margin: 0px;
  padding: 0px;
}

#mainmenu li{
	margin:0px;
	float:left;
}

#mainmenu li a{
	display:block;
	height:70px;
	margin:0px;
	background: url("../img/common/mainmenu.gif") no-repeat 0 0;
}

#mainmenu li.menu1 a { width:104px;background-position: -0px -0px;}
#mainmenu li.menu2 a { width:82px;background-position: -104px -0px;}
#mainmenu li.menu3 a { width:80px;background-position: -186px -0px;}
#mainmenu li.menu4 a { width:139px;background-position: -266px -0px;}
#mainmenu li.menu5 a { width:140px;background-position: -405px -0px;}
#mainmenu li.menu6 a { width:138px;background-position: -545px -0px;}
#mainmenu li.menu7 a { width:114px;background-position: -683px -0px;}
#mainmenu li.menu8 a { width:113px;background-position: -797px -0px;}

#mainmenu li.menu1 a:hover { background-position: -0px -70px;}
#mainmenu li.menu2 a:hover { background-position: -104px -70px;}
#mainmenu li.menu3 a:hover { background-position: -186px -70px;}
#mainmenu li.menu4 a:hover { background-position: -266px -70px;}
#mainmenu li.menu5 a:hover { background-position: -405px -70px;}
#mainmenu li.menu6 a:hover { background-position: -545px -70px;}
#mainmenu li.menu7 a:hover { background-position: -683px -70px;}
#mainmenu li.menu8 a:hover { background-position: -797px -70px;}

#mainmenu li.menu1_on a { width:104px;background-position: -0px -140px;}
#mainmenu li.menu2_on a { width:82px;background-position: -104px -140px;}
#mainmenu li.menu3_on a { width:80px;background-position: -186px -140px;}
#mainmenu li.menu4_on a { width:139px;background-position: -266px -140px;}
#mainmenu li.menu5_on a { width:140px;background-position: -405px -140px;}
#mainmenu li.menu6_on a { width:138px;background-position: -545px -140px;}
#mainmenu li.menu7_on a { width:114px;background-position: -683px -140px;}
#mainmenu li.menu8_on a { width:113px;background-position: -797px -140px;}

#flashcontent {
	position:absolute;
	top:140px;
	left:5px;
	height: 410px;
	width: 900px;
	z-index:1;
}
#btn_order {
	position:absolute;
	top:346px;
	left:54px;
	height: 147px;
	width: 147px;
	z-index:2;
}
#btn_order a {
	display: block;
	height: 147px;
	width: 147px;
	z-index:3;
	text-decoration: none;
}

/*main*/
#main {
	text-align: left;
	width: 900px;
	margin-left: 5px;
}

/*news*/
#news {
	width: 260px;
	float: left;
}

#news dl {
	margin: 0px;
	padding: 0px;
}
#news dt {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	color: #CC3300;
}
#news dd {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/*banner*/
#banner {
	width: 630px;
	float: right;
}



/*point*/
#point {
	clear: both;
	padding-top: 10px;
	width: 900px;
}

#point .list {
	width: 222px;
	height: 230px;
	margin: 5px 0px;
	float: left;
}
#point .line {
	border-right: 3px solid #F0C1B2;
}
#point .box {
	padding: 0px 8px;
}