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

#container {
	margin:0 auto;
} 
#container :after { content: ''; display: block; clear: both; }

#main {
	margin: 0 auto;
	padding: 0;
	height: 360px;
	width: 980px;
}

/*Topimg*/

#viewer {
	margin: 0;
	padding: 0;
	float: left;
	width: 730px;
	height: 360px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

#contact {
	margin: 0;
	padding: 0;
	float: right;
	width: 230px;
	height: 360px;
	text-align: canter;
	background: url("../images/bg_contact.gif");
}
#contact .mail {
	margin: 285px 18px 10px 18px;
	width: 202px;
	height: 57px;
}

/*side ***************************************/

/*right*/

#side {
	margin: 0;
	padding: 0;
	float: right;
	height: auto;
	width: 230px;
}
#side img {
	padding-bottom: 15px;
}

/*left*/

#contentsBody {
	margin: 0;
	padding: 0;
	float: left;
	width: 730px;
	height: auto;
}

.topbana {
	margin-bottom: 15px;
	width: 730px;
}

#news {
	margin: 0;
	padding: 0;
	width: 730px;
	height: auto;
}
#news h2 {
	margin-bottom: 15px;
	padding: 0;
	width: 730px;
	height: 35px;
	background:url("../images/ttl_news.gif") no-repeat;
}
.newsBtn {
	margin: 0px;
	padding: 7px 10px 2px;
	float: right;
	height: auto;
	width: 81px;
}

/*newsBox*/
.newsBox {
	width:730px;
	margin-bottom: 15px;
	clear: both;
}
.newsBox img {
	border: solid 1px #c0c0c0;
	padding: 3px;
	margin:0 10px 0 0;
	display:inline;
	float:left;
}
.newsBox .news {
	width: 590px;
	float: right;
}
.news h3 { 
    color: #0183ce;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	background:url("../images/dot.gif") no-repeat;
	background-position:center left; 
}
.news p { 
    line-height: 1.5em;
}