@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: 67px;
	text-align: left;
	float: left;
	font-size: 1px;
	text-indent: -9999px;
	background: no-repeat url(images/h1.gif) left top;
	margin: 0;
	padding: 0;
}

div#contents h2 {
	width: 480px;
	height: 25px;
	text-align: left;
	float: left;
	font-size: 12px;
	margin: 0;
	color: #898989;
	line-height: 25px;
	padding: 0 10px;
}

div#contents div.privacy {
	width: 280px;
	height: 25px;
	text-align: center;
	float: left;
	font-size: 12px;
	margin: 0;
	color: #898989;
	line-height: 25px;
	background: #dbdbdb;
	padding: 0 10px;
}

div#menu {
	width: 530px;
	height: 45px;
	text-align: center;
	float: left;
	margin: 0;
	background: repeat-x url(images/menu_bg.gif);
	font-size: 14px;
	line-height: 45px;
	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: 220px;
	text-align: left;
	float: left;
	padding: 0;
	background: #f0f0f0;
	margin: 10px 0;
}

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

div#contents_side {
	width: 240px;
	text-align: left;
	float: right;
	margin: 0;
	padding: 0;
}

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

div#contents_news {
	width: 550px;
	height: 250px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}

div#contents_main div#contents_news div.side {
	width: 130px;
	text-align: left;
	float: left;
	margin: 0;
	height: 240px;
	padding: 0 10px 10px;
	background: no-repeat center 160px  url(images/QRcodeS.jpg);
}

div#contents_main div#contents_news h3{
	width: 380px;
	height: 30px;
	text-align: left;
	float: right;
	font-size: 14px;
	line-height: 30px;
	color: #484848;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: #cedaf8;
	padding: 0 10px;
}

div#contents_main div#contents_news div.text {
	width: 378px;
	text-align: left;
	float: right;
	padding: 10px;
	margin-top: 10px;
	height: 188px;
	border: 1px solid #cedaf8;
}

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

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

div#contents_main h3{
	width: 530px;
	height: 28px;
	text-align: left;
	float: left;
	font-size: 14px;
	line-height: 28px;
	color: #484848;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: #cedaf8;
	padding: 0 10px;
}

div#contents_side div.texttop {
	width: 220px;
	height: 126px;
	text-align: left;
	float: left;
	padding: 10px;
	margin: 0;
	background: #031f3f;
	color: #f2f2f2;
	font-size: 14px;
	line-height: 120%;
}

div#contents_side div.warp {
	width: 218px;
	height: 65px;
	text-align: left;
	float: left;
	padding: 10px;
	color: #031f3f;
	font-size: 14px;
	line-height: 120%;
	border: 1px solid #031f3f;
	background: #ffffff;
	margin: 10px 0 0;
}

div#contents_main div.text {
	width: 530px;
	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#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: #c1d0f6;
	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: #c1d0f6;
	margin: 10px 0 0;
}

div#footer {
	width: 800px;
	height: 70px;
	text-align: left;
	float: left;
	font-size: 1px;
	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;
}

div.privacy a,
div.privacy a:link,
div.privacy a:visited {
	color: #898989;
	text-decoration: underline;
}

div.privacy a:active,
div.privacy a:hover {
	color: #898989;
	text-decoration: none;
}

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

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

p {
	margin-bottom: 16px;
}

p.title {
	color: #0b2c52;
	margin-bottom: 16px;
	font-weight: bold;
}

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: 25%;
	font-weight: bold;
	text-align: right;
	background: #c1d0f6;
}

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

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

/*</group>*/