@import url(reset.css);
/*----- common --------------------*/
body {
	font-size: 62.5%;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 1.7;
	background-image: url(../media/rattan/hdr_bg.png);
	background-repeat: repeat-x;
	text-align: center; }

#container {
	background-image: url(../media/common/p_lwr_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	width: 100%;
	float: left; }
#header {
	position: relative;
	width: 980px;
	height: 760px; }
#header1800 {
	position: relative;
	width: 980px;
	height: 1800px; }

#header1200 {
	position: relative;
	width: 980px;
	height: 1200px; }

#header1170 {
	position: relative;
	width: 980px;
	height: 1170px; }
	
#header1130 {
	position: relative;
	width: 980px;
	height: 1130px; }

#header1050 {
	position: relative;
	width: 980px;
	height: 1050px; }
#header1000 {
	position: relative;
	width: 980px;
	height: 1000px; }
#header950 {
	position: relative;
	width: 980px;
	height: 950px; }
#header600 {
	position: relative;
	width: 980px;
	height: 600px; }
#bg {
	background-image: url(../media/rattan/hdr_imh.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
	text-align: left;
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto; }
#cont780 {
	position: absolute;
	top: 70px;
	width: 780px;
	margin-left: 100px; }
#mainblk {
	width: 540px;
	float: left;
	margin-top: 100px; }
a:link,a:visited { }

a:active,a:hover { }
/*----- header --------------------*/
#logo {
	margin-top:8px;/* 13px*/
	margin-left: 119px; }

#categories {
	position: absolute;
	top: 70px;
	left: 120px;
	width: 540px;
	height: 30px; }

#categories dt {
	text-indent: -9999px;
	float: left; }

#categories li {
	float: left; }

/*----- main --------------------*/
h1 {
	position: relative;
	width: 340px;
	height: 40px;
	border-bottom: 5px solid #936; }
h1 img {
	margin-top: 15px;
	margin-left: 30px; }
h2 {
	text-indent: -9999px;
	width: 200px;
	height: 40px;
	border-bottom: 5px solid #CCC;
	position: absolute;
	top: 100px;
	left: 340px; }

#container div.block {
	position: relative;
	width: 540px; }

.block p {
	font-size: 120%;
	line-height: 1.7;
	text-align: justify;
	width: 290px;
	margin-left: 30px; }

.block p img.rh_photo {
	position: relative;
	top: 20px;
	left: 90px;
	border-style: none;
	border-width: 0; }
.block p img.lh_photo {
	 }
.block img.rh_photo {
	position: absolute;
	top: 0;
	left: 350px;
	margin-bottom: 20px;
	border-top: 5px solid #ccc; }
.block img.lh_photo {
	 }
	 
.block #title_h3 {
	width: 350px;
	height: 75px; }

.mgt30 {
	margin-top: 30px; }

.block .mgt30pl {
	width: 480px;
	margin-top: 30px; }

.rh_p_ab{
	position: absolute;
	top: 150px;
	left: 340px; }

#607main{
	position: absolute;
	top: 0;
	left: 0; }

* html #607main{
	position: absolute;
	top: 150px;
	left: 0; }

.mgb15 {
	vertical-align: top;
	margin-bottom:15px; }
/*----- bg --------------------*/

.bg_002{
	background-image: url(../media/images/05ratt_2_06.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding-bottom: 170px; }

/*----- height --------------------*/
.hight510 {
	height: 510px; }
/*----- btn ----------------------*/

#btn {
	text-align: left;
	position: relative;
	right: 20px;
	width: 200px;
	height: 500px;
	float: right; }
#btn dt {
	text-indent: -9999px;
	width: 200px;
	height: 41px; }
#btn li {
	vertical-align: bottom;
	display: block; }

/*----- rattan --------------------*/
.rattanlife {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat; }
.rattanlife #p_01 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -41px;
	text-indent: -9999px;
	width: 200px;
	height: 40px;
	display: block; }
.rattanlife #p_01 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -41px;
	text-indent: -9999px;
	width: 200px;
	height: 40px;
	display: block; }
.rattanlife #p_01 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -41px; }
.rattanlife #p_02 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -81px;
	text-indent: -9999px;
	width: 200px;
	height: 30px;
	display: block; }
.rattanlife #p_02 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -81px;
	text-indent: -9999px;
	width: 200px;
	height: 30px;
	display: block; }
.rattanlife #p_02 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -81px; }
.rattanlife #p_03 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -111px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_03 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -111px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_03 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -111px; }
.rattanlife #p_04 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -136px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_04 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -136px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_04 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -136px; }

.rattanlife #p_05 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -161px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_05 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -161px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_05 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -161px; }
.rattanlife #p_06 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -186px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_06 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -186px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_06 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -186px; }
.rattanlife #p_07 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -211px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_07 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -211px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_07 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -211px; }
.rattanlife #p_08 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -236px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_08 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -236px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_08 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -236px; }
.rattanlife #p_09 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -261px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_09 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -261px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_09 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -261px; }
.rattanlife #p_10 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -286px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_10 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -286px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_10 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -286px; }
.rattanlife #p_11 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -311px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_11 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -311px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_11 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -311px; }
.rattanlife #p_12 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -336px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_12 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -336px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_12 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -336px; }
.rattanlife #p_13 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -361px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_13 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -361px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_13 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -361px; }
.rattanlife #p_14 {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: -400px -386px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_14 a {
	background-image: url(../media/btn/btn25.gif);
	background-repeat: no-repeat;
	background-position: 0 -386px;
	text-indent: -9999px;
	width: 200px;
	height: 25px;
	display: block; }
.rattanlife #p_14 a:hover {
	background-image: url(../media/btn/btn25.gif);
	background-position: -200px -386px; }


/*----- title btn --------------------*/
#pd_faq {
	margin-left: 260px; }
#pd_shp {
	margin-left: 10px; }
/*----- p_mainbtn --------------------*/
#p_ix01 {
	background-image: url(../media/btn/btn10.png);
	background-position: 0 -80px;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix01 a {
	background-image: url(../media/btn/btn10.png);
	background-position: 0 0;
	text-indent: -9999px;
	width: 100px;
	height: 27px;
	display: block; }
#p_ix01 a:hover {
	background-image: url(../media/btn/btn10.png);
	background-position: 0 -40px; }
#p_ix02 {
	background-image: url(../media/btn/btn10.png);
	background-position: -100px -80px;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix02 a {
	background-image: url(../media/btn/btn10.png);
	background-position: -100px 0;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix02 a:hover {
	background-image: url(../media/btn/btn10.png);
	background-position: -100px -40px; }
#p_ix03 {
	background-image: url(../media/btn/btn10.png);
	background-position: -195px -80px;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix03 a {
	background-image: url(../media/btn/btn10.png);
	background-position: -195px 0;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix03 a:hover {
	background-image: url(../media/btn/btn10.png);
	background-position: -195px -40px; }
#p_ix04 {
	background-image: url(../media/btn/btn10.png);
	background-position: -290px -80px;
	text-indent: -9999px;
	width: 94px;
	height: 27px;
	display: block; }
#p_ix04 a {
	background-image: url(../media/btn/btn10.png);
	background-position: -290px 0;
	text-indent: -9999px;
	width: 94px;
	height: 27px;
	display: block; }
#p_ix04 a:hover {
	background-image: url(../media/btn/btn10.png);
	background-position: -290px -40px; }
#p_ix05 {
	background-image: url(../media/btn/btn10.png);
	background-position: -385px -80px;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix05 a {
	background-image: url(../media/btn/btn10.png);
	background-position: -385px 0;
	text-indent: -9999px;
	width: 95px;
	height: 27px;
	display: block; }
#p_ix05 a:hover {
	background-image: url(../media/btn/btn10.png);
	background-position: -385px -40px; }
/*----- rattan index --------------------*/
#rattanidx {
	margin-left:30px;
	margin-top: 20px;}
#rattanidx dd{
	width:255px;
	height:70px;
	float:left;}
#rattanidx img{
	float:left;}
#rattanidx h4{
	width:165px;
	height:25px;
	padding-left:10px;
	border-bottom: 1px solid #936;
	float:left;}

/*----- footer --------------------*/
#footer {
	background-color: white;
	text-align: center;
	width: 100%;
	height: 50px;
	clear: both; }
#footer dl {
	text-align: left;
	position: relative;
	width: 780px;
	height: 50px;
	margin: 0 auto; }
#footer dt {
	background-image: url(../media/common/ftr_logotype.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: relative;
	top: 15px;
	left: 20px;
	width: 174px;
	height: 14px;
	display: block; }
#footer dd {
	font-size: 3px;
	background-image: url(../media/common/copyright.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 380px;
	width: 359px;
	height: 5px; }