/* CSS Document */
html{overflow-y:scroll;}
body{
font-size:12px;
line-height:1.5;
margin:0;
}
h2 {
font-size: 16px;
line-height:1;
font-weight: bold;
margin:0 0 20px 0;
padding:0;
color: #3399FF;
}

#benriIndex h2 {
margin:0;
padding:0;

}

h3{
margin:0;
padding:0;
}

#content-kakikata #main #contBase #mainCont h3.idxHd{
padding-bottom:5px;
background:url(/kakikata/benri/images/idx_hd_h3line.gif) no-repeat bottom left;
}

#content-kakikata .headLine{
border-bottom:1px solid #1e7edd;
margin-bottom:15px;
padding-bottom:0;
}
p{
margin:0 0 1em 0;
padding:0;
}


ol,ul{
list-style:none;
margin:0;
padding:0;
}

#content-kakikata #main img{
border:none;
margin:0;
padding:0;
line-height:0;
font-size:0;
vertical-align:bottom;
}

hr{display:none;}
.pause{
background:url(/kakikata/benri/images/line_bluedot.gif) repeat-x;
height:1px;
margin-top:15px;
margin-bottom:15px;
width:470px;
clear:both;
}

.pauseSanpo{
background:url(/kakikata/benri/sanpo/images/line_sanpo.gif) repeat-x;
height:19px;
margin-top:20px;
margin-bottom:20px;
width:480px;
clear:both;
}

.pauseStep{
background:url(/kakikata/benri/sanpo/images/line_step.gif) no-repeat center top;
height:16px;
margin-bottom:14px;
width:480px;
clear:both;
}


.pointBox .pause{
margin:30px -10px 20px;
}

.clearfix:after{
display:block;
clear:both;
margin:0;
padding:0;
visibility:hidden;
height:0;
font-size:0;
content:".";
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


.clearBoth{clear:both;}
.floatRight{float:right;}
.floatLeft{float:left;}
.caption01{color:#FF3399;}
.caption02{color:#3399FF;}
.noWord{display:none;}


/* base box
--------------------------- */

#content-kakikata{
margin-bottom:10px;
}

#contBase{
width:530px;
background:url(/kakikata/benri/images/bg_tile.gif);
padding-bottom:8px;
}

.cbTop{
background:url(/kakikata/benri/images/bg_notetop.gif) no-repeat top left;
height:34px;
width:530px;
}


#mainCont{
background:#fff url(/kakikata/benri/images/bg_note.gif) repeat-y top left;
padding:25px 10px 20px 24px;
margin:0 8px;
}

#benriIndex #mainCont{
padding:20px 20px 20px 24px;
}

/* lastChild bottom margin 20px
--------------------------- */
#content-kakikata #main #contBase #mainCont .lastChild{
margin-bottom:20px;
}

/* index
---------------------------------------- */

/* index p.lead
--------------------------- */
.lead{
margin-left:6px;
margin-bottom:15px;
}


/* indexh2.imgAndTxt01
--------------------------- */
.imgAndTxt01{
position:relative;
min-height:1px;
_height:1px;
width:470px;
}

.imgAndTxt01 .imgArea{
float:left;
width:210px;
}

.imgAndTxt01 .imgArea p{
margin-bottom:0;
}

.imgAndTxt01 .txtArea{
float:right;
width:250px;
}

.imgAndTxt01 .txtArea p{
margin-bottom:30px;
}

.imgAndTxt01 .txtArea ul.more{
position:absolute;
bottom:0;
right:0;
font-size:0;
line-height:0;
}


/* index benri_cho list
--------------------------- */
ol.listBox1{
zoom:1;
clear:both;
width:470px;
overflow:hidden;
}

ol.listBox1 li.listA,
ol.listBox1 li.listB{
zoom:1;
float:left;
width:231px;
margin-top:14px;

}
ol.listBox1 li.listA{
margin-right:8px;
}

ol.listBox1 li.listA *,
ol.listBox1 li.listB *{
margin:0;
}

ol.listBox1 li.listA div.imageBlock,
ol.listBox1 li.listB div.imageBlock{
float:left;
width:91px;
}

ol.listBox1 li.listA div.textBlock,
ol.listBox1 li.listB div.textBlock{
float:right;
width:140px;
}

ol.listBox1 li.listA div.textBlock ul li,
ol.listBox1 li.listB div.textBlock ul li{
font-size:10px;
line-height:1.0;
margin-left:3px;
margin-top:8px;
}

/* under
---------------------------------------- */
p.goBack{
text-align:center;
margin:30px 0 0;
background:#fff;}
p.pageTop{
margin:0;
padding:0;
line-height:1.0;
text-align:right;
margin-bottom:-20px;
padding-top:5px;
padding-bottom:4px;
}
p.pageTop a{

color:#0055a5;
font-size:11px;
padding-left:17px;
padding-top:5px;
padding-bottom:4px;
background:url(/kakikata/benri/images/bullet_pagetop.gif) no-repeat left center;
}

/* under.imgAndTxt02
--------------------------- */
.imgAndTxt02{
padding-top:5px;
margin-bottom:30px;
position:relative;
min-height:1px;
_height:1px;
width:480px;
}

.imgAndTxt02 .imgArea{
float:right;
width:210px;
}

.imgAndTxt02 .imgArea p{
margin-bottom:0;
}

.imgAndTxt02 .txtArea{
float:left;
width:260px;
}

.imgAndTxt02 .txtArea p{
margin-bottom:0;
}


/* under localNavi
--------------------------- */
#localNavi,
.localNavi{
width:480px;
margin:0;
padding:0;
}
#localNavi ul,
#localNavi ul li,
.localNavi ul,
.localNavi ul li{
float:left;
margin:0;
padding:0;
font-size:0;
line-height:0;
}

#localNavi ul,
.localNavi ul{
width:472px;
_width:480px;
height:31px;
padding:6px 4px;
_padding:6px 4px 6px 4px;
margin-bottom:25px;
background:url(/kakikata/benri/atena/images/atena_ln.gif) no-repeat;
}



#localNavi ul a,
.localNavi ul a{
margin:0;
padding:0;
}

#localNavi ul li,
.localNavi ul li{
margin:0;
padding-left:7px;
}
#localNavi ul li.first,
.localNavi ul li.first{
margin:0;
padding-left:0;
}


/* under pointBox
--------------------------- */
.pointBox{
background:#f4f8ff;
padding:15px;

}
.pointBox em{
font-style:normal;
color:#d50e0e;
}


#content-kakikata #main #contBase #mainCont .pointBox p.qa strong img{
margin-right:15px;
margin-bottom:2px;
vertical-align:middle;

}
#content-kakikata #main #contBase #mainCont .pointBox p.qa{
margin-bottom:20px;
line-height:2.0;

}

.pointBox .floatRight{
padding-left:10px;
margin-bottom:0;
}

/* .imgAndTxt03 img_width198
--------------------------- */
.imgAndTxt03{
min-height:1px;
_height:1px;
width:450px;
}

.imgAndTxt03 .imgArea{
float:right;
width:182px;
text-align:center;
}

.imgAndTxt03 .imgArea p{
margin-bottom:0;
}

.imgAndTxt03 .txtArea{
float:left;
width:258px;
}

.imgAndTxt03 .txtArea p{
margin-bottom:0;
}

/* .imgAndTxt04 img_width175
--------------------------- */
.imgAndTxt04{
min-height:1px;
_height:1px;
width:450px;
}

.imgAndTxt04 .imgArea{
float:right;
width:175px;
text-align:center;
}

.imgAndTxt04 .imgArea p{
margin-bottom:0;
}

.imgAndTxt04 .txtArea{
float:left;
width:270px;
}

.imgAndTxt04 .txtArea p{
margin-bottom:0;
}






/* columnBox imgAndTxtCB
--------------------------- */
.columnBox{
width:460px;
_width:480px;
background:#b7d6f5 url(/kakikata/benri/images/bg_column.gif) no-repeat;
margin-top:20px;
padding:29px 10px 10px;
}

.columnBox h3{
margin-left:-10px;
}

.imgAndTxtCB{
position:relative;
min-height:1px;
_height:1px;
width:460px;
}

.imgAndTxtCB .imgArea{
float:right;
width:169px;
margin-top:20px;
}

.imgAndTxtCB .imgArea p{
line-height:10px;
}

.imgAndTxtCB .txtArea{
float:left;
width:282px;
}

.imgAndTxtCB .txtArea p{
margin-top:12px;
margin-bottom:0px;
}


/* sanpo stepBox
--------------------------- */
h3.step{
margin-bottom:6px;
}
.stepBox{
border:1px solid #7dbeff;
padding:10px;
}


#content-kakikata #main #contBase #mainCont .stepBox p img{
}

h2.point{
margin-top:30px;
margin-bottom:12px;
}
ul.point li{
padding-left:22px;
background:url(/kakikata/benri/sanpo/images/bullet_point.gif) no-repeat 7px 0.5em;
}
