/*----------------------------
 common setting
----------------------------*/
BODY{
	width:678px;
	padding:20px 0 0 0;
	margin:0 auto;
	background:#fafafa;
	font-size:small;
	font-family: verdana;
	color : #808080;
	line-height : 110%;
	text-align: justify;
	text-justify: inter-word;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #808080;
}

A{text-decoration:none;}
A:link {color:#808080;}
A:visited {color:#808080;}
A:hover{color :#ff2899; text-decoration:none;}

H1{
	font-size:small;
	margin:0 0 2px 4px;
}

H4{
	font-size:small;
	margin:2px 4px 0 0;
	text-align:right;
}

INPUT, TEXTAREA{
	background:transparent;
	border:1px solid #999999;
}

/*----------------------------
 basic layout
----------------------------*/
DIV.container{
	width:678px;
	height:448px;
	background:url('img/base.jpg') no-repeat center center;
}

DIV.g_container{
	width:678px;
	height:448px;
	background:url('img/g_base.jpg') no-repeat center center;
}

DIV.p_container{
	width:678px;
	height:448px;
	background:url('img/p_base.jpg') no-repeat center center;
}

DIV.e_container{
	width:678px;
	height:448px;
	background:url('img/e_base.jpg') no-repeat center center;
}

DIV.top{
	width:640px;
	height:412px;
	background:url('img/enter.jpg') no-repeat center center;
	padding:18px 19px;
}

DIV.top UL{
	display:block;
	height:152px;
	width:160px;
	margin:260px 10px 0 15px;
	list-style:none;
	line-height:200%;
	font-weight:bold;
	letter-spacing:1px;
	color:#ff2899;
}

SPAN.pink{
	color:#ff2899;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

DIV.travel P, DIV.note P, DIV.info P, DIV.gallery P, DIV.essay P{
	margin:0 0 10px 0;
}

/*----------------------------
 trave.php
----------------------------*/
DIV.travel{
	width:650px;
	height:412px;
	padding:18px 9px 18px 19px;
	font-size:0.9em;
}

DIV.clmnL{
	float:left;
	width:210px;
	height:406px;
	background:url('img/malay.jpg') no-repeat fixed left center;
	padding:6px 0 0 6px;
	overflow-y:scroll;
}

DIV.clmnC{
	float:left;
	width:210px;
	height:406px;
	background:url('img/thai.jpg') no-repeat fixed left center;
	padding:6px 0 0 6px;
	overflow-y:scroll;
}

DIV.clmnR{
	float:left;
	width:210px;
	height:406px;
	background:url('img/indo.jpg') no-repeat fixed left center;
	padding:6px 0 0 6px;
	overflow-y:scroll;
}

/*----------------------------
 xx.php
----------------------------*/
DIV.note{
	width:650px;
	height:412px;
	padding:18px 9px 18px 19px;
	font-size:0.9em;
}

DIV.noteL{
	float:left;
	width:204px;
	height:406px;
	padding:6px 6px 0 0;
	text-align:right;
}

DIV.noteN{
	float:left;
	width:30px;
	height:300px;
	background:url('img/note.jpg') no-repeat fixed top left;
	padding:6px 0 0 0;
	margin:100px 0 0 0;
}

DIV.noteR{
	float:left;
	width:380px;
	height:400px;
	padding:6px 15px;
	line-height:130%;
	font-weight:bold;
	overflow-y:scroll;
}

DIV.noteR P{
	text-indent:1em;
}

.l01{ background:url('img/01l.jpg') no-repeat fixed center top; }
.l02{ background:url('img/02l.jpg') no-repeat fixed left top; }
.l03{ background:url('img/03l.jpg') no-repeat fixed left top; }
.l04{ background:url('img/04l.jpg') no-repeat fixed left top; }
.l05{ background:url('img/05l.jpg') no-repeat fixed left top; }
.l06{ background:url('img/06l.jpg') no-repeat fixed left top; }

.r01{ background:url('img/01r.jpg') no-repeat fixed left top; }
.r02{ background:url('img/02r.jpg') no-repeat fixed left top; }
.r03{ background:url('img/03r.jpg') no-repeat fixed left top; }
.r04{ background:url('img/04r.jpg') no-repeat fixed left top; }
.r05{ background:url('img/05r.jpg') no-repeat fixed left top; }
.r06{ background:url('img/06r.jpg') no-repeat fixed left top; }

/*----------------------------
 info.php
----------------------------*/
DIV.info{
	width:650px;
	height:412px;
	padding:18px 9px 18px 19px;
	font-size:0.9em;
}

DIV.infoL{
	float:left;
	width:204px;
	height:406px;
	padding:6px 6px 0 6px;
	background:url('img/il.jpg') no-repeat fixed center top;
	overflow-y:scroll;
}

DIV.infoN{
	float:left;
	width:48px;
	height:406px;
	padding:6px 0 0 10px;
}

DIV.infoR{
	float:right;
	width:398px;
	height:400px;
	overflow-y:scroll;
	margin:0;
	padding:6px 10px;
	background:url('img/ir.jpg') no-repeat fixed center top;
	line-height:130%;
	font-weight:bold;
	overflow-y:scroll;
}

/*----------------------------
 gallery.php
----------------------------*/
DIV.gallery{
	width:650px;
	height:412px;
	padding:18px 9px 18px 19px;
}

DIV.gallery A:link{color: #d0d0d0;}
DIV.gallery A:visited{color: #d0d0d0;}
DIV.gallery A:HOVER{color : #ff2899;text-decoration : none;}

DIV.g_menu{
	float:left;
	width:120px;
	height:62px;
	text-align:left;
	margin:350px 0 0 0;
}

DIV.g_main{
	float:right;
	width:530px;
	height:412px;
}

DIV.g_malay{
	height:88px;
	width:222px;
	background: url(img/g_malay.jpg) no-repeat right center;
	margin:0 0 14px 0;
	padding:40px 0 0 220px;
}

DIV.g_thai{
	height:88px;
	width:222px;
	background: url(img/g_thai.jpg) no-repeat right center;
	margin:0 0 14px 0;
	padding:40px 0 0 220px;
}

DIV.g_indo{
	height:88px;
	width:222px;
	background: url(img/g_indo.jpg) no-repeat right center;
	padding:40px 0 0 220px;
}

/*----------------------------
 essay.php
----------------------------*/
DIV.essay{
	width:650px;
	height:412px;
	padding:18px 9px 18px 19px;
	font-size:0.9em;
}

DIV.essayL{
	float:left;
	width:260px;
	height:312px;
	border:1px solid #ccc;
	margin:12px 7px;
	padding:70px 0 0 10px;
	font-size:0.9em;
}

DIV.essayL H2{
	font-size:1.1em;
	font-weight:normal;
	margin:10px 0;
}

DIV.essayC{
	float:left;
	width:38px;
	height:412px;
	filter:alpha(opacity=40);
	margin:0 8px;
}

DIV.essayR{
	float:left;
	width:260px;
	height:212px;
	border:1px solid #ccc;
	margin:12px 7px;
	text-align:right;
	padding:170px 10px 0 0;
}

DIV.tkL{
	float:left;
	width:90px;
	height:272px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:140px 10px 0 0;
	font-size:0.9em;
}

DIV.tkL H2{
	font-size:1.0em;
	font-weight:normal;
	margin:10px 0;
}


DIV.tkC{
	float:left;
	width:400px;
	height:400px;
	margin:6px 20px;
}

DIV.tkC IMG{
	margin:0 auto;
	vertical-align:center;
}

DIV.tkR{
	float:left;
	width:100px;
	height:232px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:right;
	padding:180px 0 0 0;
	font-size:0.9em;
}


/*

BODY,TD{
  font-family: verdana;
  color : #808080;
  line-height : 110%;
  text-align: justify; text-justify: inter-word;
  scrollbar-track-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #808080;
}
IFRAME{
}
TABLE{
  background-repeat : no-repeat;
  background-position : center top;
  border-style : solid;
  border-width : 0px;
  vertical-align: top;
}
TD{
  background-repeat : no-repeat;
  background-position : center top;
  vertical-align: top;
}
BODY{
  margin: 0px;
}
.button {
width : 100px;
color : #000000;
border: 0 none;
background-color : #ffffff;
filter: Alpha(opacity=30);
}
.textarea {
margin-top: 20px;
border : 0 none;
  scrollbar-track-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #808080;
filter: Alpha(opacity=30);
}
.input {
margin-top: 10px;
border : 0 none;
border-right: 0 none;
border-bottom: 0 none;
border-left: 0 none;
filter: Alpha(opacity=30);
}