@charset "utf-8";

/*==============================================
basic07 common style
==============================================*/

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

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

#basic-07 #content #intro-area p{
line-height:1.69;
text-align:center;
}

#basic-07 #content #intro-area ul.talk-area{
height:223px;
margin-left:58px;
position:relative;
width:835px;
}

#basic-07 #content #intro-area ul.talk-area li.couple{
height:200px;
left:0;
position:absolute;
top:14px;
width:627px;
}

#basic-07 #content #intro-area ul.talk-area li.sakai{
height:223px;
right:0;
position:absolute;
top:0;
width:568px;
}

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

#basic-07 #content #topic01-area .txtbox01 p span,
#basic-07 #content #topic01-area .txtbox02 p span{
background-color:#fffa73;
}

#basic-07 #content #topic01-area .talk-area{
height:212px;
}

#basic-07 #content #topic01-area .talk-area li.couple{
height:212px;
left:0;
position:absolute;
}

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

#basic-07 #content #topic02-area .txtbox01,
#basic-07 #content #topic02-area .txtbox02{
padding-bottom:30px;
}

#basic-07 #content #topic02-area .txtbox01 p span,
#basic-07 #content #topic02-area .txtbox02 p span{
background-color:#fffa73;
}

#basic-07 #content #topic02-area .advice-area{
overflow:hidden;
padding-top:39px;
}

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

#basic-07 #content #topic02-area dl.btn-otherpage01{
height:125px;
left:18px;
position:absolute;
top:183px;
width:504px;
z-index:2;
}

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

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

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

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


/*epilogue-area*/
#basic-07 #content #epilogue-area h3{
height:498px;
}

#basic-07 #content #epilogue-area .btn-next a {
    background: url(../07/img/btn_next.gif) no-repeat scroll 0 0 transparent;
    height: 231px;
    width: 402px;
}
#basic-07 #content #epilogue-area .btn-next a:hover {
    background-position: 0 -231px;
}

/*btn_scl*/
#basic-07 #content .btn_scl{
}