body{ 
	background-color: #001d43; 
	background-image: url(pix/bodyback.png) ; 
	background-repeat: no-repeat ; 
	background-position: center top ;
	color: #000; 
	font-size: 12px;
	font-family: Arial; 
	text-align: center; 
	line-height: 100%; 
	margin: 0; 
	padding: 0; 
} 
a:link {color: #00f; text-decoration: none; }
a:visited {color: #90f; text-decoration: none; }
a:hover {color: #06f; text-decoration: underline; }
a:active {color:#f00; text-decoration: none; }
h2 a:visited {color: #00f; }
#head
{
	background-image: url(pix/bluehead3.png); 
	background-repeat: no-repeat ;
	background-position: center top ;
	height: 140px; 
	margin: 0; 
	padding: 0;
	text-align: center; 
}
#header
{
	display: block; 
	float: center; 
	width: 900px; 
	height: 140px; 
	margin: auto; 
	padding: 0;
}
h1
{
	clear: right; 
	color: #9df; 
	text-align: right; 
	font-size: .9em; 
	font-weight: normal; 
	padding: 0;
	margin: 0 110px 0 0; 
}
#navibar
{
	display: block; 
	float: right; 
	width: 800px; 
	height: 33px; 
	margin: 25px 0 25px 0; 
	padding: 0 0 0 0; 
	font-weight: normal; 
	line-height: 1em; 
	text-align: right; 
}
span.menu{
color: #fff; 
margin: 0; 
padding: 0 14px 0 10px; 
border-left: solid 4px; 
}
#navibar a {
color: #ad0; 
text-decoration: none; 
margin: 0; 
padding: 0 14px 0 10px; 
border-left: solid 4px; 
}
#navibar a:link {
color: #ad0; 
text-decoration: none; 
}
#navibar a:visited {
color: #ad0; 
text-decoration: none; 
}
#navibar a:hover {
color: #fff; 
text-decoration: none; 
}
#navibar a:active {
color:#f00; 
text-decoration: none; 
}

#main
{
	display: block; 
	float: center; 
	width: 900px; 
	background: #fff url(pix/mainback.png) left top no-repeat; 
	margin: auto; 
	padding: 0; 
}
.inwrap
{
	width: 850px; 
	margin: auto; 
	padding: 0; 
	background: transparent; 
	text-align: left; 
}
.area
{
	display: block; 
	float: right; 
	width: 640px; 
	margin: auto; 
	padding: 0; 
	background-color: transparent; 
}
.sidebar
{
	clear: left; 
	display: block; 
	float: left; 
	width: 180px; 
	margin: 10px auto 0 auto; 
	padding: 0; 
	background-color: transparent; 
}
.sidebar a:link {color: #9ff; text-decoration: none; }
.sidebar a:visited {color: #9ff; text-decoration: none; }
.sidebar a:hover {color: #fff; text-decoration: underline; }
.sidebar A:ACTIVE {color:#f00; text-decoration: none; 
  line-height : 50px;
}

ul.index
{
	color: #fff; 
	margin: 0; 
	padding: 0; 
	line-height: 2.4em; 
	font-size: 1.2em; 
	font-weight: bold; 
}
ul.index li
{
	list-style: none; 
	border-bottom: solid 1px #fff; 
}
h2{
	height: 24px; 
	color: #039; 
	font-size: 1.2em; 
	line-height: 100%; 
	margin: 0 0 10px 0; 
	padding: 13px 0 0 12px; 
	background: url(pix/h2.png) left top no-repeat; 
}
p
{
	line-height: 150%; 
	margin: 0 0 10px 12px; 
	padding: 0; 
}
#footer{
	clear: both; 
	width: 900px; 
	color: #69f; 
	font-size: .9em; 
	text-align: left; 
	margin: auto; 
	padding: 10px 0 20px 0;
}
#footer a:link {color: #47a; text-decoration: none; }
#footer a:visited {color: #47a; }
#footer a:hover {color: #58b; text-decoration: underline; }
#footer a:active {color:#f00; }

}
.topi{
	color: #333; 
	background: #f6f6f6; 
	border: solid 2px; 
	border-color: #f6f6f6; 
}
 }
hr{
	height: 1px;
	background-color: #dca;
	color: #dca;
	border: none;
}
h3
{
	display: block; 
	font-size: 14px;
	line-height: 100%; 
	font-weight: bold; 
	margin: 20px 15px 10px; 
	padding: 5px; 
	background: #ececec; 
	color: #000;
}
h3.topper{ margin-top: 10px; }

.width
{
	display: block; 
	float: center; 
	width: 900px; 
	margin: 0 auto; 
	padding: 0;
}
#left
{
	display: block; 
	float: left; 
	text-align: left; 
	width: 660px; 
	margin: 0 0 16px 0; 
	padding: 0;
}
.column
{
	display: block; 
	float: left; 
	width: 640px; 
	margin: 0 0 12px 0; 
	padding: 0; 
 }
#right
{
	display: block; 
	float: right; 
	text-align: left; 
	width: 220px; 
	margin: 0; 
	padding: 0;
}
.topi{
	clear: right; 
	display: block; 
	float: right; 
	width: 205px; 
	margin: 0 0 5px 0; 
	padding: 7px; 
	font-weight: normal; 
	font-size: .9em; 
	line-height: 1.25em; 
}

p.about
{
	font-size: .9em; 
	line-height: 150%; 
	margin: 6px 0 10px 20px; 
	padding: 0; 
}

.clear
{
	clear: both; 
}

.five{	height: 
	5px; clear: both; margin: 0; padding: 0; }
.ten{	height: 
	10px; clear: both; margin: 0; padding: 0; }
.twenty{	height: 
	20px; clear: both; margin: 0; padding: 0; }
.thirty{	height: 
	30px; clear: both; margin: 0; padding: 0; }
.forty{	height: 
	40px; clear: both; margin: 0; padding: 0; }

.boarddate
{
	clear: both; 
	display: block; 
	float: left; 
	color:#666; 
	font-size:9px; 
	font-family:Verdana; 
	margin: 0 0 5px 0; 
	padding: 0 0 0 9px; 
}
.boardcomment
{
	clear: both; 
	display: block; 
	float: left; 
	width: 600px; 
	color:#000; 
	font-size:12px; 
	line-height: 175%; 
	margin: 5px 0 15px 20px; 
	padding: 0; 
}
.boardimage
{
	clear: both; 
	display: block; 
	float: center; 
	color:#567; 
	font-size:12px; 
	line-height: 175%; 
	margin: 0 0 20px 20px; 
	padding: 0; 
}
span.small
{
	font-size: .8em; 
	line-height: 1.3em; 
}
span.smallred
{
	color: #f66; 
	font-size: .8em; 
}
span.more
{
	font-size: .9em; 
	padding-left: 5px; 
}
span.number
{
	color: #e33;
	font-size: 1.1em; 
	font-weight: bold; 
}
table
{
	font-size: 1em; 
}

p.borderb
{
	font-size: .9em; 
	line-height: 100%; 
	margin: 8px 15px; 
	padding: 3px; 
	border-bottom: solid 1px #bcf; 
}
p.komidashi
{
	font-weight: bold; 
	line-height: 110%; 
	margin: 0 0 3px; 
	padding: 0; 
	color: #000; 
}
p.kuwashi
{
	text-align: right; 
	font-size: .9em; 
	margin: 0 15px 10px 0; 
}
p.point
{
	line-height: 2em; 
}
h4
{
	font-size: 1.2em; 
	line-height: 1em; 
	margin: 0 0 6px 0; 
	padding: 0 0 2px 6px; 
	border-bottom: solid 1px #9cf; 
}
h5
{
	color: #270; 
	font-size: 1.2em; 
	line-height: 1em; 
	margin: 0 0 6px 0; 
	padding: 6px 0 2px 10px; 
	border-bottom: solid 1px #fac; 
}
ul.trouble
{
	line-height: 1.6em; 
}
img.mainphoto
{
	margin: 0 10px 15px 15px; 
	border: solid 1px #eee; 
	width: 240px; 
	height: 180px; 
	float: left; 
}
img.mainphoto2
{
	margin: 0 15px 10px 10px; 
	border: solid 1px #eee; 
	width: 240px; 
	height: 180px; 
	float: right; 
}

p.emphasis
[
	color: #f06; 
}

table
{
	background: #fff; 
	margin: 0px; 
	padding: 0px; 
	line-height: 1.7em; 
}


table.colps
{
	font-size: 1em; 
	border: solid 1px #9cf; 
	border-collapse: collapse; 
}
table.colps td
{
	border: solid 1px #9cf; 
	border-collapse: collapse; 
	vertical-align: top; 
	line-height: 1.4em; 
}
table.noborder
{
	font-size: 1em; 
	border: 0; 
}
table.noborder td
{
	border: 0; 
	vertical-align: top; 
	line-height: 1.4em; 
}


/* a.home
{
	display: block; 
	float: left; 
	width: 53px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navhomeoff.png); 
	border: 0; 
}
span.home
{
	display: block; 
	float: left; 
	width: 53px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navhomeon.png); 
	border: 0; 
}
a.home:hover{
	background-image: url(pix/navhomeon.png); 
}
a.topi
{
	display: block; 
	float: left; 
	width: 132px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navtopioff.png); 
	border: 0; 
}
span.topi
{
	display: block; 
	float: left; 
	width: 132px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navtopion.png); 
	border: 0; 
}
a.topi:hover{
	background-image: url(pix/navtopion.png); 
}
a.about
{
	display: block; 
	float: left; 
	width: 71px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navaboutoff.png); 
	border: 0; 
}
span.about
{
	display: block; 
	float: left; 
	width: 71px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navabouton.png); 
	border: 0; 
}
a.about:hover{
	background-image: url(pix/navabouton.png); 
}
a.contact
{
	display: block; 
	float: left; 
	width: 74px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navcontactoff.png); 
	border: 0; 
}
span.contact
{
	display: block; 
	float: left; 
	width: 74px; 
	height: 33px; 
	margin: 0; 
	padding: 0;
	background-image: url(pix/navcontacton.png); 
	border: 0; 
}
a.contact:hover{
	background-image: url(pix/navcontacton.png); 
} */