@import url("../../css/fire.css");

#contents {
float: right;
width: 580px;
}
#SN {
float: left;
width: 196px;
margin: 10px 0 20px;
background: #FFFEF9 url(../../life/qa/img/sn_bg.gif) left repeat-y;
}
#SN li { list-style-type: none;}

div.middle { padding: 20px 0 0;}

/* side local navigation */

div.qa-navi li {
float: left;
width: 155px;
height: 35px;
padding: 0 12px 0 0;
list-style-type: none;
}
.qa-navi li a {
display: block;
width: 155px;
height: 35px;
background-position: left top;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}
li.qa-navi-life a { background-image: url(../../life/qa/img/qa_life.jpg);}
li.qa-navi-fire a { background-image: url(../../life/qa/img/qa_fire.jpg); background-position: left -35px;}
li.qa-navi-union a { background-image: url(../../life/qa/img/qa_union.jpg);}
li.qa-navi-life a:hover,
li.qa-navi-union a:hover { background-position: left -70px;}


div.SNttl {
padding: 18px 10px 8px;
background: url(../../life/qa/img/sn_bg_head.gif) left top no-repeat;
font-size: 1.1em;
font-weight: bolder;
}
#SN ul {
padding: 0 10px 18px;
background: url(../../life/qa/img/sn_bg_bottom.gif) left bottom no-repeat;
list-style-type: none;
}
#SN li {
padding: 6px 0 6px 12px;
border-top: 1px solid #CCC;
}
#SN li a { color: #444444;}
#SN li a:hover { color: #0C419A;}

.p23 li.SN23, .p24 li.SN24, .p25 li.SN25, .p26 li.SN26,
.p27 li.SN27, .p28 li.SN28, .p29 li.SN29, .p30 li.SN30,
.p31 li.SN31, .p32 li.SN32, .p33 li.SN33, .p34 li.SN34 {
background: #FFF url(../../life/qa/img/sn_check.gif) left center no-repeat;
}

/* contents */

.contents a { border-bottom: 1px dotted #0C419A;}
.contents .pagetop a,
.contents .tomenu a { border-bottom: none;}

.contents ul.att { margin: 3px 0; padding: 0 0 0 10px; list-style-type: none;}
ul.att li { padding: 1px 0 1px 1.2em; text-indent: -1.2em;}
ul.att li:first-letter { padding-right: 0.2em; font-family: "ＭＳ ゴシック", "Osaka－等幅";}

ol { padding: 3px 0 5px 26px;}
.contents ul { padding: 3px 0 5px 26px;}

div.qa-bg1 { background: url(../../life/qa/img/cnt_bg.gif) left repeat-y;}
div.qa-bg2 { background: url(../../life/qa/img/cnt_bg_bottom.gif) left bottom no-repeat; padding: 0 0 20px;}
div.qa-bg3 { background: url(../../life/qa/img/cnt_bg_head.gif) left top no-repeat; padding: 30px;}

h3 {
width: 14em;
padding: 5px 0 5px 7px;
border-bottom: 1px solid #BBBBBB;
font-size: 1.2em;
letter-spacing: 1px;
}

ul#menu {
margin: 15px 0;
padding: 10px 8px;
border-bottom: 1px dashed #999;
}
ul#menu li {
padding: 2px 0 2px 20px;
border-left: 1px solid #FFFEF8;
background: url(../../life/qa/img/icon_q.gif) left 3px no-repeat;
list-style-type: none;
}
ul#menu li a {
padding: 0 12px 0 0;
border: none;
background: url(../../life/qa/img/icon_arrow.gif) right 3px no-repeat;
}
*html ul#menu li a { padding: 0; background: none;}
*html ul#menu li a span {
padding: 2px 10px 2px 0;
background: url(../../life/qa/img/icon_arrow.gif) 3px center no-repeat;
}

dl {
padding: 10px;
}
dt {
padding: 2px 0 5px 20px;
background: url(../../life/qa/img/icon_q.gif) left 3px no-repeat;
color: #222277;
}
dd {
padding: 5px 0 10px 20px;
background: url(../../life/qa/img/icon_a.gif) left 7px no-repeat;
}

div.tomenu {
padding: 10px 10px 20px;
border-top: 1px dotted #CCC;
text-align: right;
}
div.tomenu a {
padding: 0 0 0 15px;
background: url(../../life/qa/img/menu_top.gif) left top no-repeat;
color: #555555;
}