@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	scrollbar-base-color: #C8C8C8;
	scrollbar-arrow-color: #FFFFFF;
	background:#fff;
	}
h3 {
	height: 21px;
	padding-top: 4px;
	padding-left: 20px;
	background-image: url(../img/haikei01.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left;
}
h4 {
	padding-bottom: 10px;
}

#container {
	width: 738px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}

#navi {
	width: 738px;
	margin-left:1px;
}
#navi ul {
	margin: 0;
	padding: 0;
	height: 40px;
}
#navi li {
	float: left;
	list-style-type: none;
	margin: 0;
	width: 123px;
	height: 40px;
}
#navi li a {
	widht: 123px;
	height: 40px;
	padding-top: 12px;
	color:#FFFFFF;
	display: block;
	background-image:url(../images/button.gif);
	background-repeat:no-repeat;
	text-align: center;
}
#navi li a:hover {
	background-image:url(../images/button-o.gif);
	background-repeat:no-repeat;
}

#main {
	width: 738px;
	margin-top: 5px;
	padding-bottom: 10px;
	clear: both;
}

#side {
	float: left;
	width: 190px;
	margin:5px 10px 0 5px;
}

#side .navi{
	background:#FFFF66;
	height:255px;
	
}

#side .navi ul {
	margin:5px;
	padding-bottom:5px;
	}
#side .navi li {
	float: left;
	list-style-type: none;
	width: 180px;
	}
#side .navi li a {
	padding: 6px 0 0 40px;
	color:#FFFFFF;
	display: block;
	background-image:url(../images/s-button.gif);
	background-repeat:no-repeat;
	height:25px;
	text-align: left;
}
#side .navi li a:hover {
	background-image:url(../images/s-button-o.gif);
	background-repeat:no-repeat;
}

#side img{
	margin:5px 0;
}

	
#contents {
	float: left;
	width: 505px;
	margin-left:10px;
}

#contents .box	{
	float:left;
	width:245px;
	}
#contents .box2	{
	float:right;
	width:245px;
}
#contents .box3	{
	float:right;
	width:495px;
}

#contents img	{
	margin:5px 0;
}

#sub	{
	margin:0 0 5px 0;
	width:495px;
}

#sub h2	{
	background-image:url(../images/st-bg.gif);
	background-repeat:no-repeat;
	width:485px;
	font-size:16px;
	line-height:16px;
	height:26px;
	margin-left:10px;
	padding:5px 0 0 10px;
}
#sub p	{
	padding-left:10px;
	margin:0 0 20px 0;
	}
.section {
	width: 505px;
	padding-bottom: 10px;
}
.section img {
	padding-bottom: 10px;
}
.section p {
	padding-bottom: 10px;
}


#footer {
	clear: both;
	width: 738px;
	border-top: 2px solid #031A0B;
}
#footer p {
	float: left;
	margin-top: 7px;
	margin-left: 5px;
}
#copyright {
	float: right;
	margin-top: 7px;
	text-align: right;
}

.line{
	float:right;
	padding:10px 0;
	border-bottom: 1px dotted #333333;
}

.clear {
	clear: both;
}