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

html {
	margin: 0px;
	padding: 0px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', verdana, Helvetica,Arial, sans-serif;
}

a {
	color:#FFF;
	text-decoration:none;
}

#contentsArea a:link, #container a:visited {
	color: #fff;
	text-decoration: none;
}

#contentsArea a:hover, #container a:active {
	color: #ccc;
	text-decoration: underline;
}

/* common */
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mr0 { margin-right: 0 !important;}
.mr10 { margin-right: 10px !important;}
.mr20 { margin-right: 20px !important;}


body {
	background:url(../images/common/bgbg_body.jpg) no-repeat center 80px #000000;
}

.inner {
	width:980px;
	margin:0 auto;
	position:relative;
}

/*-----------------------------------------
 	#header
-----------------------------------------*/


#header {
	width:100%;
	height:80px;
	background:url(../images/common/bg_head01.png) repeat-x;
}

#header #hInner {
	width:100%;
	height:153px;
	background:url(../images/common/bg_head02.png) no-repeat center top;
	position:absolute;
	top:0;
	z-index:10;
	left:0;
}

#header #hInner h1,
#header #hInner #hLogo {
	width:193px;
	height:94px;
	position:absolute;
	left:-4px;
	top:3px;
}

#header #hInner #hNavi {
	width:804px;
	height:90px;
	float:right;
	margin-top:8px;
	right:1px;
	display:inline;
}

#header #hInner #hNavi ul {
	width:804px;
	height:90px;
	display:block;
}

#header #hInner #hNavi ul li {
	width:201px;
	height:45px;
	float:left;
	margin:0;
}

#header #hInner #hNavi ul li a,
#header #hInner #hNavi ul li span {
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	width:201px;
	height:45px;
	display:block;
}

#header #hInner #hNavi ul .navi01 a {background:url(../images/common/bg_navi.png) no-repeat 0 0}
#header #hInner #hNavi ul .navi02 a {background:url(../images/common/bg_navi.png) no-repeat -201px 0}
#header #hInner #hNavi ul .navi03 a {background:url(../images/common/bg_navi.png) no-repeat -402px 0}
#header #hInner #hNavi ul .navi04 a {background:url(../images/common/bg_navi.png) no-repeat -603px 0}

#header #hInner #hNavi ul .navi05 a {background:url(../images/common/bg_navi.png) no-repeat 0 -45px}
#header #hInner #hNavi ul .navi06 a {background:url(../images/common/bg_navi.png) no-repeat -201px -45px}
#header #hInner #hNavi ul .navi07 a {background:url(../images/common/bg_navi.png) no-repeat -402px -45px}
#header #hInner #hNavi ul .navi08 a {background:url(../images/common/bg_navi.png) no-repeat -603px -45px}

#header #hInner #hNavi ul .navi01 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat 0 0}
#header #hInner #hNavi ul .navi02 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat -201px 0}
#header #hInner #hNavi ul .navi03 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat -402px 0}
#header #hInner #hNavi ul .navi04 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat -603px 0}

#header #hInner #hNavi ul .navi05 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat 0 -45px}
#header #hInner #hNavi ul .navi06 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat -201px -45px}
#header #hInner #hNavi ul .navi07 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat -402px -45px}
#header #hInner #hNavi ul .navi08 a:hover {background:url(../images/common/bg_navi_on.png) no-repeat -603px -45px}

#header #hInner #hNavi ul .navi01.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat 0 0}
#header #hInner #hNavi ul .navi02.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat -201px 0}
#header #hInner #hNavi ul .navi03.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat -402px 0}
#header #hInner #hNavi ul .navi04.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat -603px 0}
#header #hInner #hNavi ul .navi05.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat 0 -45px}
#header #hInner #hNavi ul .navi06.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat -201px -45px}
#header #hInner #hNavi ul .navi07.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat -402px -45px}
#header #hInner #hNavi ul .navi08.naviOn a {background:url(../images/common/bg_navi_on.png) no-repeat -603px -45px}


#header #hInner .inner .bnrInstall {
	width:390px;
	height:78px;
	position:absolute;
	top:113px;
	right:-27px;
	z-index:100;
	
}
#header #hInner .inner .bnrInstall a {
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	width:390px;
	height:78px;
	display:block;
	background:url(../images/top/bnr_install.png) no-repeat left top;
}

#header #hInner .inner .bnrInstall a:hover {
	background:url(../images/top/bnr_install_on.png) no-repeat left top;
}




/*-----------------------------------------
 	#contents
-----------------------------------------*/

#contents {
	width:100%;
	background:url(../images/common/bg_contents.png) repeat-y top center;
	position:relative;
	z-index:5;
}


#contents .inner {
	background:url(../images/common/bg_left.gif) repeat-y left top;
}

#contents .inner #sub {
	width:210px;
	background:url(../images/common/left_over.png) no-repeat left top;
	float:left;
	margin:0;
	padding:50px 0 0 0;
}

#contents .inner #sub .bnrPv01 {
	width:285px;
	height:193px;
	position:absolute;
	left: -34px;
	top: 227px;
  	z-index:100;
}



#contents .inner #sub .bnrPv01 a {
	width:285px;
	height:193px;
	background:url(../images/common/bnr_pv19.png) no-repeat left top;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}

#contents .inner #sub .bnrPv02 {
	width:297px;
	height:200px;
	position:absolute;
	left: -33px;
	top: 45px;
  	z-index:100;
}


#contents .inner #sub .bnrPv02 a {
	width:297px;
	height:200px;
	background:url(../images/common/bnr_pv05.png) no-repeat left top;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}


#contents .inner #sub .bnr {
	width:257px;
	height:70px;
	position:absolute;
	z-index:100;
	left:-20px;
}

#contents .inner #sub .bnr01 {
	height:84px;
	top:430px;
}

#contents .inner #sub .bnr02 {
	top:517px;
}

#contents .inner #sub .bnr03 {
	top: 604px;
    left: -21px;
}

#contents .inner #sub .bnr04 {
	height:73px;
	top:693px;
    left: -21px;
}



#themePop {
	width:984px;
	height:600px;
	position:relative;
	margin:0;
	padding:0;
}

#themePop .img {
	width:984px;
	height:600px;
}

#themePop .btn {
	width:248px;
	height:42px;
	bottom: 122px;
    right: 200px;
	position:absolute;
}

#colorbox.themePop #cboxClose {
    position: absolute;
    top: 0;
    right: 40px;
    display: block;
    background: url(../images/character/close.png) no-repeat right 0;
    width: 54px;
    height: 52px;
    text-indent: -9999px;
    overflow: hidden;
}

#themePop .btn a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
}

#openPop {
	width:1014px;
	height:654px;
	position:relative;
	margin:0;
	padding:0;
}

#openPop .img {
	width:1014px;
	height:654px;
}

#openPop p {
	width:437px;
	height:47px;
	position:absolute;
}

#openPop .btn01 {
	bottom: 108px;
    right: 170px;
}

#openPop .btn02 {
	bottom: 45px;
    right: 170px;
}


#colorbox.openPop #cboxClose {
    position: absolute;
    top: 20px;
    right: 60px;
    display: block;
    background: url(../images/character/close.png) no-repeat right 0;
    width: 54px;
    height: 52px;
    text-indent: -9999px;
    overflow: hidden;
}

#openPop a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
}

#contents .inner #main {
	width:770px;
	float:right;
}

#colorbox.themePop #cboxContent {
	background:none;
	border:none;
	
}

#colorbox.openPop #cboxContent {
	background:none;
	border:none;
	
}

/*-----------------------------------------
 	footer
-----------------------------------------*/


#bnrArea {
	width:100%;
	background:#000;
	border-top:1px solid #fff;	
}

#bnrArea .inner {
	padding-bottom:20px;
	padding-top:20px;
}

#bnrArea .inner .socialbutton {
	margin-bottom:25px;
	
}

#bnrArea .inner .socialbutton ul {
	text-align:center;
	
}
#bnrArea .inner .socialbutton ul li {
	max-width: 120px;
	vertical-align: top;
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
}

#bnrArea .inner .bnr {
	
}

#bnrArea .inner .bnr ul {
	text-align:center;
	
}

#bnrArea .inner .bnr li {
	margin: 4px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
}

#bnrArea .inner .bnr li img {
	border: solid 1px #000;
}

#bnrArea .inner .bnr li a:hover img {
	border: solid 1px #fff;
}

#bnrArea .inner .nsbanner ul {
	width:865px;
	margin:0 auto;
	text-align:left;	
}

#bnrArea .inner .nsbanner li {
	margin: 4px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
}


#bnrArea .inner .nsbanner li a img {
	display: block;
	border: 1px solid #000000;
}

#bnrArea .inner .nsbanner li a:hover img {
	border: solid 1px #fff;
}

#bnrArea02 {
	width:100%;
	height:116px;
	background:url(../images/common/bg_bnr02.gif) repeat-x;
	
}

#bnrArea02 .inner {
	padding-top:20px;	
}

#bnrArea02 .inner ul {
	text-align:center;
	
}

#bnrArea02 .inner ul li {
	margin: 5px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;  
    *zoom: 1;  


}

#bnrArea02 .inner ul li  a img {
	display: block;
	border: 1px solid #000000;
}

#bnrArea02 .inner ul li  a:hover img {
	border: solid 1px #fff;
}

.copy {
	padding-bottom:35px;
	border-bottom:1px solid #ffffff;
	padding-top:35px;
	text-align:center;
	line-height:1;
	font-size:12px;
	color:#ffffff;
	background:#000;
}

/*-----------------------------------------
 	下層ページ共通
-----------------------------------------*/

#contents .inner.under #main {
	background:url(../images/common/bg_main.jpg) repeat-y top left;
	padding-top:36px;
	height:100%;
	position:relative;
}

#contents .inner.under #sub {
	min-height:610px;
	
}

#contents .inner.under #main h1 {
	width:770px;
	height:106px;
	margin:0;	
}

#contents .inner.under #main .shadow01 {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/common/over_shadow01.png) repeat-y;
	width:58px;
	height:100%;
	z-index:10;
}




/*-----------------------------------------
 	index
-----------------------------------------*/

#contents .inner.indexTop {
	height:783px;
	position:relative;
}

#contents .inner.indexTop .shadow02 {
	width:980px;
	height:26px;
	background:url(../images/top/over_shadow02.png) repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}

#contents .inner.indexTop #sub {
	height:783px;
}

#contents .inner.indexTop #main #mainImg {
	width:770px;
	height:783px;
	background:url(../images/top/bg_main.jpg) no-repeat 0 -43px;
	position:relative;
}

#contents .inner.indexTop #main #mainImg p {
	position:absolute;
}


#contents .inner.indexTop #main #mainImg .shadow01 {
	width:58px;
	height:783px;
	background:url(../images/common/over_shadow01.png) repeat-y top left;
	position:absolute;
	top:0;
	left:0;
	
}

#contents .inner.indexTop #main #mainImg .narutoImg {
	width:566px;
	height:573px;
	position:absolute;
	top:0;
	right:0;
}


#contents .inner.indexTop #main #mainImg .logo {
	width:517px;
	height:241px;
	top:438px;
	left:90px;	
}

#contents .inner.indexTop #main #mainImg .textDate {
	width:356px;
	height:88px;
	position:absolute;
	top:660px;
	left:153px;	
}

#contents .inner.indexTop #main #mainImg .textCopy {
	width:275px;
	height:411px;
	position:absolute;
	right:-128px;
	top:268px;
}

#contents .inner.indexTop #main #mainImg .logoPs4 {
	width:187px;
	height:47px;
	top:53px;
	left:72px;
}

#contents .inner.indexTop #main #mainImg .bnrTorisetsu {
	width:240px;
	height:86px;
	position:absolute;
	bottom:15px;
	right:-27px;
}

#contents .inner.indexTop #main #mainImg .bnrBoruto {
	width:295px;
	height:276px;
	position:absolute;
	right:-100px;
	bottom:110px;	
}

#contents .inner.indexTop #main #mainImg .bnrBoruto a {
	width:295px;
	height:276px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/top/bnr_bruto.png) no-repeat;
	
}

#contents .inner.indexTop #main #mainImg .bnrBoruto a:hover {
	background:url(../images/top/bnr_bruto_on.png) no-repeat;
}

#contents .inner.indexTop #main #mainImg .icon200 {
	width:139px;
	height:139px;
	position:absolute;
	right:-61px;
	top:250px;
}



#indexBottom {
	width:100%;
	height:860px;
	padding-top:30px;
	box-sizing:border-box;
	position:relative;
	background:url(../images/top/bg_index_bottom.jpg) repeat-x;
}

#indexBottom .left {
	width:549px;
	margin-left:18px;
	margin-bottom:10px;
}

#indexBottom .left .bnrIntro {
	width:549px;
	height:150px;
	margin:0;
}

#indexBottom .left .bnrIntro a {
	width:549px;
	height:150px;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	display:block;
	background:url(../images/top/bnr_intro.png) no-repeat left;
}

#indexBottom .left .bnrIntro a:hover {
	background:url(../images/top/bnr_intro_on.png) no-repeat left;
}

#indexBottom .left .bnrPriceoff {
	width:589px;
	height:183px;
	margin:0 0 20px -24px;
}

#indexBottom .left .bnrPriceoff a {
	width:589px;
	height:183px;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	display:block;
	background:url(../images/top/bnr_priceoff.png) no-repeat left top;
}

#indexBottom .left .bnrPriceoff a:hover {
	background:url(../images/top/bnr_priceoff_on.png) no-repeat left top;
}

.wpPop #cboxContent {
	border:none;
	background:none;
}

.wpPop #cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: url(../images/character/close.png) no-repeat right 0;
    width: 54px;
    height: 52px;
    text-indent: -9999px;
    overflow: hidden;
}


#indexBottom .left #newsArea {
	width:549px;
	height:196px;
	background:url(../images/top/bg_update.png) no-repeat left top;
}

#indexBottom .left #newsArea .title {
	padding-top:26px;
	margin-left:227px;
	width:104px;
	height:43px;	
}

#indexBottom .left #newsArea ul {
	width:460px;
	height:86px;
	margin:0 0 0 45px;
	color:#fff;
	font-size:14px;
	overflow:auto;
}

#indexBottom .left #newsArea ul li {
	width:440px;
	margin-bottom:10px;
}

#indexBottom .left #newsArea ul li p {
	float:left;
	
}

#indexBottom .left #newsArea ul li .date {
	width:105px;
	border-right:2px dotted #7f7f7f;
	margin-right:18px;
}

#indexBottom .left #newsArea ul li .text {
	width:310px;
}

#indexBottom .left #newsArea ul li .text a {
	text-decoration:underline;
	
}

#indexBottom .left #newsArea ul li .text a:hover {
	text-decoration:none;
}

#indexBottom #tweetArea {
	width:390px;
	height:497px;
	position:absolute;
	top:43px;
	right:23px;
	background:url(../images/top/bg_twitter.png) no-repeat left;
}

#indexBottom #tweetArea .tInner {
	padding-top:46px;
	width:350px;
	height:425px;
	margin:0 0 0 20px;
}

#indexBottom .imgCero {
	width:924px;
	height:179px;
	margin:0 auto;
	
}


/*-----------------------------------------
 	special
-----------------------------------------*/

#contents .inner.special #main .contsSyokai {
	width:770px;
	height:1505px;
}

#contents .inner.special #main .contsSyokai img {
	vertical-align:top;
	
}

#contents .inner.special #main .contsDc {
	width:770px;
	height:2182px;
}

#contents .inner.special #main .contsDc img {
	vertical-align:top;	
}

#contents .inner.special #main .contsDc .imgDc {
	position:relative;
	
}


#contents .inner.special #main .contsDc .imgDc a,
#contents .inner.special #main .contsDc .imgDc span {
	position:absolute;
	display:block;
}

#contents .inner.special #main .contsDc .imgDc .link,
#contents .inner.special #main .contsDc .imgDc .coming {
	position:absolute;
	display:block;
	width:403px;
    right: 57px;	
}

#contents .inner.special #main .contsDc .imgDc .mv01 {
	width:236px;
	height:147px;
	left:56px;
}


#contents .inner.special #main .contsDc .imgDc01 .mv01 {
	background:url(../images/special/dc_index/thum_dc01.jpg) no-repeat left;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	top:82px;
}

#contents .inner.special #main .contsDc .imgDc01 .mv01:hover {
	background:url(../images/special/dc_index/thum_dc01_on.jpg) no-repeat left;
}


#contents .inner.special #main .contsDc .imgDc02 .thum {
	top:80px;
}

#contents .inner.special #main .contsDc .imgDc02 .mv01 {
	background:url(../images/special/dc_index/thum_dc02.jpg) no-repeat left;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	top:82px;
}

#contents .inner.special #main .contsDc .imgDc02 .mv01:hover {
	background:url(../images/special/dc_index/thum_dc02_on.jpg) no-repeat left;
}

#contents .inner.special #main .contsDc .imgDc03 .mv01 {
	background:url(../images/special/dc_index/thum_dc03.jpg) no-repeat left;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	top:79px;
}

#contents .inner.special #main .contsDc .imgDc03 .mv01:hover {
	background:url(../images/special/dc_index/thum_dc03_on.jpg) no-repeat left;
}


#contents .inner.special #main .contsDc .imgDc01 .link {
	width:403px;
	height:104px;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	background:url(../images/special/dc_index/link_dc01.png) no-repeat left top;
    bottom: 217px;
}

#contents .inner.special #main .contsDc .imgDc01 .link:hover {
	background:url(../images/special/dc_index/link_dc01_on.png) no-repeat left top;
}

#contents .inner.special #main .contsDc .imgDc02 .link {
	width:403px;
	height:100px;
    bottom: 176px;
	background:url(../images/special/dc_index/link_dc02.png) no-repeat left top;
}

#contents .inner.special #main .contsDc .imgDc02 .link:hover {
	background:url(../images/special/dc_index/link_dc02_on.png) no-repeat left top;
}

#contents .inner.special #main .contsDc .imgDc03 .link {
	width:403px;
	height:100px;
    bottom: 176px;
	background:url(../images/special/dc_index/link_dc03.png) no-repeat left top;
}

#contents .inner.special #main .contsDc .imgDc03 .link:hover {
	background:url(../images/special/dc_index/link_dc03_on.png) no-repeat left top;
}

#contents .inner.special #main .contsDc01 {
	width:770px;
	height:4044px;
}

#contents .inner.special #main .contsDc01 img {
	vertical-align:top;	
}

#contents .inner.special #main .contsDc01 h2 {
	position:relative;
	width:820px;
	height:478px;
}

#contents .inner.special #main .contsDc01 a {
	width:344px;
	height:216px;
	position:absolute;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/special/dc01/thum.png) no-repeat left top;
    top: 125px;
    left: 30px;	
}

#contents .inner.special #main .contsDc01 a:hover {
	background:url(../images/special/dc01/thum_on.png) no-repeat left top;
}

#contents .inner.special #main .contsDc02 {
	width:770px;
	height:3623px;
}

#contents .inner.special #main .contsDc02 img {
	vertical-align:top;	
}

#contents .inner.special #main .contsDc02 h2 {
	position:relative;
	width:820px;
	height:479px;
}

#contents .inner.special #main .contsDc02 a {
	width:344px;
	height:216px;
	position:absolute;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/special/dc02/thum.png) no-repeat left top;
    top: 125px;
    left: 30px;	
}

#contents .inner.special #main .contsDc02 a:hover {
	background:url(../images/special/dc02/thum_on.png) no-repeat left top;
}

#contents .inner.special #main .contsDc03 {
	width:770px;
	height:4619px;
}

#contents .inner.special #main .contsDc03 img {
	vertical-align:top;	
}

#contents .inner.special #main .contsDc03 h2 {
	position:relative;
	width:885px;
	height:479px;
}

#contents .inner.special #main .contsDc03 a {
	width:344px;
	height:216px;
	position:absolute;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/special/dc03/thum.png) no-repeat left top;
    top: 125px;
    left: 30px;	
}

#contents .inner.special #main .contsDc03 a:hover {
	background:url(../images/special/dc03/thum_on.png) no-repeat left top;
}



#contents .inner.special #main .contsKakioroshi {
	width:770px;
	height:905px;
}


.naviSpecial {
	width:210px;
	padding-top:60px;
	background:url(../images/common/bg_side_navi.png) no-repeat left top;
	margin-top:-13px;
}

.naviSpecial ul {
	width:210px;
	margin:0 auto;
	padding-top:11px;
}

.naviSpecial ul li {
	width:202px;
	height:48px;
	margin:0 auto;
	position:relative;
}


.naviSpecial ul li a {
	width:202px;
	height:53px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;	
}

.naviSpecial ul .title {
	width:190px;
	height:28px;
	margin:0 0 10px 7px;
	padding-top:14px;
	border-top:1px solid #a78095;
}

.naviSpecial ul .titleTop {
	padding:0;
	border-top:none;
	
}

.naviSpecial ul .link01 a {background:url(../images/special/link_syokai.png) no-repeat left top;}
.naviSpecial ul .link01 a.linkOn {background:url(../images/special/link_syokai_on.png) no-repeat left top;}
.naviSpecial ul .link01 a:hover {background:url(../images/special/link_syokai_on.png) no-repeat left top;}

.naviSpecial ul .link02 a {background:url(../images/special/link_dc.png) no-repeat left top;}
.naviSpecial ul .link02 a.linkOn {background:url(../images/special/link_dc_on.png) no-repeat left top;}
.naviSpecial ul .link02 a:hover {background:url(../images/special/link_dc_on.png) no-repeat left top;}

.naviSpecial ul .link03 a {background:url(../images/special/link_kakiok.png) no-repeat left top;}
.naviSpecial ul .link03 a.linkOn {background:url(../images/special/link_kakiok_on.png) no-repeat left top;}
.naviSpecial ul .link03 a:hover {background:url(../images/special/link_kakiok_on.png) no-repeat left top;}

.naviSpecial ul .link04 a {background:url(../images/special/link_taiken.png) no-repeat left top;}
.naviSpecial ul .link04 a.linkOn {background:url(../images/special/link_taiken_on.png) no-repeat left top;}
.naviSpecial ul .link04 a:hover {background:url(../images/special/link_taiken_on.png) no-repeat left top;}

.naviSpecial ul .link05 a {background:url(../images/special/link_jf.png) no-repeat left top;}
.naviSpecial ul .link05 a.linkOn {background:url(../images/special/link_jf_on.png) no-repeat left top;}
.naviSpecial ul .link05 a:hover {background:url(../images/special/link_jf_on.png) no-repeat left top;}

.naviSpecial ul .link06 a {background:url(../images/special/link_store.png) no-repeat left top;}
.naviSpecial ul .link06 a.linkOn {background:url(../images/special/link_store_on.png) no-repeat left top;}
.naviSpecial ul .link06 a:hover {background:url(../images/special/link_store_on.png) no-repeat left top;}

.naviSpecial ul .link07 a {background:url(../images/special/link_dc01.png) no-repeat left top;}
.naviSpecial ul .link07 a.linkOn {background:url(../images/special/link_dc01_on.png) no-repeat left top;}
.naviSpecial ul .link07 a:hover {background:url(../images/special/link_dc01_on.png) no-repeat left top;}

.naviSpecial ul .link08 a {background:url(../images/special/link_dc02.png) no-repeat left top;}
.naviSpecial ul .link08 a.linkOn {background:url(../images/special/link_dc02_on.png) no-repeat left top;}
.naviSpecial ul .link08 a:hover {background:url(../images/special/link_dc02_on.png) no-repeat left top;}

.naviSpecial ul .link09 {
	margin-bottom:10px;
}

.naviSpecial ul .link09 a {background:url(../images/special/link_dc03.png) no-repeat left top;}
.naviSpecial ul .link09 a.linkOn {background:url(../images/special/link_dc03_on.png) no-repeat left top;}
.naviSpecial ul .link09 a:hover {background:url(../images/special/link_dc03_on.png) no-repeat left top;}


.naviSpecial ul li span {
	width:25px;
	height:10px;
	position:absolute;
	left:0;
	top:-5px;
}

.naviSpecial ul li .endIcon {
	width:83px;
	height:40px;
	position:absolute;
	left: 52px;
    top: 3px;
}


#contents .inner.special #main .contsSp03 {
	width:770px;
	background:url(../images/special/bg_sp03.jpg) no-repeat left top;
	height:1889px;
	position:relative;
}

#contents .inner.special #main .contsSp03 h2 {
	width:770px;
	height:1000px;
}

#contents .inner.special #main .contsSp03 .thum01 {
	width:770px;
	height:540px;
	position:absolute;
	top:598px;
	left:0;
	z-index:9;
}

#contents .inner.special #main .contsSp03 .thum02 {
	width:770px;
	height:813px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:8;
}

#contents .inner.special #main .contsSp04 {
	width:770px;
	height:1326px;
	vertical-align:bottom;
	position:relative;
}

#contents .inner.special #main .contsSp04 .btn {
	width:630px;
	height:192px;
	position:absolute;
	bottom:30px;
	left:70px;	
}

#contents .inner.special #main .contsSp04 .btn a {
	width:630px;
	height:192px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/special/link_story01_off.png) no-repeat center top;
}

#contents .inner.special #main .contsSp04 .btn a:hover {
	background:url(../images/special/link_story01_on.png) no-repeat center top;	
}

#contents .inner.special #main .contsSp04Store {
	width:770px;
	height:690px;
	background:url(../images/special/bg_taiken_bottom.gif) no-repeat bottom center;
	position:relative;
}

#contents .inner.special #main .contsSp04Store .storeBox {
	width:331px;
	height:426px;
	position:absolute;
	bottom:130px;
}

#contents .inner.special #main .contsSp04Store .amazon {
	left:50px;
}

#contents .inner.special #main .contsSp04Store .geo {
	right:45px;
}

#contents .inner.special #main .contsSp04Store .storeBox .img {
	width:331px;
	height:426px;
	position:absolute;
	top:0;
	left:0;
}

#contents .inner.special #main .contsSp04Store .storeBox a {
	width:240px;
	height:62px;
	background:url(../images/special/btn_taiken_detail.png) no-repeat left top;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	position:absolute;
	bottom:33px;
	left:45px;
}

#contents .inner.special #main .contsSp04Store .storeBox a:hover {
	background:url(../images/special/btn_taiken_detail_on.png) no-repeat left top;
}


#contents .inner.special #main .contsJumpfes {
	width:821px;
	height:905px;
	vertical-align:bottom;
	
	
}

/*-----------------------------------------
 	intro
-----------------------------------------*/

#contents .inner.intro #main .conts01 {
	width:770px;
	height:453px;
	background:url(../images/intro/conts_bg01.jpg) no-repeat center top;
	padding-top:35px;
	position:relative;
}

#contents .inner.intro #main .conts01 .text {
	width:770px;
	height:323px;
	position:absolute;
	left:0;
	bottom:-109px;
	z-index:9;
}

#contents .inner.intro #main .conts02 {
	width:770px;
	height:884px;
	background:url(../images/intro/conts_bg02.jpg) no-repeat center top;
	position:relative;
}

#contents .inner.intro #main .conts02 .text01 {
	width:574px;
	height:206px;
	position:absolute;
	right:35px;
	z-index:3;
	top:321px;
}

#contents .inner.intro #main .conts02 .text02 {
	width:719px;
	height:111px;
	position:absolute;
	left:31px;
	z-index:3;
	bottom:-15px;
}

/*-----------------------------------------
 	movie
-----------------------------------------*/

#contents .inner.movie #main {
	min-height:660px;
}

#contents .inner.movie #main .contsMovie {
	width:770px;
	padding-top:105px;
	background:url(../images/movie/bg_conts.png) no-repeat top center;
	padding-bottom:40px;
}

#contents .inner.movie #main .contsMovie h2 {
	width:710px;
	height:64px;
	margin:0 auto 20px;
	
}

#contents .inner.movie #main .contsMovie ul {
	width:724px;
	margin:0 auto;
}

#contents .inner.movie #main .contsMovie ul li {
	width:724px;
	margin-bottom:20px;
}

#contents .inner.movie #main .contsMovie ul li .thum {
	position:relative;
}

#contents .inner.movie #main .contsMovie ul li .thum .new {
	width:111px;
	height:57px;
	position:absolute;
	top:0;
	left:0;
	
}

#contents .inner.movie #main .contsMovie ul li .imgArea {
	width:310px;
	float:left;
	margin-left:20px;
	display:inline;
	
}

#contents .inner.movie #main .contsMovie ul li .text {
	width:370px;
	float:right;
	margin-top:30px;

}

#contents .inner.movie #main .contsMovie ul .pv03 .text {
	margin-top:40px;

}


#contents .inner.movie #main .contsMovie ul .pv04 .text {
	margin-top:50px;

}

#contents .inner.movie #main .contsMovie ul .pv05 .text {
	margin-top:50px;
}

#contents .inner.movie #main .contsMovie ul .pv06 .text {
	margin-top:35px;
}


#contents .inner.movie #main .contsMovie ul .pv07 .text {
	margin-top:40px;
}

#contents .inner.movie #main .contsMovie ul .pv08 .text {
	margin-top:40px;
}

#contents .inner.movie #main .contsMovie ul .pv09 .text {
	margin-top:40px;
}

#contents .inner.movie #main .contsMovie ul .pv10 .text {
	margin-top:40px;
}


#contents .inner.movie #main .contsMovie ul .pv11 .text {
	margin-top:40px;
}

#contents .inner.movie #main .contsMovie ul .pv15 .text {
	margin-top:10px;
}

#contents .inner.movie #main .contsMovie ul .pv17 .text {
	margin-top:40px;
}

#contents .inner.movie #main .contsMovie ul .pv18 .text {
	margin-top:37px;
}

#contents .inner.movie #main .contsMovie ul .pv20 .text {
	margin-top:10px;
}


#contents .inner.movie #main .contsMovie ul .pv21 .text {
	margin-top:10px;
}

#contents .inner.movie #main .contsMovie ul .pv22 .text {
	margin-top:10px;
}

#contents .inner.movie #main .contsMovie ul .pv23 .text {
	margin-top:30px;
}



#contents .inner.movie #main .contsMovie ul .pv01 .thum {
	width:379px;
	height:264px;
	margin-left:-29px;	
}

#contents .inner.movie #main .contsMovie ul .pv01 .thum a {
	width:379px;
	height:275px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv02 .thum {
	width:379px;
	height:264px;
	margin-left:-29px;	
}

#contents .inner.movie #main .contsMovie ul .pv02 .thum a {
	width:379px;
	height:275px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv03 .thum {
	width:383px;
	height:261px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv03 .thum a {
	width:383px;
	height:261px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv04 .thum {
	width:383px;
	height:261px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv04 .thum a {
	width:383px;
	height:261px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv05 .thum {
	width:383px;
	height:261px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv05 .thum a {
	width:383px;
	height:261px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv06 .thum {
	width:377px;
	height:253px;
	margin-left:-33px;	
}


#contents .inner.movie #main .contsMovie ul .pv06 .thum a {
	width:377px;
	height:253px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv06 .thum .new {
	top:-7px;
}

#contents .inner.movie #main .contsMovie ul .pv07 .thum {
	width:377px;
	height:249px;
	margin-left:-33px;	
}


#contents .inner.movie #main .contsMovie ul .pv07 .thum a {
	width:377px;
	height:253px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv07 .thum .new {
	top:-10px;
}

#contents .inner.movie #main .contsMovie ul .pv08 .thum {
	width:377px;
	height:260px;
	margin-left:-33px;	
}


#contents .inner.movie #main .contsMovie ul .pv08 .thum a {
	width:377px;
	height:260px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv08 .thum .new {
	top:-2px;
}

#contents .inner.movie #main .contsMovie ul .pv09 .thum {
	width:377px;
	height:254px;
	margin-left:-33px;	
}


#contents .inner.movie #main .contsMovie ul .pv09 .thum a {
	width:377px;
	height:254px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv09 .thum .new {
	top:-7px;
}

#contents .inner.movie #main .contsMovie ul .pv10 .thum {
	width:377px;
	height:254px;
	margin-left:-33px;	
}


#contents .inner.movie #main .contsMovie ul .pv10 .thum a {
	width:377px;
	height:254px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv10 .thum .new {
	top:-7px;
}

#contents .inner.movie #main .contsMovie ul .pv11 .thum {
	width:377px;
	height:261px;
	margin-left:-33px;	
}


#contents .inner.movie #main .contsMovie ul .pv11 .thum a {
	width:377px;
	height:261px;
	display:block;
}

#contents .inner.movie #main .contsMovie ul .pv11 .thum .new {
	top:-7px;
}

#contents .inner.movie #main .contsMovie ul .pv12 .thum {
	width:377px;
	height:254px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv12 .thum .new {
	top:-7px;	
}

#contents .inner.movie #main .contsMovie ul .pv13 .thum {
	width:377px;
	height:240px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv13 .thum .new {
	top:-14px;	
}

#contents .inner.movie #main .contsMovie ul .pv13 .text {
	margin-top:10px;
	
}

#contents .inner.movie #main .contsMovie ul .pv14 .thum {
	width:377px;
	height:240px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv14 .thum .new {
	top:-12px;	
}


#contents .inner.movie #main .contsMovie ul .pv15 .thum {
	width:377px;
	height:240px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv15 .thum .new {
	top:-14px;	
}


#contents .inner.movie #main .contsMovie ul .pv16 .thum {
	width:377px;
	height:254px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv16 .thum .new {
	top:-12px;	
}


#contents .inner.movie #main .contsMovie ul .pv17 .thum {
	width:377px;
	height:253px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv17 .thum .new {
	top:-12px;	
}

#contents .inner.movie #main .contsMovie ul .pv18 .thum {
	width:377px;
	height:251px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv18 .thum .new {
	top:-12px;	
}

#contents .inner.movie #main .contsMovie ul .pv19 .thum {
	width:377px;
	height:251px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv19 .thum .new {
	top:-2px;	
}

#contents .inner.movie #main .contsMovie ul .pv19 .text a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	zoom:1;
}

#contents .inner.movie #main .contsMovie ul .pv20 .thum {
	width:377px;
	height:240px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv20 .thum .new {
	top:-14px;	
}

#contents .inner.movie #main .contsMovie ul .pv21 .thum {
	width:377px;
	height:262px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv21 .thum .new {
	top:3px;	
}

#contents .inner.movie #main .contsMovie ul .pv21 .text a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	zoom:1;
}

#contents .inner.movie #main .contsMovie ul .pv22 .thum {
	width:377px;
	height:262px;
	margin-left:-33px;	
}

#contents .inner.movie #main .contsMovie ul .pv22 .thum .new {
	top:3px;	
}

#contents .inner.movie #main .contsMovie ul .pv22 .text a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	zoom:1;
}

#contents .inner.movie #main .contsMovie ul .pv23 .thum {
	width:377px;
	height:262px;
	margin-left:-33px;
}

#contents .inner.movie #main .contsMovie ul .pv23 .thum img {
	z-index:10;
	position:relative;
	
}

#contents .inner.movie #main .contsMovie ul .pv23 .thum .new {
	top:-10px;
	z-index:5;
}

#contents .inner.movie #main .contsMovie ul .pv23 .text a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	zoom:1;
}





/*-----------------------------------------
 	character index
-----------------------------------------*/

#contents .inner.character #main h1 {
	margin-bottom:15px;
	
}

#contents .inner.character #characterIndex {
	width:730px;
	margin: 0 0 20px 20px;	
}

#contents .inner.character .ctList {
	width:730px;
	height:143px;
	margin:0 0 25px 0;
	background:url(../images/character/navi_category.jpg) no-repeat top left;
}

#contents .inner.character .ctList ul {
	padding:18px 0 0 10px;
	
}

#contents .inner.character .ctList li {
	width:130px;
	height:46px;
	float:left;
	margin-right:10px;
}

#contents .inner.character .ctList li a {
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	width:130px;
	height:46px;
	display:block;
}

#contents .inner.character .ctList #linkCt01 {
	width:146px;
	height:58px;
	margin-right:4px;
}

#contents .inner.character .ctList #linkCt02,
#contents .inner.character .ctList #linkCt03,
#contents .inner.character .ctList #linkCt04,
#contents .inner.character .ctList #linkCt05 {
	margin-top:5px;
	margin-bottom:10px;
}

#contents .inner.character .ctList #linkCt06 {
	margin-left:10px;
	display:inline;
	
}

#contents .inner.character .ctList #linkCt01 a {
	width:146px;
	height:58px;	
}

#contents .inner.character .ctList #linkCt01 a {background:url(../images/character/navi_category.jpg) no-repeat -10px -18px }
#contents .inner.character .ctList #linkCt02 a {background:url(../images/character/navi_category.jpg) no-repeat -160px -23px }
#contents .inner.character .ctList #linkCt03 a {background:url(../images/character/navi_category.jpg) no-repeat -300px -23px }
#contents .inner.character .ctList #linkCt04 a {background:url(../images/character/navi_category.jpg) no-repeat -440px -23px }
#contents .inner.character .ctList #linkCt05 a {background:url(../images/character/navi_category.jpg) no-repeat -580px -23px }

#contents .inner.character .ctList #linkCt06 a {background:url(../images/character/navi_category.jpg) no-repeat -20px -79px }
#contents .inner.character .ctList #linkCt07 a {background:url(../images/character/navi_category.jpg) no-repeat -160px -79px }
#contents .inner.character .ctList #linkCt08 a {background:url(../images/character/navi_category.jpg) no-repeat -300px -79px }
#contents .inner.character .ctList #linkCt09 a {background:url(../images/character/navi_category.jpg) no-repeat -440px -79px }
#contents .inner.character .ctList #linkCt10 a {background:url(../images/character/navi_category.jpg) no-repeat -580px -79px }

#contents .inner.character .ctList #linkCt01 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -10px -18px }
#contents .inner.character .ctList #linkCt02 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -160px -23px }
#contents .inner.character .ctList #linkCt03 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -300px -23px }
#contents .inner.character .ctList #linkCt04 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -440px -23px }
#contents .inner.character .ctList #linkCt05 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -580px -23px }

#contents .inner.character .ctList #linkCt06 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -20px -79px }
#contents .inner.character .ctList #linkCt07 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -160px -79px }
#contents .inner.character .ctList #linkCt08 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -300px -79px }
#contents .inner.character .ctList #linkCt09 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -440px -79px }
#contents .inner.character .ctList #linkCt10 a:hover {background:url(../images/character/navi_category_on.jpg) no-repeat -580px -79px }

#contents .inner.character .conts {
	margin-bottom:10px;
	
}

#contents .inner.character .conts#other {
	margin-bottom:30px;
	
}


#contents .inner.character .conts h2 {
	width:730px;
	height:48px;
	margin-bottom:8px;
}

#contents .inner.character .conts ul {
	width:745px;
	overflow:hidden;
}

#contents .inner.character .conts ul li {
	width:134px;
	height:158px;
	position:relative;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#contents .inner.character .conts ul li .newIcon {
	width:34px;
	height:34px;
	position:absolute;
	top:10px;
	left:0;
	display:block;
	
}

#contents .inner.character .conts .textComing {
	text-align:center;
	margin-bottom:25px;
	padding-top:16px;
}

/*-----------------------------------------
 	character detail
-----------------------------------------*/

#contents .inner.character.detail #main h1 {
	margin-bottom:0;
}


#contents .inner.character #characterDetail {
	width:770px;
	padding-top:15px;
	position:relative;
}

#contents .inner.character #characterDetail.ct01 { background:url(../images/character/bg_ct01.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct02 { background:url(../images/character/bg_ct02.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct03 { background:url(../images/character/bg_ct03.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct04 { background:url(../images/character/bg_ct04.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct05 { background:url(../images/character/bg_ct05.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct06 { background:url(../images/character/bg_ct06.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct07 { background:url(../images/character/bg_ct07.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct08 { background:url(../images/character/bg_ct08.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct09 { background:url(../images/character/bg_ct09.jpg) no-repeat top center; }
#contents .inner.character #characterDetail.ct10 { background:url(../images/character/bg_ct10.jpg) no-repeat top center; }

#contents .inner.character #characterDetail.size01 {
	height:1012px;
	overflow:hidden;
}

#contents .inner.character #characterDetail.size02 {
	height:1365px;
	overflow:hidden;
}

#contents .inner.character #characterDetail .ctList {
	margin:0 0 0 20px;
	position:relative;
	z-index:100;
}

#contents .inner.character #characterDetail .iconNew {
	width:214px;
	height:194px;
	position:absolute;
	top:90px;
	left:0;
	z-index:7;	
}

#contents .inner.character #characterDetail .imgMain {
	width:770px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

#contents .inner.character #characterDetail .textMain {
	width:770px;
	position:absolute;
	top:0;
	left:0;
	z-index:6;
}

#contents .inner.character #characterDetail .thumArea {
	width:704px;
	height:418px;
	position:absolute;
	top:813px;
	left:36px;
	z-index:10;
}

#contents .inner.character #characterDetail .thumArea p {
	background:url(../images/character/bg_thum.png) no-repeat left top;
	width:341px;
	height:198px;
	padding:7px 0 0 7px;
	position:absolute;
}

#contents .inner.character #characterDetail .thumArea p a:hover img {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	zoom:1;
}

#contents .inner.character #characterDetail .thumArea p span {
	width:50px;
	height:50px;
	position:absolute;
	bottom:12px;
	left:7px;
	
}

#contents .inner.character #characterDetail .thumArea .thum01 { left:0; top:0; }
#contents .inner.character #characterDetail .thumArea .thum02 { right:0; top:0; }
#contents .inner.character #characterDetail .thumArea .thum03 { left:0; bottom:0; }
#contents .inner.character #characterDetail .thumArea .thum04 { right:0; bottom:0; }

.imgPop #cboxContent {
	background:#fff;
	border:5px solid #fff;	
}

.imgPop #cboxPrevious {
	position: absolute;
    top: 50%;
    left: -70px;
    margin-top: -25px;
    width: 57px;
    height: 49px;
    text-indent: -9999px;
    overflow: hidden;
	background:url(../images/character/arrow_prev.png) no-repeat left top;
}

.imgPop #cboxNext {
    position: absolute;
    top: 50%;
    right: -70px;
    margin-top: -25px;
    width: 57px;
    height: 49px;
    text-indent: -9999px;
    overflow: hidden;
	background:url(../images/character/arrow_next.png) no-repeat left top;
}

.imgPop #cboxClose {
    position: absolute;
    top: -70px;
    right: 0;
    display: block;
    background:url(../images/character/close.png) no-repeat right 0;
    width: 54px;
    height: 52px;
    text-indent: -9999px;
    overflow: hidden;
}

#contents .inner.character #characterDetail .btnBack {
	width:424px;
	height:86px;
	position:absolute;
	left:183px;
	bottom:30px;
	z-index:11;
}

#contents .inner.character #characterDetail .copyDetail {
	width:100%;
	height:36px;
	position:absolute;
	bottom:5px;
	right:0;
	text-align:center;
	z-index:12;
	
}

/*-----------------------------------------
 	story
-----------------------------------------*/

#contents .inner.story #sub .naviStory {
	width:210px;
	padding-top:60px;
	background:url(../images/common/bg_side_navi.png) no-repeat left top;
	margin-top:-13px;
}

#contents .inner.story #sub .naviStory ul {
	width:210px;
	margin:0 auto;
	padding-top:11px;
}

#contents .inner.story #sub .naviStory ul li {
	width:202px;
	height:48px;
	margin:0 auto;
	position:relative;
}

#contents .inner.story #sub .naviStory  ul .title {
	width:190px;
	height:28px;
	margin:0 0 10px 7px;
	padding-top:14px;
	border-top:1px solid #a78095;
	
}

#contents .inner.story #sub .naviStory  ul .link09 {
	margin-bottom:10px !important;
	
}


#contents .inner.story #sub .naviStory ul li a {
	width:202px;
	height:53px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;	
}

#contents .inner.story #sub .naviStory ul .link01 a {background:url(../images/story/navi01.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link01 a.linkOn {background:url(../images/story/navi01_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link01 a:hover {background:url(../images/story/navi01_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link02 a {background:url(../images/story/navi02.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link02 a.linkOn {background:url(../images/story/navi02_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link02 a:hover {background:url(../images/story/navi02_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link03 a {background:url(../images/story/navi03.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link03 a.linkOn {background:url(../images/story/navi03_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link03 a:hover {background:url(../images/story/navi03_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link04 a {background:url(../images/story/navi04.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link04 a.linkOn {background:url(../images/story/navi04_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link04 a:hover {background:url(../images/story/navi04_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link05 a {background:url(../images/story/navi05.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link05 a.linkOn {background:url(../images/story/navi05_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link05 a:hover {background:url(../images/story/navi05_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link06 a {background:url(../images/story/navi06.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link06 a.linkOn {background:url(../images/story/navi06_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link06 a:hover {background:url(../images/story/navi06_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link07 a {background:url(../images/story/navi07.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link07 a.linkOn {background:url(../images/story/navi07_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link07 a:hover {background:url(../images/story/navi07_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link08 a {background:url(../images/story/navi08.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link08 a.linkOn {background:url(../images/story/navi08_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link08 a:hover {background:url(../images/story/navi08_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul .link09 a {background:url(../images/story/navi09.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link09 a.linkOn {background:url(../images/story/navi09_on.png) no-repeat left top;}
#contents .inner.story #sub .naviStory ul .link09 a:hover {background:url(../images/story/navi09_on.png) no-repeat left top;}

#contents .inner.story #sub .naviStory ul li span {
	width:25px;
	height:10px;
	position:absolute;
	left:0;
	top:-5px;
}


#contents .inner.story .storyIndex .conts01 {
	width:770px;
	height:2121px;
	position:relative;
}

#contents .inner.story .storyIndex .conts01 h2 {
	width:770px;
	height:447px;
	margin:0;
}

#contents .inner.story .storyIndex .conts01 .contsInner {
	width:770px;
	height:1832px;
	background:url(../images/story/index/bg.png) no-repeat bottom center;
	position:absolute;
	top:289px;
	left:0;
}

#contents .inner.story .storyIndex .conts01 .contsInner img {
	vertical-align:top;
}

#contents .inner.story .story01 .conts01 h2 {
	width:770px;
	height:648px;
	background:url(../images/story/02/bg01.png) no-repeat center top;
}

#contents .inner.story .story01 .conts01 h2 {
	width:770px;
	height:648px;
	background:url(../images/story/02/bg01.png) no-repeat center top;
}

#contents .inner.story .story01 .conts01 .contsInner {
	width:770px;
	height:2466px;
	margin:0;
}

#contents .inner.story .story01 .conts01 .contsInner p {
	width:770px;
	height:624px;
	margin:0;
	position:relative;
}

#contents .inner.story .story01 .conts01 .contsInner p img {
	vertical-align:top;
	
}

#contents .inner.story .story01 .conts01 .contsInner .img01 {
	width:770px;
	height:594px;
	background:url(../images/story/02/bg02.jpg) no-repeat center top;
}

#contents .inner.story .story01 .conts01 .contsInner .img02 { background:url(../images/story/02/bg03.jpg) no-repeat center top;}
#contents .inner.story .story01 .conts01 .contsInner .img03 { background:url(../images/story/02/bg04.jpg) no-repeat center top;}
#contents .inner.story .story01 .conts01 .contsInner .img04 { background:url(../images/story/02/bg05.jpg) no-repeat center top;}
#contents .inner.story .story01 .conts01 .contsInner .img05 { background:url(../images/story/01/bg06.jpg) no-repeat center top;}

#contents .inner.story .story01 .conts01 .contsInner .img02 a {
	background:url(../images/story/02/btn_link.png) no-repeat left top;
	width:305px;
	height:107px;
	position:absolute;
	bottom:130px;
	left:9px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
}

#contents .inner.story .story01 .conts01 .contsInner .img02 a:hover {
	background:url(../images/story/02/btn_link_on.png) no-repeat left top;
}

/*-----------------------------------------

 	story02

-----------------------------------------*/


#contents .inner.story .story03 .conts01 img {
	vertical-align:top;
	
}

#contents .inner.story .story03 .conts01 h2 {
	width:770px;
	height:238px;
}

#contents .inner.story .story03 .conts01 .contsInner {
	width:770px;
	height:1755px;
	background:url(../images/story/03/bg01.jpg) no-repeat center top;
	position:relative;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp {
	width:770px;
	height:1278px;
	background:url(../images/story/03/bg02.png) no-repeat top center;
	position:absolute;
	top:-38px;
	left:0;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .text01 {
	width:770px;
	height:500px;
	position:absolute;
	top:0;
	left:0;	
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .text02 {
	width:385px;
	height:800px;
	position:absolute;
	top:501px;
	left:0;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .text03 {
	width:385px;
	height:800px;
	position:absolute;
	top:501px;
	right:0;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .btn01 {
	width:352px;
	height:108px;
	position:absolute;
	left:20px;
	bottom:130px;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .btn01 a {
	width:352px;
	height:108px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/story/03/link01_off.png) no-repeat left top;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .btn01 a:hover {
	background:url(../images/story/03/link01_on.png) no-repeat left top;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .btn02 {
	width:352px;
	height:108px;
	position:absolute;
	right:3px;
	bottom:130px;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .btn02 a {
	width:352px;
	height:108px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/story/03/link02_off.png) no-repeat left top;
}

#contents .inner.story .story03 .conts01 .contsInner .bgUp .btn02 a:hover {
	background:url(../images/story/03/link02_on.png) no-repeat left top;
}

#contents .inner.story .story03 .conts01 .contsInner .text04 {
	width:770px;
	height:171px;
	position:absolute;
	bottom:0;
	left:0;
}

/*-----------------------------------------

 	story04

-----------------------------------------*/

#contents .inner.story .story04 .conts01 .contsInner {
	width:770px;
	height:2378px;
	
}

#contents .inner.story .story04 .conts01 .contsInner img {
	vertical-align:top;
}

/*-----------------------------------------

 	story05

-----------------------------------------*/

#contents .inner.story .story05 .conts01 {
	width:770px;
	height:3463px;
	
}

#contents .inner.story .story05 .conts01 img {
	vertical-align:top;
}

#contents .inner.story .story05 .conts01 .img02 {
	position:relative;
	
}

#contents .inner.story .story05 .conts01 .img02 a {
	width:312px;
	height:98px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/story/05/btn.png) no-repeat left top;
	position:absolute;
	right:-24px;
	top:150px;
}

#contents .inner.story .story05 .conts01 .img02 a:hover {
	background:url(../images/story/05/btn_on.png) no-repeat left top;
	
}

/*-----------------------------------------

 	story06

-----------------------------------------*/

#contents .inner.story .story06 .conts01 {
	width:770px;
	height:2220px;
	
}

#contents .inner.story .story06 .conts01 img {
	vertical-align:top;
}


/*-----------------------------------------

 	story07

-----------------------------------------*/

#contents .inner.story .story07 .conts01 {
	width:770px;
	height:2481px;
	
}

#contents .inner.story .story07 .conts01 img {
	vertical-align:top;
}

/*-----------------------------------------

 	story08

-----------------------------------------*/

#contents .inner.story .story08 .conts01 {
	width:770px;
	height:2433px;
	
}

#contents .inner.story .story08 .conts01 img {
	vertical-align:top;
}

/*-----------------------------------------

 	story08

-----------------------------------------*/

#contents .inner.story .story09 .conts01 {
	width:770px;
	height:2037px;
	
}

#contents .inner.story .story09 .conts01 img {
	vertical-align:top;
}









/*-----------------------------------------

 	system

-----------------------------------------*/

#contents .inner.system #sub .naviSystem {
	width:210px;
	padding-top:60px;
	background:url(../images/common/bg_side_navi.png) no-repeat left top;
	margin-top:-13px;
}

#contents .inner.system #sub .naviSystem ul {
	width:210px;
	margin:0 auto;
	padding-top:11px;
}

#contents .inner.system #sub .naviSystem ul li {
	width:202px;
	height:48px;
	margin:0 auto;
	position:relative;
}


#contents .inner.system #sub .naviSystem ul li a {
	width:202px;
	height:53px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;	
}

#contents .inner.system #sub .naviSystem ul .link01 a {background:url(../images/system/navi01.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link01 a.linkOn {background:url(../images/system/navi01_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link01 a:hover {background:url(../images/system/navi01_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link02 a {background:url(../images/system/navi02.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link02 a.linkOn {background:url(../images/system/navi02_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link02 a:hover {background:url(../images/system/navi02_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link03 a {background:url(../images/system/navi03.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link03 a.linkOn {background:url(../images/system/navi03_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link03 a:hover {background:url(../images/system/navi03_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link04 a {background:url(../images/system/navi04.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link04 a.linkOn {background:url(../images/system/navi04_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link04 a:hover {background:url(../images/system/navi04_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link05 a {background:url(../images/system/navi05.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link05 a.linkOn {background:url(../images/system/navi05_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link05 a:hover {background:url(../images/system/navi05_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link06 a {background:url(../images/system/navi06.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link06 a.linkOn {background:url(../images/system/navi06_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link06 a:hover {background:url(../images/system/navi06_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link07 a {background:url(../images/system/navi07.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link07 a.linkOn {background:url(../images/system/navi07_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link07 a:hover {background:url(../images/system/navi07_on.png) no-repeat left top;}

#contents .inner.system #sub .naviSystem ul .link08 a {background:url(../images/system/navi08.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link08 a.linkOn {background:url(../images/system/navi08_on.png) no-repeat left top;}
#contents .inner.system #sub .naviSystem ul .link08 a:hover {background:url(../images/system/navi08_on.png) no-repeat left top;}


#contents .inner.system #sub .naviSystem ul li span {
	width:25px;
	height:10px;
	position:absolute;
	left:0;
	top:-5px;
}

#contents .inner.system .systemIndex .conts01 {
	width:770px;
	height:2750px;
	position:relative;
	background:url(../images/system/index/bg.jpg) no-repeat top center;
}

#contents .inner.system .systemIndex .conts01 h2 {
	width:770px;
	height:1594px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#contents .inner.system .systemIndex .conts01 .img02 {
	width:770px;
	height:1198px;
	position:absolute;
	bottom:0;
	left:0;
}

/*-----------------------------------------
 	system02
-----------------------------------------*/


#contents .inner.system .system02 .conts01 {
	width:770px;
	height:1860px;
	position:relative;
	background:url(../images/system/02/bg.jpg) no-repeat top center;
}

#contents .inner.system .system02 .conts01 h2 {
	width:770px;
	height:1377px;
	position:absolute;
	top:0;
	left:0;
}

#contents .inner.system .system02 .conts01 .img02 {
	width:770px;
	height:590px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}

#contents .inner.system .system02 .conts01 .img02 a {
	width:305px;
	height:117px;
	position:absolute;
	top:75px;
	right:-7px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/system/02/img_link.png) no-repeat left top;
}

#contents .inner.system .system02 .conts01 .img02 a:hover {
	background:url(../images/system/02/img_link_on.png) no-repeat left top;
}


/*-----------------------------------------
 	system03
-----------------------------------------*/

#contents .inner.system .system03 .conts01 {
	width:770px;
	height:1712px;
	background:url(../images/system/03/bg.png) no-repeat top center;
	
}

#contents .inner.system .system03 .conts01 img {
	vertical-align:top;
	
}



#contents .inner.system .system03 .conts01 h2,
#contents .inner.system .system03 .conts01 p {
	width:770px;
	height:428px;
	padding:0;
	margin:0;
}

#contents .inner.system .system03 .conts01 h2 {
	height:427px;
	
}

/*-----------------------------------------
 	system04
-----------------------------------------*/

#contents .inner.system .system04 .conts01 {
	width:770px;
	height:2641px;
	
}

#contents .inner.system .system04 .conts01 img {
	vertical-align:top;
}

#contents .inner.system .system04 .conts01 h2 {
	width:820px;
	height:1321px;
	background:url(../images/system/04/bg01.jpg) no-repeat left top;
	padding:0;
	margin:0;
}

#contents .inner.system .system04 .conts01 p {
	width:770px;
	height:660px;
	padding:0;
	margin:0;
}

#contents .inner.system .system04 .conts01 .text01 {
	background:url(../images/system/04/bg02.jpg) no-repeat left top;
}

#contents .inner.system .system04 .conts01 .text02 {
	background:url(../images/system/04/bg03.jpg) no-repeat left top;
	position:relative;
}

#contents .inner.system .system04 .conts01 .text02 a {
	width:305px;
	height:117px;
	position:absolute;
	top:48px;
	right:-7px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/system/02/img_link.png) no-repeat left top;
}

#contents .inner.system .system04 .conts01 .text02 a:hover {
	background:url(../images/system/02/img_link_on.png) no-repeat left top;
}

/*-----------------------------------------
 	system05
-----------------------------------------*/

#contents .inner.system .system05 .conts01 {
	width:770px;
	height:2090px;	
}

#contents .inner.system .system05 .conts01 h2 {
	width:770px;
	height:821px;
	position:relative;
}

#contents .inner.system .system05 .conts01 h2 a {
	width:228px;
	height:56px;
	position:absolute;
	bottom:-3px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/system/05/btn.png) no-repeat left top;
}

#contents .inner.system .system05 .conts01 h2 a:hover {
	background:url(../images/system/05/btn_on.png) no-repeat left top;
}

#contents .inner.system .system05 .conts01 h2 .btn01 {left:27px;}
#contents .inner.system .system05 .conts01 h2 .btn02 {left:271px;}
#contents .inner.system .system05 .conts01 h2 .btn03 {right:27px;}

#contents .inner.system .system05 .conts01 img {
	vertical-align:top;
}


/*-----------------------------------------
 	system06
-----------------------------------------*/

#contents .inner.system .system06 .conts01 {
	width:770px;
	height:1745px;	
}


#contents .inner.system .system06 .conts01 img {
	vertical-align:top;
}

#contents .inner.system .system06 .conts01 .img02 {
	width:770px;
	height:758px;
}

#contents .inner.system .system06 .conts01 .img02 span {
	width:331px;
	height:425px;
	position:absolute;
	bottom:69px;
	display:block;
}

#contents .inner.system .system06 .conts01 .img02 .inImg01 {
	left:51px;
}

#contents .inner.system .system06 .conts01 .img02 .inImg02 {
	right:45px;
}

/*-----------------------------------------
 	system07
-----------------------------------------*/

#contents .inner.system .system07 .conts01 {
	width:770px;
	height:1773px;	
}

#contents .inner.system .system07 .conts01 h2 {
	width:770px;
	height:589px;
	position:relative;
	
}


#contents .inner.system .system07 .conts01 h2  a {
	width:228px;
	height:56px;
	position:absolute;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/system/07/btn02.png) no-repeat left top;
	bottom: 273px;
    left: 66px;
}

#contents .inner.system .system07 .conts01 h2  a:hover {
	background:url(../images/system/07/btn02_on.png) no-repeat left top;
}


#contents .inner.system .system07 .conts01 img {
	vertical-align:top;
}

#contents .inner.system .system07 .conts01 .img07 {
	position:relative;
	width:770px;
	height:310px;
}

#contents .inner.system .system07 .conts01 .img09 {
	height:14px;
	
}

#contents .inner.system .system07 .conts01 .img07 a {
	width:268px;
	height:56px;
	position:absolute;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/system/07/btn.png) no-repeat left top;
	bottom: 36px;
    left: 66px;
}

#contents .inner.system .system07 .conts01 .img07 a:hover {
	background:url(../images/system/07/btn_on.png) no-repeat left top;
}


/*-----------------------------------------
 	system08
-----------------------------------------*/

#contents .inner.system .system08 .conts01 {
	width:770px;
	height:1250px;	
}


#contents .inner.system .system08 .conts01 img {
	vertical-align:top;
}

#contents .inner.system .system08 .conts01 .img03 {
	position:relative;
	width:770px;
	height:351px;
}

#contents .inner.system .system08 .conts01 .img03 a {
	width:228px;
	height:56px;
	position:absolute;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
	background:url(../images/system/08/btn.png) no-repeat left top;
	bottom: 31px;
    right: 2px;
}

#contents .inner.system .system08 .conts01 .img03 a:hover {
	background:url(../images/system/08/btn_on.png) no-repeat left top;
}



/*-----------------------------------------

 	adventure

-----------------------------------------*/

#contents .inner.adventure #sub .naviAdv {
	width:210px;
	padding-top:60px;
	background:url(../images/common/bg_side_navi.png) no-repeat left top;
	margin-top:-13px;
}

#contents .inner.adventure #sub .naviAdv ul {
	width:210px;
	margin:0 auto;
	padding-top:11px;
}

#contents .inner.adventure #sub .naviAdv ul li {
	width:202px;
	height:48px;
	margin:0 auto;
	position:relative;
}


#contents .inner.adventure #sub .naviAdv ul li a {
	width:202px;
	height:53px;
	display:block;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;	
}

#contents .inner.adventure #sub .naviAdv ul .link01 a {background:url(../images/adventure/navi01.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link01 a.linkOn {background:url(../images/adventure/navi01_on.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link01 a:hover {background:url(../images/adventure/navi01_on.png) no-repeat left top;}

#contents .inner.adventure #sub .naviAdv ul .link02 a {background:url(../images/adventure/navi02.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link02 a.linkOn {background:url(../images/adventure/navi02_on.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link02 a:hover {background:url(../images/adventure/navi02_on.png) no-repeat left top;}

#contents .inner.adventure #sub .naviAdv ul .link03 a {background:url(../images/adventure/navi03.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link03 a.linkOn {background:url(../images/adventure/navi03_on.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link03 a:hover {background:url(../images/adventure/navi03_on.png) no-repeat left top;}

#contents .inner.adventure #sub .naviAdv ul .link04 a {background:url(../images/adventure/navi04.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link04 a.linkOn {background:url(../images/adventure/navi04_on.png) no-repeat left top;}
#contents .inner.adventure #sub .naviAdv ul .link04 a:hover {background:url(../images/adventure/navi04_on.png) no-repeat left top;}


#sub .naviAdv ul li span {
	width:25px;
	height:10px;
	position:absolute;
	left:0;
	top:-5px;
}


#contents .adv01 .conts01 {
	width:770px;
	background:url(../images/adventure/index/bg.png) no-repeat center bottom;
	height:1113px;
	
}

#contents .adv01 .conts01 img {
	vertical-align:top;
	
}


#contents .adv02 .conts01 {
	width:770px;
	height:2392px;
	
}

#contents .adv02 .conts01 img {
	vertical-align:top;
	
}

#contents .adv03 .conts01 {
	width:770px;
	height:2163px;
	
}

#contents .adv03 .conts01 img {
	vertical-align:top;
	
}

#contents .adv04 .conts01 {
	width:770px;
	height:2104px;
	
}

#contents .adv04 .conts01 img {
	vertical-align:top;
	
}



/*-----------------------------------------

 	install

-----------------------------------------*/

#contents .install .conts {
	height:930px;
	
}

#contents .install .conts img {
	vertical-align:top;
	
}