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

#contents {
float: right;
width: 580px;
}
#SN {
float: left;
width: 196px;
margin: 10px 0 20px;
background: #FFFEF9 url(../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(../qa/img/qa_life.jpg); background-position: left -35px;}
li.qa-navi-fire a { background-image: url(../qa/img/qa_fire.jpg);}
li.qa-navi-union a { background-image: url(../qa/img/qa_union.jpg);}
li.qa-navi-fire a:hover,
li.qa-navi-union a:hover { background-position: left -70px;}


div.SNttl {
padding: 18px 10px 8px;
background: url(../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(../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;}

.p5 li.SN5, .p6 li.SN6, .p7 li.SN7, .p8 li.SN8, .p9 li.SN9, .p10 li.SN10,
.p11 li.SN11, .p12 li.SN12, .p13 li.SN13, .p14 li.SN14, .p15 li.SN15,
.p16 li.SN16, .p17 li.SN17, .p18 li.SN18, .p19 li.SN19, .p20 li.SN20,
.p21 li.SN21, .p22 li.SN22, .p35 li.SN35 {
background: #FFF url(../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(../qa/img/cnt_bg.gif) left repeat-y;}
div.qa-bg2 { background: url(../qa/img/cnt_bg_bottom.gif) left bottom no-repeat; padding: 0 0 20px;}
div.qa-bg3 { background: url(../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 #999 dashed;
}
ul#menu li {
padding: 2px 0 2px 20px;
border-left: 1px solid #FFFEF8;
background: url(../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(../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(../qa/img/icon_q.gif) left 3px no-repeat;
color: #222277;
}
dd {
padding: 5px 0 10px 20px;
background: url(../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(../qa/img/menu_top.gif) left top no-repeat;
color: #555555;
}