<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* HOW TO
-------------------------------------------------------------------------------------------*/
body#how-to #mainColumn #pageMoveBox {
	width: 645px;
	margin: 25px 0 5px 0;
	background: url(../images/how_to/illustration.jpg) no-repeat right top;
}
body#how-to #mainColumn #pageMoveBox ul {
	width: 400px;
	margin: 0 0 0 20px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}
body#how-to #mainColumn #pageMoveBox ul li {
	list-style: none;
}


body#how-to #mainColumn #kanyu,
body#how-to #mainColumn #gaiyouA,
body#how-to #mainColumn #gaiyouB {
	margin: 0 0 40px 0;
}

body#how-to #mainColumn h3 {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
    border-bottom: 2px solid #FFCC66;
    border-left: 5px solid #FF9900;
    background-color: #FFFFCC;
    color: #FF6600;
	font-size: 120%;
	font-weight: bold;
}
body#how-to #mainColumn h4 {
    margin: 0 0 10px 0;
    padding: 5px 0 5px 10px;
    border: 1px solid #CCCCCC;
    color: #666666;
	font-size: 115%;
	font-weight: bold;
}
body#how-to #mainColumn h5 {
	margin: 0 0 0 10px;
}
body#how-to #mainColumn p {
	margin: 0 20px 15px 15px;
}
body#how-to #mainColumn p.mokutekiText {
	margin-bottom: 20px;
}
body#how-to #mainColumn #kanyu ul,
body#how-to #mainColumn #gaiyouA ul,
body#how-to #mainColumn #access ul {
	margin: 0 0 10px 10px;
	list-style-position: inside;
}
body#how-to #mainColumn ol {
	margin: 0 0 20px 10px;
	list-style-position: inside;
}

body#how-to #mainColumn table {
	width: 100%;
	margin: 0 0 10px 0;
	border: none;
	font-size: 100%;
	line-height: 1.4;
}
body#how-to #mainColumn table th {
	width: 130px;
	padding: 5px 0 5px 10px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	border-left: none;
	color: #555555;
}
body#how-to #mainColumn table td {
	padding: 5px 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	border-left: none;
}

body#how-to #mainColumn #access {
	width: 647px;
}

body#how-to #mainColumn .googleMap {
	width: 100%;
	text-align: left;
	border: 1px solid #DDDDDD;
}
body#how-to #mainColumn .googleMap iframe  {
	margin: 15px 0 15px 15px;
}
body#how-to #mainColumn #access p.mapText {
	text-align: right;
	margin: 5px 0 0 0;
}

/* LINK
-------------------------------------------------------------------------------------------*/
body#link #mainColumn #pageMoveBox {
	width: 645px;
	margin: 25px 0 20px 0;
}
body#link #mainColumn #pageMoveBox p {
	color: #666666;
	margin: 0 0 5px 20px;
}
body#link #mainColumn #pageMoveBox ul {
	width: 400px;
	margin: 0 0 0 20px;
}
body#link #mainColumn #pageMoveBox ul li {
	list-style: none;
}

body#link #mainColumn h3 {
	margin: 0 0 15px 0;
	padding: 5px 0 5px 10px;
    border-bottom: 2px solid #FFCC66;
    border-left: 5px solid #FF9900;
    background-color: #FFFFCC;
    color: #FF6600;
	font-size: 120%;
	font-weight: bold;
}
body#link #mainColumn #linkBox ul {
	width: 612px;
	margin: 0 0 30px 10px;
	border-top: 1px solid #DDDDDD;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #DDDDDD;
}
body#link #mainColumn #linkBox ul li {
	width: 305px;
	float: left;
	list-style: none;
	border-top: none;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: none;
    background: #EEFFEE;
	text-align: center;
}
body#link #mainColumn #linkBox ul li a {
	width: 295px;
	height: 100%;
	padding: 5px;
    display: block;
    text-decoration: none;
}
body#link #mainColumn #linkBox ul li a:link    { background: #EEFFEE; }
body#link #mainColumn #linkBox ul li a:visited { background: #EEFFEE;}
body#link #mainColumn #linkBox ul li a:hover   { background: #99CCFF; }
body#link #mainColumn #linkBox ul li a:active  { background: #99CCFF; }








/* H2 TITLE
-------------------------------------------------------------------------------------------*/
body#sitemap h2,
body#contact h2,
body#news h2,
body#newsDetails h2
 {
	width: 627px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	margin: 0 0 30px 0;
	padding: 2px 0 0 20px;
	background: url(../images/common/title_background.jpg) no-repeat left top;
    color: #336699;
    font-size: 315%;
    font-weight: normal;
}


/* SITEMAP
-------------------------------------------------------------------------------------------*/
body#sitemap #sitemapBox {
	width: 647px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background: url(../images/sitemap/image.jpg) no-repeat right bottom;
}
body#sitemap #sitemapBox ul {
	margin: 0 0 10px 15px;
	padding: 0;
}

body#sitemap #sitemapBox ul li {
	padding: 0 0 5px 17px;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	color: #505050;
	line-height: 1.5;
	background: url(../images/sitemap/arrow.gif) no-repeat 0 7px;
	font-size: 110%;
}
#sitemapBox ul li a:link    { color: #505050; text-decoration: underline; }
#sitemapBox ul li a:visited { color: #505050; text-decoration: underline; }
#sitemapBox ul li a:hover   { color: #0066cc; text-decoration: none; }
#sitemapBox ul li a:active  { color: #0066cc; text-decoration: none; }


/* CONTACT
-------------------------------------------------------------------------------------------*/
body#contact #contactBox {
	width: 647px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background: url(../images/contact/image.jpg) no-repeat right bottom;
}
body#contact #contactBox p {
	margin: 0 0 35px 10px;
	padding: 0;
	font-size: 100%;
	color: #444444;
}
body#contact #contactBox ul {
	margin: 0 0 0 10px;
	padding: 0;
}

body#contact #contactBox ul li {
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	color: #505050;
	line-height: 1.5;
}
body#contact #contactBox ul li a:link    { color: #505050; text-decoration: underline; }
body#contact #contactBox ul li a:visited { color: #505050; text-decoration: underline; }
body#contact #contactBox ul li a:hover   { color: #0066cc; text-decoration: none; }
body#contact #contactBox ul li a:active  { color: #0066cc; text-decoration: none; }





/* NEWS LIST
-------------------------------------------------------------------------------------------*/
body#news #newsListBox dl {
	clear: both;
	width: 630px;
	margin: 0 0 15px 10px;
	line-height: 1.5;
}
body#news #newsListBox dl dt {
	float: left;
	clear: left;
	width: 100px;
	margin: 0;
	padding: 0 0 10px 0;
	/*\*/
	letter-spacing: 0em;
	/**/
}
body#news #newsListBox dl dd {
	width: 420px;
	margin: 0 0 0 200px;
	padding: 0 0 10px 0;
	position: relative;
}
body#news #newsListBox dl dd span img {
	width: 90px;
	position: absolute;
	left: -100px;
	top: 0;
}
body#news #newsListBox p.pageMove {
	margin: 0 15px 0 0;
	text-align: right;
}
body#news #newsListBox .page-numbers {
	padding: 4px 2px;
}

/* NEWS DETAILES
-------------------------------------------------------------------------------------------*/
body#newsDetails h3 {
	margin: 0 0 15px 0;
	padding: 0 10px 5px 10px;
	border-bottom: 2px solid #336699;
	font-size: 200%;
	font-weight: bold;
	color: #336699;
	line-height: 1.1;
	/*\*/
	letter-spacing: 0em;
	/**/	
}
body#newsDetails #newsDetailsBox {
	width: 627px;
	margin: 0;
	padding: 0 10px 35px 10px;
	border-bottom: 1px solid #336699;
}
body#newsDetails #newsDetailsBox p {
	margin: 0 0 15px 0;
}
body#newsDetails p.date {
	text-align: right;
	margin: 0 10px 15px 0;
}
body#newsDetails #newsDetailsBox table {
	margin: 0 0 15px 0;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: none;	
	border-left: 1px solid #CCCCCC;
}
body#newsDetails #newsDetailsBox table td {
	padding: 4px;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
	border-left: none;
}
body#newsDetails #newsDetailsBox table th {
	padding: 4px;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
	border-left: none;
	font-weight: bold;
}


/* IMAGE SIZE
---------------------------*/
body#newsDetails #newsDetailsBox p {
	clear: both;
	width: 620px;
	margin: 0 0 10px 0;
}

img.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}
* html img.alignleft {
	margin: 0 0 5px 0;
}
img.alignright {
	float: right;
	margin: 0 0 5px 10px;
}
* html p img.alignright {
	margin: 0 0 5px 0;
}

img.aligncenter {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
}
img.alignnone {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
}

img.size-thumbnail,
img.size-medium,
img.size-large,
img.size-full  {
	padding: 9px;
	border: 1px solid #E1E1E1;
}
img.size-large {
	margin: 0 0 5px 0;
}
img.size-full {
	max-width: 600px !important;
	height: auto !important;
	width: expression(this.width &gt; 600 ? 600: true); /*for ie6*/
	clear: both;
	margin: 0 0 5px 0;
}












</pre></body></html>