html {
	color: #333;
    margin: 0;
    padding: 0;
	height: 100%;
	}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	height: 100%;
	}


/* ----- #coopman ----- */
#coopman {
	width: 100%;
	height: 100.5%;
	margin: auto;
	position: relative;
	}
	#coopman #coop_ci {
		position: fixed;
		top: -100%;
		left: 20px;
		z-index: 990;
		}
	#coopman #social {
		position: fixed;
		top: -100%;
		right: 20px;
		z-index: 991;
		}
		#coopman #social li {
			float: left;
			margin: 0 0 0 5px;
			padding: 0;
			}
		#coopman #social li.facebook {
			margin-top: -1px;
			}
		#coopman #social img {
			}

	#coopman ul#nav {
		width: 112px;
		position: fixed;
		top: 80px;
		right: -130px;
		margin: 0;
		padding: 0;
		z-index: 1000;
		}
		#coopman ul#nav li {
			width: 112px;
			height: 31px;
			margin: 0 0 16px 0;
			list-style: none outside none;
			}
			#coopman ul#nav li a {
				display: block;
				width: 112px;
				height: 31px;
				background-repeat: no-repeat;
				background-position: left top;
				text-indent: -9999px;
				overflow: hidden;
				}
			#coopman ul#nav li.current a,
			#coopman ul#nav li a:hover {
				background-position: -122px top;
				}
			#coopman ul#nav li.movie a {
				background-image: url(img/nav_movie.png);
				}
			#coopman ul#nav li.chara a {
				background-image: url(img/nav_chara.png);
				}
			#coopman ul#nav li.omake a {
				background-image: url(img/nav_omake.png);
				}
			#coopman ul#nav li.song a {
				background-image: url(img/nav_song.png);
				}

	#coopman #btnPagetop {
		width: 153px;
		height: 95px;
		position: fixed;
		bottom: -195px;
		right: 15px;
		z-index: 1010;
		}
		#coopman #btnPagetop a {
			width: 153px;
			height: 95px;
			display: block;
			background-image: url(img/btn_pagetop.png);
			background-repeat: no-repeat;
			background-position: left top;
			text-indent: -9999px;
			overflow: hidden;
			}
			#coopman #btnPagetop a:hover {
				background-position: -153px top;
				}

	#coopman #splash {
		min-width: 960px;
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		}
		#coopman #splash #scene1 {
			background-image: url(img/bg_star1.gif);
			background-repeat: repeat;
			background-position: center top;
			width: 100%;
			height: 100%;
			position: relative;
			}
			#coopman #splash #scene1 #pic1_1 {
				position: absolute;
				top: -100%;
				left: 20%;
				}
			#coopman #splash #scene1 #pic1_2 {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				margin-right: auto;
				margin-left: auto;
				width: 719px;
				height: auto;
				opacity: 0;
				filter: alpha(opacity=0);
				-moz-opacity:0;
				}
		#coopman #splash #scene2 {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			filter: alpha(opacity=0);
			-moz-opacity:0;
			overflow: hidden;
			z-index: 200;
			}
			#coopman #splash #scene2 #pic2_stage {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				width: 957px;
				height: 590px;
				z-index: 250;
				}
				#coopman #splash #scene2 #pic2_stage #pic2_1 {
					position: absolute;
					top: 159px;
					left: -150%;
					z-index: 260;
					}
				#coopman #splash #scene2 #pic2_stage #pic2_2 {
					position: absolute;
					top: 0;
					right: -150%;
					z-index: 270;
					}
			#coopman #splash #scene2 #pic2_stage2 {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				max-width: 1200px;
				min-width: 960px;
				min-height: 600px;
				max-height: 90%;
				z-index: 250;
				}
				#coopman #splash #scene2 #pic2_stage2 #pic2_3 {
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 280;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					}
				#coopman #splash #scene2 #pic2_stage2 #pic2_4 {
					position: absolute;
					bottom: 0px;
					right: 0px;
					z-index: 285;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					}
				#coopman #splash #scene2 #pic2_stage2 #pic2_5 {
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 290;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					}
				#coopman #splash #scene2 #pic2_stage2 #pic2_6 {
					position: absolute;
					bottom: 0px;
					right: 0px;
					z-index: 295;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					}

			#coopman #splash #scene2 #bg_s2_0 {
				width: 100%;
				height: 100%;
				position: absolute;
				bottom: -100%;
				left: 0%;
				background-image: url(img/bg_s2.gif);
				background-repeat: repeat;
				background-position: center center;
				}
			#coopman #splash #scene2 #bg_s2_1 {
				width: 70%;
				height: 100%;
				position: absolute;
				top: -100%;
				left: -100%;
				background-image: url(img/bg_s2_1.png);
				background-repeat: no-repeat;
				background-position: right top;
				z-index: 220;
				}
			#coopman #splash #scene2 #bg_s2_2 {
				width: 80%;
				height: 100%;
				position: absolute;
				top: -100%;
				right: -100%;
				background-image: url(img/bg_s2_2.png);
				background-repeat: no-repeat;
				background-position: left top;
				z-index: 230;
				}
			#coopman #splash #scene2 #bg_s2_3 {
				width: 80%;
				height: 100%;
				position: absolute;
				bottom: -100%;
				left: -100%;
				background-image: url(img/bg_s2_3.png);
				background-repeat: no-repeat;
				background-position: left bottom;
				z-index: 200;
				}
			#coopman #splash #scene2 #bg_s2_4 {
				width: 80%;
				height: 100%;
				position: absolute;
				bottom: -100%;
				right: -100%;
				background-image: url(img/bg_s2_4.png);
				background-repeat: no-repeat;
				background-position: left bottom;
				z-index: 210;
				}
		#coopman #splash #scene3 {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 100%;
			left: 50%;
			overflow: hidden;
			z-index: 300;
			background-image: url(img/bg_s3.gif);
			background-repeat: no-repeat;
			background-position: right bottom;
			background-color: #FFF;
			}
			#coopman #splash #scene3 #pic3_stage {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				max-width: 1200px;
				min-width: 960px;
				height: 100%;
				z-index: 320;
				}
				#coopman #splash #scene3 #pic3_stage #pic3_1 {
					position: absolute;
					bottom: -100%;
					right: -50%;
					width: 825px;
					height: 720px;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					z-index: 325;
					}
				#coopman #splash #scene3 #pic3_stage #pic3_2 {
					position: absolute;
					bottom: 300px;
					right: 300px;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					z-index: 330;
					}
				#coopman #splash #scene3 #pic3_3 {
					position: absolute;
					bottom: -100%;
					right: -50px;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					z-index: 310;
					}
				#coopman #splash #scene3 #pic3_stage #pic3_4 {
					position: absolute;
					bottom: -250px;
					right: -30px;
					opacity: 0;
					z-index: 334;
					}
				#coopman #splash #scene3 #pic3_stage #pic3_5 {
					position: absolute;
					bottom: -300px;
					right: 350px;
					opacity: 0;
					z-index: 335;
					}

				#coopman #splash #scene3 #pic3_stage .words {
					position: absolute;
					z-index: 340;
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity:0;
					}
				#coopman #splash #scene3 #pic3_stage #word3_1 {
					bottom: 460px;
					right: 820px;
					z-index: 345;
					}
				#coopman #splash #scene3 #pic3_stage #word3_2 {
					bottom: 398px;
					right: 388px;
					z-index: 346;
					}
				#coopman #splash #scene3 #pic3_stage #word3_3 {
					bottom: 118px;
					right: 582px;
					z-index: 347;
					}
				#coopman #splash #scene3 #pic3_stage #word3_4 {
					bottom: 176px;
					right: 878px;
					z-index: 348;
					}
				#coopman #splash #scene3 #pic3_stage #word3_5 {
					bottom: 592px;
					right: 398px;
					z-index: 348;
					}
				#coopman #splash #scene3 #pic3_stage #word3_6 {
					bottom: 589px;
					right: 630px;
					z-index: 349;
					}
				#coopman #splash #scene3 #pic3_stage #word3_7 {
					bottom: 487px;
					right: 117px;
					z-index: 350;
					}
				#coopman #splash #scene3 #pic3_stage #word3_8 {
					bottom: 8px;
					right: 787px;
					z-index: 351;
					}
				#coopman #splash #scene3 #pic3_stage #word3_9 {
					bottom: 5px;
					right: 336px;
					z-index: 352;
					}
			#coopman #splash #scene3  #pic3_movieTtl {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				margin-right: auto;
				margin-left: auto;
				width: 1760px;/*倍サイズ*/
				height: 296px;/*倍サイズ*/
				z-index: 390;
				opacity: 0;
				filter: alpha(opacity=0);
				-moz-opacity:0;
				}

	#coopman #main {
		width: 100%;
		min-width: 960px;
		display: none;
		}
		#coopman #main #movie {
			width: 100%;
			background-image: url(img/bg_main_movie.gif);
			background-repeat: repeat;
			background-position: left top;
			padding: 70px 0 80px 0;
			}
			#coopman #main #movie h2#movieTtl {
				text-align: center;
				margin: 0 0 35px 0;
				padding-top: 10px;
				}
			#coopman #main #movie h3#movieSub {
				text-align: center;
				margin: 0 0 8px 0;
				}
			#coopman #main #movie #movieYoutube {
				width: 650px;
				height: 480px;
				margin: 0 auto 40px auto;
				padding: 0px 20px 20px 20px;
				background-image: url(img/bg_main_movie_shadow.png);
				background-repeat: no-repeat;
				background-position: right bottom;
				}
				#coopman #main #movie #movieYoutube .inner {
					width: 640px;
					height: 480px;
					padding: 0px 5px;
					background-color: #000;
					}
			#coopman #main #movie #movieStory {
				width: 760px;
				margin: 0 auto;
				position: relative;
				}
				#coopman #main #movie #movieStory #moviePic2 {
					position: absolute;
					bottom: -20px;
					right: 162px;
					}
				#coopman #main #movie #movieStory #movieBtn {
					position: absolute;
					bottom: 5px;
					right: -30px;
					}
					#coopman #main #movie #movieStory #movieBtn img#movieBtnImg{
						display: block;
						}
				
		#coopman #main #chara {
			width: 100%;
			height: 1070px;
			position: relative;
			padding: 40px 0 90px 0;
			}
			#coopman #main #chara h2 {
				padding-top: 50px;
				margin-bottom: 30px;
				text-align: center;
				z-index: 420;
				position: relative;
				}
			#coopman #main #chara #brothers {
				width: 960px;
				height: 700px;
				z-index: 430;
				margin: 0 auto;
				position: relative;
				}
				#coopman #main #chara #brothers #aobaFace {
					position: absolute;
					top: 0px;
					left: 72px;
					z-index: 435;
					}
				#coopman #main #chara #brothers #aobaMes {
					position: absolute;
					top: 20px;
					left: 407px;
					z-index: 431;
					}
				#coopman #main #chara #brothers #kaitoFace {
					position: absolute;
					bottom: 0px;
					right: 106px;
					z-index: 436;
					}
				#coopman #main #chara #brothers #kaitoMes {
					position: absolute;
					bottom: 28px;
					right: 390px;
					z-index: 432;
					}
			#coopman #main #chara #charaMes {
				text-align: center;
				margin: 8px auto 0 auto;
				z-index: 425;
				position: relative;
				bottom: -60px;
				}
			#coopman #main #chara #bgChara {
				position: absolute;
				width: 100%;
				height: 1200px;
				background-image: url(img/bg_main_chara.png);
				background-repeat: repeat;
				background-position: center center;
				z-index: 410;
				top: 0;
				left: 0;
				}

		#coopman #main #profile {
			width: 100%;
			padding: 60px 0 0 0;
			background-image: url(img/bg_main_profile_top.png);
			background-repeat: repeat-x;
			background-position: center top;
			position: relative;
			z-index: 500;
			overflow: hidden;
			}
			#coopman #main #profileInner {
				width: 100%;
				padding: 0px 0 60px 0;
				background-image: url(img/bg_main_profile.png);
				background-repeat: repeat-x;
				background-position: center bottom;
				position: relative;
				z-index: 501;
				overflow: hidden;
				}
			#coopman #main #profile h2#profileTtl {
				width: 836px;
				height: 224px;
				margin: 0 auto 5px auto;
				position: relative;
				overflow: hidden;
				z-index: 510;
				}
				#coopman #main #profile h2#profileTtl #profileTtlImg {
					display: block;
					}
			#coopman #main #profile #profileDetail {
				width: 960px;
				height: 380px;
				position: relative;
				margin: 0 auto;
				z-index: 520;
				}
				#coopman #main #profile #profileDetail #profile1 {
					position: absolute;
					top: 0px;
					left: -15px;
					z-index: 525;
				}
				#coopman #main #profile #profileDetail #profile2 {
					position: absolute;
					top: 23px;
					right: -15px;
					z-index: 524;
					}
			#coopman #main #profile #profileKyodo {
				width: 820px;
				height: 155px;
				position: relative;
				margin: 40px auto 0;
				z-index: 530;
				}
				#coopman #main #profile #profileKyodo #profile3 {
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 532;
					}
				#coopman #main #profile #profileKyodo #toyohikoLink {
					width: 196px;
					height: 15px;
					display: block;
					position: absolute;
					top: 129px;
					left: 409px;
					z-index: 535;
					overflow: hidden;
					}
					#coopman #main #profile #profileKyodo #toyohikoLink #toyohikoLinkImg {
						display: block;
						}
					#coopman #main #profile #profileKyodo a:hover #toyohikoLinkImg {
						filter: alpha(opacity=70);
						-moz-opacity:0.70;
						opacity:0.70;	
						}
				#coopman #main #profile #profileKyodo #profile4 {
					position: absolute;
					bottom: 0px;
					right: 0px;
					height: auto;
					z-index: 531;
					}
			#coopman #main #profile #itemList {
				width: 852px;
				margin: 0 auto;
				padding: 100px 0 50px 0;
				position: relative;
				z-index: 550;
				}
				#coopman #main #profile #itemList #itemTtl {
					position: absolute;
					top: 70px;
					left: -70px;
					z-index: 570;
					}
				#coopman #main #profile #itemList .item {
					position: relative;
					width: 852px;
					height: 203px;
					margin: 0 0 35px 0;
					background-repeat: no-repeat;
					background-position: left top;
					}
					#coopman #main #profile #itemList .item span {
						display: block;
						width: 357px;
						height: 203px;
						position: relative;
						overflow: hidden;
						}
				#coopman #main #profile #itemList #item1 {
					background-image: url(img/pic_main_item_1.gif);
					}
						#coopman #main #profile #itemList #item1 span #item1_1{
							position: absolute;
							top: 0;
							right: 0px;
							z-index: 551;
							}
				#coopman #main #profile #itemList #item2 {
					background-image: url(img/pic_main_item_2.gif);
					}
						#coopman #main #profile #itemList #item2 span #item2_1{
							position: absolute;
							top: 0;
							left: 0px;
							z-index: 552;
							}
				#coopman #main #profile #itemList #item3 {
					background-image: url(img/pic_main_item_3.gif);
					}
						#coopman #main #profile #itemList #item3 span #item3_1{
							position: absolute;
							bottom: 0px;
							left: 0px;
							z-index: 553;
							}

			#coopman #main #profile #profileMes {
				width: 960px;
				height: 285px;
				position: relative;
				margin: 0 auto;
				z-index: 580;
				}
				#coopman #main #profile #profileMes #profile5 {
					position: absolute;
					bottom: 0px;
					right: 0px;
					z-index: 583;
					}
				#coopman #main #profile #profileMes #profile6 {
					position: absolute;
					top: 0;
					right: 0px;
					z-index: 582;
					}

		#coopman #main #omake {
			width: 100%;
			padding: 80px 0 40px 0;
			background-color: #FFF;
			z-index: 600;
			position: relative;
			overflow: hidden;
			}
			#coopman #main #omake #omakeTtl {
				text-align: center;
				margin: 20px 0 80px 0;
				}
			#coopman #main #omake #omakeMes1 {
				text-align: center;
				margin: 0 0 60px 0;
				}
			#coopman #main #omake #omakeMainArea {
				width: 960px;
				margin: 0 auto;
				position: relative;
				}
				#coopman #main #omake #omakeMainArea .scene {
					position: relative;
					width: 960px;
					height: 300px;
					margin: -20px auto 0px auto;
					}
					#coopman #main #omake #omakeMainArea .scene .word {
						position: absolute;
						}
				#coopman #main #omake #omakeMainArea #omakeScene1 {
					display: block;
					z-index: 610;
					}
					#coopman #main #omake #omakeMainArea #omakeScene1 #omakeMain1 {
						position: absolute;
						bottom: 0;
						left: 0;
						display: block;
						z-index: 612;
						}
				#coopman #main #omake #omakeMainArea #omakeScene2 {
					z-index: 620;
					}
					#coopman #main #omake #omakeMainArea #omakeScene2 #omakeMain2 {
						position: absolute;
						bottom: 0;
						left: 0;
						display: block;
						z-index: 622;
						}
				#coopman #main #omake #omakeMainArea #omakeScene3 {
					z-index: 630;
					}
					#coopman #main #omake #omakeMainArea #omakeScene3 #omakeMain3 {
						position: absolute;
						bottom: 0;
						left: 0;
						display: block;
						z-index: 632;
						}
				#coopman #main #omake #omakeMainArea #omakeScene4 {
					z-index: 640;
					}
					#coopman #main #omake #omakeMainArea #omakeScene4 #omakeMain4 {
						position: absolute;
						bottom: 0;
						left: 0;
						display: block;
						z-index: 642;
						}
					#coopman #main #omake #omakeMainArea #omakeScene4 #omakeWord4_1 {
						left: 424px;
						}
					#coopman #main #omake #omakeMainArea #omakeScene4 #omakeWord4_2 {
						top: 132px;
						}
					#coopman #main #omake #omakeMainArea #omakeScene4 #omakeWord4_3 {
						top: 132px;
						}
				#coopman #main #omake #omakeMainArea #omakeScene5 {
					z-index: 650;
					}
					#coopman #main #omake #omakeMainArea #omakeScene5 #omakeMain5 {
						position: absolute;
						bottom: 0;
						left: 0;
						display: block;
						z-index: 652;
						}
					#coopman #main #omake #omakeMainArea #omakeScene5 #omakeWord5_1 {
						top: 47px;
						left: 241px;
						}
					#coopman #main #omake #omakeMainArea #omakeScene5 #omakeWord5_2 {
						top: 101px;
						left: 390px;
						}
				#coopman #main #omake #omakeMainArea #omakeScene6 {
					z-index: 660;
					}
					#coopman #main #omake #omakeMainArea #omakeScene6 #omakeMain6 {
						position: absolute;
						bottom: 0;
						left: 0;
						display: block;
						z-index: 662;
						}
					#coopman #main #omake #omakeMainArea #omakeScene6 #omakeWord6_1 {
						top: 46px;
						left: 436px;
						}
					#coopman #main #omake #omakeMainArea #omakeScene6 #omakeWord6_2 {
						top: 42px;
						left: 722px;
						}
				#coopman #main #omake #omakeMainArea #omakeTextArea {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 960px;
					height: 18px;
					overflow: hidden;
					text-align: center;
					}
				#coopman #main #omake #omakeMainArea #omakeTextArea img {
					position: absolute;
					top: 20px;
					left: 0;
					right: 0;
					width: auto;
					height: 18px;
					margin: 0 auto;
					}
			#coopman #main #omake #omakeMes2 {
				text-align: center;
				margin: 10px auto 20px auto;
				width: 820px;
				height: 270px;
				position: relative;
				}
				#coopman #main #omake #omakeMes2Img {
					position: absolute;
					right: -150px;
					bottom: -300px;
					}


		#coopman #main #song {
			width: 100%;
			min-height: 780px;
			background-image: url(img/bg_song.gif);
			background-repeat: repeat;
			background-position: left top;
			position: relative;
			padding: 80px 0 0px 0;
			z-index: 700;
			}
			#coopman #main #song #songWord {
				width: 960px;
				height: 780px;
				margin: 0 auto;
				background-color: #FFF;
				border-radius: 16px;
				-webkit-border-radius: 16px; 
				-moz-border-radius: 16px;
				position: relative;
				z-index: 710;
				overflow: hidden;
				}
				#coopman #main #song #songWord #songTtl {
					text-align: center;
					padding-top: 50px;
					}
				#coopman #main #song #songWord #song1 {
					position: absolute;
					top: 145px;
					left: 96px;
					z-index: 730;
					}
				#coopman #main #song #songWord #song2{
					position: absolute;
					top: 145px;
					right: 96px;
					z-index: 740;
					}
				#coopman #main #song #songWord #song3 {
					position: absolute;
					bottom: 30px;
					left: 95px;
					z-index: 750;
					}
			#coopman #main #song #footer {
				margin-top: 60px;
				width: 100%;
				}
				#coopman #main #song #footer p {
					font-size: 12px;
					margin: 0;
					padding: 10px 10px;
					text-align: center;
					}