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


/*---------------
□□□layout□□□
---------------*/

div.block h2
{
	display:block;
	padding-bottom: 5px;
	
}
div.block h2 img
{
	
	padding-right: 20px;
	
}
div.block p
{
	display:block;
	font-size: 14px;
	padding-bottom: 10px;
	line-height: 1.6em;
}

div.block .tomain {
	height: 14px;
	width: 147px;
	position: absolute;
	top: -60px;
	right: -20px;
}
div.block .tomain a {
	background: url(../character/images/maincharacter_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
}
div.block .character_ichiran {
	height: 14px;
	width: 137px;
	position: absolute;
	top: -60px;
	right: -20px;
}
div.block .character_ichiran a {
	background: url(../character/images/character_ichiran_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
}

div.block .backnumber_btn a:hover, div.block .tomain a:hover, div.block .character_ichiran a:hover{
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease;
}

.backnumber_btn a:hover, div.block .tomain a:hover, div.block .character_ichiran a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#character #wrapper #contents #main .content .main .block .three li {
	float: left;
	padding-bottom: 20px;
	padding-right: 12px;
	padding-left: 12px;
}
#character #wrapper #contents #main .content .main .block .two {
	padding-left: 120px;
}
#character #wrapper #contents #main .content .main .block .two li {
	float: left;
	padding-bottom: 20px;
	padding-right: 30px;
}
#character #wrapper #contents #main .content .main .block ul {
    overflow: hidden;
}

#character #wrapper #contents #main .content .main .block ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*\*/
* html #character #wrapper #contents #main .content .main .block ul {
    height: 1em;
    overflow: visible;
}




.backnumber_btn {
	background: url(../character/images/othercharacter_btn.png) no-repeat;
	height: 62px;
	width: 201px;
	position: absolute;
	top: 10px;
	right: -30px;
	z-index: 1000;
}

.genei_btn {
	background: url(../character/images/genei_btn.png) no-repeat;
	height: 62px;
	width: 120px;
	position: absolute;
	top: 10px;
	right: 180px;
	z-index: 1000;
}
.genei_btn a {
	background: url(../character/images/genei_btn_txt.gif) no-repeat center 17px;
	text-indent: -9999px;
	display: block;
	height: 62px;
	width: 120px;
}
.genei_btn a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}




/*oherChara*/
#character #wrapper #contents #main .content .main  backnumber_btn ul {
    overflow: auto;
}
#oherChara {
	margin:0;
	padding:0;
	position:relative;
	line-height:1.5em; 
}
#oherChara a#mainbtn {
	background: url(../character/images/othercharacter_btn_txt.gif) no-repeat 17px 17px;
	text-indent: -9999px;
	display: block;
	height: 62px;
	width: 201px;
}
#oherChara ul {
	position:absolute;
	width:181px;
	top:48px;
	left: 6px;
}
#oherChara li ul a{
	background-color:#D2060B;
	width:165px;
	padding:3px 3px 3px 13px;
	border-top: #C6B050;
	border-bottom: 1px dotted #C6B050;
	display:block;
}


/*kimeraChara*/
.kimera_btn {
	background: url(../character/images/kimera_btn.png) no-repeat;
	height: 63px;
	width: 149px;
	position: absolute;
	top: 10px;
	right: 310px;
	z-index: 1000;
}
.kimera_btn a {
	background: url(../character/images/kimera_btn_txt.gif) no-repeat center 18px;
	text-indent: -9999px;
	display: block;
	height: 63px;
	width: 149px;
}
.kimera_btn a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}


/*jyunishinChara*/
.jyunishin_btn {
	background: url(../character/images/jyunishin_btn.png) no-repeat;
	height: 63px;
	width: 121px;
	position: absolute;
	top: 10px;
	right: 470px;
	z-index: 1000;
}
.jyunishin_btn a {
	background: url(../character/images/jyunishin_btn_txt.gif) no-repeat center 18px;
	text-indent: -9999px;
	display: block;
	height: 63px;
	width: 121px;
}
.jyunishin_btn a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}


body.is2nd div#footer
{
	text-align:right;
	padding-right: 130px;
	float: right;
	width: 600px;
}





#pagelink{
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 20px;
}

body#character_genei{
	background:#3F354E url(../images/bg_genei.jpg) no-repeat center top;
}

body#character_genei div#main div.main
{
	width:775px;
	background: url(../images/main_bg.png) repeat-y left top;
	padding-top: 0px;
	padding-bottom: 0px;
}


body#character_genei div#main div.bottom
{
	width:775px;
	height:15px;
	background: url(../images/bottom_bg.png) no-repeat left bottom;
	position: relative;
}
body#character_genei div#main div.bottom img
{
	position: absolute;
	top: -50px;
	right: 30px;
}
body#character_genei div#main div.block
{
	width: 695px;
	padding-left: 0px;
	position: relative;
	left: 8px;
}

body#character_genei div.block .character_ichiran {
	height: 14px;
	width: 137px;
	position: absolute;
	top: -40px;
	right: -40px;
}

* html body#character_genei div.block .character_ichiran {
	position: absolute;
	top: -40px;
	right: 15px;
}


body#character_genei  div#footer
{
	text-align:right;
	padding-right: 160px;
	float: right;
	width: 600px;
	color: #CCC;
}
body#character_genei  div#footer p
{
	color: #CCC;
}

body#character_genei div#main img{
vertical-align: top;
vertical-align: bottom;
}

body#character_genei #happyou  {
	margin-left: 13px;
	display: block;
	padding-top: 10px;
}

body#character_genei #happyou a {
	color: #C3180F;
}

body#character_genei div.block #ryodan {
	height: 586px;
	width: 754px;
	background: url(../character/images/genei_main_off.jpg);
}
body#character_genei div.block #toujyou {
	position: absolute;
	top: 40px;
	margin: 0px;
	padding: 0px;
	left: 15px;
}
* html body#character_genei div.block #toujyou {
	position: absolute;
	right: 130px;
	top: 40px;
	margin: 0px;
	padding: 0px;
}

body#character_kimera{
	background:#F6F3EA url(../images/bg_kimera.jpg) no-repeat center top;
}
body#character_kimera div#main div.bottom img
{
	position: absolute;
	top: -50px;
	right: 10px;
}
body#character_kimera #wrapper #contents #main .content .main .block .two li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-bottom: 20px;
	padding-right: 10px;
}
body#character_kimera #wrapper #contents #main .content .main .block .three li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-bottom: 20px;
	padding-right: 30px;
}
body#character_kimera #wrapper #contents #main .content .main .block .four li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding: 0px 0px 20px;
}
body#character_kimera #wrapper #contents #main .content .main .block ul {
    overflow: hidden;
	text-align:center;
}

body#character_kimera #wrapper #contents #main .content .main .block ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


body#character_kimera div.block .character_ichiran {
	height: 14px;
	width: 137px;
	position: absolute;
	top: -63px;
	right: 40px;
}
#character_jyunishin div#footer
{
	text-align:right;
	padding-right: 40px;
	float: right;
	width: 600px;
}


/*---------------
□□□font□□□
---------------*/
#oherChara li ul a{
	color:#D5CA8D;
	text-decoration:none;
	/*text-shadow: 1px 1px 1px black;
	font-weight: bold;
	font-size: 16px;*/
}

#pagelink a {
	color: #C3180F;
}
#pagelink a:hover {
	text-decoration: none;
}
#pagelink span {
	font-size: 18px;
	font-weight: bold;
}
#character_genei #wrapper #contents #main .content .main .block #ryodan #map {
	display: block;
	position: absolute;
	top: 40px;
	height: 586px;
	width: 754px;
	margin: 0px;
	padding: 0px;
}
#character_kimera #wrapper #contents #main .content .main .block {
	padding-right: 0px;
	padding-left: 0px;
	width: 780px;
}