@charset "utf-8";
/*--------------------------------------------
　AN-JU ガイドページスタイルシート
　/css02/guide.css
--------------------------------------------*/

#guideBox {
padding: 10px 0 0 0;
font-size: 12px;
}

#guideBox img {
border: none;
}

#guideBox .red {
color: #CC0000;
}

#guideBox .size09 {
font-size: 9px;
}

#guideBox .clear{
clear: both;
}

#guideBox .right{
text-align: right;
margin: 0 0 10px 0;
}


/* guideBox レイアウト
*********************************************************** */
#guideBox #left {
width: 570px;
margin: 0 10px 0 0;
float: left;
}

#guideBox #right_menu {
width: 200px;
float: left;
}


/* left
*********************************************************** */
#guideBox #left h3 {
margin: 0 0 15px 0;
}

#guideBox #left h4 {
margin: 0 0 10px 0;
}


/* kaikae01
--------------------------------------------*/
#guideBox #left #kaikae01 p.point {
font-weight: bold;
font-size: 16px;
margin: 0 0 15px 0;
text-align: center;
}

#guideBox #left #kaikae01 p.text {
font-size: 12px;
margin: 0 30px 15px 30px;
padding: 5px;
text-align: center;
line-height: 1.3;
border: 1px dotted #666666;
}

#guideBox #left #kaikae01 #matrix {
margin: 0 0 20px 0;
padding: 70px 0 0 30px;
background: url(../img02/guide/kaikae_main_back.gif) no-repeat;
width: 540px;
height: 518px;
font-size: 12px;
line-height: 1.25;
}

#guideBox #left #kaikae01 #matrix .type01 {
width: 160px;
float: left;
margin: 0 10px 0 0;
padding:0 5px 0 5px;
}
#guideBox #left #kaikae01 #matrix .type02 {
width: 160px;
float: left;
margin: 0 10px 0 0;
padding:0 5px 0 5px;
}
#guideBox #left #kaikae01 #matrix .type03 {
width: 160px;
float: left;
margin: 0 0 0 0;
padding:0 5px 0 5px;
}

#guideBox #left #kaikae01 #matrix .summary {
height: 80px;
margin: 0 0 13px 0;
}

#guideBox #left #kaikae01 #matrix .merit {
height: 110px;
margin: 0 0 10px 0;
}
#guideBox #left #kaikae01 #matrix .merit ul {
margin: 0;
padding: 0;
}
#guideBox #left #kaikae01 #matrix .merit li {
list-style: none;
background: url(/img02/guide/listmark_orange.gif) no-repeat 0 2px;
margin: 0 0 3px 0;
padding: 0 0 0 14px;
}

#guideBox #left #kaikae01 #matrix .demerit {
height: 120px;
margin: 0 0 85px 0;
}
#guideBox #left #kaikae01 #matrix .demerit ul {
margin: 0;
padding: 0;
}
#guideBox #left #kaikae01 #matrix .demerit li {
list-style: none;
background: url(/img02/guide/listmark_blue.gif) no-repeat 0 2px;
margin: 0 0 3px 0;
padding: 0 0 0 14px;
}

#guideBox #left #kaikae01 #matrix p {
margin: 0 0 5px 0;
padding: 0;
}

#guideBox #left #kaikae01 #matrix .solution {
height: 95px;
}
#guideBox #left #kaikae01 #matrix .solution ul {
margin: 0;
padding: 0;
}
#guideBox #left #kaikae01 #matrix .solution li {
list-style: none;
background: url(/img02/guide/listmark_red.gif) no-repeat 0 2px;
margin: 0 0 3px 0;
padding: 0 0 0 14px;
}


#guideBox #left #kaikae01 p.satei_text {
font-size: 12px;
margin: 0;
padding: 0px 0px 10px 5px;
line-height: 1.5;
}

#guideBox #left #kaikae01 p.satei_text img {
float: right;
padding: 0 0 0 10px;
}

#guideBox #left #kaikae01 .dot_line {
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #999999;
height: 2px;
clear: right;
margin: 0;
}
#guideBox #left #kaikae01 dl.pickUpLink {
padding: 0;
margin: 10px 0px 5px 0px;
}
#guideBox #left #kaikae01 dl.pickUpLink dt{
margin: 0;
padding: 0;
font-weight: bold;
}
#guideBox #left #kaikae01 dl.pickUpLink dd{
margin: 5px 0px 5px 0px;
margin-left: 1em;
padding: 0;
line-height: 1.5;
}



/* interior01
--------------------------------------------*/
#guideBox #left #interior01 p.introduction {
background: url(/img02/guide/interior_advice.gif) no-repeat top left;
margin: 0 0 10px 0;
padding: 10px 0 0 190px;
height: 120px;
}

#guideBox #left #interior01 h4.step_title {
margin: 0;
}

#guideBox #left #interior01 p.step_text {
margin: 0 0 7px 0;
padding: 10px 0 0 10px;
line-height: 1.4;
}

#guideBox #left #interior01 p.step_link {
margin: 0 0 10px 0;
padding: 5px 0 0 10px;
line-height: 1.4;
}

#guideBox #left #interior01 .step01_text {
background: url(/img02/guide/plan.gif) no-repeat top right;
}

#guideBox #left #interior01 .step02_text {
background: url(/img02/guide/color.gif) no-repeat top right;
}

#guideBox #left #interior01 .step03_text {
background: url(/img02/guide/attention.gif) no-repeat top right;
}

#guideBox #left #interior01 .step04_text {
background: url(/img02/guide/showroom.gif) no-repeat top right;
}

#guideBox #left #interior01 .step05_text {
background: url(/img02/guide/confirmation.gif) no-repeat top right;
}

#guideBox #left #interior01 .step06_text {
background: url(/img02/guide/finish.gif) no-repeat top right;
}

#guideBox #left #interior01 .morelink {
background: url(/img02/guide/listmark_triangle.gif) no-repeat 0 1px;
margin: 0 0 10px 0;
padding: 0 0 0 14px;
}

#guideBox #left #interior01 dl {
margin: 10px 0 15px 0;
padding: 0;
}

#guideBox #left #interior01 dt {
background: url(/img02/guide/question.gif) no-repeat 0 0;
margin: 0 0 0 0;
padding: 2px 5px 4px 30px;
font-weight: bold;
}

#guideBox #left #interior01 dd {
background: url(/img02/guide/listmark_answer.gif) no-repeat 0 0;
margin: 0 0 15px 0;
padding: 8px 5px 0 30px;
line-height: 1.4;
}

#guideBox #left #interior01 h5 {
margin: 0;
padding: 10px 0 0 10px;
}


/* interior_link
--------------------------------------------*/
#guideBox #left #interior_link .pickup {
margin: 0 0 10px 0;
}

#guideBox #left #interior_link img.bn_left {
float: left;
margin: 0 10px 10px 0;
}

#guideBox #left #interior_link img.bn_right {
float: right;
margin: 0 0 10px 10px;
}

#guideBox #left #interior_link h5.link_title_sogo {
background: url(/img02/guide/listmark_linktitle.gif) no-repeat 0 0;
margin: 1px 0 5px 170px;
padding: 0 0 0 20px;
font-size: 12px;
height: 15px;
}

#guideBox #left #interior_link p.text_sogo {
margin: 0 0 10px 170px;
padding: 0 5px 0 20px;
line-height: 1.4;
}

#guideBox #left #interior_link ul.sogo_data {
margin: 0 0 10px 170px;
padding: 0 5px 0 0;
line-height: 1.4;
list-style: none;
}

#guideBox #left #interior_link li.url {
background: url(/img02/guide/listmark_url.gif) no-repeat 0 2px;
padding: 0 5px 0 85px;
}

#guideBox #left #interior_link li.address {
background: url(/img02/guide/listmark_address.gif) no-repeat 0 2px;
padding: 0 5px 0 85px;
}

#guideBox #left #interior_link h5.link_title {
background: url(/img02/guide/listmark_linktitle.gif) no-repeat 0 0;
margin: 0 0 5px 0;
padding: 1px 0 0 20px;
font-size: 12px;
height: 15px;
}

#guideBox #left #interior_link p.text {
margin: 0 0 10px 0;
padding: 0 5px 0 20px;
line-height: 1.4;
}

#guideBox #left #interior_link ul.data {
margin: 0 0 10px 0;
padding: 0 5px 0 0;
line-height: 1.4;
list-style: none;
}

#guideBox #left #interior_link .dot_line {
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #999999;
height: 2px;
clear: right;
margin: 0;
}

#guideBox #left #interior_link ul.link_list {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
line-height: 1.4;
list-style: none;
}

#guideBox #left #interior_link ul.link_list li {
background: url(/img02/guide/listmark_orange_triangle.gif) no-repeat 0 3px;
margin: 0;
padding: 0 5px 0 10px;
width: 270px;
float: left;
}

#guideBox #left #interior_link .right{
text-align: right;
margin: 10px 0 10px 0;
}









/* right_menu
*********************************************************** */
#guideBox #right_menu ul {
margin: 0 0 10px 0;
padding: 0;
}

#guideBox #right_menu li {
list-style: none;
margin: 0 0 10px 0;
line-height: 1.5;
}

#guideBox #right_menu img.banner {
margin: 0 0 10px 0;
vertical-align: top;
}

#guideBox #right_menu #check_word {
margin: 10px 0px 10px 0px;
}

#guideBox #right_menu #check_word h5 {
display: none;
}

#guideBox #right_menu #check_word p {
line-height: 1.4;
margin: 0;
padding: 10px 10px 0 10px;
}

#guideBox #right_menu #check_word .title01 {
background: url(/img02/guide/checkword_title01.gif) no-repeat;
height: 143px;
}

#guideBox #right_menu #check_word .middle {
background: url(/img02/guide/checkword_middle.gif) repeat-y;
padding: 0 0 10px 0;
}

#guideBox #right_menu #check_word .bottom {
background: url(/img02/guide/checkword_bottom.gif) no-repeat;
height: 4px;
}

p.teikyo_txt {
font-size: 10px;
text-align: right;
margin: 0;
padding: 0;
}

/* interior01
--------------------------------------------*/
#guideBox #right_menu a.int_menu {
margin: 0;
padding: 0 0 0 5px;
}


/* interior_link
--------------------------------------------*/
#guideBox #right_menu li.link_menu {
background: url(/img02/guide/listmark_interior_link.gif) no-repeat;
list-style: none;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
line-height: 1.5;
}






