@charset "utf-8";
#wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#headerArea {
	margin-right: auto;
	margin-left: auto;
	height: 93px;
	position: relative;
	width: 970px;
	padding-right: 5px;
	padding-left: 5px;
}
#headerArea .logo {
	position: absolute;
	left: 8px;
	top: 3px;
	z-index: 5;
}
#headerArea .sBtn {
	position: absolute;
	left: 324px;
	top: 7px;
	width: 240px;
}
#headerArea .sBtn li {
	float: left;
}


#headerArea .menu {
	position: absolute;
	left: 542px;
	top: 10px;
}
#headerArea .menu li {
	float: left;
}
#headerArea .nav {
	position: absolute;
	top: 50px;
	z-index: 1;
}
#headerArea .nav li {
	float: left;
}
#headerArea .line {
	position: absolute;
	left: 5px;
	top: 90px;
}
#mainVisual {
	background-image: url(/_img/top/main-visual_bg.png);
	background-repeat: no-repeat;
	height: 390px;
	width: 980px;
	margin: 0px;
	padding: 0px;
	background-position: 5px 0px;
}
/*galley*/
div.Inner {
	position:relative;
	width:931px;
	height:360px;
	left: 25px;
}
#view {
	position: absolute;
	width:931px;
	height:360px;
	top:0;
	left:0;
	overflow:hidden;
}
#view p {
	position: absolute;
	width:931px;
	height:360px;
	top:0;
	left:0;
}
#thumbBtn {
	position:absolute;
	top:295px;
	right:17px;
}
#caption {
	position:absolute;
	top:310px;
	left:0px;
	text-align:left;
}
#thumbBtn li {
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
	
}
#thumbBtn .thm04 {
	background-image: url(/_img/top/thum04.png);
	background-repeat: no-repeat;
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
	}
#thumbBtn .thm05 {
	background-image: url(/_img/top/thum08.png);
	background-repeat: no-repeat;
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
	}
#thumbBtn .thm06 {
	background-image: url(/_img/top/thum06.png);
	background-repeat: no-repeat;
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
	}
#thumbBtn .thm01 {
	background-image: url(/_img/top/thum01.png);
	background-repeat: no-repeat;
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
}
#thumbBtn .thm02 {
	background-image: url(/_img/top/thum02.png);
	background-repeat: no-repeat;
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
}
#thumbBtn .thm03 {
	background-image: url(/_img/top/thum03.png);
	background-repeat: no-repeat;
	padding: 0;
	float:left;
	width: 54px;
	cursor:pointer;
	height: 53px;
	display: block;
}

#thumbBtn .thm04.active {
	background-image: url(/_img/top/thum04_on.png);
}
#thumbBtn .thm05.active {
	background-image: url(/_img/top/thum08_on.png);
}
#thumbBtn .thm06.active {
	background-image: url(/_img/top/thum06_on.png);
}
#thumbBtn .thm01.active {
	background-image: url(/_img/top/thum01_on.png);
}
#thumbBtn .thm02.active {
	background-image: url(/_img/top/thum02_on.png);
}
#thumbBtn .thm03.active {
	background-image: url(/_img/top/thum03_on.png);
}

.contentArea  {
	float: left;
	width: 620px;
	padding-left: 5px;
}
.contentArea .aboutus  {
	background-image: url(/_img/top/aboutus_bg.png);
	height: 250px;
	width: 610px;
	position: relative;
}
.contentArea .aboutus h2 {
	padding-top: 10px;
	padding-left: 5px;
}
.contentArea .aboutus h3 {
	padding-top: 20px;
	padding-left: 5px;
}
.contentArea .aboutus .txt {
	width: 320px;
	padding-top: 10px;
	padding-left: 26px;
}
.contentArea .aboutus .detail {
	position: absolute;
	left: 473px;
	top: 31px;
}
.contentArea .ranking {
	background-image: url(/_img/top/ranking_bg.png);
	height: 270px;
	width: 610px;
	padding-left: 5px;
	position: relative;
	margin-bottom: 13px;
	background-repeat: no-repeat;
}
.contentArea .ranking h2 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.contentArea .ranking .view {
	position: absolute;
	left: 432px;
	top: 42px;
}
.ranking ul {
	padding-top: 85px;
	padding-left: 28px;
}
.ranking ul a.rnkBox {
	background-image: url(/_img/top/ranking_itembg.png);
	background-repeat: no-repeat;
	width: 178px;
	display: block;
	float: left;
	position: relative;
	height: 117px;
	margin-right: 5px;
}
.ranking ul a.rnkBox:hover {
	background-image: url(/_img/top/ranking_itembg_on.png);
}

.ranking ul .rnkBox li .photo {
	position: absolute;
	left: 9px;
	top: 9px;
}
.ranking ul .rnkBox li .rankNo {
	position: absolute;
	z-index: 5;
	left: -4px;
	top: -4px;
}
.ranking ul .rnkBox li .nm {
	position: absolute;
	top: 119px;
	left: 9px;
	font-weight: bold;
}
.contentArea .box610 {
	background-image: url(/_img/top/box610_top.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	width: 610px;
	padding-top: 15px;
	margin-bottom: 15px;
	position: relative;
}
.contentArea .box610 .inner {
	background-image: url(/_img/top/box610_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}
.contentArea .box610 .inner .conts {
	background-image: url(/_img/top/box610_body.png);
	background-repeat: repeat-y;
}
.contentArea .box610 .inner .conts .newsTitle {
	padding-left: 5px;
}
dl.news {
	padding-left: 25px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.allview {
	position: absolute;
	left: 465px;
	top: 23px;
}

dl.news dt {
	width: 110px;
	float: left;
	padding-bottom: 10px;
}
dl.news dd {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 10px;
}
dl.news dd a {
	text-decoration: underline;
	color: #000;
}

.contentArea .facebook  {
	width: 600px;
	padding-left: 5px;
	padding-bottom: 15px;
	height: 290px;
}