@charset "utf-8";

/*-----------------------------------------------------
    10px = 77%     11px = 85%     12px = 93%     13px = 100%
    14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
    18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
    22px = 167%    23px = 174%    24px = 182%    25px = 189%
    26px = 197%
------------------------------------------------------*/
/*-----------------------------------------------------
base
------------------------------------------------------*/
h1{
}
h2{
}


a:link{
	text-decoration:none;
	color:#0088cc;
}

a:visited{
	text-decoration:none;
	color:#0088cc;
}

a:hover{
	text-decoration:underline;
	color:#0088cc;
}


#top_nav{
	width:1000px;
}

#top_nav img{
	float:left;
}

#top_continer{
	width:1000px;
	margin:0 auto;
	padding:0 45px;
}

#info{
	width:600px;
	clear:both;
	float:left;
	margin:30px 0 0 0;
}

#info_area{
	width:570px;
	height:220px;
	padding:15px 15px;
	border:1px solid #595757;
	overflow-y:scroll;
}

#info_area table{
	width:100%;
	font-size:108%;
}

#info_area table th{
	width:90px;
	vertical-align:text-top;
	line-height:1.9;
}

#info_area table td{
	color:#bc9e65;
	line-height:1.9;
}


#top_main{
	width:370px;
	float:left;
	margin:30px 0 0 30px;
	text-align:center;
}


/*-----------------------------------------------------
slide
------------------------------------------------------*/
#slider_wrapper{
	width:100%;
	height:auto;
	overflow:hidden;
}

#slidecontent{
	width:1000px;
	margin:0 auto;
	position:relative;
}

#slider{
	width:1000px;
}

#slidecontent .bx-viewport{
	overflow: visible!important;
}

#slidecontent .bx-controls-direction a{
	width:150px;
	height:111px;
	position:absolute;
	top:0px;
	z-index:10;
	display:block;
	padding:156px 0;
	background: url(../img/top/slide_mask.png);
	text-align: center;
}

#slidecontent .bx-next{
	right:-300px;
}

#slidecontent .bx-prev{
	left:-300px;
}

/* PAGER */

.bx-wrapper .bx-pager {
	width:1000px;
	position:absolute;
	z-index:10;
	bottom:0;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #878787;
	padding-top:17px;
	padding-bottom:17px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #c7c8c8;
	text-indent: -9999px;
	display: block;
	width: 30px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #878787;
}