@charset "UTF-8";

.supo-waku{
	width:930px;
	position:relative;
	float:left;
	text-align:center;
	margin-top:50px;
}
.supo{
	width:930px;
	text-align:center;
	padding:10px 0px 10px 0px;
	position:relative;
	float:left;
	border: 1px dotted #999;
	
}

.supo-img {
padding:10px 10px 10px 10px;
vertical-align:middle;
}



#topMenu{
	position:relative;
	margin:0 auto;
	width:100%;
	height:369px;
	background-color:#FFF;
	overflow:hidden;
	background:none transparent;
}
.topMenuList{
	position:absolute;
	top: 0px;
	left: 50%;
	margin-left:-1070px;
	width:2140px;
	height:369px;
	z-index:10;
	overflow: hidden;
}
.topMenuListBox{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:3580px;
	height:370px;
	zoom: 1;
}
.topMenuListBox:after {display: block;clear: both;height: 0;visibility: hidden;content: " ";}
.topMenuListBox div{
	float:left;
	position:relative;
	margin:0px 8px 0px 0px;
	width:820px;
	height:370px;
	background-repeat:no-repeat;
}


.topMenuListBox div a{
	position: relative;
	display: block;
	cursor: pointer;
}
.topMenuListBox div a span.top_btn_over,
.topMenuListBox div a img {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	height:370px;
	width:820px;
}
.topMenuListBox div a span.top_btn_over {
	background: url() 0px -370px no-repeat;
	z-index: 20;
}
.topMenuListBox div a img {
	z-index: 15;
}
/*
* html .topMenuListBox div a {
	background-color: transparent;
	background-color: #000;
}
* html .topMenuListBox div a img{
	
}
*/


.topMenuSwitch{
	position:relative;
	margin:0px auto 0px;
	top:370px;
	width:1038px;
	z-index:100;
	overflow:visible;
}
.topMenuBtnPrev,
.topMenuBtnNext{
	position:absolute;
	top:-370px;
	width:820px;
	height:370px;
	cursor:pointer;
}
.topMenuBtnPrev{ left:-608px;}
.topMenuBtnNext{ right:-720px;}
.topMenuBtnPrev a,
.topMenuBtnNext a{
	display:block;
}
.topMenuBtnPrev .topMenuBtnNet{
	width:820px;
	height:370px;
	text-indent:-9999px;
	background:url(../../../../wp-content/themes/sight/images/top/top_btn_over.png) 0px 0px no-repeat;
	overflow:hidden;
	z-index:1000;
}

.topMenuBtnNext .topMenuBtnNet{
	width:820px;
	height:370px;
	text-indent:-9999px;
	background:url(../../../../wp-content/themes/sight/images/top/top_btn_over.png) 0px 0px no-repeat;
	overflow:hidden;
}


.topMenuBtnPrev a.topMenuBtn{
	position:absolute;
	display:block;
	top:150px;
	width:56px;
	height:56px;
	text-indent:-9999px;
	background-image:url(../images/top/left.png);
	background-repeat:no-repeat;
}

.topMenuBtnNext a.topMenuBtn{
	position:absolute;
	display:block;
	top:150px;
	width:56px;
	height:56px;
	text-indent:-9999px;
	background-image:url(../../../../wp-content/themes/sight/images/top/top_btn_over.png);
	background-repeat:no-repeat;
}




.topMenuBtnPrev a.topMenuBtn{background-position:0px bottom;left:620px;}
.topMenuBtnNext a.topMenuBtn{background-position:-120px bottom;left:30px;}
.topMenuBtnPrev a.topMenuBtn:hover,
.topMenuBtnPrev a.topMenuBtn.over{background-position:-60px bottom;}
.topMenuBtnNext a.topMenuBtn:hover,
.topMenuBtnNext a.topMenuBtn.over{background-position:-180px bottom;}



.ie678 .topMenuMark li a{
	width:11px;
	height:10px;
	border:none;
	background:url(../images/top/ie678_top_menu_circle.gif) left top no-repeat;
	overflow:hidden;
}
.ie678 .topMenuMark li a:hover,
.ie678 .topMenuMark li a.selected{
	background-position:left -10px;
}



/* #main ----------------*/
#main{
	margin:0px;
	padding:10px 0px 40px;
	width:100%;
	background-position: center top;
	background-repeat:repeat-y;
	background-color:transparent;
	zoom:1;
}



.scrollUp{
	top:0px;}
.scrollDown{bottom:0px;}

.scrollbar{
}
.scrollbar .scrollbarTop,
.scrollbar .scrollbarBottom{
	display:block;
	width:16px;
	height:13px;
	background-color:#dadada;
}
.scrollbar .scrollbarBody{
	position:relative;
	display:block;
	margin:0px 0px 0px 2px;
	width:8px;
	background-color:#000;
}
.scrollbar .scrollbarHead,
.scrollbar .scrollbarFoot{
	position:absolute;
	left:0px;
	display:block;
	width:10px;
	height:3px;
	background:url(../images/top/top_inner_scroll_bar) -1px top no-repeat;
	
	_overflow:hidden;
}
.scrollbar .scrollbarHead{
	top:0px;
	_background-position:-1px 0px;
}
.scrollbar .scrollbarFoot{
	bottom:0px;
	_bottom:-3px;
	_height:4px;
	background-position: -1px bottom;
	_background-position:-1px -77px;
}


.bou{
	margin:0px auto 0px;
	top:0px;
	width:100%;
	z-index:100;
	overflow:visible;
	height: 6px;
	background-image: url("../images/top/top_line.png");
}

.bou02{
	position:relative;
	margin:0px auto 0px;
	top:0px;
	width:100%;
	z-index:100;
	overflow:visible;
	height: 6px;
	background-image: url("../images/top/top_line.png");
}


#logo{
	position:relative;
	margin:24px auto 22px;
	width: 820px;
	height:65px;
	overflow:hidden;
	background:none transparent;
	}
	
#menu_bar{
	position:relative;
	width: 100%;
	height: 70px;
	overflow:hidden;
	background:none transparent;
	background: #f2f2f2;
	margin: 5px 0;
	}

#in_menu_bar{
	position:relative;
	width: 930px;
	height: 70px;
	margin:0 auto;

}

#in_menu_bar li{
float:left;
}