@charset "utf-8";

/*==============================================
basic10 style
==============================================*/

/*#intro-area*/
#basic-10 #content #intro-area{
margin-bottom:29px;
padding-top:25px;
width:948px;
}

#basic-10 #content #intro-area h2{
height:136px;
margin:0 auto 5px auto;
width:862px;
}

#basic-10 #content #intro-area p{
line-height:1.69;
margin-bottom:20px;
text-align:center;
}

#basic-10 #content #intro-area ul.talk-area{
height:332px;
margin-left:67px;
position:relative;
width:766px;
}

#basic-10 #content #intro-area ul.talk-area li.yuko{
height:332px;
left:0;
position:absolute;
top:0;
width:232px;
z-index:1;
}

#basic-10 #content #intro-area ul.talk-area li.takashi{
height:332px;
left:232px;
position:absolute;
top:0;
width:193px;
z-index:2;
}

#basic-10 #content #intro-area ul.talk-area li.chiba{
height:325px;
left:459px;
position:absolute;
top:0;
width:307px;
z-index:3;
}

/*topic01-area*/
#basic-10 #content #topic01-area p span{
background-color:#FFFA73;
}

#basic-10 #content #topic01-area .txtbox01,
#basic-10 #content #topic01-area .txtbox02{
padding-bottom:25px;
}

#basic-10 #content #topic01-area .talk-area{
height:271px;
}

#basic-10 #content #topic01-area .talk-area li.couple{
height:271px;
left:0;
position:absolute;
top:0;
width:465px;
}

#basic-10 #content #topic01-area .talk-area li.chiba{
height:271px;
left:268px;
position:absolute;
top:0;
width:567px;
}


/*topic02-area*/
#basic-10 #content #topic02-area p span {
background-color:#FFFA73;
}

#basic-10 #content #topic02-area .innerbox{
padding-bottom:5px;
}

#basic-10 #content #topic02-area dl#topic02-fixture{
background-color:#fffee4;
border:1px dashed #4E4949;
margin-bottom:25px;
padding:25px 29px 14px 29px;
overflow:hidden;
_zoom:1;
}

#basic-10 #content #topic02-area dl#topic02-fixture dt{
height:110px;
width:380px;
}

#basic-10 #content #topic02-area dl#topic02-fixture dd{
line-height:1.85;
margin:-60px 0 28px 170px;
}

#basic-10 #content #topic02-area .advice-area{
overflow:hidden;
margin-top:14px;
padding-top:33px;
}

#basic-10 #content #topic02-area .advice-area .sakai{
height:306px;
position:relative;
width:820px;
z-index:1;
}

#basic-10 #content #topic02-area dl.btn-otherpage01{
height:123px;
left:21px;
position:absolute;
top:184px;
width:415px;
z-index:2;
}

#basic-10 #content #topic02-area dl.btn-otherpage01 dt{
height:55px;
left:0;
position:absolute;
top:0;
width:136px;
z-index:2;
}

#basic-10 #content #topic02-area dl.btn-otherpage01 dd{
height:85px;
position:absolute;
right:0;
top:38px;
width:325px;
z-index:1;
}

#basic-10 #content #topic02-area dl.btn-otherpage01 dd a{
background:url(../10/img/btn_otherpage01.gif) 0 0 no-repeat;
display:block;
height:85px;
overflow:hidden;
position:relative;
text-indent:-9999px;
width:325px;
}

#basic-10 #content #topic02-area dl.btn-otherpage01 dd a:hover{
background-position:0 -85px;
}

/*epilogue-area*/
#basic-10 #content #epilogue-area h3{
height:485px;
}


#basic-10 #content #epilogue-area .btn-next{
height:220px;
width:383px;
}

#basic-10 #content #epilogue-area .btn-next a{
background:url(../10/img/btn_next.gif) 0 0 no-repeat;
height:220px;
width:383px;
}

#basic-10 #content #epilogue-area .btn-next a:hover{
background-position:0 -220px;
}


/*btn_scl*/
#basic-10 #content .btn_scl{
margin-top:10px;
}