@charset "utf-8";
/* ===================================================================
 CSS information

 file name  :character.css
 style info :コンテンツ内のデザインCSS
=================================================================== */


/* トップページ
========================================================== */

/* ==========================================================
	CHARACTER
========================================================== */
body#character h2 {	padding: 2px 0 0 3px;width: 924px;}
body#character h3 { clear: both;}
body#character ul.character {
    margin: 0 auto;
    padding: 12px 0 36px;
    width: 890px;
}
body#character ul.character li {
		float: left;
		padding: 0 10px 0 0;
		width: 215px;
}
body#character ul.character li.last_li {
		float: left;
		padding: 0;
		width: 215px;
}
body#character ul.character li.sLeft { padding-left: 117px; }
body#character ul.character li a { display: block; }
body#character ul.character2 { margin: 23px auto 25px; width: 903px;}
body#character ul.character2 li { float: left; height: 272px; padding:0 0 12px 0;}
body#character ul.character2 li a { display: block; }

/* 左カラム キャラリスト
========================================================== */
body#character div.left {
		float: left;
		width: 267px;
		padding: 5px 0 0;
}
body#character div.snavi_bg {
		background: url("../img/character/snavi_bg.png") no-repeat scroll 0 0 transparent;
		padding: 27px 0;
}
body#character div.snaviWrap {
		background: url("../img/character/snaviBg_middle.png") repeat-y;
}
body#character div.snaviWrap div {text-align: center;
}
body#character div.snavi_bg div { padding: 0 0 0 27px;}
body#character div.snavi_bg p { padding: 2px 0 0 27px; }
body#character ul.snavi { padding: 0 0 0 27px; }
body#character ul.snavi li a { padding: 3px 0; width:212px; height:38px; display:block; text-indent:-9999px;}
body#character ul.snavi2 { padding: 0 0 0 27px; }
body#character ul.snavi2 li a { padding:  2px 0 3px; width:212px; height:38px; display:block; text-indent:-9999px; }
body#character ul.snavi3 { padding: 0 0 0 27px; }
body#character ul.snavi3 li a { padding: 2px 0 3px; width:212px; height:38px; display:block; text-indent:-9999px; }
body#character ul.snavi3 li.last a { padding: 2px 0 0; width:212px; height:38px; display:block; text-indent:-9999px; }
body#character div#accordion dl dt {width: 212px;margin: 0 auto;}

/*サブナビ*/
body#character ul.snavi li.snavi_01 a { background:url(../img/character/snavi01_01_d.gif) no-repeat;}
body#character ul.snavi li.snavi_02 a { background:url(../img/character/snavi01_02_d.gif) no-repeat;}
body#character ul.snavi li.snavi_03 a { background:url(../img/character/snavi01_03_d.gif) no-repeat;}
body#character ul.snavi li.snavi_04 a { background:url(../img/character/snavi01_04_d.gif) no-repeat;}
body#character ul.snavi li.snavi_05 a { background:url(../img/character/snavi01_05_d.gif) no-repeat;}
body#character ul.snavi li.snavi_06 a { background:url(../img/character/snavi01_06_d.gif) no-repeat;}
body#character ul.snavi li.snavi_07 a { background:url(../img/character/snavi01_07_d.gif) no-repeat;}

body#character ul.snavi2 li.snavi_01 a { background:url(../img/character/snavi03_01_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_02 a { background:url(../img/character/snavi03_02_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_03 a { background:url(../img/character/snavi03_03_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_04 a { background:url(../img/character/snavi03_04_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_05 a { background:url(../img/character/snavi03_05_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_06 a { background:url(../img/character/snavi03_06_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_07 a { background:url(../img/character/snavi03_07_d.gif) no-repeat;}
body#character ul.snavi2 li.snavi_08 a { background:url(../img/character/snavi03_08_d.gif) no-repeat;}

body#character ul.snavi3 li.snavi_01 a { background:url(../img/character/snavi02_01_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_02 a { background:url(../img/character/snavi02_02_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_03 a { background:url(../img/character/snavi02_03_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_04 a { background:url(../img/character/snavi02_04_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_05 a { background:url(../img/character/snavi02_05_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_06 a { background:url(../img/character/snavi02_06_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_07 a { background:url(../img/character/snavi02_07_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_08 a { background:url(../img/character/snavi02_08_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_09 a { background:url(../img/character/snavi02_09_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_10 a { background:url(../img/character/snavi02_10_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_11 a { background:url(../img/character/snavi02_11_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_12 a { background:url(../img/character/snavi02_12_d.gif) no-repeat;}
body#character ul.snavi3 li.snavi_13 a { background:url(../img/character/snavi02_13_d.gif) no-repeat;}

/*サブナビ on指定*/
body#character ul.snavi li.snavi_01 a:hover { background:url(../img/character/snavi01_01_on.gif) no-repeat;}
body#character ul.snavi li.snavi_02 a:hover { background:url(../img/character/snavi01_02_on.gif) no-repeat;}
body#character ul.snavi li.snavi_03 a:hover { background:url(../img/character/snavi01_03_on.gif) no-repeat;}
body#character ul.snavi li.snavi_04 a:hover { background:url(../img/character/snavi01_04_on.gif) no-repeat;}
body#character ul.snavi li.snavi_05 a:hover { background:url(../img/character/snavi01_05_on.gif) no-repeat;}
body#character ul.snavi li.snavi_06 a:hover { background:url(../img/character/snavi01_06_on.gif) no-repeat;}
body#character ul.snavi li.snavi_07 a:hover { background:url(../img/character/snavi01_07_on.gif) no-repeat;}

body#character ul.snavi2 li.snavi_01 a:hover { background:url(../img/character/snavi03_01_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_02 a:hover { background:url(../img/character/snavi03_02_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_03 a:hover { background:url(../img/character/snavi03_03_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_04 a:hover { background:url(../img/character/snavi03_04_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_05 a:hover { background:url(../img/character/snavi03_05_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_06 a:hover { background:url(../img/character/snavi03_06_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_07 a:hover { background:url(../img/character/snavi03_07_on.gif) no-repeat;}
body#character ul.snavi2 li.snavi_08 a:hover { background:url(../img/character/snavi03_08_on.gif) no-repeat;}

body#character ul.snavi3 li.snavi_01 a:hover { background:url(../img/character/snavi02_01_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_02 a:hover { background:url(../img/character/snavi02_02_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_03 a:hover { background:url(../img/character/snavi02_03_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_04 a:hover { background:url(../img/character/snavi02_04_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_05 a:hover { background:url(../img/character/snavi02_05_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_06 a:hover { background:url(../img/character/snavi02_06_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_07 a:hover { background:url(../img/character/snavi02_07_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_08 a:hover { background:url(../img/character/snavi02_08_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_09 a:hover { background:url(../img/character/snavi02_09_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_10 a:hover { background:url(../img/character/snavi02_10_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_11 a:hover { background:url(../img/character/snavi02_11_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_12 a:hover { background:url(../img/character/snavi02_12_on.gif) no-repeat;}
body#character ul.snavi3 li.snavi_13 a:hover { background:url(../img/character/snavi02_13_on.gif) no-repeat;}

/*サブナビ ページ別指定*/
body#character div#chara01_01 ul.snavi li.snavi_01 a { background:url(../img/character/snavi01_01_on.gif) no-repeat;}
body#character div#chara01_02 ul.snavi li.snavi_02 a { background:url(../img/character/snavi01_02_on.gif) no-repeat;}
body#character div#chara01_03 ul.snavi li.snavi_03 a { background:url(../img/character/snavi01_03_on.gif) no-repeat;}
body#character div#chara01_04 ul.snavi li.snavi_04 a { background:url(../img/character/snavi01_04_on.gif) no-repeat;}
body#character div#chara01_05 ul.snavi li.snavi_05 a { background:url(../img/character/snavi01_05_on.gif) no-repeat;}
body#character div#chara01_06 ul.snavi li.snavi_06 a { background:url(../img/character/snavi01_06_on.gif) no-repeat;}
body#character div#chara01_07 ul.snavi li.snavi_07 a { background:url(../img/character/snavi01_07_on.gif) no-repeat;}

body#character div#chara03_01 ul.snavi2 li.snavi_01 a { background:url(../img/character/snavi03_01_on.gif) no-repeat;}
body#character div#chara03_02 ul.snavi2 li.snavi_02 a { background:url(../img/character/snavi03_02_on.gif) no-repeat;}
body#character div#chara03_03 ul.snavi2 li.snavi_03 a { background:url(../img/character/snavi03_03_on.gif) no-repeat;}
body#character div#chara03_04 ul.snavi2 li.snavi_04 a { background:url(../img/character/snavi03_04_on.gif) no-repeat;}
body#character div#chara03_05 ul.snavi2 li.snavi_05 a { background:url(../img/character/snavi03_05_on.gif) no-repeat;}
body#character div#chara03_06 ul.snavi2 li.snavi_06 a { background:url(../img/character/snavi03_06_on.gif) no-repeat;}
body#character div#chara03_07 ul.snavi2 li.snavi_07 a { background:url(../img/character/snavi03_07_on.gif) no-repeat;}
body#character div#chara03_08 ul.snavi2 li.snavi_08 a { background:url(../img/character/snavi03_08_on.gif) no-repeat;}

body#character div#chara02_01 ul.snavi3 li.snavi_01 a { background:url(../img/character/snavi02_01_on.gif) no-repeat;}
body#character div#chara02_02 ul.snavi3 li.snavi_02 a { background:url(../img/character/snavi02_02_on.gif) no-repeat;}
body#character div#chara02_03 ul.snavi3 li.snavi_03 a { background:url(../img/character/snavi02_03_on.gif) no-repeat;}
body#character div#chara02_04 ul.snavi3 li.snavi_04 a { background:url(../img/character/snavi02_04_on.gif) no-repeat;}
body#character div#chara02_05 ul.snavi3 li.snavi_05 a { background:url(../img/character/snavi02_05_on.gif) no-repeat;}
body#character div#chara02_06 ul.snavi3 li.snavi_06 a { background:url(../img/character/snavi02_06_on.gif) no-repeat;}
body#character div#chara02_07 ul.snavi3 li.snavi_07 a { background:url(../img/character/snavi02_07_on.gif) no-repeat;}
body#character div#chara02_08 ul.snavi3 li.snavi_08 a { background:url(../img/character/snavi02_08_on.gif) no-repeat;}
body#character div#chara02_09 ul.snavi3 li.snavi_09 a { background:url(../img/character/snavi02_09_on.gif) no-repeat;}
body#character div#chara02_10 ul.snavi3 li.snavi_10 a { background:url(../img/character/snavi02_10_on.gif) no-repeat;}
body#character div#chara02_11 ul.snavi3 li.snavi_11 a { background:url(../img/character/snavi02_11_on.gif) no-repeat;}
body#character div#chara02_12 ul.snavi3 li.snavi_12 a { background:url(../img/character/snavi02_12_on.gif) no-repeat;}
body#character div#chara02_13 ul.snavi3 li.snavi_13 a { background:url(../img/character/snavi02_13_on.gif) no-repeat;}


/* キャラクター
========================================================== */
body#character div.right {
		float: right;
		width: 684px;
}
/* chara01_01 松風 天馬 */
body#character div.chara01_01_left {float: left;padding: 55px 0 0 5px;}
body#character div.chara01_01_right {float: right;padding: 21px 23px 235px 0;}

/* chara01_02 フェイ・ルーン */
body#character div.chara01_02_left {float: left;padding: 67px 0 0;}
body#character div.chara01_02_right {float: right;padding: 21px 23px 275px 0;}

/* chara01_03 クラーク・ワンダバット */
body#character div.chara01_03_left {float: left;padding: 167px 0 0 41px;}
body#character div.chara01_03_right {float: right;padding: 11px 23px 0 0;}
body#character div.chara01_03_2 {float: right;width: 389px;padding: 0 0 79px 0;}

/* chara01_04 剣城 優一 */
body#character div.chara01_04_left {float: left;padding: 12px 0 0;}
body#character div.chara01_04_right {float: right;padding: 21px 23px 295px 0;}

/* chara01_05 クロスワード・アルノ博士 */
body#character div.chara01_05_left {float: left;padding: 24px 0 0 53px;}
body#character div.chara01_05_right {float: right;padding: 21px 30px 295px 0;}

/* chara01_06 菜花 黄名子 */
body#character p.chara01_06_copy {padding: 14px 31px 0 0;text-align: right;}
body#character div.chara01_06_left {float: left;padding: 0 0 0 81px;}
body#character div.chara01_06_right {float: right;padding: 0 38px 0 0;}

/* chara01_07 謎の少年 */
body#character div.chara01_07_left {float: left;padding: 44px 0 0 67px;}
body#character div.chara01_07_right {float: left;padding: 69px 0 0 47px;}

/* chara02_01 アルファ */
body#character div.chara02_01_copy {float: right;padding: 25px 8px 0 0;}
body#character div.chara02_01_left {float: left;padding: 35px 0 0;}
body#character div.chara02_01_right {float: right;padding: 0 22px 0 0;}
body#character div.chara02_01_eldorado {padding: 0 22px 0 0;text-align: right;width: 662px;}

/* chara02_02 ベータ */
body#character div.chara02_02_left {float: left;padding: 67px 0 0 10px;}
body#character div.chara02_02_right {text-align: left;float: right;width: 353px;padding: 21px 13px 0 0;}
body#character div.chara02_02_right p.img {float: right;padding: 225px 63px 0 0;}
body#character div.chara02_02_keshin {float: left;width: 666px;padding: 0 0 0 5px;}

/* chara02_03 ガンマ */
body#character div.chara02_03_copy {float: left;padding: 21px 8px 0 0;}
body#character div.chara02_03_left {float: left;padding: 21px 0 0 64px;}
body#character div.chara02_03_right {float: right;padding: 7px 54px 0 0;}

/* chara02_04 プロトコルメンバー */
body#character div.chara02_04_left {float: left;width: 540px;padding-top: 13px;}
body#character div.chara02_04_right {float: left;width: 144px;padding-top: 13px;}
body#character div.chara02_04_03 {padding-bottom:20px;}
body#character div.chara02_04_03 p {float: left;}

/* chara02_05 ザナーク */
body#character div.chara02_05_copy {float: left;padding: 21px 0 0 0;}
body#character div.chara02_05_left {float: left;padding: 21px 0 0;}
body#character div.chara02_05_right {float: right;padding: 0 41px 0 0;}
body#character div.chara02_05b {padding: 20px 0 0 25px;clear:both;}

/* chara02_06 ザナーク・ドメイン */
body#character div.chara02_06_left {float: left;width: 388px;padding-top: 13px;}
body#character div.chara02_06_right {float: left;width: 296px;padding-top: 13px;}
body#character div.chara02_06_03 {padding-bottom:20px;}
body#character div.chara02_06_03 p {float: left;}

/* chara02_07 トウドウ議長 */
body#character div.chara02_07_left {float: left;padding: 21px 0 0 128px;}
body#character div.chara02_07_right {float: right;padding: 21px 33px 330px 0;}

/* chara02_08 パーフェクト・カスケイド */
body#character div.chara02_08_left {float: left;padding: 64px 0 0 10px;}
body#character div.chara02_08_right {float: left;padding: 13px 0 0 29px;}
body#character div.chara02_08_left_02 {float: left;padding: 29px 0 0 25px;}
body#character div.chara02_08_right_02 {float: left;padding: 57px 0 0 11px;}
body#character div.chara02_08_left_03 {float: left;padding: 21px 0 0 0;}
body#character div.chara02_08_right_03 {float: left;}

/* chara02_09 サカマキ・トグロウ */
body#character div.chara02_09_left {float: left;padding: 21px 0 0 49px;}
body#character div.chara02_09_right {float: left;padding: 73px 0 0 37px;}

/* chara02_10 SARU */
body#character div.chara02_10_left {float: left;padding: 44px 0 0 67px;}
body#character div.chara02_10_right {float: left;padding: 69px 0 0 47px;}
body#character div.chara02_10_b_left {float: left;padding: 0 0 0 29px;}

/* chara02_11 ザン */
body#character div.chara02_11 {float:left; text-align: right; padding: 5px 0 0 0; width: 672px;}

/* chara02_12 ギル */
body#character div.chara02_12 {float:left; text-align: right; padding: 5px 0 0 0; width: 679px;}
body#character div.chara02_12_right {float: left;padding: 118px 0 0;}
body#character div.chara02_12 ul li {float:left;}

/* chara02_13 ガル */
body#character div.chara02_13 {float:left; text-align: right; padding: 5px 0 0 0; width: 680px;}
body#character div.chara02_13_right {float: left; padding: 132px 0 0;}
body#character div.chara02_13 ul li {float:left;}


/* chara03_01 織田 信長 */
body#character div.chara03_01_left {float: left;}
body#character div.chara03_01_left p {padding: 0 0 0 38px;}
body#character div.chara03_01_left dl {padding: 0 0 0 38px;}
body#character p.chara03_01_tit {padding: 8px 0 0 5px;}
body#character div.chara03_01_right {float: right;padding: 19px 28px 0 0;}
body#character p.chara03_01b_right {float: right;padding: 19px 129px 0 0;}
body#character dl.chara03_01b_left {float: left;padding: 67px 0 0 78px;}

/* chara03_02 ジャンヌ・ダルク */
body#character p.chara03_02_tit {float: left;padding: 8px 0 0 5px;}
body#character div.chara03_02_left {float: left;padding: 9px 0 0 92px;}
body#character div.chara03_02_right {float: right;padding: 19px 28px 0 0;}
body#character p.chara03_02b_right {float: right;width:171px;padding: 11px 98px 0 0;}
body#character dl.chara03_02b_left {float: left;padding: 49px 0 0 101px;}

/* chara03_03 劉玄徳（劉備） */
body#character p.chara03_03_tit {float: left;padding: 8px 0 0 5px;}
body#character div.chara03_03_left {float: left;padding: 16px 0 0 31px;}
body#character div.chara03_03_right {float: right;padding: 39px 28px 0 0;}
body#character div.chara03_03_right dl {padding: 0 0 9px;}

/* chara03_04 諸葛孔明 */
body#character div.chara03_04_left {float: left;padding: 46px 0 0 60px;}
body#character div.chara03_04_right {float: right;padding: 39px 38px 0 0;}
body#character div.chara03_04_right dl {padding: 0 0 7px;}

/* chara03_05 坂本龍馬 */
body#character p.chara03_04_tit {float: left;padding: 8px 0 0 5px;}
body#character div.chara03_05_left {float: left;padding: 13px 0 0 5px;}
body#character div.chara03_05_right {float: right;padding: 39px 37px 0 0;}
body#character div.chara03_05_right dl {padding: 0 ;}
body#character div.chara03_05_b_left {float: left;padding: 0 0 0 134px;}
body#character div.chara03_05_b_left p {float: left;}

/* chara03_06 沖田総司 */
body#character div.chara03_06_left {float: left;padding: 9px 0 0 28px;}
body#character div.chara03_06_right {float: right;padding: 9px 38px 0 0;}
body#character div.chara03_06_right dl {padding: 0;}
body#character div.chara03_06_b_left {float: left;padding: 0 0 0 146px;}
body#character div.chara03_06_b_left p {float: left;}

/* chara03_07 トーブ */
body#character div.chara03_07_left {float: left;padding: 9px 0 0 75px;}
body#character div.chara03_07_right {float: right;padding: 9px 38px 0 0;}
body#character div.chara03_07_right dl {padding: 0;}
body#character div.chara03_07_b_left {float: left;padding: 0 0 0 28px;width: 331px;}
body#character div.chara03_07_b_left p {float: left;}
body#character div.chara03_07_b_right {float: left;}
body#character div.chara03_07_c_left {clear:both; float: left;padding: 0 0 0 14px;}

/* chara03_08 アーサー王 */
body#character div.chara03_08_left {float: left;padding: 15px 0 0 5px;}
body#character div.chara03_08_right {float: right;padding: 15px 38px 0 0;}
body#character div.chara03_08_right dl {padding: 0;}
body#character div.chara03_08_b_left {float: left;padding: 0 0 0 28px;}
body#character div.chara03_08_b_left p {float: left;}
body#character div.chara03_08_b_right {float: left;}
body#character div.chara03_08_c_left {float: left;padding: 0 0 0 44px;}
body#character div.chara03_08_c_right {float: left;}