/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#52616a url(images/body-bg.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.change { color:#0088a3;}
html
	{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#4f5a5b;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#8dc904;text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-top:15px;}
strong {color:#000000;}
.sig {float:right; padding-bottom:5px;}

/* ============================= main layout ====================== */

.link {background:url(images/link-bg.gif) no-repeat 0 4px; padding-left:19px; display:inline-block; margin-top:5px;}
.row1 .link {background:url(images/link-bg.gif) no-repeat 0 4px; font-weight:bold; color:#000000; padding-left:19px; margin-top:13px;}
.extra .link a {font-weight:normal;}
.link8 {background:url(images/link-bg.gif) no-repeat 0 4px; padding-left:19px; display:inline-block;}

.enkaku {padding-left:50px; font-size:x-small; font-weight:normal; color:#4f5a5b;}
.enkaku2 {padding-left:110px; font-size:x-small; font-weight:normal; color:#4f5a5b;}
.link2 {font-weight:bold; color:#000000; margin-top:13px;}
.row1 .link2 {margin-top:20px; font-weight:normal; color:#8dc904;}

li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:15px; font-weight:bold; line-height:1.667em; position:relative;}
li a {color:#0088a3; text-decoration:none;}
li a:hover {text-decoration:underline;}

.list li {background:none; padding:0; font-weight:normal;}
.list li a {color:#8dc904; text-decoration:underline;}
.list li a:hover {text-decoration:none;}

.list2 li {color:#0088a3; background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:15px; font-weight:bold; line-height:1.667em; position:relative;}
hr {width:585px}

cite {font-style:normal;}

.relative {position:relative;}
.imgindent {margin:0 20px 0 0; float:left;}
.img_indent { margin:0 20px 0 0; float:left;}
.img_indent2 { margin:0 8px 0 0; float:left;}
.img_indentr { margin:0 0px 0 20px; float:right;}

h2 {background:url(images/title1-tail.jpg) top repeat-x; line-height:1em; color:#ffffff; padding:13px 0 14px 15px;}
.title {background:url(images/title2-tail.jpg) top repeat-x;}
h3 {border-bottom:2px solid #b7dee2; font-size:1.167em; color:#000000; padding:0 0 17px 16px;}

h4 { background:url(images/h4-tial-bg.gif) top repeat-x; color:#ffffff; position:relative; margin-top:-1px;}
h4 span {display:block; padding:8px 0 14px 15px; background:url(images/h4-bg.jpg) top right no-repeat;}

/* ============================= content ====================== */

.title1-bg { position:absolute; top:0; right:0; margin:14px 26px 0 0;}
.title2-bg {position:absolute; top:0; right:0; margin:14px 14px 0 0;}

#content {background:#ffffff; padding:0 20px;}
#content .indent {background:url(images/line1.gif) top left repeat-x; padding:14px 0 20px 0;}

.col-pad1 {padding-right:12px;}
.col-pad2 {padding-right:10px;}
.col-pad3 {padding-right:15px;}

.row1 {background:url(images/line2.gif) bottom left repeat-x; padding-bottom:12px;}
.row2 {padding:31px 0 0 0;}

.indent1 {padding:20px 10px 20px 15px;}
.row1 .indent1 {padding:16px 10px 20px 15px;}
.padding1 {padding-top:6px;}
.padding2 {padding-top:4px;}


.color2 {color:#4f5a5b;}
.color3 {color:#0088a3;}
.text2 {line-height:1.667em;}
.text3 {line-height:1.5em;}
.line3 {background:url(images/line3.gif) bottom left repeat-x; padding-bottom:16px; margin-bottom:9px;}
.phone {float:right; margin-right:220px;}
.extra {padding:0 0 30px 20px;}
.dot { border: 1px solid #576871;}
.dot td { border-top: 1px dotted gray; border-right: 1px dotted gray; }
#chu {color:#0088a3;
	  font-size:10px;
	  }

/* ============================= footer ====================== */

#footer {color:#ffffff; font-size:0.833em; line-height:1em;}
#footer span {text-transform:uppercase;}
#footer a {color:#ffffff;}
#footer .menu {width:920px; overflow:hidden;}
#footer .menu ul {margin-left:-12px; font-size:1.1em; padding:20px 0 2px 0;}
#footer .menu li {display:inline; border-left:1px solid #95a4ad; background:none; padding:0 7px 0 11px;}
#footer .menu li a {color:#95a4ad; font-weight:normal; text-transform:uppercase;}
#footer .menu li a:hover {color:#ffffff;}

/* ============================= forms ============================= */

.button {color:#ffffff; border:1px solid #000000; background:url(images/button-ok.gif) top repeat-x #38454c; text-decoration:none; font-weight:bold; display:inline-block; padding:3px 14px 4px 14px; vertical-align:middle;}
.button:hover { background:url(images/button-ok-hover.gif) top repeat-x #3c4850;}

#NewsForm {border:1px solid #576871; margin:17px 0 0 17px;}
#NewsForm .rowi {padding:20px 0 10px 14px;}
#NewsForm .input {width:178px; height:22px; border:1px solid #758e9d; background:none; padding:0 0 0 5px; font-size:1em;}
#NewsForm .link3 {color:#000000; font-size:0.917em; line-height:3em;}

#ContactForm {border:1px solid #576871; width:267px; margin:7px 0 0 17px;}
#ContactForm .form-div {padding:20px 16px 10px 14px;}
#ContactForm .rowi {padding-bottom:5px;}
#ContactForm .input {width:230px; height:22px; border:1px solid #758e9d; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
#ContactForm .button {float:right; margin:5px 0 0 5px;}
textarea {width:230px; height:42px; border:1px solid #758e9d; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}