@charset "utf-8";

/*==========================================
 各ページ用 差し替えスタイル
===========================================*/

body#chara article#ttl {
	background: url(../chara/img/bg_ttl.png) no-repeat right;
}


body#chara article#ttl p {
	background: url(../img/bg_pan.png) no-repeat 3px center #FFF;
	border: #f6651e solid 1px;
	border-radius: 15px;
}


body#chara article#mainBox {
	background: url(../img/bg_main.gif);
}

/*==========================================
 コンテンツ内のスタイル
===========================================*/

body#chara ul#charaList {
	_overflow: hidden;
}

body#chara ul#charaList li {
	text-indent: -9999px;
	width: 415px;
	height: 115px;
	float: left;
	margin: 0 20px 10px 0;
	position: relative;
}

body#chara ul#charaList li:nth-child(2n) {
	margin-right: 0;
}

body#chara ul#charaList li a {
	display: block;
	width: 415px;
	height: 115px;
}

body#chara ul#charaList li.chara01 a {
	background: url(../chara/img/btn_chara01.jpg);
}

body#chara ul#charaList li.chara01 a:hover {
	background: url(../chara/img/btn_chara01.jpg) 0 -115px;
}

body#chara ul#charaList li.chara02 a {
	background: url(../chara/img/btn_chara02.jpg);
}

body#chara ul#charaList li.chara02 a:hover {
	background: url(../chara/img/btn_chara02.jpg) 0 -115px;
}

body#chara ul#charaList li.chara03 a {
	background: url(../chara/img/btn_chara03.jpg);
}

body#chara ul#charaList li.chara03 a:hover {
	background: url(../chara/img/btn_chara03.jpg) 0 -115px;
}

body#chara ul#charaList li.chara04 a {
	background: url(../chara/img/btn_chara04.jpg);
}

body#chara ul#charaList li.chara04 a:hover {
	background: url(../chara/img/btn_chara04.jpg) 0 -115px;
}

body#chara ul#charaList li.chara05 a {
	background: url(../chara/img/btn_chara05.jpg);
}

body#chara ul#charaList li.chara05 a:hover {
	background: url(../chara/img/btn_chara05.jpg) 0 -115px;
}

body#chara ul#charaList li.chara06 a {
	background: url(../chara/img/btn_chara06.jpg);
}

body#chara ul#charaList li.chara06 a:hover {
	background: url(../chara/img/btn_chara06.jpg) 0 -115px;
}

body#chara ul#charaList li.chara07 a {
	background: url(../chara/img/btn_chara07.jpg);
}

body#chara ul#charaList li.chara07 a:hover {
	background: url(../chara/img/btn_chara07.jpg) 0 -115px;
}

body#chara ul#charaList li.chara08 a {
	background: url(../chara/img/btn_chara08.jpg);
}

body#chara ul#charaList li.chara08 a:hover {
	background: url(../chara/img/btn_chara08.jpg) 0 -115px;
}

body#chara ul#charaList li.chara09 a {
	background: url(../chara/img/btn_chara09.jpg);
}

body#chara ul#charaList li.chara09 a:hover {
	background: url(../chara/img/btn_chara09.jpg) 0 -115px;
}

body#chara ul#charaList li.chara10 a {
	background: url(../chara/img/btn_chara10.jpg);
}

body#chara ul#charaList li.chara10 a:hover {
	background: url(../chara/img/btn_chara10.jpg) 0 -115px;
}

/*body#chara ul#charaList li.chara10 {
	background: url(../chara/img/btn_que.gif);
}*/


body#chara ul#charaListS {
	background: #000;
	padding: 10px 0 0 10px;
	overflow: hidden;
}

body#chara ul#charaListS li {
	text-indent: -9999px;
	width: 158px;
	height: 60px;
	margin: 0 10px 10px 0;
	float: left;
	position: relative;
}

body#chara ul#charaListS li a {
	display: block;
	width: 158px;
	height: 60px;
}

body#chara ul#charaListS li.chara01 a {
	background: url(../chara/img/btn_s_chara01.jpg);
}

body#chara ul#charaListS li.chara01 a:hover {
	background: url(../chara/img/btn_s_chara01.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara02 a {
	background: url(../chara/img/btn_s_chara02.jpg);
}

body#chara ul#charaListS li.chara02 a:hover {
	background: url(../chara/img/btn_s_chara02.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara03 a {
	background: url(../chara/img/btn_s_chara03.jpg);
}

body#chara ul#charaListS li.chara03 a:hover {
	background: url(../chara/img/btn_s_chara03.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara04 a {
	background: url(../chara/img/btn_s_chara04.jpg);
}

body#chara ul#charaListS li.chara04 a:hover {
	background: url(../chara/img/btn_s_chara04.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara05 a {
	background: url(../chara/img/btn_s_chara05.jpg);
}

body#chara ul#charaListS li.chara05 a:hover {
	background: url(../chara/img/btn_s_chara05.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara06 a {
	background: url(../chara/img/btn_s_chara06.jpg);
}

body#chara ul#charaListS li.chara06 a:hover {
	background: url(../chara/img/btn_s_chara06.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara07 a {
	background: url(../chara/img/btn_s_chara07.jpg);
}

body#chara ul#charaListS li.chara07 a:hover {
	background: url(../chara/img/btn_s_chara07.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara08 a {
	background: url(../chara/img/btn_s_chara08.jpg);
}

body#chara ul#charaListS li.chara08 a:hover {
	background: url(../chara/img/btn_s_chara08.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara09 a {
	background: url(../chara/img/btn_s_chara09.jpg);
}

body#chara ul#charaListS li.chara09 a:hover {
	background: url(../chara/img/btn_s_chara09.jpg) 0 -60px;
}

body#chara ul#charaListS li.chara10 a {
	background: url(../chara/img/btn_s_chara10.jpg);
}

body#chara ul#charaListS li.chara10 a:hover {
	background: url(../chara/img/btn_s_chara10.jpg) 0 -60px;
}

/*body#chara ul#charaListS li.chara10 {
	background: url(../chara/img/btn_s_que.gif);
}

body#chara ul#charaListS li.chara10 {
	background: url(../chara/img/ico_hb.gif);
}*/



/*==========================================
 七服神
===========================================*/

body#chara p#btnMovie08 {
	text-indent: -9999px;
	margin: 0 10px 30px 188px;
	float: left;
}

body#chara p#btnMovie09 {
	text-indent: -9999px;
	margin: 0 0 30px 450px;
}

body#chara p#btnMovie08 a {
	display: block;
	height: 102px;
	width: 252px;
	background: url(../chara/img/btn_movie08.jpg);
}

body#chara p#btnMovie08 a:hover {
	background: url(../chara/img/btn_movie08.jpg) 0 -102px;
}

body#chara p#btnMovie09 a {
	display: block;
	height: 102px;
	width: 252px;
	background: url(../chara/img/btn_movie09.jpg);
}

body#chara p#btnMovie09 a:hover {
	background: url(../chara/img/btn_movie09.jpg) 0 -102px;
}

body#chara article#mainBox {
	position: relative;
}

body#chara p.zukan {
	text-indent: -9999px;
	line-height: 100%;
	position: absolute;
	right: 50px;
	top: 790px;
}

body#chara p.zukan a {
	display: block;
	height: 75px;
	width: 160px;
	background: url(../chara/img/btn_zukan.gif);
}

body#chara p.zukan a:hover {
	background: url(../chara/img/btn_zukan.gif) 0 -75px;
}



/*==========================================
 各地のファイトレーダー
===========================================*/

body#chara ul.localList {
	overflow: hidden;
	margin-bottom: 30px;
}

body#chara ul.localList li {
	float: left;
	margin: 0 10px 10px 0;
}

body#chara ul.localList li:nth-child(4n) {
	margin-right: 0;
}



/*==========================================
 仲間
===========================================*/

body#chara p.zukan02 {
	text-indent: -9999px;
	line-height: 100%;
	position: absolute;
	right: 50px;
	top: 720px;
}

body#chara p.zukan02 a {
	display: block;
	height: 75px;
	width: 160px;
	background: url(../chara/img/btn_zukan02.gif);
}

body#chara p.zukan02 a:hover {
	background: url(../chara/img/btn_zukan02.gif) 0 -75px;
}

body#chara p.zukan03 {
	text-indent: -9999px;
	line-height: 100%;
	position: absolute;
	right: 50px;
	top: 720px;
}

body#chara p.zukan03 a {
	display: block;
	height: 75px;
	width: 160px;
	background: url(../chara/img/btn_zukan03.gif);
}

body#chara p.zukan03 a:hover {
	background: url(../chara/img/btn_zukan03.gif) 0 -75px;
}