/*div.content{
background-color:#000000;
background-image:url(./image/story_bg_3.png);
background-repeat:repeat-y;
margin:0 40px;
}*/

.title-infomation div.pageheader {
background-image:url(./image/pageheader_chara.png);
background-repeat:no-repeat;
height:36px;
width:234px;
margin:22px 0 0 68px;
    background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/pageheader_chara.png',sizingMethod='scale');
}


div.chara_detail{
	margin-bottom:30px;
	position:relative;
	left:235px;
	height:550px;
	width:636px;
}

div.chara_description{
	position:relative;
	left:50px;
	top:95px;
	width:251px;
	font-size:125%;
}


div#chr_kouji{
	background-image:url(./image/chr_back_kouji.png);
	background-repeat:no-repeat;
}

div#chr_quon{
	background-image:url(./image/chr_back_quon.png);
	background-repeat:no-repeat;
}

div#chr_setsuna{
	background-image:url(./image/chr_back_setsuna.png);
	background-repeat:no-repeat;
}

div#chr_youhei{
	background-image:url(./image/chr_back_youhei.png);
	background-repeat:no-repeat;
}

div#chr_masayuki{
	background-image:url(./image/chr_back_masayuki.png);
	background-repeat:no-repeat;
}

div#chr_ryo{
	background-image:url(./image/chr_back_ryo.png);
	background-repeat:no-repeat;
}

div#chr_ren{
	background-image:url(./image/chr_back_ren.png);
	background-repeat:no-repeat;
}

span.chara_name{
	display:block;
	position:relative;
	left:20px;
	font-size:200%;
}

div.chara_description img{
	display:block;
	position:absolute;
	top:-39px;
	left:251px;
	width:300px;
	height:455px;
}
/*
div.chara_description#chr_ren{
	position:relative;
	left:50px;
	top:95px;
	width:259px;
	font-size:125%;
}
*/
div.chara_description#chr_ryo{
	position:relative;
	left:50px;
	top:95px;
	width:259px;
	font-size:125%;
}


#fixeditem{

     position: fixed !important;  
     position: absolute;  
     bottom:110px;
     right:50%;
     width:430px;
}

#fixedcontent{
	right:0;
	width:182px;
}

ul#charamenu1{
	margin-right:0;
	list-style-type:none;
	height:223px;
	width:182px;
}


ul#charamenu1 li a#chr_menu_kouji{
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:14px;
	position:absolute;
	background-image:url(./image/chr_button_kouji.png);
	width:40px;
	height:115px;
	overflow:hidden;
}

ul#charamenu1 li a#chr_menu_kouji:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:14px;
	background-image:url(./image/chr_button_on_kouji.png);
	width:40px;
	height:115px;
	z-index:999;
}

ul#charamenu1 li a#chr_menu_quon{
	text-indent:-9999px;
	background-image:url(./image/chr_button_quon.png);
	overflow:hidden;
	position:absolute;
	top:0px;
	left:61px;
	width:40px;
	height:115px;
}

ul#charamenu1 li a#chr_menu_quon:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-2px;
	left:59px;
	background-image:url(./image/chr_button_on_quon.png);
	width:44px;
	height:119px;
	z-index:999;
}

ul#charamenu1 li a#chr_menu_setsuna{
	background-image:url(./image/chr_button_setsuna.png);
	text-indent:-9999px;
	overflow:hidden;
	background-position:0px 0px;
	position:absolute;
	top:0px;
	left:108px;
	width:40px;
	height:115px;
}

ul#charamenu1 li a#chr_menu_setsuna:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-2px;
	left:106px;
	background-image:url(./image/chr_button_on_setsuna.png);
	width:44px;
	height:119px;
	z-index:999;
}

ul#charamenu1 li a#chr_menu_youhei{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:155px;
	background-image:url(./image/chr_button_youhei.png);
	width:40px;
	height:115px;
}

ul#charamenu1 li a#chr_menu_youhei:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-2px;
	left:153px;
	background-image:url(./image/chr_button_on_youhei.png);
	width:44px;
	height:119px;
	z-index:999;
}

ul#charamenu1 li a#chr_menu_masayuki{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:108px;
	left:44px;
	background-image:url(./image/chr_button_masayuki.png);
	width:40px;
	height:115px;
}

ul#charamenu1 li a#chr_menu_masayuki:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:108px;
	left:44px;
	background-image:url(./image/chr_button_on_masayuki.png);
	width:40px;
	height:115px;
	z-index:999;
}

ul#charamenu1 li a#chr_menu_ryo{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:108px;
	left:91px;
	background-image:url(./image/chr_button_ryo.png);
	width:40px;
	height:115px;
}

ul#charamenu1 li a#chr_menu_ryo:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:106px;
	left:89px;
	background-image:url(./image/chr_button_on_ryo.png);
	width:44px;
	height:119px;
	z-index:999;
}

ul#charamenu1 li a#chr_menu_ren{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:108px;
	left:138px;
	background-image:url(./image/chr_button_ren.png);
	width:40px;
	height:115px;
}

ul#charamenu1 li a#chr_menu_ren:hover{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:106px;
	left:136px;
	background-image:url(./image/chr_button_on_ren.png);
	width:44px;
	height:119px;
	z-index:999;
}
/* --------------------------
	IE6 向けのスタイル
----------------------------- */
* html ,* html body {
	height: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

* html #cover {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 100%;
}

* html #fixeditem{
     bottom:123px;
}