﻿/* ---layout settings------------------------------ */
* {padding: 0;margin: 0;}
#bgwrapper {margin:0px auto;width:818px;background:url('images/bgLR.gif') repeat-y;}
#wrapper {margin:0px auto;width:770px;background:#FFF;}
#header {position:relative;height:124px;width:100%;}
#container {position:relative;width:100%;}
#mainpane {width:100%;}
#footer {position:relative;clear:both;width:100%;height:auto;background-color:#DDD;}
/* ---header settings------------------------------ */
#toplogo{
	position:absolute;
	top:15px;
	left:15px;
	}
#topspace {
	float:right;
 margin: 40px 20px 0px 0px;
	}
#tj_banner{
	float:right;
	height:80px;
	margin-top:10px;
	}
#adnotes {
	font-size:smaller;
	text-align:center;
	margin:2px;
	}
/* ---GlobalNavi(gnavi) settings--- */
#gnavi{
	position:absolute;
	top:70px;
	left:3px;
	width:770px;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	}
#gnavibase{
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	height:24px;
	background: url("images/gnavi_base.png") repeat-x;
	}
/* ---UniversalNavi (unavi) settings--- */
#unavi{
	position:absolute;
	top:0px;
	right:0px;
	height:auto;
	width:auto;
	}
#unavi ul{
	list-style:none;
	}
#unavi li{
	float:left;
	display:inline;
	}
#unavi li a {
	display:block;
	border-left:1px #FFF solid;
	background-color:#000;
	padding:5px 10px;
	font-size:12px;
	text-decoration:none;
	color:#FFF;	
	}	
	
#unavi li a:hover {
	text-decoration:underline;
	color:#FF6600;
	}

/* ---LocalNavi(lclnavi)settings------------ */
ul.lclnavi{
	position:relative;
	width:770px;
}
ul.lclnavi li{
	display:block;
	float:left;
	list-style:none;
	width:154px;
	font-size:14px;
	}
ul.lclnavi li a{
	background-color:#DDD;
	display:block;
	border-top:3px solid #496199;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #FFF;
	line-height:30px;
	text-align:center;
}
ul.lclnavi li a:hover{
	border-top:3px solid #FF6600;
	text-decoration:none;
}
ul.lclnavi li a.selected{
	background-color: #5C2816;
	border-top:3px solid #FF6600;	
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
#leftbox {
	width:140px;
	height:140px;
	margin:10px 5px 10px 0px;
	border:#5C2816 solid 1px;
}
/* ---subpane settings----------- */

/* ---mainpane settings----------- */	
div.tabpanel{
	float:left;
	width:770px;
}
#annai_head {
	display:block;
	margin-top:-7px;
	}
.pickupbox {
	float:left;
	width:290px;
	height:150px;
	margin:5px;
	border:#663300 solid 1px;
	}
.infotable {
	margin: 0px 30px 30px 50px;
	font-size: 12px;
	}
.infotable th,.infotable td {
	background-color: #fff;
	border-bottom: 1px solid #999;
	padding: 10px 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 150%;
	}
.infotable tr.first_tr th,.infotable tr.first_tr td{
	background-color: #fff;
	border-top:1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 150%;
	}
.dataTbl {
	width:500px;
	margin: 0px 30px 30px 50px;
	font-size: 12px;
	}
.dataTbl caption {
	padding: 5px 20px;
	background-color:#496199;
	border: none;
	line-height: 150%;
	font-size: 14px;
	text-align: left;
	color:#FFF;
	font-weight:bold;
	}
.dataTbl th, .dataTbl td {
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF #CCC #CCC #FFF;
	vertical-align: middle;
	line-height: 150%;
	}
.dataTbl th {
	background-color: #DDF;
	text-align: right;
	}
.dataTbl th {
	width:100px;
	}
.dataTbl td{
	background-color: #EEE;
	text-align: left;
	}
.adTbl {
	float:left;
	width:300px;
	margin: 0 0 30px 50px;
	font-size: 12px;
	}
.adTbl caption {
	padding: 5px 20px;
	background-color:#496199;
	border: none;
	line-height: 150%;
	font-size: 14px;
	text-align: center;
	color:#FFF;
	font-weight:bold;
	}
.adTbl th, .adTbl td {
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF #CCC #CCC #FFF;
	vertical-align: middle;
	line-height: 150%;
	}
.adTbl th {
	background-color: #DDF;
	text-align: center;
	}
.adTbl td{
	background-color: #EEE;
	text-align: left;
	}
.h1notes {
	margin:0px 0px 20px 40px;
	line-height: 150%;
	font-size: 14px;
	font-weight:bold;
	}
.h2sub {
	display:inline;
	position:absolute;
	bottom:2px;
	right:10px;
	font-size:10px;
	color:#999;
	text-align:right;
}
.h2notes {
	margin: 0px 60px 20px 60px;
	line-height: 150%;
	font-size: 12px;
	}
.h2ul {
	margin:0px 0px 10px 70px;
	font-size: 12px;
	line-height: 150%;
}
.h2ul li{
	list-style-image: url("images/h2ul.gif");
}
.h2pic {
	margin:0px 0px 10px 50px;
	}
.h3notes {
	margin: 10px 20px 0px 60px;
	padding: 0px;
	line-height: 150%;
	font-size: 80%;
	}
.centering {
	margin-bottom:20px;
	text-align:center;
}
#contactform {
	width: 660px;
	}
.rqrdMsg,.rqrdMark,.rqrdAlert,label.error {
	color:#F00;
	font-weight:bold;
	}
#updatelist th  {
	color:#999;
}
td.fieldAlert input, td.fieldAlert textarea	{
	background:#FCC;
	}
.msgbox {
	margin: 0px 50px 30px 50px;
	padding: 20px;
	background-color:#FEF8E5;
	border:1px solid #5C2816;
	line-height: 150%;
	font-size: 14px;
}
.smlv1{
	margin:0 20px 20px 50px;
	list-style-type:square;
	line-height:150%;
	font-size:14px;
}
.smlv2{
	margin:0 20px 10px 20px;
	list-style-type:circle;
	line-height:150%;
	font-size:14px;
}
/* ---footer settings-------------------------------- */
#footerlink {
	padding:15px 0px 0px 20px;
	font-size:12px;
	}
#copyright {
	padding:10px 0px 20px 20px;
	line-height:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px;
	}
#tothetop {
	position:absolute;
	top:10px;
	right:10px;
	font-size:smaller;
}
#bottomlogo{
	vertical-align:-3px;
}
/* ---common styles----------------------------------- */
.floatL{
	float:left;
	}
.clearB{
	clear:both;
	}
.position_rel{
	position:relative;
}
.alignR {
	text-align:right;
	}
.alignR_abslt {
	display:inline;
	position:absolute;
	right:10px;
	text-align:right;
}
/* ---tag styles----------------------------------- */
body {
	font-family:"MS PGothic","Osaka",Arial,sans-serif;
	}
a:link, a:visited {
	text-decoration:none;
	color:#000099;
	}
a:hover {
	text-decoration:underline;
	color:#FF6600;
	}
h1 {
	margin:10px 10px 20px 10px;
	padding:0 30px;
	background-image:url('images/h1bg2.gif');
	border:1px #CCC solid;
	line-height:60px;
	font-size:24px;
	color:#EEF;
	}
h2 {
	background: #FFF;
	margin: 20px 40px 20px 40px;
	border-left: 10px solid #330000;
	border-bottom: 1px solid #663300;
	padding: 3px 0px 1px 7px;
	font-size: 14px;
	color: #000000;
	}
h3 {
	margin: 10px 10px 10px 50px;
	font-size: 14px;
	color: #333399;
	}
h4 {
	padding: 0px 5px;
	margin-right: 5px;
	text-align: right;
	font-size: 12px;
	line-height: 160%;
	font-weight: bold;
	color: #999999;
	}
img {
	border:none;
	}
dl {
	margin:0 100px 20px 50px;
	font-size:12px;
	line-height:150%;
}
dt {
	font-weight:bold;
	margin-bottom:5px;
}
dd {
	font-weight:normal;
	padding-left:15px;
	margin-bottom:20px;
}
dl dd ul {
	list-style:disc;
	margin-left:20px;
}
