@charset "Shift_JIS";

body{
	min-width: 800px;
}
#Container{
	width:100%;
	background:url(../../common/images/content_bg.jpg) repeat 50% 0;
}

#Wrapper{
	width: 800px;
	/*height: 1244px;*/
	margin: 0 auto;
	padding: 0;
}


#Wrapper h1{
	padding: 21px 0 0 25px;
}

/* Content01 */
#Contents01{
	margin: -47px 0 0 0;
	overflow: hidden;
}
#Contents01 .p01{
	margin: 0 0 0 28px;
	float: left;
}
#Contents01 .p02{
	float: left;
	margin: 0 0 0 16px;
}

/* Content02 */
#Contents02{
	margin: 33px 0 0 37px;
	position: relative;
	height: 526px;
}

#Contents02 .card .img{position: absolute; left: 48px; top: 0;}
#Contents02 .card .info{position: absolute; left: 450px; top: 33px;}

#Contents02 .prev{position: absolute; left: 0; top: 232px;}
#Contents02 .next{position: absolute; left: 388px; top: 236px;}

#Contents02 .t01{position: absolute; left: 453px; top: 277px;}

#Contents02 .b01{position: absolute; left: 431px; top: 418px;}

#Contents02 .close{position: absolute; left: 722px; top: 1143px;}

#Card01,
#Card02,
#Card03,
#Card04,
#Card05,
#Card06,
#Card07,
#Card08,
#Card10,
#Card11{
	display: none;
}

#Contents02 div.card.show{
	display: block;
}

/* Navi */

#Navi{
	margin: 0 0 0 23px;
}

/* Navi01 */
#Navi01{
	margin-top: 22px;
	position: relative;
}

#Navi01 .base{
	margin: 14px 0 0 10px;
}
#Navi01 .navi_on{
	position: absolute;
	left: 10px; top: 48px;
}

#Navi01 .navi_on p.over{
	display: none;
}

#Navi01 .navi_on .p1{position: absolute; left: 0; top: 0;}
#Navi01 .navi_on .p2{position: absolute; left: 78px; top: 58px;}

#Navi01 .navi_on .p3{position: absolute; left: 156px; top: 0;}
#Navi01 .navi_on .up3{position: absolute; left: 187px; top: 83px; z-index: 10;}

#Navi01 .navi_on .p4{position: absolute; left: 234px; top: 58px;}
#Navi01 .navi_on .up4{position: absolute; left: 264px; top: 29px; z-index: 10;}

#Navi01 .navi_on .p5{position: absolute; left: 312px; top: 0;}
#Navi01 .navi_on .up5{position: absolute; left: 343px; top: 83px; z-index: 10;}

#Navi01 .navi_on .p6{position: absolute; left: 390px; top: 58px;}
#Navi01 .navi_on .up6{position: absolute; left: 420px; top: 29px; z-index: 10;}

#Navi01 .navi_on .p7{position: absolute; left: 468px; top: 0;}
#Navi01 .navi_on .up7{position: absolute; left: 499px; top: 83px; z-index: 10;}

#Navi01 .navi_on .p8{position: absolute; left: 546px; top: 58px;}
#Navi01 .navi_on .up8{position: absolute; left: 576px; top: 29px; z-index: 10;}

#Navi01 .navi_on .p9{position: absolute; left: 624px; top: 0;}
#Navi01 .navi_on .up9{position: absolute; left: 655px; top: 83px; z-index: 10;}


#Navi01 .navi_on .p10{position: absolute; left: 0; top: 0;}
#Navi01 .navi_on .p11{position: absolute; left: 0; top: 0;}

#Navi01 .navi_on .navi_corver{
	position: absolute; left: 0; top: 16px;
}

/* Navi02 */
#Navi02{
	margin-top: 22px;
	position: relative;
	overflow: hidden;
}

#Navi02 .wrap{
	width: 452px;
	margin: 10px auto;
}

#Navi02 .wrap p{
	position: relative;
}
#Navi02 .wrap p .up{
	position: absolute; left: 190px; top: -4px;
}

#Navi02 .wrap p.p10{
	float: left;
}
#Navi02 .wrap p.p11{
	float: right;
}

/* colose */
#Wrapper .close{
	margin-left: 720px;
}