@import "reset.css";
@import "default.css";
@import "base.css";

@charset "utf-8";

body { }

#page_wrap { height: 970px;}

#header { position: absolute; top: 0px; left: 0px; float: none; min-height: 600px;}

#header .nav { margin-bottom: 0px;}

.soundPlayer {
	width:100%;
	height:30px;
	background-color: #ffc600;
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 1000;}
	
	.soundPlayer h3, .soundPlayer ul, .soundPlayer a
		{ display: block;}
	.soundPlayer img {display:block;}
	.soundPlayer .jp-jplayer {width:0;height:0;}
	.soundPlayer .jp-audio {position:absolute;top:3px;right:21px;}
	.soundPlayer .jp-audio .jp-controls {width:auto;}
	.soundPlayer .jp-audio .jp-controls li {float:left;}
	.soundPlayer .jp-audio .jp-controls a{display:block;width:24px;height:24px;overflow:hidden;text-indent:-1000px;padding:0 0 0 4px;}
	.soundPlayer .jp-audio .jp-controls a.jp-play{background:url(../img/soundplayer/btn_play.png) no-repeat 0 0;}
	.soundPlayer .jp-audio .jp-controls a.jp-pause{background:url(../img/soundplayer/btn_pause.png) no-repeat 0 0;}
	.soundPlayer .jp-audio .jp-controls a.jp-stop{background:url(../img/soundplayer/btn_stop.png) no-repeat 0 0;}
	
#header .tell {	display: none;}
	
#header .dsn {	display: none;}

#content_wrap { 
	width: 100%;
	position: relative;
	background-color: #fff;}
	
.bt_bg {
	width: 1400px;
	height: 45px;
	display: block;
	position: absolute;
	top: 831px;
	left: 50%;
	margin-left: -700px;
	background: url(../img/common/f_bg.gif) no-repeat top center;}


.visual_wrap {
	width: 1000px;
	height: 600px;
	margin-left: 200px;
	position: relative;}
	
	.rolling_wrap {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;}
		
		.rolling_wrap ul {
			width: 10000px;
			height: 100%;}
			
			.rolling_wrap li {
				width: 1000px;
				height: 100%;
				float: left;
				background: url(../img/main/visual_01.jpg) no-repeat top center;}
				
			.rolling_wrap li.list_02 { background: url(../img/main/visual_02.jpg) no-repeat top center;}
			.rolling_wrap li.list_03 { background: url(../img/main/visual_03.jpg) no-repeat top center;}
			.rolling_wrap li.list_04 { background: url(../img/main/visual_04.jpg) no-repeat top center;}
				
				
	.roll_btn {
		width: 100%;
		height: 47px;
		position: absolute;
		top: 450px;
		left: 0px;}
		
		.roll_btn li {
			width: 24px;
			height: 47px;}
			
		.roll_btn li.list_01 {
			float: left;
			margin-left: 25px;}

		.roll_btn li.list_02 {
			float: right;
			margin-right: 25px;}
			
	.num_list { 
		width: 90px;
		height: 15px;
		position: absolute;
		bottom: 40px;
		left: 50%;
		margin-left: -40px;}
		
		.num_list a {
			width: 15px;
			height: 15px;
			margin-right: 5px;
			display: inline-block;
			background: url(../img/main/bulit_off.png) no-repeat top left;}
			
		.num_list a.on { background-image: url(../img/main/bulit_on.png);}

.banner_wrap {
	width: 1200px;
	height: 270px;
	margin: 0px auto;}
	
	.bn_01 {
		width: 500px;
		height: 270px;
		float: left;}
		
		.bn_01 .cf_wrap {
			width: 200px;
			float: left;
			position: relative;}
			
			.bn_01 .cf_wrap .btn {
				width: 154px;
				height: 93px;
				display: block;
				background: url(../img/common/ir_img.gif) repeat top left;
				position: absolute;
				top: 157px;
				left: 23px;}
	
	.banner_wrap .pr_wrap {
		width: 300px;
		height: 270px;
		float: left;
		position: relative;}	
		
		.banner_wrap .pr_wrap li {
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;}
			
		.pr_wrap .img_link {
			width: 60px;
			height: 12px;
			position: absolute;
			top: 14px;
			left: 237px;}
			
			.pr_wrap .img_link a {
				width: 11px;
				height: 11px;
				margin-right: 0px;
				display: inline-block;
				background: url(../img/main/bulit2_off.png) no-repeat top left;}
				
			.pr_wrap .img_link a.on { background-image: url(../img/main/bulit2_on.png);}
	
	.bn_02 {
		width: 700px;
		height: 270px;
		float: left;}
		
		.bn_02 li { float: left; height: 135px; width: 100px;}
		
		.bn_02 li.list_01,
		.bn_02 li.list_06 { width: 300px;}
		.bn_02 li.list_07 { width: 400px;}
		
			.bn_02 li a {
				width: 100%;
				height: 135px;
				display: block;}
				
			.bn_02 li.list_02 a { background: url(../img/main/banner_off.jpg) no-repeat 0px 0px;}
			.bn_02 li.list_03 a { background: url(../img/main/banner_off.jpg) no-repeat -100px 0px;}
			.bn_02 li.list_04 a { background: url(../img/main/banner_off.jpg) no-repeat -200px 0px;}
			.bn_02 li.list_05 a { background: url(../img/main/banner_off.jpg) no-repeat -300px 0px;}
		
		
		
			
.visual_wrap .paper {
	width: 136px;
	height: 136px;
	display: block;
	background: url(../img/main/paper.png) no-repeat top left;
	position: absolute;
	top: 0px;
	right: 0px;}
	
.visual_wrap .link {
	widht: 204px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;}