@charset "utf-8";



* {

	margin:0;

	padding:0;

}



body {

	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;

	font-size: small;

	color:#616161;

	line-height: 2;

}



img {

	border:none;

}

h1 {

	margin: 0px;

}

h2 {

	font-size:120%;

	text-align:left;

	margin-bottom: 20px;

}

h3 {

	font-size:115%;

	margin-bottom: 10px;

}

h4 {

	font-size:110%;

}



dt {

	font-weight:bold;

}



.text9{

	font-size:0.8em; 

	line-height:1.3;

}

.text9ml10{

	font-size:0.8em; 

	line-height:1.8;

}



.att{

	font-size:0.8em; 

	line-height:1.5;

	margin-top:20px;

	padding-top:5px;

	border-top: dotted #999999 1px;

}

.att2{

	font-size:0.8em; 

	line-height:1.5;

	margin-top:20px;

	padding-top:5px;

}



.caption{

	color:#FF0000;

	font-size:x-small;

	list-style-type: none;

}

p.right {

	text-align:right;

}



/* Login Page Style */



#login #container, #form #container {

	width:800px;

	margin-right: auto;

	margin-left: auto;

	border: 1px solid #999999;

}

#login #header, #form #header {

	width:800px;

	height:120px;

	margin-top:0px;

	margin-right: auto;

	margin-left: auto;

}

#welcome {

	width:628px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	margin-top:20px;

	margin-bottom:10px;

}

.button-cell {

	height: 60px;

	vertical-align: middle;

}

#customer {

	width:628px;

	height:199px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/center-box.gif);

	background-repeat: no-repeat;

	background-position: center top;

	color: #000099;

	font-size: x-small;

	padding-top: 25px;

	padding-left: 10px;

}

#customer table {

	width:500px;

	margin-top:10px;

	margin-right: auto;

	margin-left: auto;

}

#customer .leftcell {

	width:215px;

	text-align:right;

	padding-right:5px;

}

#customer .rightcell {

	width:275px;

	text-align:left;

	padding-left:5px;

}

.login-cell {

	height: 40px;

	vertical-align: middle;

}

#login #footer, #form #footer {

	width:800px;

	font-size:xx-small;

	height:26px;

	padding-top:25px;

	background-image: url(../images/footer-login.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	text-align: center;

}

#form h1 {

	margin-left:40px;

	font-size:medium;

}

	

#form .read {

	margin-left:40px;

	margin-right: 40px;

}



#form #tbform {

	margin-left:40px;

	width:720px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

}

#form td.title {

	background-color:#F2F2EC;

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

	padding: 5px;

	width: 140px;

}

#form td.data {

	background-color:#ffffff;

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

	padding: 5px;

	width: 560px;

}

#form #container #submit {

	text-align: center;

	margin-top: 20px;

	margin-bottom: 20px;

}

#form #container #veri {

	width: 720px;

	margin-right: 40px;

	margin-left: 40px;

}

#form #container #veri #sign {

	width: 150px;

}



/* Under Construction */



#UC #header {

	margin-top:20px;

	height: 30px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 20px;

	background-image: url(../images/header.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-align:right;

	padding-top:10px;

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

}



#UC #topvis {

	height: 201px;

	width: 752px;

	margin-top: 100px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

}

#UC #center-box {

	width: 500px;

	margin-right: auto;

	margin-left: auto;

	text-align:center;

	margin-top: 30px;

	margin-bottom: 20px;

}

#UC #footer {

	background-image: url(../images/footer.gif);

	background-repeat: no-repeat;

	background-position: center top;

	font-size:xx-small;

	height: 80px;

	width: 900px;

	padding-top:10px;

	margin-right: auto;

	margin-left: auto;

	text-align: right;

}

#UC #footer table {

	margin-top:0px;

	text-align:left;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #666666;

}

#UC #footer .rightcell {

	width: 200px;

	text-align:left;

	vertical-align: top;

}



/* Global Style */



#header {

	margin-top:20px;

	height: 70px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 20px;

}



#contentwrapper {

	width: 900px;

	padding-right: 50px;

	padding-left: 50px;

	margin-right: auto;

	margin-left: auto;

	clear: both;

}

#contentwrapper #mainbox {

	float: left;

	width: 630px;

}

#contentwrapper #sidebox {

	float: right;

	width: 242px;

}

#sidebox #infoframe {

	width: 242px;

	border: 1px solid #999;

	margin-bottom: 15px;

}



.imgbox {

	margin-top: 5px;

	margin-bottom: 10px;

}



.red  {

	color: red;

	font-weight:bold;

	

}

#contbox  {

	width:800px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding-right: 50px;

	padding-left: 50px;

}

.mylistboxs {

	margin-left: 20px;

	list-style-position:outside;

}

#contbox h2 {

	height: 70px;

	width:800px;

	border-bottom: solid #999999 1px;

}

#contbox h2.sub {

	height: 29px;

	width:800px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

}

#contbox h3 {

	background: transparent url(../images/komidasi.gif) no-repeat   ;

	margin-top: 20px;

	margin-bottom: 10px;

	padding-left: 15px;

	line-height: 8px;

}

#contbox p.read {

	font-weight:bold ;

}

#contbox td {

	width:240px;

}

table#voice {

	width: 700px;

	

}

table#voice td.cell-1 {

	font-weight:bold;

	vertical-align: top;

	text-align: right;

	width: 120px;

	padding:10px;

	background-color: #FBFFB5;

}

table#voice td.cell-2 {

	vertical-align: top;

	width: 540px;

	padding:10px;

}

table#voice td.cell-3 {

	font-weight:bold;

	vertical-align: top;

	text-align: right;

	width: 120px;

	padding:10px;

	background-color: #D1FFE3;

}

.box {

	padding: 10px;

	width: 840px;

	margin-top:10px;

	border: 1px solid #999999;

}

#LOUNGE td.cell-1 {

	width: 138px;

}

#LOUNGE td.cell-4 {

	vertical-align: top;

	width: 532px;

	padding:10px;

	background-color: #E6FFFF;

}

#PROF h4 {

	color:#0033FF;

	font-size: 1.1em;

}

#PROF table#maintable {

	width:798px;

	border-bottom:#999999 solid 1px;

}

#PROF td.cell-1 {

	border-top:#999999 solid 1px;

	font-weight:bold;

	vertical-align: top;

	text-align: right;

	width: 178px;

	padding:10px;

	background-color: #cccccc;

}

#PROF td.cell-2 {

	border-top:#999999 solid 1px;

	border-right:#999999 solid 1px;

	vertical-align: top;

	width: 578px;

	padding:10px;

}

#PROF .secondtable	{

	width:600px;

}

#PROF td.cell-3 {

	vertical-align: top;

	width: 120px;

}

#PROF td.cell-4 {

	vertical-align: top;

	width: 460px;

}

#PROF li {

	 list-style:none;

}

#INFO #listbox li{

	margin-left:10px;

	font-weight:normal;

}

#MANNER ol {

	margin-left:30px;

	font-weight:normal;

}

#SERVICE #contbox h2#living {

	height: 50px;

	width:700spx;

}

#acrobat {

	 float : left; 

	margin-right : 5px;

}

#CONTACT a {

	text-decoration: none;	

}



#CONTACT td.cell-1 {

	font-weight:bold;

	text-align: left;

	width: 270px;

	height:42px;

	background-color: #cccccc;

	padding:5px;

}

#CONTACT td.cell-1 img{

	float: left;

}

#CONTACT td.cell-2 {

	font-weight:nomal;

	text-align: left;

	width: 430px;

	padding:5px;

}

#sitemap ul {

	line-height:25px;

}

#sitemap li.joint {

	padding-left: 30px;

	list-style:none;

	background-image: url(../images/mapJoint.gif);

	background-repeat: no-repeat;

	background-position: left;

}

#sitemap li.bottom {

	padding-left: 30px;

	list-style:none;

	background-image: url(../images/mapBottom.gif);

	background-repeat: no-repeat;

	background-position: left;

}



#footer {

	clear:both;

	font-size:xx-small;

	height: 130px;

	width: 900px;

	margin-top:30px;

	padding-bottom:10px;

	margin-right: auto;

	margin-left: auto;

	text-align:right;

}

#footer table#bottomlogo {

	width:900px;

	height:66px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#footer table#bottomlogo td{

	vertical-align: bottom;

}

#footer td#ncrlogo {

	padding-bottom:6px;

}

#footer table {

	width:900px;

	margin-top:0px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #999999;

	height: 53px;

}



#footer .leftcell {

	width: 500px;

	text-align:left;

	vertical-align: top;

}

#footer .rightcell {

	width: 138px;

	text-align:right;

	vertical-align: top;

	padding-right: 20px;

}



* html #footer {

	background-position: left top;

	height:80px;

}

#contentwrapper #pdfdl {

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/service_r2_c1.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	width: 395px;

	height: 40px;

	padding-left: 405px;

	padding-top: 284px;

}

#LOUNGE .underconst {
	height: 250px;
	text-align:center;
}