@charset "utf-8";

/*==============================================
basic06 common style
==============================================*/

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

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

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

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

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

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

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

#basic-06 #content #topic01-area .btn-otherpage01,
#basic-06 #content #topic01-area .btn-otherpage02{
bottom:48px;
height:75px;
padding-top:110px;
position:absolute;
width:220px;
}
#basic-06 #content #topic01-area .btn-otherpage01{
left:50px;
z-index:99;
}
#basic-06 #content #topic01-area .btn-otherpage02{
left:282px;
z-index:98;
}

#basic-06 #content #topic01-area .btn-otherpage01 a,
#basic-06 #content #topic01-area .btn-otherpage02 a{
display:block;
height:75px;
overflow:hidden;
position:relative;
text-indent:-9999px;
width:220px;
}
#basic-06 #content #topic01-area .btn-otherpage01 a{
background:url(../06/img/btn_otherpage01.gif) 0 0 no-repeat;
}
#basic-06 #content #topic01-area .btn-otherpage02 a{
background:url(../06/img/btn_otherpage02.gif) 0 0 no-repeat;
}

#basic-06 #content #topic01-area .btn-otherpage01 a:hover,
#basic-06 #content #topic01-area .btn-otherpage02 a:hover{
background-position:0 -75px;
}

#basic-06 #content #topic01-area .talk-area{
height:258px;
z-index:97;
}

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

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


#basic-06 #content #topic02-area p.txt01{
margin-bottom:35px;
}

#basic-06 #content #topic02-area .topic02-check{
margin-bottom:39px;
overflow:hidden;
position:relative;
width:731px;
}

#basic-06 #content #topic02-area .topic02-check h4{
float:left;
height:20px;
margin-bottom:12px;
width:270px;
}

#basic-06 #content #topic02-area .topic02-check p{
clear:both;
float:left;
margin-bottom:39px;
width:350px;
}

#basic-06 #content #topic02-area .topic02-check ul.listboxC{
background:#FFFEE4 url(../06/img/txt_topic02_andmore.gif) 147px 100% no-repeat;
float:right;
margin-bottom:0;
margin-top:-32px;
padding:28px 28px 45px 28px;
width:298px;
}
html*#basic-06 #content #topic02-area .topic02-check ul.listboxC{
margin-top:0;
}

#basic-06 #content #topic02-area .topic02-check ul.listboxC li span{
border-bottom:1px solid #333;
display:block;
margin:14px 0 10px 1em;
width:240px;
}

#basic-06 #content #topic02-area .topic02-check .notes{
bottom:30px;
height:100px;
left:124px;
margin-bottom:0;
position:absolute;
width:278px;
}

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

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

#basic-06 #content #topic02-area dl.btn-otherpage03{
height:117px;
left:10px;
position:absolute;
top:212px;
width:474px;
z-index:2;
}

#basic-06 #content #topic02-area dl.btn-otherpage03 dt{
height:87px;
left:0;
position:absolute;
top:0;
width:145px;
z-index:2;
}

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

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

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

/*epilogue-area*/
#basic-06 #content #epilogue-area h3{
height:467px;
}

#basic-06 #content #epilogue-area .btn-next{
height:231px;
width:384px;
}

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

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

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