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

#section_sp2 .parts{
	position : absolute;
	opacity: 0;
	filter: alpha(opacity=0); /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* ie 8 */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
	zoom:1;
}
/*サイドメニュー設定*/
#sidenavi01{
	width : 255px;
	height: 460px;
	background: url(../images/sp/sp2/01/nav/nav_base.png) no-repeat;
	position  : absolute;
	top : 15px;
	left: 8px;
}

#sidenavi01_1{ /*保留変化*/
	width : 255px;
	height: 564px;
	background: url(../images/sp/sp2/01/01/nav/nav_base.png) no-repeat;
	position  : absolute;
	top : 15px;
	left: 8px;
}

#sidenavi01_8{ /*保留変化*/
	width : 255px;
	height: 541px;
	background: url(../images/sp/sp2/01/08/nav/nav_base.png) no-repeat;
	position  : absolute;
	top : 15px;
	left: 8px;
}

.splink a:hover{
	opacity:0; /* 中タイトルリンクに設定　下のオン時イメージを見せる */	
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
}

.spnav1,
.spnav2,
.spnav3,
.spnav4,
.spnav5,
.spnav6,
.spnav7,
.spnav8{
	width:	204px;
	height: 40px;
	position:absolute;
	left: 25px;
	z-index:15;
}
.spnav1{
	top : 111px;
}

/*splink位置調整*/
#sidenavi01 .spnav2{
	top : 151px;	
}
#sidenavi01 .spnav3{
	top : 192px;	
}
#sidenavi01 .spnav4{
	top : 232px;	
}
#sidenavi01 .spnav5{
	top : 272px;	
}
#sidenavi01 .spnav6{
	top : 312px;	
}
#sidenavi01 .spnav7{
	top : 352px;	
}
#sidenavi01 .spnav8{
	top : 392px;	
}

#sidenavi01_1 .spnav2{
	top : 253px;	
}
#sidenavi01_1 .spnav3{
	top : 293px;	
}
#sidenavi01_1 .spnav4{
	top : 334px;	
}
#sidenavi01_1 .spnav5{
	top : 374px;	
}
#sidenavi01_1 .spnav6{
	top : 414px;	
}
#sidenavi01_1 .spnav7{
	top : 454px;	
}
#sidenavi01_1 .spnav8{
	top : 494px;	
}

#sidenavi01_8 .spnav2{
	top : 151px;	
}
#sidenavi01_8 .spnav3{
	top : 191px;	
}
#sidenavi01_8 .spnav4{
	top : 232px;	
}
#sidenavi01_8 .spnav5{
	top : 272px;	
}
#sidenavi01_8 .spnav6{
	top : 312px;	
}
#sidenavi01_8 .spnav7{
	top : 352px;	
}
#sidenavi01_8 .spnav8{
	top : 392px;	
}

/* tabNavi位置調整*/
ul.tabNavi li {
	width	   : 198px; /*タブひとつの幅*/
	height	   : 23px;
	display	   : block;
	list-style : none;
}

#sidenavi01_1 ul.tabNavi{
	width 	: 198px;/*タブ全体の幅*/
	position: absolute;
	top : 153px;
	left: 28px;
	z-index:12;
	}

#sidenavi01_8 ul.tabNavi{
	width 	: 198px;/*タブ全体の幅*/
	position: absolute;
	top : 436px;
	left: 28px;
	z-index:12;
	}


/*win設定*/
#tabContainer{
	width : 772px; /*コンテンツの幅*/
	position: absolute;
	top : 23px;
	left: 255px;
}

.win,
.win1_3,
.win8_1{ /*コンテンツのスタイル*/
	width: 772px; /*コンテンツの幅*/
	overflow:visible;
	position:relative;
}
.win{ /* タイトルなし */
	background: url(../images/sp/sp2/01/winbg.png) no-repeat top left;
	height: 580px;
}
.win1_3{ 
	background: url(../images/sp/sp2/01/01/winbg3.png) no-repeat top left;
	height: 767px;
}
.win8_1{ 
	background: url(../images/sp/sp2/01/08/winbg1.png) no-repeat top left;
	height: 808px;
}

/*流用クラス*/
p.content_nowrap,
p.content_wrap1,
p.content_wrap2{
  width: 772px;
  height:580px;
  overflow: visible;
  display : block;
  position: absolute;
  top : 0px;
  left: 0px;
}


ul#subNavi1{
	display : block; /* 3個の場合 */
	position: absolute;
	top		: 566px;
	left	: 147px;
	z-index : 50;
}
ul#subNavi2,
ul#subNavi3{
	display : block; /* 2個の場合 */
	position: absolute;
	top		: 566px;
	left	: 217px;
	z-index : 50;
}
ul#subNavi1 li,
ul#subNavi2 li,
ul#subNavi3 li{
	float : left;
	margin-right: 13px;
	cursor: pointer;
	display: block;
	width : 150px;
	height: 74px;
	zoom: 1;
	overflow: hidden;
}
ul#subNavi2 li,
ul#subNavi3 li{ margin-right: 30px; }

.slct {
  cursor: default;
}
.slct img{
  margin-top:-74px;
}
