@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
}
html { 
    padding:0; margin:0;
	
}

/* main */
#main {
	width:100%;
	padding:0;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#outerWrapper {
	background-color: #e1e1e3;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/********** header **********/
#header {
	background-position: left;
	background-image: url(../img/header_bg_01.gif);
	background-repeat: repeat;
	height: 76px;
	width: 980px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.block_header {margin:0 auto; width:980px;}
/* logo */
.logo {
	float: left;
	height: 43px;
	width: 340px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../img/yawaylogo_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.logo_type {
	float: left;
	height: 29px;
	width: 340px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
	vertical-align: middle;
	text-align: center;
	background-color: #ed1c24;
	visibility: hidden;
}
.logo_type h2 {
	font-family: "Myriad Pro", Arial, "Helvetica Bk LV";
	font-size: 18px;
	
}

/* menu */	
.menu {
	padding:0;
	width:390px;
	float:right;
	height:43px;
	background-position: top;
}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li {
	float:left;
	margin:2px 0 0 0;
	padding:0;
	border:0;
	color: #e1e1e3;
}
.menu ul li a {
	float:left;
	color:#e1e1e3;
	text-decoration:none;
	font-family: "Myriad Pro", Arial, "Helvetica Bk LV";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 3px;
	padding-left: 14px;
	height: 21px;
}
.menu ul li a:hover {
	color:#fff;
	text-decoration:none;
	background: #8dc63f;
}
.menu ul li a.active {
	background:#8dc63f;
	color:#fff;
}
/********** contents **********/
#content {
	width: 1000px;
	position: relative;
	margin-top: 200px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	
	height: 800px;
}
.content1 {
	width: 1000px;
	height: 430px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/image_001.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.content1_left {
	width: 442px;
	height: 357px;
	float:left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 70px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 53px;
	background-image: url(../img/logo_ooo2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.content1_left h2 {

}
.content1_left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color:#F30
}
.content1_left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#979595;
	line-height: 20px;
}
.content1_right {
	width: 470px;
	height: 430px;
	float:right;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.content2 {
	width: 980px;
	height: 500px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.content2_left {
	width: 439px;
	height: 357px;
	float:left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 46px;
	background-color: #CCC;
}
.content2_left p {
	visibility: hidden;
}
.content2_right {
	width: 439px;
	height: 357px;
	float:right;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 46px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #999;
}
.gallery {
	width:400px;
	height:292px;
	float:right;
	position:absolute;
	top:100px;
	left:20px;
	margin:0 0 0 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style:none;
	background-image:url(../img/gallerywindow_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#slider {
	width:358px;
	height:249px;
	margin-top:6px;
	margin-left:21px;
	list-style:none; 
}
#slider ul,
#slider li { 
	padding:0;
    width:358px;
	height:249px;
	list-style:none; 
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
.slider li { 
    width:358px; 
	height:249px; 
	overflow:hidden; 
}
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:17px; height:24px; position:absolute; left:0px !important; left:-557px; top:-120px; }
#nextBtn { left:384px !important; left:368px; }
#prevBtn a { display:block; width:17px; height:24px; background-image:url(../img/gallerywindow_01_001.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:17px; height:24px; background-image:url(../img/gallerywindow_01_001.gif) no-repeat 0 0; }

/********** footer **********/
.footer { 
    width:980px; color:#9c9c9c; font:normal 11px Tahoma, Geneva, sans-serif; text-align:left; margin:0 auto; padding:20px 0; background:#343435; }
.footer p { 
    padding:0; margin:0; float:right; width:50%; text-align:right;}
.footer ul { 
    padding:0; margin:0; float:left; list-style:none; width:50%;}
.footer ul li { 
    padding:0; margin:0 5px; float:left;}
.footer a { 
    color:#9c9c9c; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px;}
.text_left { 
    text-align:left; }