#content {
    position: relative;
}
#content #box01, #box02, #box03, #box04, #box05, #box06, #box07, #box08 {
    position: relative;
}

#box01 {
    position: fixed;
    width: 1010px;
	margin:0 auto;
    height: 1200px;
}
#box02, #box03, #box04, #box06 {
    position: fixed;
    width: 1010px;
	margin:0 auto;
}
#box05 {
    position: fixed;
    width: 1010px;
	margin:0 auto;
}
#box07 {
    position: fixed;
    width: 1010px;
	margin:0 auto;
}
#box08 {
    position: fixed;
    width: 1010px;
	margin:0 auto;
}

#box01 {
    position: absolute;
    background-color: #e7833a;
    z-index: 80;
	background-image:url(../images/cocoon_bg.jpg);
}
#box02 {
    background-color: #9bd4da;
    z-index: 70;
	background-image:url(../images/cocoon_bg2.jpg);
	position:relative;
}
#box03 {
    background-color: #91d7b1;
    z-index: 60;
	background-image:url(../images/cocoon_bg3.jpg);
	position:relative;
}
#box04 {
     background-color: #91d7b1;
    z-index: 50;
	background-image:url(../images/cocoon_bg4.jpg);
	position:relative;
}
#box05 {
    background-color: #05830b;
    z-index: 40;
	position:relative;
	font-size:12px;
	color:#FFF;
}
#box06 {
    background-color:#f0b709;
    z-index: 30;
	position:relative;
	font-size:12px;
	color:#FFF;
}
#box07 {
    background-color: #828282;
    z-index: 20;
	position:relative;
	font-size:13px;
	color:#FFF;
}
#box08 {
    background-color:#000;
    z-index: 10;
	position:relative;
	font-size:12px;
	color:#FFF;
}
#box09 {
    background-color:#d2272f;
    z-index: 10;
	position:relative;
	font-size:12px;
	color:#FFF;
}
#box10 {
    background-color:#a20a11;
    z-index: 10;
	position:relative;
	font-size:12px;
	color:#FFF;
}
#box11 {
    background-color:#d12270;
    z-index: 10;
	position:relative;
	font-size:12px;
	color:#FFF;
	background-image:url(../images/cocoon_bg7.jpg);
}

.pagetop{
	float:right;
	margin-bottom:20px;
}
.inbox_top {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box02 .movie{
	position:absolute;
	left:193px;
	top:471px;
}
#box03 .movie{
	position:absolute;
	left:193px;
	top:545px;
}
#box04 .movie{
	position:absolute;
	left:193px;
	top:545px;
}
#box05 a {
	text-decoration:underline;
	color:#FFF;
}
#box05 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box05 .inbox .artist_bio {
	margin-bottom:40px;
}
#box05 .inbox h2 {
	font-size:20px;
	margin-bottom:10px;
}
#box05 .inbox .floatL {
	width:220px;
	float:left;
	margin-right:50px;
}
#box05 .inbox .floatR {
	width:586px;
	float:left;
}

#box05 .inbox .leftbox {
	width:350px;
	float:left;
	margin:0 50px 0 0;
}
#box05 .inbox .rightbox {
	width:350px;
	float:left;
	margin:0 0 0 0;
}
#box06 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box06 .podcast {
	width:866px;
	margin:0 auto;
}
#box06 .podcast_artist {
	margin:5px auto 0;
	font-size: 150%;
	font-weight: bold;
}
#box06 .podcast_text {
	margin: 10px 0 0 0;
}
#box06 .podcast_link {
	margin: 10px 0 0 0;
	text-align: right;
}
#box06 .boxinner {
	width:866px;
	margin:0 auto;
}
#box06 .boxinner_l {
	width:280px;
	margin:0 auto;
	float:left;
}
#box06 .boxinner_r {
	width:546px;
	height:260px;
	margin:0 0 0 20px;
	padding: 10px;
	float:right;
	background: #fff;
	color: #000;
}
#box07 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box07 .text {
	width:866px;
	margin:0 auto;
}
#box07 .movie {
	width:640px;
	margin:0 auto;
}
#box07 .sch {
	width:866px;
	margin:0 auto;
}
#box07 .floatL {
	width:420px;
	float:left;
	margin-right:25px;
}
#box07 .floatR {
	width:420px;
	float:left;
}
#box07 h2 {
    font-size:18px;
	color:#FFF;
}
#box07 .dotline {
	border-bottom:1px dotted #FFF;
	padding:3px 0 0 0;
	margin-bottom:6px;
	width:400px;
}
#box08 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box08 .contents {
	width:866px;
	margin:0 auto;
}
#box08 a {
	color:#FFF;
	text-decoration:underline;
}
#box08 h2 {
	font-size:18px;
	color:#FFF;
}
#box08 .floatL {
	width:400px;
	float:left;
	margin-right:50px;
}
#box08 .floatR {
	width:400px;
	float:left;
}
#box09 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box09 .contents {
	width:866px;
	margin:0 auto;
}
#box09 .floatL {
	width:400px;
	float:left;
	margin-right:50px;
}
#box09 .floatR {
	width:400px;
	float:left;
}
#box09 h2 {
	font-size:18px;
	color:#FFF;
}
#box09 .text {
	font-size:15px;
	color:#FFF;
	line-height:180%;
}
#box10 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box10 a {
	color:#FFF;
	text-decoration:underline;
}
#box10 .contents {
	width:866px;
	margin:0 auto;
}
#box10 .floatL {
	width:400px;
	float:left;
	margin-right:50px;
}
#box10 .floatR {
	width:400px;
	float:left;
}
#box11 .inbox {
	width:900px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#box11 .contents {
	width:866px;
	margin:0 auto;
}

@media screen and (max-width: 900px) {
#content {
  position: relative;
  height: auto;
  width:1010px;
  margin:0 auto;
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio: 1.5) {
#content {
  position: relative;
  height: auto;
  width:1010px;
  margin:0 auto;
}
}