/* CSS Document */
body {
	margin:0;
	padding:0;
	background-position:left top;
	background-repeat:repeat;
	background-color:#ADA96E;
	background-image:url(images/bg.gif);
	font-family:Verdana, Tahoma, Helvetica, "Hiragino Kaku Gothic Pro W6", Osaka, "MS Gothic", sans-serif;
	font-size: 12px;
	text-align:center;
	color:#827839;
}
table {
	font-size: 12px;
	font-family:Verdana, Tahoma, Helvetica, "Hiragino Kaku Gothic Pro W6", Osaka, "MS Gothic", sans-serif;
	color:#827839;
}
a { color: #433a03; text-decoration:none; }
a:hover { color: #cd9307; text-decoration:underline; }
a img { border:none;  }

/* form */
form {
	margin:0;
	font-size:12px;
	font-family:Verdana, Tahoma, Helvetica, "Hiragino Kaku Gothic Pro W6", Osaka, "MS Gothic", sans-serif;
	color:#827839;
}
input, textarea, select {
	font-size:12px;
	border:1px solid #999999;
	font-family:Verdana, Tahoma, Helvetica, "Hiragino Kaku Gothic Pro W6", Osaka, "MS Gothic", sans-serif;
}
.text { vertical-align:middle; }
.submit-bt {
	margin:0;
	padding:2px 5px;
	font-size:10px;
	background:#FFFFFF url(http://www.okiron.com/webrental/images/submit_bg.gif) center left repeat-x;
	border:1px solid #999999;
	color:#000000;
	width:auto;
	overflow:visible;
	vertical-align:middle;
}
.submit-bt:focus {
	background:#FFFFFF url(http://www.okiron.com/webrental/images/submit_bg_ov.gif) center left repeat-x;
	border:1px solid #666666;
	color:#000000;
}
.demo { color:#CCCCCC; border:1px solid #CCCCCC; }
fieldset {
	margin-bottom:15px;
	padding:10px;
	border:1px solid #433a03;
}
legend { font-size:14px; font-weight:bold; color:#433a03; }
.error {
	font-weight:bold;
}
.point {
	font-size:10px;
}
.error, .point { color:#cd9307; }
.message { font-weight:bold; }
.vhd {
	visibility:hidden;
}
.formerror  { border:1px solid #cd9307; }
.vercode { vertical-align:middle; }

/* design */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.text-top { vertical-align:text-top; }
.hd { display:none; }
.small { font-size:10px; }
.big { font-size:14px; }
.img-right { float:right; margin:0 0 10px 10px; }
.img-left { float:left; margin:0 10px 10px 0; }

/* table */
.datatable {
	margin:0 auto;
}
.datatable tr.enable0 td {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.datatable th { background-color:#433a03;  color:#FFFFFF; }
.datatable td { border:1px solid #433a03; }
.datatable table td { border:none; }

/* contents */
.layout {
	margin:0 auto;
	width:896px;
	text-align:left;
	border-left:2px solid #ada96e;
	border-right:2px solid #ada96e;
	background-color:#FFFFFF;
}
.content{
	padding:35px 23px;
}
h2 { margin:0 0 1em 0; font-size:16px; }
.title {
	margin:0 0 15px 0;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	background-color:#433a03;
	border:1px dotted #ada96e;
	color:#FFFFFF;
}

/* header */
h1 {
	margin:0;
	font-size:24px;
}
h1 a { text-decoration:none; }
.header { background-color:#FFFFFF; border-bottom:2px solid #ada96e; }
.header-l {
	float:left;
	width:60%;
}
.header-l span { margin-left:10px; }
.header-l img { vertical-align:middle; }
.header-r {
	float:right;
	width:40%;
}
.flag { margin:7px 20px 0 0; }
.flag a {
	display:block;
	float:right;
	margin:0 0 0 15px;
	width:16px;
	height:11px;
	background-position:left top;
	background-repeat:no-repeat;
}
.flag a:hover { background-color:#FFFFFF; }
.flag a:hover img, .flag-now { visibility:hidden; }

.header-img {
	margin:0;
	border-bottom:2px solid #ada96e;
}

/* menu */
.menu { width:150px; background-color:#FFFFFF; }
.menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu li {
	position:relative;
	margin:0;
	border-bottom:1px dotted #ada96e;
}
.menu a {
	display:block;
	padding:8px;
	font-weight:bold;
	width:134px;
}
.menu a:hover, .menu a.now { color: #cd9307; text-decoration:none; }

.menu li ul {
	z-index:100;
	margin:0;
	padding:0;
	width:150px;
	list-style-type:none;
	filter: alpha(opacity=90);
	opacity: 0.9;
	background-color:#FFFFFF;
}
.menu li ul li { z-index:100; border-bottom:none; border-top:1px dotted #ada96e; }
.menu li ul li a {
	z-index:100;
	display:block;
	margin:0;
	padding:5px 8px 5px 15px;
	width:127px;
	font-size:12px;
}

/* contact */
.contact-l {
	float:left;
	width:380px;
}
.contact-r {
	float:right;
	width:300px;
	padding:7px 0;
}
.contact-address { margin:0 0 20px 0; }
.contact-address iframe { margin:5px 0 0 0; }

/* footer */
address {
	margin:0;
	padding:5px 0 10px 0;
	font-size:10px;
	text-align:center;
	font-style:normal;
	border-top:2px solid #ada96e;
	border-bottom:2px solid #ada96e;
}

/* shadetabs */
.shadetabs{
	margin:0 0 15px 0;
	padding:0 0 0 5px;
	height:23px;
	border-bottom:1px solid #433a03;
}
.shadetabs li{
	float:left;
	margin:0 8px 0 0;
	width:160px;
	line-height:23px;
	list-style-type:none;
}
.shadetabs li a {
	position:relative;
	display:block;
	width:100%;
	height:23px;
	line-height:23px;
	text-decoration:none;
	text-align:center;
	color:#433a03;
	border-top:1px solid #433a03;
	border-right:1px solid #433a03;
	border-left:1px solid #433a03;
	background-color:#FFFFFF;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
html>body .shadetabs li a { top:-1px; }	/*for Netscape, Firefox*/
.shadetabs li a:hover, .shadetabs li.selected a{
	top:1px;
	color:#cd9307;
	font-weight:bold;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
html>body .shadetabs li a:hover, html>body .shadetabs li.selected a { top:0; }	/*for Netscape, Firefox*/

