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

.w01 {
	width: 460px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	padding: 55px 0 0 260px;
	margin-left: 200px;
	background: url(../img/p01.jpg) no-repeat 0 0;
	font-size: 12px;
}

.w02 {
width: 720px;
height: 682px;
position: relative;
margin-left: 200px;
margin-bottom: 20px;
background: url(../img/p02.jpg) no-repeat 0 0;
}

.w02 li.n01 {
position: absolute;
left: 210px;
top: 130px;
}

.w02 li.n02 {
position: absolute;
left: 570px;
top: 130px;
}

.w02 li.n03 {
position: absolute;
left: 567px;
top: 512px;
}

.w02 li a {
width: 133px;
height: 24px;
background: url(../img/b01.gif) no-repeat 0 0; 
}

.w02 li a:hover {
background: url(../img/b01.gif) no-repeat 0 0;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

h4.ir {
width:720px;
height: 40px;
margin-left: 200px;
background: url(../img/t01.gif) no-repeat 0 0;
}

.plan {
width: 720px;
margin-left: 200px;
}

.plan_wrap {
width: 720px;
}

.plan_wrap ul#tabs01 {
width: 720px;
height: 32px;
}

.plan_wrap ul#tabs01 li {
float: left;
display: inline;
width: 160px;
height: 32px;
margin-right: 5px;
cursor: pointer;
}

.plan_wrap ul#tabs01 li.tab01 {
background: url(../img/p03_o.gif) no-repeat 0 0;
}

.plan_wrap ul#tabs01 li.tab01_on,
.plan_wrap ul#tabs01 li.tab01:hover {
background: url(../img/p03.png) no-repeat 0 0;
}

.plan_wrap ul#tabs01 li.tab02 {
background: url(../img/p04_o.gif) no-repeat 0 0;
}

.plan_wrap ul#tabs01 li.tab02_on,
.plan_wrap ul#tabs01 li.tab02:hover {
background: url(../img/p04.png) no-repeat -165px 0;
}

.plan_wrap ul#tabs01 li.tab03 {
background: url(../img/p05_o.gif) no-repeat 0 0;
}


.plan_wrap ul#tabs01 li.tab03_on,
.plan_wrap ul#tabs01 li.tab03:hover {
background: url(../img/p05.png) no-repeat -330px 0;
}

.plan_wrap ul#tabs01 li.tab04 {
background: url(../img/p06_o.gif) no-repeat 0 0;
}

.plan_wrap ul#tabs01 li.tab04_on,
.plan_wrap ul#tabs01 li.tab04:hover {
background: url(../img/p06.png) no-repeat -495px 0;
}

.plan_wrap #pic01 {
width: 720px;
height: 260px;
}

.plan_wrap #pic01 div {
width: 720px;
height: 260px;
}

.plan_wrap #pic01 .pic01 {
background: url(../img/p03.png) no-repeat bottom;
}

.plan_wrap #pic01 .pic02 {
background: url(../img/p04.png) no-repeat bottom;
}

.plan_wrap #pic01 .pic03 {
background: url(../img/p05.png) no-repeat bottom;
}

.plan_wrap #pic01 .pic04 {
background: url(../img/p06.png) no-repeat bottom;
}

.plan_wrap #pic01 div ul {
width: 690px;
margin-left: 16px;
position: relative;
padding: 9px 0 0;
}

.plan_wrap #pic01 div li {
width: 330px;
height: 130px;
position: relative;
}

.plan_wrap #pic01 div li .pic {
display: block;
width: 104px;
height: 104px;
position: absolute;
left: 0;
top: 0;
background: url(../img/bg01.gif) no-repeat 0 0;
}

.plan_wrap #pic01 div li .pic img {
width: 100px;
position: absolute;
left: 2px;
top: 2px;
}

.plan_wrap #pic01 div li .pic img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.plan_wrap #pic01 div li p {
width: 220px;
margin-left: 110px;
font-size: 12px;
}

.plan_wrap #pic01 div li p a {
color: #427D70;
}

.plan_wrap #pic01 div li p span {
display: block;
padding: 5px 0;
color:#A97A51;
}

.plan_wrap #pic01 div li.p02 {
position: absolute;
left: 360px;
top: 9px;
}

.plan_wrap #pic01 div li.p04 {
position: absolute;
left: 360px;
top: 139px;
}

.movie {
width: 720px;
height: 425px;
position: relative;
background: url(../img/p07.jpg) no-repeat 0 0;
margin-left: 200px;
}

.movie h5 {
height: 115px;
}

.movie .flash {
width: 320px;
height: 240px;
position: absolute;
left: 400px;
top: 115px;
}