@charset "utf-8";
/* ==================================================================
CSS information
style info :DL�y�[�W�p
================================================================== */

@import url("../../common/css/container.css");

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{}

/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#inner{padding:30px 41px 40px 46px;}
#other_dl #inner{padding:22px 41px 40px 46px;}

h3{margin-bottom:10px;}
#other_dl_step h3{margin-bottom:40px;}

#stepBox h5{margin-bottom:10px;}
#stepBox h5.line{padding-bottom:5px; border-bottom:1px solid #dddddd}

.text{
color:#464646;
line-height:160%;
}
.read{
clear:both;
margin-bottom:40px;
}

#btnBox{
text-align:center;
margin-top:40px;
clear:both;
}
#btnBox a{margin:0 5px;}
#btnBox a:hover img,
a.hover:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/* --------------------------------------------------------
 update
-------------------------------------------------------- */

#update h4{
float:left;
padding:5px 0 0 0;
}
#update h4 img{
vertical-align:middle;
}

#update dl{
float:left;
height:30px;
padding:8px 0 0 10px;
overflow:hidden;
width:820px;
}

#update dt{
float:left;
line-height:1;
}
#update dd{
margin-left:5em;
line-height:1;
}
*:first-child+html #update h4{padding:5px 0 0 0;}
*:first-child+html #update dl{padding:8px 0 0 10px;}
*:first-child+html #update dt{line-height:1.2;}
*:first-child+html #update dd{line-height:1.2;}


/* --------------------------------------------------------
 cast
-------------------------------------------------------- */
ul.list-chara-01{ margin: 0 -14px 0 -5px; width:918px;}

ul.list-chara-01 li{
position:relative;
display:inline;
float:left;
width:445px;
height:496px;
margin:0 14px 30px 0;
background:url(../img/cast/cast_bg_01.jpg) 0 0 no-repeat;
}

ul.list-chara-01 li dl{
position:absolute;
right:8px;
top:1px;
z-index:100;
}
ul.list-chara-01 li dl dt{
text-align:right;
}
ul.list-chara-01 li dl dt,
ul.list-chara-01 li dl dd{
line-height:0;
}
p.bottom-area{
position:absolute;
left:13px;
bottom:16px;
z-index:100;
}
p.left-area{
position:absolute;
left:4px;
top:0;
z-index:10;
}
ul.list-chara-01 li#chara02 p.left-area{ left:-15px; top:-23px; }
ul.list-chara-01 li#chara03 p.left-area{ top:-23px; }
ul.list-chara-01 li#chara06 p.left-area{ left:-10px;}
ul.list-chara-01 li#chara10 p.left-area{ top:-8px; }
ul.list-chara-01 li#chara12 p.left-area{ left:-7px;}

p.new-area{
position:absolute;
left:0;
top:0;
z-index:110;
}