@charset "utf-8";
/*----------------------------------------------------------------------------------------------
Global Navigation Style
-----------------------------------------------------------------------------------------------*/
#navi_special { display:none; }
#navi_special_on { display:block; }

/*----------------------------------------------------------------------------------------------
Contents Style
-----------------------------------------------------------------------------------------------*/
#contents {
	background: url(../img/special/bg.jpg) no-repeat 0 0;
}
#contents .title {
	position: absolute;
	width: 168px;
	height: 64px;
	text-indent: -9999em;
	background: url(../img/special/title.gif) no-repeat 0 0;
}
/*----------------------------------------------------------------------------------------------
Special Menu Style
-----------------------------------------------------------------------------------------------*/
#contents .menu {
	position: absolute;
	z-index: 300;
	left: 18px;
	top: 66px;
	width: 150px;
}
#contents .menu li {
	position: relative;
	display: block;
	width: 150px;
	height: 31px;
	float: left;
}
#contents .menu .menu_top {
	height: 3px;
	background: url(../img/special/menu_top.gif) no-repeat 0 0;
	font-size: 1px;
	line-height: 3px;
}
#contents .menu .menu_bottom {
	height: 5px;
	background: url(../img/special/menu_bottom.gif) no-repeat 0 0;
	font-size: 1px;
	line-height: 3px;
}
#contents .menu div {
	width: 150px;
	height: 31px;
	text-indent: -9999em;
	cursor: pointer;
}
.special1set { background: url(../img/special/menu1.gif) no-repeat 0 0; }
.special2set { background: url(../img/special/menu2.gif) no-repeat 0 0; }
.special3set { background: url(../img/special/menu3.gif) no-repeat 0 0; }
.special4set { background: url(../img/special/menu4.gif) no-repeat 0 0; }
.special5set { background: url(../img/special/menu5.gif) no-repeat 0 0; }
.special6set { background: url(../img/special/menu6.gif) no-repeat 0 0; }
.special7set { background: url(../img/special/menu7.gif) no-repeat 0 0; }
.special8set { background: url(../img/special/menu8.gif) no-repeat 0 0; }
.special9set { background: url(../img/special/menu9.gif) no-repeat 0 0; }
.special10set { background: url(../img/special/menu10.gif) no-repeat 0 0; }
.special11set { background: url(../img/special/menu11.gif) no-repeat 0 0; }
.special12set { background: url(../img/special/menu12.gif) no-repeat 0 0; }
.menu_on { background-position: 0 -31px; }

#menu11 a,
#menu11 .special10_bt,
#menu12 a,
#menu12 .special12_bt {
	display: block;
	width: 150px;
	height: 31px;
	text-indent: -9999em;
}
#menu11 .special10_bt {
	background: url(../img/special/menu10.gif) no-repeat 0 -31px;
}
#menu12 .special12_bt {
	background: url(../img/special/menu12.gif) no-repeat 0 -31px;
}
.special1_bt a { background: url(../img/special/menu1.gif) no-repeat 0 0; }
.special2_bt a { background: url(../img/special/menu2.gif) no-repeat 0 0; }
.special3_bt a { background: url(../img/special/menu3.gif) no-repeat 0 0; }
.special4_bt a { background: url(../img/special/menu4.gif) no-repeat 0 0; }
.special5_bt a { background: url(../img/special/menu5.gif) no-repeat 0 0; }
.special6_bt a { background: url(../img/special/menu6.gif) no-repeat 0 0; }
.special7_bt a { background: url(../img/special/menu7.gif) no-repeat 0 0; }
.special8_bt a { background: url(../img/special/menu8.gif) no-repeat 0 0; }
.special9_bt a { background: url(../img/special/menu9.gif) no-repeat 0 0; }
.special10_bt a { background: url(../img/special/menu10.gif) no-repeat 0 0; }
.special11_bt a { background: url(../img/special/menu11.gif) no-repeat 0 0; }
.special12_bt a { background: url(../img/special/menu12.gif) no-repeat 0 0; }
#menu11 a:hover,
#menu12 a:hover { 
	background-position: 0 -31px; 
}

/*----------------------------------------------------------------------------------------------
Special Style
-----------------------------------------------------------------------------------------------*/
#special {
	position: absolute;
	overflow: hidden;
	width: 800px;
	height: 575px;
	left: 180px;
}
#special .panelcontainer {
	position: absolute;
	width: 8000px;
	height: 575px;
	top: 0;
}
#special .panel {
	position: relative;
}
#special .block {
	position: relative;
	float: left;
	width: 800px;
	height: 575px;
}
#special p,
#special dl {
	position: absolute;
	font-size: 12px;
	line-height: 17px;
}

#special #sc {
	position: absolute;
	overflow: auto;
	width: 800px;
	height: 470px;
	top:25px;
	font-size: 10px;
	line-height: 1.4em;
}
#special #sc .block {
	position: relative;
	width: 780px;
	height: 490px;
}

/*----------------------------------------------------------------------------------------------
Special Button Style
-----------------------------------------------------------------------------------------------*/
.specialbtn_set1 {
	position: absolute;
	top: 239px;
	right: 53px;
	width: 60px;
	height: 80px;
}
.bt_next1 {
	position: absolute;
	z-index: 300;
	background: url(../img/special/fnext_btn.gif) no-repeat 0 0;
	width: 60px;
	height: 80px;
	text-indent: -9999em;
	display: none;
	cursor: pointer;
}
.bt_back1 {
	position: absolute;
	z-index: 301;
	background: url(../img/special/fback_btn.gif) no-repeat 0 0;
	width: 60px;
	height: 80px;
	text-indent: -9999em;
	display: none;
	cursor: pointer;
}
.specialbtn_set2 {
	position: absolute;
	top: 199px;
	right: 20px;
	width: 60px;
	height: 200px;
}
.bt_next2 {
	position: absolute;
	z-index: 300;
	background: url(../img/special/fnext_btn2.gif) no-repeat 0 0;
	width: 60px;
	height: 75px;
	text-indent: -9999em;
	display: none;
	cursor: pointer;
}
.bt_back2 {
	position: absolute;
	top: 85px;
	z-index: 301;
	background: url(../img/special/fback_btn2.gif) no-repeat 0 0;
	width: 60px;
	height: 75px;
	text-indent: -9999em;
	display: none;
	cursor: pointer;
}
.bt_set {
	position: relative;
}
.bt_on {
	display: block;
}

/*----------------------------------------------------------------------------------------------
Special1 Style
-----------------------------------------------------------------------------------------------*/
#special1 dl dt {
	font-weight: bold;
	color: #c00;
}
#special1 dl dd {
	margin-bottom: 13px;
}
#special1 .block img {
	position: relative;
}
#special1 .btn {
	position: absolute;
	left: 29px;
	top: 432px;
}
.s_1 {top: 130px; left: 28px; }
/*----------------------------------------------------------------------------------------------
Special2 Style
-----------------------------------------------------------------------------------------------*/
#special2 .text1 { left: 36px; top: 189px; line-height: 1.3em;}
#special2 .text2 { left: 270px; top: 189px; line-height: 1.3em;}
#special2 .text3 { left: 488px; top: 274px; width: 227px; line-height: 1.3em;}
#special2 .text4 { left: 32px; top: 454px; font-size: 10px; line-height: 1.3em;}

#special2 .img1 { left: 10px; top: 260px; border:}
#special2 .img2 { left: 244px; top: 260px; border:}

/*----------------------------------------------------------------------------------------------
Special5 Style
-----------------------------------------------------------------------------------------------*/
#special5 .special_title {
	position: absolute;
	top: 33px;
	left: 30px;
}
#special5 p {
	position: absolute;
	font-size: 10px;
	color: #c00;
}
#special5 div {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
}
#special5 .img1 { top: 93px; left: 25px; }
#special5 .img2 { top: 343px; left: 30px; }
#special5 .txt1 { top: 70px; left: 30px; }
#special5 .txt2 { top: 355px; left: 40px; font-weight: bold;}
#special5 .txt3 { top: 378px; left: 40px; }
#special5 .txt4 { top: 378px; left: 150px; }
#special5 .txt3 a,
#special5 .txt4 a {
	display: block;
	width: 80px;
	background: url(../img/special/special05_pict.gif) no-repeat 0 center;
	text-indent: 8px;
	font-weight: bold;
	line-height: 12px;
	color: #c00;
}
#special5 .img3 { top: 93px; left: 368px; }
#special5 .img4 { top: 160px; left: 374px; }
#special5 .txt5 { top: 70px; left: 374px; }
#special5 .txt6 { top: 102px; left: 377px; }
#special5 .txt7 { top: 170px; left: 384px; width: 300px;color: #333;font-weight: normal;}

/*----------------------------------------------------------------------------------------------
Special7 Style
-----------------------------------------------------------------------------------------------*/
#special7 .special_title {
	position: absolute;
	top: 33px;
	left: 30px;
}
#special7 p {
	position: absolute;
	font-size: 10px;
	color: #c00;
}
#special7 div {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
}
#special7 .img1 { top: 93px; left: 25px; }
#special7 .img2 { top: 343px; left: 30px; }
#special7 .txt1 { top: 70px; left: 30px; }
#special7 .txt2 { top: 355px; left: 40px; font-weight: bold;}
#special7 .txt3 { top: 378px; left: 40px; }
#special7 .txt4 { top: 378px; left: 150px; }
#special7 .txt3 a,
#special7 .txt4 a {
	display: block;
	width: 80px;
	background: url(../img/special/special05_pict.gif) no-repeat 0 center;
	text-indent: 8px;
	font-weight: bold;
	line-height: 12px;
	color: #c00;
}
/*----------------------------------------------------------------------------------------------
Special9 Style
-----------------------------------------------------------------------------------------------*/
#special9 { font-size: 12px; line-height: 1.3em;}
#special9 div { position: absolute;}
#special9 .bg { top: 40px; left: 25px; }
#special9 .txt1 { top: 116px; left: 40px; width: 400px;}
#special9 .txt2 { top: 245px; left: 40px; width: 220px;}
#special9 .txt3 { top: 340px; left: 40px; width: 220px;}
#special9 .txt4 { top: 245px; left: 285px; width: 200px;}
#special9 .txt5 { top: 340px; left: 285px; width: 200px;}
#special9 .txt6 { top: 434px; right: 20px; font-size: 10px;}
#special9 p { font-weight: bold; color: #c00; position: relative; padding-bottom: 2px;}
#special9 .cap { width: 40px;}
#special9 td { padding: 0; margin: 0;}

/*----------------------------------------------------------------------------------------------
Special10 Style
-----------------------------------------------------------------------------------------------*/
#special10 div { position: absolute;}
#special10 .bg { top: 100px; left: 10px; }
#special10 .txt1 { top: 160px; left: 24px; }
#special10 .txt2 { top: 290px; left: 24px;}
#special10 .txt3 { top: 227px; left: 26px; }
#special10 .f10 { font-size: 10px; }
#special10 .mov { top: 120px; left: 430px;}

/*----------------------------------------------------------------------------------------------
Special11 Style
-----------------------------------------------------------------------------------------------*/
#special11 { font-size: 12px; line-height: 1.3em;}
#special11 div { position: absolute;}
#special11 p { position: relative;}
#special11 .bg { top: 40px; left: 25px; }
#special11 .txt_block { top: 116px; left: 40px; }
#special11 .cred { color: #c00; }
#special11 .cap { width: 40px;}
#special11 td { padding: 0; margin: 0;}
#special11 .txt1 { padding-bottom: 2px; }
#special11 .txt2 { padding: 6px 0; }
#special11 .txt3 { padding-bottom: 6px; }
#special11 .txt4 { top: 434px; right: 20px; font-size: 10px;}

/*----------------------------------------------------------------------------------------------
Special12 Style
-----------------------------------------------------------------------------------------------*/
#special12 .img { padding: 0 0 20px 0; }


/*----------------------------------------------------------------------------------------------
Seiyu Style
-----------------------------------------------------------------------------------------------*/
#special .seiyu .sp_sbg {
	position: absolute;
	top: 54px;
	left: 30px;
	width: 660px;
	height: 440px;
}
#special .seiyu .sp_s {
	position: absolute;
	top: 69px;
	left: 510px;
}
#special .seiyu .sp_char {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100px;
	height: 110px;
}
#special .seiyu .special_title {
	position: absolute;
	top: 23px;
	left: 30px;
}
#special .seiyu h2 {
	position: absolute;
	top: 65px;
	left: 90px;
	font-weight: bold;
	color: #c00;
	font-size: 12px;
}
#special .seiyu dl {
	position: absolute;
	top: 88px;
	left: 90px;
	font-size: 10px;
	line-height: 16px;
}
#special .seiyu dl dt {
	display: block;
	font-weight: bold;
	color: #c00;
}
#special .seiyu dl dd {
	margin-bottom: 8px;
}

#special .seiyu .sp3c_8 {
	position: absolute;
	top: 210px;
	left: 420px;
}

#special .seiyu .sp4c_1 img {
	margin-top: -10px;
}
#special .seiyu .sp4_3 dd {
	margin-bottom: 4px;
}
#special .seiyu .sp4c_3 {
	position: absolute;
	top: 244px;
	left: 254px;
}


#special .seiyu .sp8c_5 {
	position: absolute;
	top: 240px;
	left: 260px;
}