@charset "UTF-8";

/*

copyright and credits

	xpansive corporation.

	you may take and use elements of this styles sheets and any imported files.
	but the unique combination of layout, font styles, colours and etc. is copyrighted.
	you may not use any of the graphical elements on this site.

	------------------------------

	last updated: April 26, 2006

	------------------------------
*/


* {
	margin: 0;
	padding: 0;
}

body#pagetop {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	font-family: "Hiragino Mincho Pro", Osaka, "MS P Gothic", sans-serif;
	line-height: 140%;
	text-align: left;
}

div#wrapper {
	width: 820px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

div#contents {
	width: 800px;
	text-align: left;
	float: left;
	margin: 0;
	background: repeat-y url(images/contents_bg.gif);
	padding: 0 10px;
}

div#contents h1 {
	width: 800px;
	height: 44px;
	text-align: left;
	float: left;
	font-size: 1px;
	text-indent: -9999px;
	background: #000f60 no-repeat url(images/h1.gif) 10px 10px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666fa0;
}

div#menu {
	width: 780px;
	height: 37px;
	text-align: center;
	float: left;
	margin: 0;
	background: repeat-x url(images/menu_bg.gif);
	font-size: 12px;
	line-height: 37px;
	color: #f0f0f0;
	padding: 0 10px;
}

div#menu a,
div.home div#menu a#home,
div.master div#menu a#master,
div.site div#menu a#site,
div.output div#menu a#output,
div.graph div#menu a#graph,
div.print div#menu a#print,
div.renewal div#menu a#renewal,
div#menu a:active {
	background: no-repeat url(images/menu_item.gif) 0px 0px;
	width: 100px;
}

div#menu a:hover {
	background: no-repeat url(images/menu_item.gif) x 5px 0 0;
}

div#imgheader {
	width: 100%;
	height: 200px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
}

div#maincontents {
	width: 100%;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}

div#contents_left {
	width: 200px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}

div#contents_right {
	width: 600px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}

div#contents_left h3{
	width: 180px;
	height: 28px;
	text-align: left;
	float: left;
	font-size: 14px;
	line-height: 28px;
	color: #0b2c52;
	font-weight: bold;
	margin: 0;
	background: #d7ecfd;
	padding: 0 10px;
}

div#contents_right h3{
	width: 580px;
	height: 28px;
	text-align: left;
	float: left;
	font-size: 14px;
	line-height: 28px;
	color: #0b2c52;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: #e7f2fb;
	padding: 0 10px;
}

div#contents_left div.text {
	width: 180px;
	text-align: left;
	float: left;
	padding: 10px;
	margin: 0;
}

div#contents_right div.text {
	width: 580px;
	text-align: left;
	float: left;
	padding: 10px;
	margin: 0;
}

div.border_one {
	width: 750px;
	height: 15px;
	text-align: left;
	float: left;
	color: #022052;
	font-weight: bold;
	border: 1px solid #c1c1c1;
	padding: 5px;
	background: #eaf0f2;
	margin: 0;
}

div.border_contents {
	width: 720px;
	text-align: left;
	float: left;
	color: #333333;
	font-weight: bold;
	border: 1px solid #c1c1c1;
	background: #fff;
	margin: 10px 0 0;
	padding: 5px 20px;
}

div#submenu {
	width: 772px;
	height: 15px;
	text-align: left;
	float: right;
	padding: 5px;
	border: 1px solid #c1c1c1;
	background: #f3f4e9;
	margin: 5px 0 0;
}



div#contents_one {
	width: 762px;
	text-align: left;
	float: left;
	padding: 10px;
	border: 1px solid #c1c1c1;
	background: #f1f1f1;
	margin: 5px 0 0;
}

div#Paginate_top {
	text-align: center;
	text-transform: capitalize;
	padding: 0;
	width: 100%;
	height: 28px;
	float: left;
	line-height: 28px;
	color: #0b2c52;
	background: #d7ecfd;
	margin: 0 0 10px;
}

div#Paginate_bottom {
	text-align: center;
	text-transform: capitalize;
	padding: 0;
	width: 100%;
	height: 28px;
	float: left;
	line-height: 28px;
	color: #0b2c52;
	background: #d7ecfd;
	margin: 10px 0 0;
}

div#footer {
	width: 800px;
	height: 70px;
	text-align: left;
	float: left;
	font-size: 10px;
	background: no-repeat url(images/footer.gif);
	text-indent: -9999px;
	padding: 0 10px;
}

/*<group=Tag>*/

div#menu a,
div#menu a:link,
div#menu a:visited {
	color: #f2f2f2;
	text-decoration: none;
}

div#menu a:active,
div#menu a:hover {
	color: #ffffff;
	text-decoration: none;
}

a,
a:link,
a:visited {
	color: #0060BF;
	text-decoration: none;
}

a:active,
a:hover {
	color: #0353a5;
	text-decoration: none;
}

h4 {
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 120%;
	color: #0b2c52;
}

b {
	font-size: 13px;
	line-height: 20px;
}

strong {
	color: #ff0000;
	font-size: 14px;
}

p {
	margin-bottom: 16px;
}

p.date {
	margin-bottom: 16px;
	font-size: 10px;
	coight: 5px;
}

td.title {
	text-align: center;
	font-weight: bold;
	background: #d7ecfd;
}

td.feet {
	text-align: center;
	background: #e7f2fb;
}

td.price {
	text-align: right;
	background: #e7f2fb;
}

td.feet_p {
	text-align: center;
	background: #eaf0f2;
}

td.price_p {
	text-align: right;
	background: #eaf0f2;
}

ul,
ul li {
	list-style: none;
}

ul.table {
	clear: both;
	width: 100%;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

ul.table li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.table li span {
	display: block;
	margin-top: 5px;
	padding: 5px;
	text-align: left;
}

ul.table li span.name {
	float: left;
	width: 100px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #cdcdcd;
	background: #f2f2f2;
	margin-right: 10px;
}

ul.table li span.input {
	float: left;
	width: 195px;
	border-bottom: 1px solid #E7E7E7;
	background: #F0F0F0;
	text-align: left;
}

ul.table li span.key {
	float: left;
	width: 20%;
	font-weight: bold;
	text-align: right;
	background: #d7ecfd;
}

ul.table li span.access {
	float: right;
	width: 75%;
	text-align: left;
	background: #e7f2fb;
}

form,
input { 
	margin: 0;
	padding: 0;
}

/*</group>*/