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

@import url("http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css");
@import url("http://yui.yahooapis.com/2.8.1/build/fonts/fonts-min.css");

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


/* Util */
.mb03 {margin-bottom:3px;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb140 {margin-bottom:140px;}

.ml05 {margin-left:5px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr12 {margin-right:12px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr60 {margin-right:60px;}

.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.ar {text-align: right;}
.al {text-align: left;}
.ac {text-align: center;}

.msAuto { margin-left:auto; margin-right:auto;}

.posiR {position: relative;}

.clear {clear:both;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.fontWhite {color: #FFF;}
.font16b {font-size: 16px; line-height: 22px; font-weight: bold;}


/* Common */
#content {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 1px;
}

ul#gnav {
	background: url(../img/gnav_bg.png) no-repeat left top;
	padding:7px;
	margin: 0 auto;
	width: 986px;
	height: 36px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}
ul#gnav li {
	float: left;
	height: 36px;
	font-size: 1px;
	line-height: 0;
	/*overflow: hidden;*/
	position: relative;
}

.new {
	position: absolute;
	top: -3px;
	right:2px;
}

.toTop {
	height: 21px;
}

.toTop a {
	float: right;
	width: 113px;
	height: 21px;
	display: block;
	background: url(../img/bt_to_top.png) no-repeat;
	text-indent: -9999px;
}

.toTop a:link, .toTop a:visited { background-position: 0 0;}
.toTop a:hover, .toTop a:active { background-position: 0 -21px;}

#ftr {
	background-color: #FFF;
	padding-top: 15px;
	margin: 0 auto 30px auto;
}
ul#ftrBnr {
	margin: 0 auto 10px auto;
	width: 1016px;
	height: 61px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}
ul#ftrBnr li {
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}
ul#ftrBnr li.ftrGuide {
	margin-top: 0;
}

#ftrCopy {
	width: 1000px;
	margin: 0 auto;	
}


/* TOP PAGE */

#contentTop {
	width: 1010px;
	margin: 0 auto;
	position: relative;
}

h1#logo {
	margin: 0 0 10px 0;
	padding: 18px 0 0 0;
}

#wrapTop {
	background: url(../../img/top_bg.jpg) center top no-repeat;
	height: 650px;
}

.movieBnr {
	position: absolute;
	top:480px;
	left: 578px;
}

.introBnr {
	position: absolute;
	top:466px;
	left: 353px;
}

.tokutenBnr {
	position: absolute;
	top:287px;
	left: 12px;
}

.infoBnr {
	position: absolute;
	top:482px;
	left: 768px;
}
.updateBnr {
	position: absolute;
	top:318px;
	left: 16px;
}

#information {
	margin-top: 162px;
	margin-bottom: 10px;
	margin-left: 2px;
	height: 140px;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}

#information a:link, #information a:visited { color:#FFF; text-decoration:underline;}
#information a:hover, #information a:active { color:#ccc; text-decoration:none;}

#pop {
	visibility: hidden;
	width:430px;
	position:absolute;
	top:475px;
	left: 50%;
	margin: 0 0 0 -500px;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}

#pop a:link, #pop a:visited { color:#FFF; text-decoration:underline;}
#pop a:hover, #pop a:active { color:#ccc; text-decoration:none;}

#infoBg {
	background:url(../../img/info_bg.png) no-repeat left top;
	padding: 8px 30px 10px 25px; 
	width: 305px;
}
#infoBgFla {
	padding: 8px 30px 10px 25px; 
	width: 305px;
}
#infoMain {
	width: 305px;
	height: 84px;
	overflow: auto;
}

.infoOne {
	border-bottom: #FFF dotted 1px;
	margin-bottom: 8px;
}


#flashContent {
	height: 650px;
	width: 100%;
}

/* PAGE */
#wrapPage {
	background: url(../img/page_bg.jpg) center top fixed;
}

#wrapPageTokuten {
	background: #b6ddc8 url(../../guide/privilege/img/privilege_bg.jpg) repeat-x center top;
	padding-bottom: 1px;
}

	#titlePage {
		position: relative;
		height: 80px;
		background: url(../img/ttl_page_bg.png) left bottom repeat-x;
	}

	#content .pageContentsTop {
		padding: 30px 80px 20px;
		width: 840px;
		text-indent: -9999px;
		background: url(../img/page_bg_top.png) 0 0 no-repeat;
	}
	#content .pageContentsTop2 {
		padding: 15px 80px 0;
		width: 840px;
		text-indent: -9999px;
		background: url(../img/page_bg_top.png) 0 0 no-repeat;
	}
	#content .pageContents {
		padding: 0 80px 20px;
		width: 840px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
	#content .pageContentsBottom {
		padding: 0 80px 40px;
		width: 840px;
		background: url(../img/page_bg_bottom.png) left bottom no-repeat;
	}
	#content .pageContents2 {
		padding: 0 20px 20px;
		width: 960px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
	#content .pageContents3 {
		padding: 0 40px 20px;
		width: 920px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
		

	/* products  */
	#titlePage h2#titleProduct {
		margin: 0 auto;
		width: 1000px; height: 80px;
		background: url(../../product/img/ttl_product.png) left bottom no-repeat;
		text-indent: -9999px;
	}
	#content .pageContentsBottom .tokuten {
		position: relative;
		width: 840px; height: 160px;
		/*text-indent: -9999px;*/
		background: url(../../product/img/subttl_tokuten.png) 0 0 no-repeat;
	}
	.tokutenBtn {
		position: absolute;
		left: 543px;
		top: 20px;
	}
		#content .pageContents .spec {
			overflow: hidden;
		}
		#content .pageContents .specImg {
			float: left;
			margin-right: 60px;
			margin-left: 10px;
		}
		#content .pageContents .spec .specTxt {
			float: left;
			margin-top: 10px;
		}
		#content .pageContents .spec .specTxt dl {
			overflow: hidden;
			width: 580px;
			font-size: 15px;
			color: #ffffff;
			line-height: 1.6;
			margin-bottom: 10px;
		}
			#content .pageContents .spec .specTxt dl dt {
				float: left;
				width: 140px;
				margin-right: 40px;
				font-weight: bold;
			}
			#content .pageContents .spec .specTxt dl dd {
				float: left;
				width: 400px;
			}

	/* guide  */
	#titlePage h2#titleGuide {
		margin: 0 auto;
		width: 1000px; height: 80px;
		background: url(../../guide/img/ttl_guide.png) left bottom no-repeat;
		text-indent: -9999px;
	}
	#titlePage p#attention {
		margin: 10px auto;
		width: 1000px; height: 50px;
		background: url(../../guide/img/guide_attention.png) left bottom no-repeat;
		text-indent: -9999px;
	}
		#content .pageContents ul.bnr-list {
			overflow: hidden;
			/*width: 840px;*/
			text-align: center;
			margin: 0 auto;
		}
			#content .pageContents ul.bnr-list li {
				float: left;
				width: 201px; height: 147px;
				/*margin: 0 0 20px 0;*/
				margin-bottom:20px;
				text-align: center;
				display: block;
				vertical-align: middle;
			}

	#content .pageContentsBottom p#more {
		margin: 0 auto;
		height: 50px;
		background: url(../../guide/img/guide_more.png) left bottom no-repeat;
		text-indent: -9999px;
	}
	
	
	ul#guideSNav {
		width: 234px;
		height: 40px;
		position: absolute;
		top:30px;
		left:50%;
		margin-left:271px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul#guideSNav li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
			
	.pt50 { padding-top: 50px;}
	
	
	/* character */
	#titlePage h2#titleCharacter {
		margin: 10px auto;
		width: 1000px; height: 80px;
		background: url(../../character/img/ttl_chara.png) left bottom no-repeat;
		text-indent: -9999px;
	}
	
	.btnCharaGuide {
	position: absolute;
	top: 518px;
	left: 765px;
	}
	.btnCharaGuideNpc {
	position: absolute;
	top: 560px;
	left: 765px;
	}
	
	.btnCharamake {
	position: absolute;
	top: 736px;
	left: 690px;
	}
	
	.charaLiBnr {
	position: absolute;
	left: 750px;
	top: -18px;
	}
	
	/* キャラ毎に追加 */
	#content .pageContents #chara001,
	#content .pageContents #chara002,
	#content .pageContents #chara003,
	#content .pageContents #chara_npc001,
	#content .pageContents #chara_npc002,
	#content .pageContents #chara_npc003,
	#content .pageContents #chara_npc004,
	#content .pageContents #chara_npc005,
	#content .pageContents #chara_npc006,
	#content .pageContents #chara_npc007,
	#content .pageContents #chara_npc008,
	#content .pageContents #chara_npc009,
	#content .pageContents #chara_npc010,
	#content .pageContents #chara_npc011,
	#content .pageContents #chara_npc012,
	#content .pageContents #chara_npc013,
	#content .pageContents #chara_npc014,
	#content .pageContents #chara_npc015,
	#content .pageContents #chara_npc016,
	#content .pageContents #chara_npc017,
	#content .pageContents #chara_npc018,
	#content .pageContents #chara_npc019,
	#content .pageContents #chara_npc020 {
		overflow: hidden;
		margin: 0 -30px;
		width: 940px; height: 790px;
	}
	#content .pageContents #chara_pc001,
	#content .pageContents #chara_pc002,
	#content .pageContents #chara_pc003,
	#content .pageContents #chara_pc004,
	#content .pageContents #chara_pc005,
	#content .pageContents #chara_pc006,
	#content .pageContents #chara_pc007,
	#content .pageContents #chara_pc008,
	#content .pageContents #chara_pc009,
	#content .pageContents #chara_pc010 {
		overflow: hidden;
		margin: 0 -80px;
		width: 1000px; height: 783px;
	}
	#content .pageContents #chara_gakka001,
	#content .pageContents #chara_gakka002,
	#content .pageContents #chara_gakka003,
	#content .pageContents #chara_gakka004,
	#content .pageContents #chara_gakka005,
	#content .pageContents #chara_gakka006,
	#content .pageContents #chara_gakka007,
	#content .pageContents #chara_gakka008,
	#content .pageContents #chara_gakka009,
	#content .pageContents #chara_gakka010,
	#content .pageContents #chara_gakka011,
	#content .pageContents #chara_gakka012,
	#content .pageContents #chara_gakka013,
	#content .pageContents #chara_gakka014,
	#content .pageContents #chara_gakka015,
	#content .pageContents #chara_gakka016,
	#content .pageContents #chara_gakka017,
	#content .pageContents #chara_gakka018,
	#content .pageContents #chara_gakka019,
	#content .pageContents #chara_gakka020,
	#content .pageContents #chara_gakka021,
	#content .pageContents #chara_gakka022,
	#content .pageContents #chara_gakka023,
	#content .pageContents #chara_gakka024,
	#content .pageContents #chara_gakka025,
	#content .pageContents #chara_gakka026,
	#content .pageContents #chara_gakka027,
	#content .pageContents #chara_gakka028,
	#content .pageContents #chara_gakka029,
	#content .pageContents #chara_gakka030 {
		overflow: hidden;
		margin: 0 -30px;
		width: 940px; height: 640px;
	}
	/* 画像指定 */
	#content .pageContents #chara001 { background: url(../../character/detail/img/bg_001.png) 0 0 no-repeat;}
	#content .pageContents #chara002 { background: url(../../character/detail/img/bg_002.png) 0 0 no-repeat;}
	#content .pageContents #chara003 { background: url(../../character/detail/img/bg_003.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc001 { background: url(../../character/detail/img/bg_npc_001.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc002 { background: url(../../character/detail/img/bg_npc_002.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc003 { background: url(../../character/detail/img/bg_npc_003.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc004 { background: url(../../character/detail/img/bg_npc_004.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc005 { background: url(../../character/detail/img/bg_npc_005.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc006 { background: url(../../character/detail/img/bg_npc_006.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc007 { background: url(../../character/detail/img/bg_npc_007.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc008 { background: url(../../character/detail/img/bg_npc_008.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc009 { background: url(../../character/detail/img/bg_npc_009.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc010 { background: url(../../character/detail/img/bg_npc_010.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc011 { background: url(../../character/detail/img/bg_npc_011.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc012 { background: url(../../character/detail/img/bg_npc_012.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc013 { background: url(../../character/detail/img/bg_npc_013.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc014 { background: url(../../character/detail/img/bg_npc_014.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc015 { background: url(../../character/detail/img/bg_npc_015.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc016 { background: url(../../character/detail/img/bg_npc_016.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc017 { background: url(../../character/detail/img/bg_npc_017.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc018 { background: url(../../character/detail/img/bg_npc_018.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc019 { background: url(../../character/detail/img/bg_npc_019.png) 0 0 no-repeat;}
	#content .pageContents #chara_npc020 { background: url(../../character/detail/img/bg_npc_020.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc001 { background: url(../../character/detail/img/bg_pc_001.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc002 { background: url(../../character/detail/img/bg_pc_002.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc003 { background: url(../../character/detail/img/bg_pc_003.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc004 { background: url(../../character/detail/img/bg_pc_004.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc005 { background: url(../../character/detail/img/bg_pc_005.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc006 { background: url(../../character/detail/img/bg_pc_006.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc007 { background: url(../../character/detail/img/bg_pc_007.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc008 { background: url(../../character/detail/img/bg_pc_008.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc009 { background: url(../../character/detail/img/bg_pc_009.png) 0 0 no-repeat;}
	#content .pageContents #chara_pc010 { background: url(../../character/detail/img/bg_pc_010.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka001 { background: url(../../character/detail/img/bg_gakka_001.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka002 { background: url(../../character/detail/img/bg_gakka_002.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka003 { background: url(../../character/detail/img/bg_gakka_003.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka004 { background: url(../../character/detail/img/bg_gakka_004.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka005 { background: url(../../character/detail/img/bg_gakka_005.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka006 { background: url(../../character/detail/img/bg_gakka_006.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka007 { background: url(../../character/detail/img/bg_gakka_007.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka008 { background: url(../../character/detail/img/bg_gakka_008.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka009 { background: url(../../character/detail/img/bg_gakka_009.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka010 { background: url(../../character/detail/img/bg_gakka_010.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka011 { background: url(../../character/detail/img/bg_gakka_011.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka012 { background: url(../../character/detail/img/bg_gakka_012.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka013 { background: url(../../character/detail/img/bg_gakka_013.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka014 { background: url(../../character/detail/img/bg_gakka_014.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka015 { background: url(../../character/detail/img/bg_gakka_015.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka016 { background: url(../../character/detail/img/bg_gakka_016.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka017 { background: url(../../character/detail/img/bg_gakka_017.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka018 { background: url(../../character/detail/img/bg_gakka_018.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka019 { background: url(../../character/detail/img/bg_gakka_019.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka020 { background: url(../../character/detail/img/bg_gakka_020.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka021 { background: url(../../character/detail/img/bg_gakka_021.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka022 { background: url(../../character/detail/img/bg_gakka_022.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka023 { background: url(../../character/detail/img/bg_gakka_023.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka024 { background: url(../../character/detail/img/bg_gakka_024.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka025 { background: url(../../character/detail/img/bg_gakka_025.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka026 { background: url(../../character/detail/img/bg_gakka_026.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka027 { background: url(../../character/detail/img/bg_gakka_027.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka028 { background: url(../../character/detail/img/bg_gakka_028.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka029 { background: url(../../character/detail/img/bg_gakka_029.png) 0 0 no-repeat;}
	#content .pageContents #chara_gakka030 { background: url(../../character/detail/img/bg_gakka_030.png) 0 0 no-repeat;}
	
	.blocks {
		display: none;
	}
	#block-00 {
		display: block;
	}
	#block02-00 {
		display: block;
	}
	
	.gakkaTxt {
		color: #fff;
		font-size: 16px;
		margin-right: -45px;
		text-align: right;
		font-weight: bold;
	}
	
	.pageContents ul.facenav {
		float: left;
		position: absolute;
		z-index: 1000; width: 102px;
		padding-top: 26px;
		text-indent: -9999px;
		background: url(../../character/detail/img/subnav_ttl.png) 0 0 no-repeat;
	}
		.pageContents ul.facenav li,
		.pageContents ul.facenav li a,
		.pageContents ul.facenav li .faceOv{
			width: 102px; height: 37px;
			display: block;
		}
		ul.facenav li.face01 a { background: url(../../character/detail/img/subnav_btn.png) 0 0 no-repeat;}
		ul.facenav li.face02 a { background: url(../../character/detail/img/subnav_btn.png) 0 -37px no-repeat;}
		ul.facenav li.face03 a { background: url(../../character/detail/img/subnav_btn.png) 0 -74px no-repeat;}
		ul.facenav li.face04 a { background: url(../../character/detail/img/subnav_btn.png) 0 -112px no-repeat;}

		ul.facenav li.face01 a:hover { background: url(../../character/detail/img/subnav_btn.png) -102px 0 no-repeat;}
		ul.facenav li.face02 a:hover { background: url(../../character/detail/img/subnav_btn.png) -102px -37px no-repeat;}
		ul.facenav li.face03 a:hover { background: url(../../character/detail/img/subnav_btn.png) -102px -74px no-repeat;}
		ul.facenav li.face04 a:hover { background: url(../../character/detail/img/subnav_btn.png) -102px -112px no-repeat;}
		
		ul.facenav li.face01 .faceOv { background: url(../../character/detail/img/subnav_btn.png) -102px 0 no-repeat;}
		ul.facenav li.face02 .faceOv { background: url(../../character/detail/img/subnav_btn.png) -102px -37px no-repeat;}
		ul.facenav li.face03 .faceOv { background: url(../../character/detail/img/subnav_btn.png) -102px -74px no-repeat;}
		ul.facenav li.face04 .faceOv { background: url(../../character/detail/img/subnav_btn.png) -102px -112px no-repeat;}
		
	.pageContents ul.voicenav, .pageContents ul.voicenav02 {
	float: left;
	position: absolute;
	z-index: 1000;
	height: 115px;
	width: 110px;
	padding-top: 26px;
	text-indent: -9999px;
	background: url(../../character/detail/img/subnav_ttl02.png) 0 0 no-repeat;
	}
	.pageContents ul.voicenav { top: 260px;}
	.pageContents ul.voicenav02 { top: 223px;}
		
		.pageContents ul.voicenav li,
		.pageContents ul.voicenav li a,
		.pageContents ul.voicenav li .faceOv,
		.pageContents ul.voicenav02 li,
		.pageContents ul.voicenav02 li a,
		.pageContents ul.voicenav02 li .faceOv {
			width: 102px; height: 37px;
			display: block;
		}
		ul.voicenav li.voice01 a, ul.voicenav02 li.voice01 a { background: url(../../character/detail/img/subnav_btn02.png) 0 0 no-repeat;}
		ul.voicenav li.voice02 a, ul.voicenav02 li.voice02 a { background: url(../../character/detail/img/subnav_btn02.png) 0 -37px no-repeat;}
		ul.voicenav li.voice03 a, ul.voicenav02 li.voice03 a { background: url(../../character/detail/img/subnav_btn02.png) 0 -74px no-repeat;}

		ul.voicenav li.voice01 a:hover, ul.voicenav02 li.voice01 a:hover { background: url(../../character/detail/img/subnav_btn02.png) -102px 0 no-repeat;}
		ul.voicenav li.voice02 a:hover, ul.voicenav02 li.voice02 a:hover { background: url(../../character/detail/img/subnav_btn02.png) -102px -37px no-repeat;}
		ul.voicenav li.voice03 a:hover, ul.voicenav02 li.voice03 a:hover { background: url(../../character/detail/img/subnav_btn02.png) -102px -74px no-repeat;}
		
		ul.voicenav li.voice01 .faceOv, ul.voicenav02 li.voice01 .faceOv { background: url(../../character/detail/img/subnav_btn02.png) -102px 0 no-repeat;}
		ul.voicenav li.voice02 .faceOv, ul.voicenav02 li.voice02 .faceOv { background: url(../../character/detail/img/subnav_btn02.png) -102px -37px no-repeat;}
		ul.voicenav li.voice03 .faceOv, ul.voicenav02 li.voice03 .faceOv { background: url(../../character/detail/img/subnav_btn02.png) -102px -74px no-repeat;}
		
	/*.pageContents .voicenav, .pageContents .voicenav02 {
	position: absolute;
	z-index: 1000;
	height: 115px;
	width: 110px;
	padding-top: 36px;
	background: url(../../character/detail/img/subnav_ttl02.png) 0 0 no-repeat;
	}
	.pageContents .voicenav { top: 260px;}
	.pageContents .voicenav02 { top: 223px;}*/

	ul#charaBtn {
		height: 317px;
		font-size: 1px;
		line-height: 0;
		overflow: hidden;
	}
	ul#charaBtn li {
		float:left;
		margin:0;
		padding:0;
		height: 317px;
		font-size: 1px;
		line-height: 0;
		overflow: hidden;
	}
	#charaCont {
		padding: 30px 0 40px 0;
		position: relative;
	}
	ul#charaThumb {
		position:absolute;
		top:60px;
		_top: 0;
		left:471px;
		_left: 420px;
		margin-top: 10px;
		height: 90px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		z-index:1;
	}
	ul#charaThumb li {
		position: relative;
		float: left;
		height: 90px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		margin-right: 10px;
	}
	.thumbInNew {
	position: absolute;
	top: -3px;
	left: 63px;
	}
	.thumbNew {
		position: absolute;
		top: -3px;
		left: 15px;
	}
	.thumbNewGakka {
		position: absolute;
		top: -5px;
		left: 52px;
	}
	
	.iconST { position: absolute; top: 45px; left: 808px; }
	
	ul#charaNpcThumb {
		position:absolute;
		top:70px;
		left:470px;
		margin-top: 10px;
		height: 90px;
		width: 470px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		z-index:1;
	}
	ul#charaNpcThumb li {
		position:relative;
		float: left;
		height: 42px;
		width: 42px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		margin-right: 5px;
		margin-bottom: 10px
	}
	ul#charaPcThumb {
		position:absolute;
		top:70px;
		left:490px;
		margin-top: 10px;
		height: 90px;
		width: 470px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		z-index:1;
	}
	ul#charaPcThumb li {
		position:relative;
		float: left;
		height: 42px;
		width: 42px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		margin-right: 5px;
	}
	ul#charaGakkaThumb {
		position:absolute;
		top:60px;
		left:520px;
		margin-top: 10px;
		/*height: 90px;*/
		width: 450px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		z-index:1;
	}
	ul#charaGakkaThumb li {
		position:relative;
		float: left;
		height: 90px;
		width: 80px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
		margin-right: 10px;
		margin-bottom: 20px;
	}
	ul#charaSNav {
		width: 468px;
		height: 40px;
		position: absolute;
		top:30px;
		left:50%;
		margin-left:37px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul#charaSNav li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	
	/* introduction  */
	#titlePage h2#titleIntro {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../introduction/img/ttl_intro.png) left 9px no-repeat;
	}
	#content .pageContentsIntro {
		padding: 0 40px 20px;
		width: 920px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
		#content .pageContentsIntro ul.introList {
			width: 920px;
			margin: 0 auto;
		}
		#content .pageContentsIntro ul.introList li { text-indent: -9999px; width: 920px;}
		#content .pageContentsIntro ul.introList li.list01 { height: 440px; background: url(../../introduction/img/intro_01.png) 0 0 no-repeat;}
		#content .pageContentsIntro ul.introList li.list02 { height: 730px; background: url(../../introduction/img/intro_02.png) 0 0 no-repeat;}
		#content .pageContentsIntro ul.introList li.list03 { height: 490px; background: url(../../introduction/img/intro_03.png) 0 0 no-repeat;}
	.introStory {
		margin: 0 -19px;
	}
	.introSnav {
		height: 80px;
		overflow: hidden;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	.introSnav li {
		float: left;
		height: 80px;
		width: 280px;
		margin-right: 20px;
	}
	
	.introOP {
	position: absolute;
	top: 70px;
	left: 625px;
	}
	
	/* story  */
	#titlePage h2#titleStory {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;

	}
	#content #storyMap {
		margin: 20px 0;
		padding-bottom: 20px;
		width: 1000px; height: 520px;
		text-indent: -9999px;

	}
	
	/* system  */
	ul#systemSNav {
	width: 468px;
	height: 90px;
	position: absolute;
	top: 10px;
	left:50%;
	margin-left:37px;
	font-size: 1px;
	line-height: 0;
	z-index: 9999;		/*overflow: hidden;*/
	}
	ul#systemSNav li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 5px;
		margin-bottom: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul.systemSNav {
		width: 468px;
		height: 40px;
		margin-left:37px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul.systemSNav li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 5px;
		margin-bottom: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	
	#titlePage h2#titleCharamake {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../system/img/ttl_charamake.png) left bottom no-repeat;
	}
	#titlePage h2#titleQuest {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../system/quest/img/ttl_quest.png) left bottom no-repeat;
	}
	#titlePage h2#titleBattle {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../system/battle/img/ttl_battle.png) left bottom no-repeat;
	}
	#titlePage h2#titleSeat {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../system/seat/img/ttl_seat.png) left bottom no-repeat;
	}
	#titlePage h2#titleLovering {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../system/lovering/img/ttl_lovering.png) left bottom no-repeat;
	}
	#titlePage h2#titleDLC {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		/*background: url(../../system/download/img/ttl_dlc.png) left bottom no-repeat;*/
	}
	#titlePage h2#titleUpdate {
		margin: 0 auto;
		width: 1000px; height: 90px;
		text-indent: -9999px;
		background: url(../../system/update/img/ttl_update.png) left bottom no-repeat;
	}
	#titlePage h2#titleUpdate2 {
		margin: 0 auto;
		width: 1000px; height: 90px;
		text-indent: -9999px;
		background: url(../../system/update02/img/ttl_update02.png) left bottom no-repeat;
	}
	
	
	.bnrCharamake {
		position: absolute;
		top: 0px;
		left: 630px;
	}
	.bnrBattle01 {
	position: absolute;
	top: 37px;
	left: 630px;
	}
	.bnrBattle02 {
	position: absolute;
	top: 233px;
	left: 630px;
	}
	
	.btnPc {
		position: absolute;
		top: 297px;
		left: 0px;
	}
	.btnPc02 {
		position: absolute;
		top: 504px;
		left: 670px;
	}
	.btnGakka {
		position: absolute;
		top: 923px;
		left: 750px;
	}
	
	.dlcNav {
		height: 85px;
		margin-bottom: 40px;
		overflow: hidden;
	}
	.dlcNav li {
		float: left;
		height: 85px;
		overflow: hidden;
		margin-right: 10px;
	}
	.dlcList {
		border-collapse: separate;
		border-spacing: 15px;
	}
	.dlcList td {
	}
	.dlcMain {
		/*background: url(../../system/download/img/dlc_bg_main.jpg) repeat-y left top;*/
		padding: 0 5px;
	}
	.dlcItem {
		color:#233f56;
		font-size: 18px;
		line-height: 30px;
	}
	.dlcTxt {
		background-color: #FFF;
		padding: 15px;
	}
	
	.btnMethod {
	position: absolute;
	top:115px;
	left: 490px;
	}
	.btnMethod2 {
	position: absolute;
	top:15px;
	left: 498px;
	}
	#methodMain {
		width: 700px;
		margin: 0 auto;
		padding: 30px 0 50px 0;
	}
	.methodTxt {
		background-color: #fff;
		padding: 30px;
		line-height: 20px;
	}
	.methodTxt h3 {
		font-size: 18px;
		font-weight: bold;
	}
	.methodTxt ul {
		padding-left:20px;
	}
	.methodTxt ul li {
		margin-bottom: 10px;
		list-style:disc;
	}
	.methodTxt ol {
		padding-left:20px;
	}
	.methodTxt ol li {
		margin-bottom: 10px;
		list-style:decimal;
	}
	
	.txtUpdate1 {
		padding: 10px;
		border: #C00 solid 3px;
		color: #fff;
		font-size: 18px;
		line-height: 24px;
	}
	
	.txtUpdate2 {
		color: #fff;
		font-size: 18px;
		line-height: 24px;
	}
	.txtUpdate2 a:link, .txtUpdate2 a:visited { color: #37c7fd; text-decoration: underline;}
	.txtUpdate2 a:hover, .txtUpdate2 a:active { color: #a6e7ff; text-decoration: none;}
	
	
	/* special  */
	ul#specialSNav {
	width: 468px;
	height: 40px;
	position: absolute;
	top: 30px;
	left:50%;
	margin-left:37px;
	font-size: 1px;
	line-height: 0;
	z-index: 9999;		/*overflow: hidden;*/
	}
	ul#specialSNav li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 5px;
		margin-bottom: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul.specialSNav {
		width: 468px;
		height: 40px;
		margin-left:37px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul.specialSNav li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	
	.cvMessage {
		background:url(../../special/img/message_bg.png) no-repeat left top;
		height: 225px;
		padding: 31px 27px 35px 29px;
		margin-bottom: 20px;
	}
	
	.bnrLiveCv {
	position: absolute;
	top: -8px;
	left: 605px;
	}
	
	ul.cvAlink {
		height: 35px;
		margin-bottom: 8px;
	}
	.cvAlink li {
		float: left;
		position: relative;
	}
	.newOtherCV {
		position: absolute;
		top: -5px;
		left: -5px;
	}
	
	ul.otherCV {
		height: 280px;
	}
	ul.otherCV li {
		float: left;
		height: 25px;
		width: 90px;
		padding: 65px 90px 30px 110px ;
		margin-bottom: 20px;
	}
	.otherCV li.otherCV01 { background: url(../../special/img/other_cv_bg01.jpg) no-repeat left top; }
	.otherCV li.otherCV02 { background: url(../../special/img/other_cv_bg02.jpg) no-repeat left top; }
	.otherCV li.otherCV03 { background: url(../../special/img/other_cv_bg03.jpg) no-repeat left top; }
	.otherCV li.otherCV04 { background: url(../../special/img/other_cv_bg04.jpg) no-repeat left top; }
	.otherCV li.otherCV05 { background: url(../../special/img/other_cv_bg05.jpg) no-repeat left top; }
	
	
	#titlePage h2#titleUnit {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../special/img/ttl_unit.png) left bottom no-repeat;
	}
	#content .pageContentsSpecial {
		padding: 0 40px 20px;
		width: 920px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
		#content .pageContentsSpecial ul.unitList {
			width: 920px;
			margin: 0 auto;
		}
		#content .pageContentsSpecial ul.unitList li { text-indent: -9999px; width: 920px;}
		#content .pageContentsSpecial ul.unitList li.list01 { height: 160px; background: url(../../special/img/unit_01.png) 0 0 no-repeat;}
		#content .pageContentsSpecial ul.unitList li.list02 { height: 458px; background: url(../../special/img/unit_02.png) 0 0 no-repeat;}
		#content .pageContentsSpecial ul.unitList li.list03 { height: 270px; background: url(../../special/img/unit_03.png) 0 0 no-repeat;}

			ul.unitList li.list03 .btn-tweet {
				width: 250px; height: 45px;
				margin: 225px 20px 0 650px;
			}
			ul.unitList li.list03 .btn-tweet a {
				width: 250px; height: 45px;
				display: block;
				text-indent: -9999px;
				background: url(../../special/img/btn_tweet.png) 0 0 no-repeat;
			}
			ul.unitList li.list03 .btn-tweet a:hover {
				width: 250px; height: 45px;
				display: block;
				text-indent: -9999px;
				background: url(../../special/img/btn_tweet.png) 0 -45px no-repeat;
			}
			
	/* radio */
	#titlePage h2#titleRadio {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;

	}
	#content .pageContentsRadio {
		padding: 0 60px 20px;
		width: 880px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
	.radioLeft {
		float: left;
		width: 230px;
	}
	.radioRight {
		background: url(../../special/img/right_bg.jpg) no-repeat left top;
		padding: 127px 0 50px 15px;
		float: right;
		width: 615px;
		position: relative;
	}
	.radioRight .radioTokuten {
		position: absolute;
		top: -20px;
		left: 363px;
	}
	.radioRight .radioMask {
		position: absolute;
		top: 119px;
		left: 5px;
		z-index: 9999;
	}
	
	ul.radioArchive {
	}
	.radioArchive li {
		float: left;
		margin-right: 15px;
		margin-bottom: 10px;
		width: 190px;
		height: 75px;
		position: relative;
	}
	.radioArchive li.archiveTrue01 { background: url(../../special/img/archive01.gif) no-repeat left top;}
	.radioArchive li.archiveTrue02 { background: url(../../special/img/archive02.gif) no-repeat left top;}
	.radioArchive li.archiveTrue03 { background: url(../../special/img/archive03.gif) no-repeat left top;}
	.radioArchive li.archiveTrue04 { background: url(../../special/img/archive04.gif) no-repeat left top;}
	.radioArchive li.archiveTrue05 { background: url(../../special/img/archive05.gif) no-repeat left top;}
	.radioArchive li.archiveTrue06 { background: url(../../special/img/archive06.gif) no-repeat left top;}
	.radioArchive li.archiveTrue07 { background: url(../../special/img/archive07.gif) no-repeat left top;}
	.radioArchive li.archiveTrue08 { background: url(../../special/img/archive08.gif) no-repeat left top;}
	.radioArchive li.archiveTrue09 { background: url(../../special/img/archive09.gif) no-repeat left top;}
	.radioArchive li.archiveTrue10 { background: url(../../special/img/archive10.gif) no-repeat left top;}
	.radioArchive li.archiveTrue11 { background: url(../../special/img/archive11.gif) no-repeat left top;}
	.radioArchive li.archiveTrue12 { background: url(../../special/img/archive12.gif) no-repeat left top;}
	.radioArchive li.archiveTrue13 { background: url(../../special/img/archive13.gif) no-repeat left top;}
	
	.radioArchive li.archiveTrue01 a,
	.radioArchive li.archiveTrue02 a,
	.radioArchive li.archiveTrue03 a,
	.radioArchive li.archiveTrue04 a,
	.radioArchive li.archiveTrue05 a,
	.radioArchive li.archiveTrue06 a,
	.radioArchive li.archiveTrue07 a,
	.radioArchive li.archiveTrue08 a,
	.radioArchive li.archiveTrue09 a,
	.radioArchive li.archiveTrue10 a,
	.radioArchive li.archiveTrue11 a,
	.radioArchive li.archiveTrue12 a,
	.radioArchive li.archiveTrue13 a {
		margin: 17px 0 0 143px;
		display: block;
		width: 41px;
		height: 41px;
	}
	.radioArchive li.archiveInfo {
		width: 380px;
		line-height: 20px;
	}
	
	.radioChara {
		margin: 0 -20px 30px -20px;
	}
	
	.nocut { 
		position: absolute;
		top: -8px;
		left: 71px;
	}
	
	/* twitter icon */
	#titlePage h2#titleTwitter {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../special/twitter/img/ttl_twitter.png) left bottom no-repeat;
	}
	ul#twitterThumb {
		width: 510px;
		float: left;
	}
	ul#twitterThumb li {
		float: left;
		width: 92px;
		height: 92px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#twitterRight {
		width: 340px;
		float: right;
	}
	
	
	/* comic */
	#titlePage h2#titleComic {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;

	}
	ul#fileSelect {
		height: 50px;
		margin-bottom: 20px;
	}
	ul#fileSelect li {
		float: left;
		width: 280px;
		height: 50px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	#comicRight {
		background: url(../../special/img/comic_bg.gif) left top repeat-x;
		padding: 20px 15px 20px 25px;
		height: 180px;
	}
	ul.comicBtn li {
		float: left;
		margin: 0 10px 0 0;
		width: 200px;
		height: 180px;
		overflow: hidden;
	}
	ul.comicBtn li a:hover img {
		opacity:0.7;
		filter:alpha(opacity=70);
	}	
	
	/* eco */
	#titlePageEco {
		position: relative;
		height: 112px;
		background: url(../img/ttl_page_bg.png) left 0 repeat-x;
	}
	
	#titlePageEco h2#titleEco {
		margin: 0 auto;
		width: 1000px; height: 112px;
		text-indent: -9999px;
		background: url(../../special/eco/img/ttl_eco.png) left 6px no-repeat;
	}
	.pageContentsTopEco {
		padding: 10px 80px 20px;
		width: 840px;
		text-indent: -9999px;
		background: url(../img/page_bg_top.png) 0 -20px no-repeat;
	}
	.btnTciket {
		position:absolute;
		top: 821px;
		left: 288px;
	}
	
	/* savedata */
	
	#titlePage h2#titleSavedata {
		margin: 0 auto;
		width: 1000px; height: 85px;
		text-indent: -9999px;
		background: url(../../special/savedata/img/ttl_savedata.png) left bottom no-repeat;
	}
	.pageContentsTopSavedata {
		padding: 25px 80px 20px;
		width: 840px;
		text-indent: -9999px;
		background: url(../img/page_bg_top.png) 0 0 no-repeat;
	}
	.savedataImg2 {
		margin: 0 -40px;
	}
	
	/* minigame */
	.pageContentsMinigame {
		position: relative;
		padding: 0 40px 20px;
		width: 920px;
		background: url(../img/page_bg_contents.png) 0 0 repeat-y;
	}
	.minigameGuide {
		position: absolute;
		top: 152px;
		left: 805px;
	}
	
	.minigameOfficialBnr {
	position: absolute;
	left: 430px;
	top: 3px;
	}
	.minigameIntroBnr {
	position: absolute;
	left: 727px;
	top: 2px;
	}
	
	.minigameRule {
		padding-left: 6px;
		padding-top: 10px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}
	
	#minigame {
		padding: 8px;
		height: 662px;
	}
	.minigameFla {
		height: 514px;
		margin-bottom: 40px;
	}
	
	/* movie */
	#titlePage h2#titleMovie {
		margin: 0 auto;
		width: 1000px; height: 80px;
		text-indent: -9999px;
		background: url(../../movie/img/ttl_movie.png) left bottom no-repeat;
	}
	
	
	ul#movieSNav {
		width: 351px;
		height: 40px;
		position: absolute;
		top:30px;
		left:50%;
		margin-left:154px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	ul#movieSNav li {
		position: relative;
		float: left;
		width: 112px;
		height: 40px;
		margin-right: 5px;
		font-size: 1px;
		line-height: 0;
		/*overflow: hidden;*/
	}
	
	.pageContentsMovie {
		background: url(../../movie/img/movie_bg.png) center top no-repeat;
		/*width: 880px;*/
		height: 530px;
		padding: 0 130px;
	}
	.movieArea {
		width: 640px;
		margin: 0 auto 50px auto;
	}
	

/* information */
.infoTxt {
	width: 700px;
	padding: 40px 150px;
	margin: 40px auto;
	background-color: #fff;
}

.infoTxt p { margin-bottom: 20px; line-height: 20px;}