body {
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	color:#333333;
	background:#ffffff url(../img/bg.gif) repeat-x top left;
}
img {
	border:0;
	display:block;
}
p {
	font-size:80%;
	line-height:150%;
	color:#333333;
	background:#ffffff;
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
	line-height:120%;
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
.cl {
	clear:both;
}

/* link */
/* -------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link , a:visited {
	color:#111166;
	background:#ffffff;
}
a:hover , a:active {
	color:#ffffff;
	background:#99aacc;
}



/* header */
/* -------------------------------------------------------- */
#header {
	width:100%;
	color:#556688;
	text-align:center;
	background:#ffffff url(../img/bg_header.gif) repeat-x left bottom;
}
#header1 {
	width:740px;
	text-align:left;
	margin:0 auto;
}
h1 {
	font-size:80%;
	font-weight:normal;
	color:#ffffff;
	line-height:110%;
	text-align:left;
	margin:0;
	padding:0 5px 1px 5px;
	background:#7788aa url(../img/bg_h1.gif) no-repeat left bottom;
}

#logo {
	margin:10px 0 0 0;
	float:left;
}
#topnavi {
	color:#556688;
	font-size:80%;
	text-align:right;
	background:#ffffff;
	margin:25px 0 0 0;
	float:right;
}
#topnavi li {
	display:inline;
}


/* main */
/* -------------------------------------------------------- */
#main {
	width:740px;
	text-align:left;
	color:#333333;
	margin:0 auto;
	padding:0 0 40px 0;
	background:#ffffff;
}

#panlist {
	list-style-type:none;
	width:100%;
	font-size:70%;
	line-height:120%;
	color:#ffffff;
	margin:0;
	padding:103px 0 1px 0;
	background:#6677aa url(../img/bg_panlist.jpg) no-repeat top left;
}
#panlist li {
	white-space:nowrap;
	padding-left:8px;
	float:left;
}
#panlist a:link , #panlist a:visited  {
	color:#ffffff;
	background:transparent;
}
#panlist a:hover , #panlist a:active {
	color:#ccddff;
	background:transparent;
}



/* navi */
/* -------------------------------------------------------- */
#navi {
	width:180px;
	float:left;
	padding:10px 0 0 0;
}

#navi .navi {
	margin:0;
	padding:0;
}
#navi .navi ul {
	margin:0 0 6px 0;
	padding:0;
}
#navi .navi li a:link,
#navi .navi li a:visited,
#navi .navi li span {
	display:block;
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	padding:7px 0 6px 20px;
	border-bottom:1px solid #334477;
	background:#445588 url(../img/bg_navi1.gif) no-repeat 0px 0px;
}
#navi .navi li a:hover,
#navi .navi li a:active {
	display:block;
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	padding:7px 0 6px 20px;
	border-bottom:1px solid #445588;
	background:#445588 url(../img/bg_navi1.gif) no-repeat 0px -140px;
}
#navi .navi li li a:link ,
#navi .navi li li a:visited,
#navi .navi li li span {
	display:block;
	font-size:80%;
	font-weight:normal;
	color:#002266;
	padding:0 0 1px 30px;
	border-bottom:1px solid #ccccdd;
	background:#ddddee url(../img/bg_navi2.gif) no-repeat 0px 0px;
}
#navi .navi li li a:hover,
#navi .navi li li a:active {
	display:block;
	font-size:80%;
	font-weight:normal;
	color:#002266;
	padding:0 0 1px 30px;
	border-bottom:1px solid #bbbbcc;
	background:#ddddee url(../img/bg_navi2.gif) no-repeat 0px -140px;
}

#navi img.cen {
	text-align:center;
	margin:10px auto 0 auto;
}
#navi img.cen1 {
	text-align:center;
	margin:5px auto 0 auto;
}
#navi img.cen2 {
	text-align:center;
	margin:20px auto 0 auto;
}


#navi form {
	margin:0;
	padding:8px 0 0 8px;
}
#navi form p {
	color:#ffffff;
	background:#eeeeee;
	padding:0 0 2px 0;
	margin:0;
}
#navi form input {
	vertical-align:middle;
}
#navi form input.box {
	width:120px;
	margin:0 5px 0 0;
	padding: 0;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}

#navi #information {
	font-size:70%;
	line-height:140%;
	margin:3px 0 0 0;
}
#navi #information li {
	padding:3px 5px;
	border-bottom:dotted 1px #8899cc;
}

#navi #license {
	font-size:70%;
	line-height:120%;
	color:#666666;
	padding:10px 5px 0 5px;
	background:#ffffff;
}
#navi #license a:link , #navi #license a:visited  {
	color:#666666;
	background:#ffffff;
}
#navi #license a:hover , #navi #license a:active {
	color:#ffffff;
	background:#99aacc;
}

#w3c {
	padding:20px 0 0 0;
}
#w3c img {
	display:inline;
}
#navi #w3c a:link , #navi #w3c a:visited , #navi #w3c a:hover , #navi #w3c a:active {
	background:transparent;
}


/* footer */
/* -------------------------------------------------------- */
#footer {
	width:740px;
	margin:0 auto;
	border-top:solid 1px #7788aa;
}

#footer ul {
	font-size:80%;
	margin:10px 0 0 0;
}
#footer li {
	display:inline;
}
#footer address {
	font-size:80%;
	font-style:normal;
	padding:10px 0;
}


/* toppage */
/* -------------------------------------------------------- */
#topbox1 {
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	background:url(../img/top_image.jpg) no-repeat left top;
}
#topbox1 p.box1 {
	font-size:80%;
	font-weight:bold;
	line-height:140%;
	color:#ffffff;
	padding:10px 150px 0 10px;
	background:#99aacc url(../img/top_image.jpg) no-repeat 0 -42px;
}
#topbox1 div.box1 {
	padding:10px 150px 0 10px;
}
#contents #topbox1 .box1 a:link , #contents #topbox1 .box1 a:visited , #contents #topbox1 .box1 a:hover , #contents #topbox1 .box1 a:active {
	border-bottom:0;
}
#contents h2.top1 {
	font-size:80%;
	font-weight:bold;
	line-height:120%;
	color:#ffffff;
	margin:10px 20px 0 0;
	padding:8px 0 1px 25px;
	background:#334477 url(../img/bg_top_title.gif) no-repeat left top;
}
#contents h2.top2 {
	font-size:80%;
	color:#445588;
	line-height:130%;
	margin:30px 20px 0 0;
	padding:0 0 0 0;
	background:#ffffff url(../img/spacer.gif) no-repeat left top;
	border-bottom:double 3px #445588;
}
#contents div.topbox2 {
	margin:0 20px 0 0;
	padding:5px;
	border:solid 1px #445588;
}
#contents p.top1 {
	padding:0 0 0 125px;
	background:url(../img/top_image_01.jpg) no-repeat left top;
}
#contents p.top2 {
	padding:0 125px 0 5px;
	background:url(../img/top_image_02.jpg) no-repeat right top;
}
#contents p.top3 {
	padding:0 0 0 125px;
	background:url(../img/top_image_03.jpg) no-repeat left top;
}
#contents p.top4 {
	text-align:center;
	margin:20px 20px 0 0;
	padding:3px;
	border:dotted 1px #445588;
}

#contents #new1 {
	font-size:80%;
	color:#445588;
	line-height:130%;
	margin:30px 20px 0 0;
	padding:0 0 0 0;
	background:transparent;
	border-bottom:solid 1px #445588;
}
#contents #new2 {
	margin:0 20px 0 0;
}
#contents #new2 li {
	margin:0;
	padding:3px 5px 0 5px;
	border-bottom:dotted 1px #6677cc;
}
#contents #new2 a:link , #contents #new2 a:visited , #contents #new2 a:hover , #contents #new2 a:active {
	border-bottom:0;
}


/* contents */
/* -------------------------------------------------------- */
#contents {
	width:540px;
	float:right;
	text-align:left;
}

#contents a:link , #contents a:visited {
	color:#111166;
	background:#ffffff;
	border-bottom:dotted 1px #999999;
}
#contents a:hover , #contents a:active {
	color:#ffffff;
	background:#99aacc;
	border-bottom:dotted 1px #99aacc;
}

#contents h2 {
	font-size:90%;
	font-weight:bold;
	line-height:120%;
	color:#445588;
	margin:12px 0 0 0;
	padding:0 0 1px 0;
	background:#ffffff url(../img/bg_h2.gif) no-repeat left bottom;
}
#contents h2.type1 {
	font-size:80%;
	font-weight:bold;
	line-height:130%;
	color:#ffffff;
	margin:10px 20px 0 0;
	padding:3px 0 2px 22px;
	background:#334477 url(../img/bg_h3.gif) no-repeat left top;
	border-bottom:solid 1px #334477;
}
#contents h3 {
	font-size:80%;
	font-weight:bold;
	line-height:130%;
	color:#ffffff;
	margin:25px 20px 0 0;
	padding:3px 0 2px 22px;
	background:#334477 url(../img/bg_h3.gif) no-repeat left top;
	border-bottom:solid 1px #334477;
}
#contents h3 a:link , #contents h3 a:visited  {
	color:#ffffff;
	background:transparent;
	border-bottom:0;
}
#contents h3 a:hover , #contents h3 a:active {
	color:#ccddff;
	background:transparent;
	border-bottom:0;
}
#contents h3.no {
	font-size:80%;
	font-weight:bold;
	line-height:130%;
	color:#445588;
	margin:25px 20px 0 0;
	padding:0;
	background:#ffffff url(../img/spacer.gif) no-repeat left top;
	border-bottom:0;
}
#contents h3.no a:link , #contents h3.no a:visited  {
	color:#445588;
	background:#ffffff;
	border-bottom:0;
}
#contents h3.no a:hover , #contents h3.no a:active {
	color:#ffffff;
	background:#99aacc;
	border-bottom:0;
}
#contents h4 {
	font-size:80%;
	color:#445588;
	line-height:130%;
	margin:20px 20px 0 0;
	padding:0 0 0 5px;
	background:#ffffff;
}
#contents h4 a:link , #contents h4 a:visited  {
	color:#445588;
	background:#ffffff;
	border-bottom:0;
}
#contents h4 a:hover , #contents h4 a:active {
	color:#ffffff;
	background:#99aacc;
	border-bottom:0;
}
#contents h4.system {
	font-size:80%;
	color:#445588;
	line-height:130%;
	margin:15px 20px 0 0;
	padding:5px 0 0 10px;
	background:#ffffff url(../img/bg_02_01.gif) no-repeat left top;
}
#contents h4.type1 {
	font-size:80%;
	color:#445588;
	line-height:130%;
	margin:15px 20px 0 0;
	padding:5px 0 0 10px;
	background:#ffffff url(../img/bg_02_01.gif) no-repeat left top;
}
#contents h4.type1 a:link , #contents h4.type1 a:visited  {
	color:#445588;
	background:transparent;
}
#contents h4.type1 a:hover , #contents h4.type1 a:active {
	color:#ffffff;
	background:#99aacc;
}
#contents h4.type2 {
	font-size:80%;
	font-weight:bold;
	color:#445588;
	margin:20px 0 0 0;
	padding:0 0 0 18px;
	background:#ffffff url(../img/bg_h5.gif) no-repeat left top;
}

#contents p {
	margin:0 20px 0 0;
	padding:6px 0 0 0;
}
#contents ul {
	font-size:80%;
	line-height:140%;
	margin:5px 20px 0 0;
	padding:0;
}
#contents fieldset {
	margin:0 20px 0 0;
	padding:0;
	border:0;
}
#contents .red {
	color:#990000;
	background:#ffffff;
}
#contents .blu {
	color:#0000cc;
	background:#ffffff;
}
#contents .b {
	font-weight:bold;
}
#contents .ri {
	text-align:right;
}


#contents p.type1 {
	margin:10px 20px 0 0;
	padding:0 0 0 140px;
	background:url(../img/image_01.jpg) no-repeat left top;
}
#contents p.type2 {
	margin:10px 20px 0 0;
	padding:0 0 0 140px;
	background:url(../img/image_02.jpg) no-repeat left top;
}
#contents p.type3 {
	margin:10px 20px 0 0;
	padding:0 0 0 140px;
	background:url(../img/image_03.jpg) no-repeat left top;
}
#contents p.type4 {
	text-align:left;
	margin:15px 20px 0 0;
	padding:6px 10px;
	border:dotted 1px #445588;
}
#contents p.type5 {
	text-align:right;
	margin:0 20px 0 0;
	padding:0 10px 10px 10px;
	background:#ffffff url(../img/bg_02_03.gif) no-repeat left bottom;
}
#contents p.type5a {
	margin:0 20px 0 0;
	padding:0 10px 0 10px;
	background:#ffffff url(../img/bg_02_03.gif) no-repeat left top;
}
#contents p.system {
	margin:0 20px 0 0;
	padding:0 10px 40px 10px;
	background:#ffffff url(../img/bg_02_02.gif) no-repeat left bottom;
}
#contents p.system1 {
	margin:0 20px 0 0;
	padding:0 10px 10px 10px;
	background:#ffffff url(../img/bg_02_03.gif) no-repeat left bottom;
}

#contents ul#sub {
	margin:5px 0 0 0;
	padding:0;
}
#contents ul#sub li {
	display:inline;
	margin:0 15px 0 0;
	padding:0 0 0 14px;
	background:url(../img/icon_04.gif) no-repeat left top;
}
#contents ul#sub a:link , #contents ul#sub a:visited , #contents ul#sub a:hover , #contents ul#sub a:active {
	border-bottom:0;
}

#contents ul#sub1 {
	margin:5px 0 0 0;
	padding:0;
}
#contents ul#sub1 li {
	display:inline;
	margin:0;
	padding:0;
}
#contents ul#sub1 a:link , #contents ul#sub1 a:visited , #contents ul#sub1 a:hover , #contents ul#sub1 a:active {
	border-bottom:0;
}
#contents ul.type1 li {
	font-weight:bold;
	color:#445588;
	margin:0;
	padding:0 0 0 18px;
	background:#ffffff url(../img/icon_02.gif) no-repeat left top;
}
#contents ul.type1 li span {
	color:#cc0000;
	background:#ffffff;
}
#contents ul.type2 {
	margin:0 20px 0 0;
}
#contents ul.type2 li {
	margin:20px 0 0 0;
	padding:0 0 15px 0;
	border-bottom:dotted 1px #bbbbdd;
}
#contents ul.type3 {
	margin:10px 0 0 0;
}
#contents ul.type3 li {
	font-weight:bold;
	color:#445588;
	margin:5px 0 0 0;
	padding:0 0 0 13px;
	background:#ffffff url(../img/icon_04.gif) no-repeat left top;
}

#contents ul.sitemap {
	font-size:80%;
	margin:0 20px 0 0;
	padding:0;
}
#contents ul.sitemap li {
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	background:url(../img/bg_h5.gif) no-repeat top left;
}
#contents ul.sitemap ul.sitemap {
	font-size:100%;
	margin:0;
	padding:0;
}
#contents ul.sitemap ul.sitemap li {
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	background:url(../img/icon_01.gif) no-repeat top left;
	border-top:0;
}
#contents ul.sitemap span {
	font-weight:bold;
}
#contents ul.sitemap a:link , #contents ul.sitemap a:visited , #contents ul.sitemap a:hover , #contents ul.sitemap a:active {
	border-bottom:0;
}

#contents dl.type1 {
	font-size:80%;
	line-height:140%;
	margin:0 20px 0 0;
}
#contents dl.type1 dt {
	font-weight:bold;
	color:#445588;
	margin:20px 0 0 0;
	padding:0 0 2px 6px;
	border-bottom:dotted 1px #bbbbdd;
	background:#ffffff;
}
#contents dl.type1 dd {
	margin:5px 0 0 6px;
}
#contents dl.type1 ul {
	list-style-type:disc;
	font-size:100%;
	margin:0;
	padding:0 0 0 25px;
}
#contents dl.type1 li {
	margin:0;
	padding:0;
}


#contents dl.type2 {
	font-size:80%;
	line-height:120%;
	margin:0 20px 0 0;
}
#contents dl.type2 dt {
	font-weight:bold;
	color:#445588;
	margin:15px 0 0 0;
	padding:0 0 0 18px;
	background:#ffffff url(../img/icon_03.gif) no-repeat top left;
	border-bottom:dotted 1px #bbbbdd;
}
#contents dl.type2 dd {
	margin:5px 0 0 18px;
}
#contents dl.type2 a:link , #contents dl.type2 a:visited , #contents dl.type2 a:hover , #contents dl.type2 a:active {
	border-bottom:0;
}


#contents .formbox {
	margin:20px 0 0 0;
}
#contents .formbox h4 {
	font-size:80%;
	font-weight:bold;
	color:#445588;
	margin:0;
	padding:0 0 5px 18px;
	background:#ffffff url(../img/bg_h5.gif) no-repeat left top;
}
#contents .formbox table {
	width:515px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:80%;
	line-height:140%;
	margin:0 0 0 0;
	border-bottom:solid 1px #cccccc;
}
#contents .formbox table th {
	width:150px;
	color:#334455;
	text-align:left;
	vertical-align:top;
	background:#eeeeee;
	padding:10px 0 10px 10px;
	border-top:solid 1px #cccccc;
}
#contents .formbox table td {
	width:345px;
	padding:10px 0 10px 10px;
	border-top:solid 1px #cccccc;
}
#contents .formbox table span {
	font-size:85%;
	line-height:120%;
}
#contents .formbox table input {
	vertical-align:middle;
}
#contents .formbox table select {
	width:150px;
}
#contents .formbox table textarea {
	width:300px;
}


#contents div.box5 {
	font-size:80%;
	color:#333333;
	margin:4px 20px 0 0;
	padding:5px;
	background:#eeeeee;
	border:solid 1px #cccccc;
}
#contents .lbox1 {
	width:220px;
	padding:15px 0 0 0;
	float:left;
}
#contents .lbox1 img {
	border:solid 1px #cccccc;
}
#contents .rbox1 {
	width:310px;
	padding:10px 0 0 0;
	float:right;
}
#contents .rbox1 h4 {
	margin:20px 25px 0 0;
	padding:0 0 0 0;
	border-bottom:dotted 1px #445588;
}



/* Utilities ---------------------------------------------------------------- */

.pkg:after, #main:after, #panlist:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg, #main, #panlist { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #main, * html #panlist { height: 1%; }
.pkg, #main, #panlist { display: block; }
/* */