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

#menu_go_1{
	cursor:pointer;
}
#menu_go_3{
	cursor:pointer;
}
#menu_go_top{
	cursor:pointer;
}
#tip a{
font-weight: bold;
	}
#btn01{
	width:127px;
	height:43px;
	background-image:url(pic/btn01.png);
	z-index:105;
	position:absolute;
	cursor:pointer;
}
#btn02{
	width: 127px;
	height: 43px;
	background-image: url(pic/btn02.png);
	z-index: 105;
	margin-left:127px;
	position: absolute;
	cursor:pointer;
}
#btn03{
	width: 127px;
	height: 43px;
	background-image: url(pic/btn03.png);
	z-index: 105;
	margin-left:254px;
	position: absolute;
	cursor:pointer;
}
#w_btn01{
	width:112px;
	height:32px;
	background-image:url(pic/page01/btn01.png);
	z-index:105;
	position:absolute;
	cursor:pointer;
}
#w_btn02{
	width: 112px;
	height: 32px;
	background-image: url(pic/page01/btn02.png);
	z-index: 105;
	margin-left:127px;
	position: absolute;
	cursor:pointer;
}
#w_btn03{
	width: 112px;
	height: 32px;
	background-image: url(pic/page01/btn03.png);
	z-index: 105;
	margin-left:254px;
	position: absolute;
	cursor:pointer;
}
#w_o_btn01{
	width:112px;
	height:32px;
	background-image:url(pic/page01/btn01_.png);
	z-index:105;
	position:absolute;
}
#w_o_btn02{
	width: 112px;
	height: 32px;
	background-image: url(pic/page01/btn02_.png);
	z-index: 105;
	margin-left:127px;
	position: absolute;
}
#w_o_btn03{
	width: 112px;
	height: 32px;
	background-image: url(pic/page01/btn03_.png);
	z-index: 105;
	margin-left:254px;
	position: absolute;
}
#coffee{
	width: 333px;
	height: 311px;
	background-image: url(pic/coffee.png);
	position: absolute;
	z-index: 100;
	left:50%;
	margin-left:-690px;
	top:-55px;
	}


#dat{
	margin-right:75px;
	margin-top:68px;
	float:right;
	}
#wrapper0{
	width:100%;
	height:1550px;
	position:absolute;
	overflow:hidden;
	}
#page{
	width:1014px;
	height:1550px;
	background-image:url(pic/page.png);
	position:absolute;
	left:50%;
	margin-left:-512px;
	margin-top:12px;
	}
	
#cornor{
	width:1061px;
	height:1500px;
	background-image:url(pic/cornorbig.png);
	position:absolute;
	left:50%;
	margin-left:-540px;
	margin-top:0.2%;
	z-index:-1;
	
	}
#rightmenu{
	width:127px;
	height:332px;
	right:0px;
	top:20%;
	position:fixed;
	z-index:999;
}
#fb{
	background-image:url(pic/share.png);
	width:139px;
	height:41px;
	right:0px;
	top:100%;
	position:fixed;
	z-index:999;
	margin-top:-41px;
	margin-right:-139px;
	cursor:pointer;
}
#rightmenu1{
	width:127px;
	height:332px;
	right:0px;
	top:20%;
	background-image:url(pic/bar.png);
	position:fixed;
	z-index:999;
	cursor:pointer;
}
#rightmenu2{
	width:127px;
	height:153px;
	right:0px;
	top:20%;
	background-image:url(pic/page02/menu.png);
	position:fixed;
	z-index:999;
}

#catch{
	width:265px;
	height:91px;
	background-image:url(pic/catch.png);
	margin-left:38%;
	margin-top:3%;
	
	}
	
#line{
	width:879px;
	height:13px;
	background-image:url(pic/line.png);
	margin-left:7%;
	margin-top:1%;
	}

#menu {
	width:388px;
	height:43px;

	margin-left:32%;
	margin-top:0.1%;
	
	}
	
#menu ul li{

  float:left;
  margin-right:2px;

  }
  

  
#line_2{	
	width:879px;
	height:3px;
	background-image:url(pic/line2.png);
	margin-left:7%;
	margin-top:0.1%;
	
	
	}

#circle{
	width:879px;
	height:783px;
	background-image:url(pic/circle.png);
	background-repeat:no-repeat;
	margin-left:7%;
	margin-top:1%;
	
	}
	
#news{

	cursor:pointer;
	margin-top:12px;
	margin-left:12px;
	float:left;
	}

#tv{
	margin-top:12px;
	margin-right:16px;
	float:right;
	width:271px;
	height:203px;
	cursor:pointer;
	}
#cc{
	margin-top:24px;
	margin-right:16px;
	float:right;


	}
#ccc{
	}
#dd{
	width:271px;
	margin-top:13px;
	margin-right:16px;
	float:right;
	font-size:18px;
	line-height:170%;
	color:#666;
	
	}
.red{color:#de3845;
}	
	
#ani{
	width:853px;
	height:185px;
	background-image:url(pic/ani.gif);
	position:absolute;
	top:51%;
	left:50%;
	background-repeat:no-repeat;
	margin-left:-415px;
	clear:both;
	cursor:pointer;
	}

#ee{
	clear:both;
	width:875px;
	height:17px;
	margin-left:7%;
	margin-top:2%;
	
	

	}
	
#foot{
	

	width:879px;
	margin-top:1.5%;
	margin-left:7%;
	font-size:14px;
	line-height:150%;
	text-align: justify;
    text-justify:inter-ideograph;
	 letter-spacing:1.6px; 

	color:#666;
	
	}
.copyright{
	font-size:10px;
}
.blod{
    margin: 0px 0px 2px 0px;
    font-weight: bold;
	font-size:14px;
	line-height:150%;
	text-align: justify;
    text-justify:inter-ideograph;

	color:#666;}


#logo{
		width:141px;
		height:52px;
		background-image:url(pic/logo.png);
		position:absolute;
		top:95%;
		left:50%;
		margin-left:-60px;
		
		}
		
.clear{
　　clear:both;
　　height:0px;
　　margin:0;
　　padding:0;
　　width:0;
　　border:none;
　　overflow:hidden;

}

div img {
  vertical-align : middle;
}
@media screen and (min-width: 321px) and (max-width: 700px) {
	#rightmenu{
		display:none;
	}
}