/* ===========================================================

   life column layout  （暮らしの便利情報）

=========================================================== */

/* common
----------------------------------------------------------- */
.contentBox .column{
clear:both;
margin-bottom:15px;
padding-bottom:5px;
border-bottom:1px dashed #D9D9D9;
overflow:hidden;
}

.contentBox .column h3{
margin-bottom:10px;
padding-bottom:3px;
border-bottom:1px solid #D9D9D9;
font-size:140%;
font-weight:bold;
}

.contentBox .column p{
margin-bottom:10px;
}

.contentBox .column .title{
font-size:140%;
}

.contentBox .column .leftBox{
float:left;
}

.contentBox .column .rightBox{
float:right;
}

/* introBox.column
----------------------------------------------------------- */
.contentBox .introBox{
width:560px;
border:none;
background:url(../../images/life/col3_background_lead_howto.png) no-repeat left top;
}

.contentBox .introBox p{
padding-left:20px;
}

/* contentBox.column
----------------------------------------------------------- */
.contentBox .contentBox{
margin-bottom:10px;
padding:12px 20px 0;
border:1px solid #D9D9D9;
overflow:hidden;
}

/* .weekPicks.column
----------------------------------------------------------- */
.contentBox .weekPicks .text{
line-height:1.3;
}

/* .howto-news.column
----------------------------------------------------------- */
.contentBox .weekPicks .leftBox{
width:182px;
}

.contentBox .weekPicks .rightBox{
width:326px;
}

/* .howto-news.column
----------------------------------------------------------- */
.contentBox .howto-news h3{
border:none;
margin-bottom:2px;
}

.contentBox .howto-news .frame01{
width:516px;
height:118px;
margin-bottom:10px;
border:1px solid #D9D9D9;
}

body.iframe{
background-image:none;
}

.lifeNewsFrame{
width:485px;
margin:0 auto;
overflow:hidden;
}

.lifeNewsFrame dl{
width:485px;
margin:-2px auto 0;
padding:5px 0 3px;
border-top:1px dashed #D9D9D9;
overflow:hidden;
clear:both;
}

.lifeNewsFrame dl dt{
float:left;
width:100px;
padding:1px 0;
word-break:break-all;
word-wrap:break-word;
clear:both;
}

.lifeNewsFrame dl dd{
float:left;
width:384px;
padding:1px 0;
}

.lifeNewsFrame ul li{
padding-left:18px;
line-height:1;
}

.lifeNewsFrame ul li span{
line-height:1.4;
}

.lifeNewsFrame ul li{
background:url(../../images/parts/icon_arrow07.png) no-repeat left .2em;
}

/* .ranking.column
----------------------------------------------------------- */
.contentBox .ranking .leftBox{
width:172px;
margin-bottom:10px;
vertical-align:top;
}

.contentBox .ranking .leftBox img{
vertical-align:top;
}

.contentBox .ranking .rightBox{
width:324px;
margin-bottom:10px;
padding:0px 10px;
border:1px solid #D9D9D9;
}

.contentBox .ranking .rightBox div{
margin:-1px auto 0;
padding:3px 0;
border-top:1px dashed #D9D9D9;
overflow:hidden;
}

.contentBox .ranking .rightBox div p{
display:table-cell;
margin:0;
vertical-align:middle;
}
* html .contentBox .ranking .rightBox div p{
display:inline;
zoom:1;
}
*:first-child+html .contentBox .ranking .rightBox div p{
display:inline;
zoom:1;
}

.contentBox .ranking .rightBox div a{
}

.contentBox .ranking .rightBox div img{
padding-right:10px;
}

/* .otherInfo.column
----------------------------------------------------------- */
.contentBox .otherInfo.column{
border:none;
}

.contentBox .otherInfo .leftBox,
.contentBox .otherInfo .rightBox{
width:250px;
}

.contentBox .otherInfo p{
margin-bottom:0;
}

/* .bannerArea.column
----------------------------------------------------------- */
.contentBox .bannerArea.column{
border:none;
}

.contentBox .bannerArea ul{
margin-top:
10px;
}

.contentBox .bannerArea ul li{
display:inline-block;
width:201px;
padding:0 28px;
vertical-align:top;
}
* html .contentBox .bannerArea ul li{
display:inline;
}
*:first-child+html .contentBox .bannerArea ul li{
display:inline;
}

.contentBox .bannerArea ul li img{
margin-bottom:3px;
}
.red {
    color: #FF0000 !important;
}
.pdl10 {
    padding-left: 10px !important;
}