/* CCi Saitama CSS */
/* Copyright c 2003-2006 Charming Construction's identity Saitama. All Rights Reserved. */

/* Common CSS */
body {
	font: normal 95% Verdana, sans-serif, "MS PGothic";
	margin: 0px 24px;
	padding: 0px;
	color: #000000;
	background-color: #CCEEFF;
}
@media print {
	body {
		font: normal 95% Verdana, sans-serif, "MS PGothic";
		margin: 0px;
		padding: 0px;
		color: #000000;
		background-color: #FFFFFF;
	}
}

/* HeaderZone */
div#HeaderZone {
	margin: 0px;
	padding: 0px;
}
#HeaderZone h1 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #0033BB;
	margin: 2px 0px;
	padding: 4px;
}
#HeaderZone p {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #0033BB;
	margin: 2px 0px;
	padding: 2px;
}

/* HeaderLogoZone */
div#HeaderLogoZone {
	width: 137px;
	margin: 0px;
	padding: 0px;
}

/* HeaderMenuZone */
div#HeaderMenuZone {
	width: 120px;
	margin: 0px;
	padding: 4px;
}
#HeaderMenuZone ul {
	margin: 0px;
	padding: 2px 0px;
	text-align: right;
}
#HeaderMenuZone li {
	list-style: none outside;
	margin: 2px;
	padding: 0px;
	text-align: right;
}

/* MenuZone */
div#MenuZone {
	margin: 0px;
	padding: 4px 0px;
	color: #FFFFFF;
}
#MenuZone h2 {
	text-align: center;
	margin: 0px;
	padding: 1px 0px 8px 0px;
}
#MenuZone div.SelectMenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#MenuZone div.SelectMenu a {
	display: block;
	margin: 0px;
	padding: 1px 0px;
}
#MenuZone div.SelectTop {
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
}
#MenuZone div.SelectTop a {
	display: block;
	margin: 0px;
	padding: 8px 0px;
}

/* SiteNavigation */
div#SiteNavigation {
	margin: 0px 8px;
	padding: 4px;
	color: #000000;
	background-color: #EEFFFF;
	border: 1px solid #0033CC;
}
#SiteNavigation p {
	text-align: right;
	font-size: 85%;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
#SiteNavigation a {
	display: inline;
	background-color: transparent;
	text-decoration: underline;
	border: none;
}
#SiteNavigation a:link {
	color: #0033BB;
}
#SiteNavigation a:visited {
	color: #9966FF;
}
#SiteNavigation a:hover {
	color: #FF6600;
}
#SiteNavigation a:active {
	color: #FF0000;
}

/* MainZone */
div#MainZone {
	margin: 0px;
	padding: 8px;
}
#MainZone h2 {
	font-size: 140%;
	font-weight: bold;
	line-height: 120%;
	color: #0033BB;
	margin: 4px 0px;
	padding: 2px 8px;
	border-left: 16px solid #0033BB;
	border-bottom: 1px solid #0033BB;
}
#MainZone h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
	color: #FF6600;
	margin: 4px 0px;
	padding: 2px 0px;
}
#MainZone h3 a {
	color: #FF6600;
	text-decoration: none;
}
#MainZone h4 {
	font-size: 110%;
	font-weight: bold;
	line-height: 120%;
	color: #009999;
	margin: 4px 0px;
	padding: 2px 0px;
}
#MainZone h4 a {
	color: #009999;
	text-decoration: none;
}
#MainZone h5 {
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	margin: 4px 0px;
	padding: 2px 0px;
}
#MainZone h5 a {
	color: #000000;
	text-decoration: none;
}
#MainZone h6 {
	font-size: 95%;
	font-weight: bold;
	line-height: 120%;
	margin: 4px 0px;
	padding: 2px 0px;
}
#MainZone p {
	font-size: 95%;
	font-weight: normal;
	line-height: 120%;
	margin: 2px 0px 4px 0px;
	padding: 2px 0px;
}
#MainZone blockquote {
	font-size: 95%;
	font-weight: normal;
	line-height: 120%;
	margin: 2px 0px;
	padding: 1em;
}
#MainZone ol {
	margin: 2px 2em;
	padding: 2px;
}
#MainZone ul {
	margin: 2px 2em;
	padding: 2px;
}
#MainZone li {
	font-size: 95%;
	line-height: 120%;
	margin: 2px 0px;
	padding: 2px 0px;
}
#MainZone li li {
	font-size: 100%;
	line-height: 100%;
}
#MainZone dl {
	margin: 2px 0px;
	padding: 2px 0px;
}
#MainZone dt {
	font-size: 95%;
	line-height: 120%;
}
#MainZone dt dt {
	font-size: 100%;
	line-height: 100%;
}
#MainZone dd {
	font-size: 95%;
	line-height: 120%;
	margin: 2px 1em;
	padding: 2px 0px;
}
#MainZone dd dd {
	font-size: 100%;
	line-height: 100%;
}
#MainZone caption {
	font-size: 95%;
	line-height: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px;
}
#MainZone th {
	font-size: 95%;
	line-height: 120%;
}
#MainZone td {
	font-size: 95%;
	line-height: 120%;
}
#MainZone td td {
	font-size: 100%;
	line-height: 100%;
}
#MainZone td p {
	font-size: 100%;
	line-height: 100%;
}
#MainZone td li {
	font-size: 100%;
	line-height: 100%;
}
#MainZone a {
	display: inline;
	background-color: transparent;
	text-decoration: underline;
	border: none;
}
#MainZone a:link {
	color: #0033BB;
}
#MainZone a:visited {
	color: #9966FF;
}
#MainZone a:hover {
	color: #FF6600;
}
#MainZone a:active {
	color: #FF0000;
}

/* AddressZone */
div#AddressZone {
	text-align: right;
	color: #000000;
	background-color: #EEFFFF;
	margin: 1px 0px;
	padding: 4px;
	border-top: 1px dashed #0033CC;
}
#AddressZone h2 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px;
}
#AddressZone p {
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px;
}
#AddressZone address {
	font-size: 80%;
	font-style: normal;
	margin: 0px;
	padding: 0px 0px 1px 0px;
}
#AddressZone a {
	display: inline;
	background-color: transparent;
	text-decoration: underline;
	border: none;
}
#AddressZone a:link, #AddressZone a:visited {
	color: #0066FF;
}
#AddressZone a:hover {
	color: #FF6600;
}
#AddressZone a:active {
	color: #FF0000;
}

/* FooterZone */
div#FooterZone {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #0033CC;
}
#FooterZone p {
	font-size: 85%;
	margin: 0px;
	padding: 4px;
}

/* Block Class */
.HeaderBlock {
	width: 100%;
	color: #000000;
	background-color: #FFFFFF;
	border: solid #0033CC;
	border-width: 18px 1px 0px 1px;
}
.TopBar {
	text-align: center;
	color: #0033CC;
	background-image: url(./img/topbar.gif);
	margin: 0px 0px;
	padding: 0px;
	height: 18px;
}

.ContentsBlock {
	width: 100%;
	border: solid #0033CC;
	border-width: 0px 1px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
}

.FooterBlock {
	width: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	border: 1px solid #0033CC;
}

.MenuBlock {
	width: 160px;
	border-top: 1px solid #0033CC;
	border-right: 1px solid #0033CC;
	color: #000000;
	background-color: #EEFFFF;
}
@media print {
	.MenuBlock {
		display: none;
	}
}

/* MainZone Common Class */

#MainZone .ReturnTop {
	text-align: right;
	font-size: 85%;
	clear: both;
}

#MainZone .Caution {
	color: #FF0000;
}

#MainZone dl.StrongList dt {
	font-weight: bold;
}

#MainZone ul.NoneListPoint {
	list-style-type: none;
	margin: 2px 0.5em;
}

#MainZone div.PhotoAreaLeft {
	margin: 0px 8px;
	padding: 0px;
	text-align: left;
	float: left;
}
#MainZone .PhotoAreaLef p {
	margin: 0px;
	padding: 2px 0px;
	font-size: 85%;
	font-weight: bold;
	text-align: left;
}
#MainZone .PhotoAreaLef img {
	margin: 2px 0px;
	padding: 0px;
	float: none;
	text-align: left;
}
#MainZone div.PhotoAreaRight {
	margin: 0px 8px;
	padding: 0px;
	text-align: right;
	float: right;
}
#MainZone .PhotoAreaRight p {
	margin: 0px;
	padding: 2px 0px;
	font-size: 85%;
	font-weight: bold;
	text-align: right;
}
#MainZone .PhotoAreaRight img {
	margin: 2px 0px;
	padding: 0px;
	float: none;
	text-align: right;
}
#MainZone div.PhotoAreaCenter {
	margin: 8px;
	padding: 0px;
	text-align: center;
	float: none;
}
#MainZone .PhotoAreaCenter p {
	margin: 0px;
	padding: 2px 0px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}
#MainZone .PhotoAreaCenter img {
	margin: 2px;
	padding: 0px;
	text-align: center;
}