html, body {
width:100%;
height:100%;
}
html.show-state {
*padding-bottom:150px;
}
html.show-state #website {
bottom:150px;
}
html {
*padding-top:83px;
/**padding-bottom:150px;*/
overflow:hidden;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
#hingewza {
position:absolute;
top:0;
left:0;
z-index:1001;
width:100%;
height:82px;
overflow:hidden;
text-align:center;
background:#dae6f3;
}

.hingebar {
position:absolute;
left:50%;
width:1200px;
margin-top:15px;
margin-left:-600px;
}


.x_view_text {
background-image:url("../images/x_view_text.png");
}
.x_view_data {
background-image:url("../images/x_view_data.png");
}
.x_font_max {
background-image:url("../images/x_font_max.png");
}
.x_font_min {
background-image:url("../images/x_font_min.png");
}
.x_sound {
background-image:url("../images/x_sound.png");
}
.x_sound_no {
background-image:url("../images/x_sound_no.png");
}
.x_palette {
background-image:url("../images/x_palette.png");
}
.x_zoom_in {
background-image:url("../images/x_zoom_in.png");
}
.x_zoom_out {
background-image:url("../images/x_zoom_out.png");
}
.x_break {
background-image:url("../images/x_break.png");
}
.x_repeat {
background-image:url("../images/x_repeat.png");
}
.x_pause {
background-image:url("../images/x_pause.png");
}
.x_play {
background-image:url("../images/x_play.png");
}
.x_close {
background-image:url("../images/x_close.png");
}
.x_state {
background-image:url("../images/x_state.png");
}
.touming, .touming ins {
filter:gray() alpha(opacity=50);
opacity:0.50;
}
.hingebar a {
float:left;
margin-right:12px;
overflow:hidden;
width:54px;
height:55px;
background:url(../images/btn_a.jpg) no-repeat top center;
padding-top:12px;
text-align:center;
display:block;
}

.hingebar a  ins {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0px 12px 0;
    overflow: hidden;
    text-decoration: none;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center top;
}
.hingebar a:hover {
float:left;
margin-right:12px;
overflow:hidden;
width:54px;
height:55px;
background:url(../images/btn_hover.jpg) no-repeat top center;
padding-top:12px;
text-align:center;
display:block;
}
.hingebar a.mar0 {
margin-right:0px;
}
a.btn_right{
width:53px;
height:55px;
background-position:top right;
}
a.btn_right:hover{
width:53px;
height:55px;
background-position:top right;
}
a.btn_left{
	width:50px;
height:55px;
background-position:top left;
margin-right:1px;

}
a.btn_left:hover{
	width:50px;
height:55px;
background-position:top left;
margin-right:1px;
}
a.btn_more{
width:18px;
height:55px;
background-position:top right;
}
a.btn_more:hover{
width:18px;
height:55px;
background-position:top right;
}
.btn-more {
width:9px;
margin:24px 0 0;
background-image:url("../images/btn-more.gif");
}
.hingebar a.btn_more ins{
	float: left;
width: 18px;
height: 32px;
margin: 0px 0px 0px 0px;
overflow: hidden;
text-decoration: none;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center;
}
a.notice{
	width:92px;
	height:55px;
	float:right;
	background:none;
	padding-top:0px;
}
a.notice:hover{
	width:92px;
	height:55px;
	float:right;
	background:none;
	padding-top:0px;
}
.hingebar a.Barrierfree_btn-active{
background-image:url("../images/btn_active.jpg");
}
/**
 @ panel */
.jadech {
display:none;
position:absolute;
top:69px;
z-index:1002;
padding:2px;
overflow:hidden;
border:1px solid #7fafe3;
/*background-color:#F3F7F5;*/
background-color:#b4d8ff;
-moz-box-shadow:2px 2px 5px #909090;
-webkit-box-shadow:2px 2px 5px #909090;
box-shadow:2px 2px 5px #909090;
}
.hingemenu {
padding-left:24px;
background:#e7f2ff url("../images/menu-bar.gif") no-repeat 10px 8px;
}
.hingemenu ul {
background:#e7f2ff url("../images/menu-line.gif") repeat-y;
}
.hingemenu li {
margin-left:2px;
background:url("../images/menu-dot.gif") repeat-x left bottom;
cursor:pointer;
}
.hingemenu .hingeul {
position:relative;
margin-left:-26px;
padding:3px 0 6px;
font-size:14px;
font-weight:bold;
color:#333333;
}
.hingemenu .hingeul ins {
display:inline-block;
width:19px;
height:11px;
margin-right:4px;
vertical-align:middle;
text-decoration:none;
}
.hingemenu .hingeul span {
padding:0 10px 0 5px;
}
.hingemenu .hingeli {
padding:0 2px;
}
.hingemenu .active .hingeli {
border:1px solid #B0C9F6;
background:url("../images/menu-hover.gif") repeat-x left center;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.hingemenu .active ins {
background:url("../images/menu-active.gif") no-repeat 1px center;
}
.bg-iframe {
display:none;
position:absolute;
top:69px;
z-index:1001;
filter:progid:DXImageTransform.Microsoft.Shadow(color="#909090",Direction=135,Strength=4);
}
.panel-block {
position:absolute;
left:3px;
bottom:0;
width:20px;
height:10px;
overflow:hidden;
}

#website {
position:fixed;
*position:static;
top:104px;
left:0;
right:0;
bottom:0;
/*bottom:150px;*/
*height:100%;
overflow:hidden;
}

#tooltips {
display:none;
position:absolute;
left:0;
bottom:0;
z-index:1001;
width:100%;
height:150px;
}
.guanbito {
height:140px;
border:5px solid #37A2B5;
border-right-width:40px;
font-family:'\5b8b\4f53';
font-weight:bold;
text-align:center;
background-color:#FFFFFF;
}
#tooltips-show {
height:140px;
}
.guanbico {
position:absolute;
top:12px;
right:12px;
width:16px;
height:16px;
text-indent:-10000px;
background:url("../images/close.png") no-repeat;
cursor:pointer;
}

.mask, .pagex {
*padding-top:83px;
}

.pagex, .pagey {
display:none;
position:absolute;
z-index:1000;
overflow:hidden;
background-color:#FF0000;
}
.pagex {
width:5px;
height:100%;
}
.pagey {
width:100%;
height:5px;
}