@charset "utf-8";

/* ===================================================================
日経BP共通スタイル
=================================================================== */
/*--- リンク */
#articleBody a {
    outline: none;
}
#articleBody a:link,
#articleBody a:active{
    color: #d20067;
    text-decoration: none;
}
#articleBody a:visited{
    color: #d20067;
    text-decoration: none;
}
#articleBody a:hover,
#articleBody a:visited:hover{
    text-decoration: underline;
    color: #d20067;
}

#articleBody div.plural:after {
    display: block;
    clear: both;
    height: 0.1em;
    line-height: 0.1em;
    visibility: hidden;
    content: ".";
}
/*--- ズーム */
.bpimage_click a { background: url("../../../../atcl/trend/15/105299/120700134/btn_zoom.gif") no-repeat left top; text-indent: -9999px; display: block; width: 56px; height: 13px; position: absolute; right: 0; top: 5px;}


#breadcrumb { padding: 10px !important; }

#articleBody { clear: both; width: 670px; padding-right: 10px; line-height: 1.5; }
#articleBody p { margin: 0 0 27px; font-size: 14px; }

#articleBody h3 { clear: both; margin-bottom: 20px; padding:3px 0 3px 15px; font-size:20px; }
#articleBody h4 {clear: both;margin-bottom: 20px;padding: 3px 0 3px 10px;font-size:16px;}
#articleBody h5 { clear: both; margin-bottom: 20px; padding-left: 5px; font-size:14px; }
#articleBody h6 { clear: both; margin-bottom: 20px; padding-left: 10px; font-size:13px; }

#articleBody div.right { float: right; padding-left: 10px; background: #fff; }
#articleBody div.left { float: left; padding-right: 10px; background: #fff; }
#articleBody div.center { text-align: center; margin: 0 auto; }

#articleBody div.plural { margin: 0 auto; }
#articleBody div.plural div { float: left; margin-right: 15px; }

#articleBody div.sidebox_c { margin: 0 auto; text-align: center; }
#articleBody div.sidebox_c div.l { margin: 0 auto; text-align: center; }

#articleBody p.detailBtn { float: right; width: 101px; }
#articleBody p.detailBtn a { height: 21px; display: block; background: url(/images/n/wol/2009/leaf/btn_details.gif) no-repeat left top; text-indent: -9999px; }
#articleBody p.detailBtn a:hover { background: url(/images/n/wol/2009/leaf/btn_details_on.gif) no-repeat left top; }

#articleBody .bplead {margin: 0 5px 30px 15px;font-weight: bold;}
#articleBody .bplead p { margin: 0; line-height: 2; font-weight: bold; font-size: 12px; padding-top: 3px; letter-spacing: 1px; }

/* 図（回り込み：左）右配置 */
#mainContent #articleBody .bpimage_right{
    float:right;
    margin: 0 0 10px 10px;
    padding: 9px;
    border: solid 1px #ccc;
    background: #fff;
}

/* 図（回り込み：右）左配置 */
#mainContent #articleBody .bpimage_caption_right {
     border: solid 1px #ccc;
     background: #fff;
}
#mainContent #articleBody .bpimage_caption_right:after {
    height: 0;
    content: "";
    display: block;
    clear: both;
}

#mainContent #articleBody .bpimage_caption_right > .bpimage_left {
    margin: 0 10px 0 0;
    border: none;
}
#mainContent #articleBody .bpimage_left{
    float:left;
    margin: 0 10px 10px 0;
    padding: 9px;
    border: solid 1px #ccc;
    background: #fff;
}
#mainContent #articleBody .bpimage_caption_right .bpimage_title{
    clear: none;
    margin: 10px 10px 0 0;
}
#mainContent #articleBody .bpimage_caption_right .bpimage_caption{
    clear: none;
    padding: 0 10px 0 0;
}


/* 図（スタンダード）中央配置 */
#mainContent #articleBody .bpbox_center{
    clear:both;
    text-align:center;
    padding: 10px;
    border: none;
}
#mainContent #articleBody .bpimage_center{
    width:500px;
    margin: 0 auto 25px;
    text-align:left;
    padding: 10px;
    border: solid 1px #ccc;
    background: #fff;
}

/* 画像のタイトル・キャプション */
#mainContent #articleBody .bpimage_title{
    text-align:left;
    line-height: 130%;
    font-weight: bold;
    font-size: 1em;
    clear: both;
}
#mainContent #articleBody .bpimage_caption{
    font-size: 12px;
    clear: both;
}

/* 画像のタイトル・キャプション パターン */

#mainContent #articleBody .bpimage_image + .bpimage_title{
    margin-top: 5px;
}
#mainContent #articleBody .bpimage_image + .bpimage_caption{
    margin-top: 5px;
}

#mainContent #articleBody .bpimage_title + .bpimage_caption{margin: 5px 0 0;}
#mainContent #articleBody .bpimage_title + .bpimage_image{margin: 5px 0 0;}
#mainContent #articleBody .bpimage_caption + .bpimage_image{margin: 5px 0 0;}

#mainContent #articleBody .bpimage_double > .bpimage_title{margin: 0 15px 5px;}
#mainContent #articleBody .bpimage_double > .bpimage_caption{margin: 0 15px 5px;padding: 5px 0 0;}
#mainContent #articleBody .bpimage_double .bpimage_right + .bpimage_title{padding: 5px 0 0;}

#mainContent #articleBody .bpimage_triple > .bpimage_title{margin: 0 20px 5px;}
#mainContent #articleBody .bpimage_triple > .bpimage_caption{margin: 0 20px 5px;padding: 5px 0 0;}
#mainContent #articleBody .bpimage_triple .bpimage_right + .bpimage_title{padding: 5px 0 0;}

#mainContent #articleBody .bpimage_click{
    text-align:left;
    line-height: 130%;
    font-size: 8pt;
    padding: 5px 3px 20px;
    position: relative;
}
#mainContent #articleBody .bpimage_click a {
   background: url(/images/n/wol/2009/leaf/btn_zoom.png) no-repeat left top;
   text-indent: -9999px;
   display: block;
   width: 56px;
   height: 13px;
   position: absolute;
   right: 0px;
   top: 5px;
}
* html #mainContent #articleBody .bpimage_click a {
   right: 5px;
}
#mainContent #articleBody .bpimage_click a:hover {
    opacity: .7;
}
#articleBody .bpbox {
    padding: 5px 10px;
    margin-bottom: 1.5em;
    background-color: #BBCCEE;
    color: #444;

}
#articleBody .bpbox2{
    padding: 15px;
    margin-bottom: 1.5em;
    border: 3px solid #eee;
}
#articleBody .bpbox2 .bpbox_title{
    font-weight: bold;
}
#articleBody .bpbox2 .bpbox_text{
    font-size: 12px;
}
#articleBody .bpbox3{
    padding: 15px;
    margin-bottom: 1.5em;
    border: 1px solid #ccc;
    background: url(/images/n/wol/2010/leaf/bg_02.png) repeat top left;
    text-align: center;
}
#articleBody .bpbox3 .bpbox_title{
    font-weight: normal;
    font-size: 14px;
}
#articleBody .bpbox3 .bpbox_title:before,
#articleBody .bpbox3 .bpbox_title:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #333;
    vertical-align: middle;
    margin: -4px 10px 0;
}

#articleBody .bpbox3 .bpbox_word{
    font-size: 21px;
    font-weight: bold;
    padding: 5px 0 10px;
}
#articleBody .bpbox3 .bpbox_name{
    font-size: 12px;
}
#articleBody .bpbox3 .bpbox_name span{
    color: #643c2e;
}

#articleBody .bpbox4{
    margin-bottom: 1.5em;
    border: 3px solid #eee;
    position: relative;
    min-height: 110px;
    width: 235px;
    margin: 0 auto;
    padding: 15px 15px 15px 100px;
}
#articleBody .bpbox4 .bpbox_img{
    position: absolute;
    top: 15px;
    left: 15px;
}
#articleBody .bpbox4 .bpbox_title{}
#articleBody .bpbox4 .bpbox_txt{
    font-size: 12px;
    line-height: 1.7;
}
#articleBody .bpbox4 .bpbox_link{
    background: url(/images/n/wol/2010/leaf/icn_cart.png) no-repeat center left;
    padding: 0 0 0 20px;
}

/* 訂正文 */
#articleBody .bpteisei_box {
    margin:1em 0;
}
#articleBody .bpteisei {
    width: 480px;
    padding: 5px;
    line-height: 130%;
    color: #000000;
    text-align: left;
    font-size:10pt;
}

/* 図（二つ並び） */
#mainContent #articleBody .bpimage_double{
    width:500px;
    margin:10px auto;
    text-align:center;
    padding: 15px 5px 10px;
    border: solid 1px #ccc;
    background: #fff;
}
#mainContent #articleBody .bpimage_double .bpimage_left{
    margin:0 0 0 15px;
    text-align:left;
    padding: 0;
    border: none;
}
#mainContent #articleBody .bpimage_double .bpimage_right{
    margin:0 15px 0 0;
    text-align:left;
    padding: 0;
    border: none;
}


/* 図（三つ並び） */
#mainContent #articleBody .bpimage_triple{
    width:500px;
    margin:10px auto;
    text-align:center;
    padding: 15px 5px 10px;
    border: solid 1px #ccc;
    background: #fff;
}
#mainContent #articleBody .bpimage_triple .bpimage_wrap{
    margin:0;
    float:left;
    border: none;
    background: #f8f5f3;
    width: auto!important;
    margin: 0 0 0 10px;
}
#mainContent #articleBody .bpimage_triple .bpimage_left{
    float:left;
    margin:0;
    text-align:left;
    border: none;
    padding: 0 10px;
}
#mainContent #articleBody .bpimage_triple .bpimage_center{
    float:left;
    margin:0;
    text-align:left;
    border: none;
    padding: 0 10px;
}
#mainContent #articleBody .bpimage_triple .bpimage_right{
    float:right;
    margin:0 10px 0 0;
    padding: 0 10px;
    text-align:left;
    border: none;
}
#mainContent #articleBody .bpimage_triple .bpimage_wrap + .bpimage_right{

}

a

/* 図（縦積み） */
#mainContent #articleBody .bpbox_left{
    float:left;
    margin:10px 10px 10px 0;
}
#mainContent #articleBody .bpbox_right{
    float:right;
    margin:10px 0 10px 10px;
}
#mainContent #articleBody .bpimage_set{
    margin:0 0 10px 0;
    padding: 9px;
    border: solid 1px #ccc;
    background: #fff;
}


/*2009/4/6追加*/
/*写真左のリスト表示　bplist*/
#mainContent #articleBody .bplist a:link {
    color: #333333 !important;
    text-decoration: none !important;
}
#mainContent #articleBody .bplist a:visited {
    color: #888888 !important;
    text-decoration: none !important;
}
#mainContent #articleBody .bplist a:hover {
    color: #333333 !important;
    text-decoration: underline !important;
}
#mainContent #articleBody .bplist a:visited:hover {
    color: #333333 !important;
    text-decoration: underline !important;
}
#mainContent #articleBody .bplist {
    margin-top: 50px;
}
#mainContent #articleBody .bplist ul {
    float: left;
    clear: both;
    margin-bottom: 10px;
        margin-top: -10px;
}
* html #mainContent #articleBody .bplist ul{
    margin-bottom: -30px;
}
*:first-child+html #mainContent #articleBody .bplist ul{
    margin-bottom: 30px;
}
#mainContent #articleBody .bplist ul li {
    float: left;
    margin-bottom: 30px;
}
#mainContent #articleBody .bplist ul li img {
    float: left;
    margin-right: 20px;
    vertical-align: top;
}
#mainContent #articleBody .bplist ul li .bplist_wrap {
    float: left;
    width: 390px;
    line-height: 0;
}
#mainContent #articleBody .bplist div {
    line-height: 1.5;
}
#mainContent #articleBody .bplist .bplist_columntitle {
    display: inline;
    color: #727171;
    font-size: 0.7em;
    font-weight: bold;
}
#mainContent #articleBody .bplist .bplist_date {
    display: inline;
    padding-left: 20px;
    color: #727171;
    font-size: 0.7em;
    font-weight: normal;
}
#mainContent #articleBody .bplist .bplist_title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
}

#mainContent #articleBody .bplist .bplist_summary {
    font-size: 0.7em;
}

/* 囲みタイトル */
#articleBody .bptitle_box { margin-bottom:5px; background:#223a70; color: #fff; display: block; padding: 5px; font-weight: bold; }

/* 囲み1 */
#mainContent #articleBody .bpframe {
    margin:1em auto 20px;
    width:500px;
    text-align: center;
    padding: 2px;
    clear: both;

}
#mainContent #articleBody .bpframe .bpbox_text{
    margin: 3px;
    padding:10px;
    text-align: left;
    line-height: 150%;
    color: #000000;
    background-color: #FFFFFF;
    clear: both;
    height: 90%;
}
#mainContent #articleBody .bpframe h4{
    font-size:12px;
}

/*１文字目大きく*/
#mainContent #articleBody .bpframe span, #mainContent #articleBody .bpbox span { float:left; font-size: 2.2em; font-weight: bold; padding-right: 3px; line-height: 1.1; }

/* 囲み2 */
#mainContent #articleBody .bpbox {
    margin:1em auto 30px;
    width:473px;
    padding: 11px 15px 13px;
}
#mainContent #articleBody .bpbox .bpbox_text {
    text-align: left;
}

#mainContent #articleBody .bpimage_double,
#mainContent #articleBody .bpimage_triple,
.bpprofile:after { overflow: hidden; _zoom: 1; }



/*記事中プロフィール*/
#articleBody .bpprofile {border: 1px solid #ccc;margin: 0 0 20px;position: relative;overflow: hidden;}
#articleBody .bpprofile .bpprofile_profile {padding: 10px 10px 0;}
#articleBody .bpprofile .bpprofile_profile .bpprofile_name { font-weight: bold;}
#articleBody .bpprofile .bpprofile_profile .bpprofile_name span{ font-weight: normal;color: #333; font-weight: bold;}
#articleBody .bpprofile .bpprofile_profile .bpprofile_position { margin: 0 0 5px;}
#articleBody .bpprofile .bpprofile_text { margin: 0 0 5px; padding: 0 10px;}
#articleBody .bpprofile_title {background: #eee;font-size: 16px;padding: 5px 10px;font-weight: bold;}

/*記事中プロフィール 写真あり パターン1*/
#articleBody .bpprofile_photo{border: 1px solid #b5a08e; margin: 0 0 20px;position: relative;padding: 10px 10px 10px 105px;min-height: 80px;}
#articleBody .bpprofile_photo img{ position: absolute;top: 10px;left: 10px;width: 80px;height: auto; }
#articleBody .bpprofile_photo .bpprofile_img {  }
#articleBody .bpprofile_photo .bpprofile_profile {}
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_name { font-weight: bold; }
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_name span{ font-weight: normal;color: #333; font-weight: bold;}
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_position { margin: 0 0 5px; }

/*記事中プロフィール 写真あり パターン2*/
#articleBody .bpprofile .bpprofile_photo img{ position: relative; top: 0!important; left: 0!important; }
#articleBody .bpprofile .bpprofile_photo{border: none;margin: 0 0 10px;position: relative;padding: 10px 3px 0 10px;display: inline-block;vertical-align: top;}

#articleBody .bpprofile_photo + .bpprofile_profile{
display: inline-block;
width: 550px;
margin: 0 0 10px;
}


#articleBody .bpprofile .bpprofile{border: none;position: relative;}
#articleBody .bpprofile .bpprofile .bpprofile_photo img{top: 0;}
#articleBody .bpprofile .bpprofile .bpprofile_profile{padding: 0 10px;}
#articleBody .bpprofile .bpprofile:before{
    content: "";
    display: block;
    margin: 0 10px;
    height: 1px;
    border-top: 1px dotted #ccc;
    position: relative;
    top: -13px;
}


/* インタビュー等 */
/*記事中プロフィール*/
#articleBody .bpinterview { border: 1px solid #b5a08e; margin: 0 0 20px; position: relative; }
#articleBody .bpinterview .bpinterview_profile {padding: 10px 10px 0;}
#articleBody .bpinterview .bpinterview_profile .bpinterview_name { font-weight: bold;color: }
#articleBody .bpinterview .bpinterview_profile .bpinterview_name span{ font-weight: normal;color: #333; font-weight: bold;}
#articleBody .bpinterview .bpinterview_profile .bpinterview_position { margin: 0 0 5px;}
#articleBody .bpinterview .bpinterview_text { margin: 0 0 5px; padding: 0 10px;}



#mainContent #articleBody .bpquestion_career { }
#mainContent #articleBody .bpquestion_skillup { }
#mainContent #articleBody .bpquestion_HandB { color:#009966; font-weight:bold; }
#mainContent #articleBody .bpquestion_life { }

/* テーブル共通設定　*/
#mainContent #articleBody .bptable_right { width: 400px; margin: 0 0 0 auto;}
#mainContent #articleBody .bptable_center { width: 400px; margin: 0 auto;}
#mainContent #articleBody .bptable { }
#mainContent #articleBody .bptable .bptable_title { font-size:110%; font-weight:bold; margin:5px 0; }
#mainContent #articleBody .bptable .bptable_caption { font-size:90%; margin:5px 0; }
#mainContent #articleBody .bptable table { border:1px solid #999; }
#mainContent #articleBody .bptable table.noborder { border: none; }

/* キャリア */
#mainContent #articleBody .bptable table.career th { background-color: #BBD1E8; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.career td { background-color: #E1EBF4; border:1px solid #999; padding:10px; }

/* スキルアップ */
#mainContent #articleBody .bptable table.skillup th { background-color: #FFBF60; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.skillup td { background-color: #FFDEAC; border:1px solid #999; padding:10px; }

/* ヘルス&ビューティ */
#mainContent #articleBody .bptable table.HandB th { background-color: #85D6AD; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.HandB td { background-color: #CFEFDF; border:1px solid #999; padding:10px; }

/* ライフ */
#mainContent #articleBody .bptable table.life th { background-color: #71C6FF; border:1px solid #999; padding:10px; }
#mainContent #articleBody .bptable table.life td { background-color: #D2EDFF; border:1px solid #999; padding:10px; }

/* 汎用・固有　文字設定 */
#mainContent #articleBody p.tanka { font-size:20px; line-height:2.0em; color:#333333; }

/* テーブルレイアウト */
#mainContent table.table_center { margin: 0 auto; }


/*広告バー色用*/
#closeup h3 { background: url(/images/n/wol/2010/ad/title_closeup680.gif) no-repeat left top !important; }
#topics h3 { background: url(/images/n/wol/2010/ad/title_topics680.gif) no-repeat left top !important; }


/*関連リンク*/
#mainContent #articleBody .bprecommend_sitelist h6{
    border: none;
    clear: both;
    margin-bottom: 5px;
    padding-left:0;
    font-size: 13px;
}
#mainContent #articleBody .bpcredit{
    font-size: 12px;
    text-align: right;
}



/* ===================================================================
色設定
=================================================================== */

/*ナビゲーション*/
#localNavi2010 { margin-bottom: 25px; }
#localNavi2010 ul { border-bottom: solid 3px #2389d9; }
#localNavi2010 ul #life ul li a { border-right: solid 1px #a2d1eb; }
#localNavi2010 ul #life:hover ul { background: #ecf6fb; border: solid 1px #a2d1eb; }
#localNavi2010 ul #life:hover ul li { border-bottom: dotted 1px #fcbc99; }
#localNavi2010 ul #life:hover ul li a:hover { background: #fdddcb; color: #49a3d7; }
#localNavi2010 ul #life:hover { background: url(/images/n/wol/2010/common/lnav/localnavi.gif) no-repeat -400px -27px; }

#localNavi2010 ul #life.selected ul { left: -400px; display: block; width: 1000px; position: absolute; top: 31px; background: #edf1f7; border: none;  border-bottom: solid 1px #a6b7d6; }
#localNavi2010 ul #life.selected:hover ul li { border-bottom: none; }


/*女子部*/
#clubContent201005 { background: url(/images/n/wol/2010/top/club/201005/club_bg_bottom_life.gif) no-repeat left bottom; }
#clubContent201005 h4 a { background: url(/images/n/wol/2010/top/club/201005/title_community_life_on.gif) no-repeat left top; display: block; }

/*ナビゲーションの線*/
#localNavi201002 ul,
#localNavi ul { border-bottom: solid 3px #d20067; }

/*新着*/
#newArrival { background: url(/images/n/wol/2010/leaf/newarrival_bg_life.gif) no-repeat left bottom !important; }
#newArrival h3 { background: url(/images/n/wol/2010/leaf/titlebar_newarrival_life.gif) no-repeat left top; }

/*パンくずの色*/
/* #breadcrumb span { color: #EE681F; font-weight: bold; } */

/*ランキングカラー*/
#sideKijiRanking,
#tabBox { background: url(/images/n/wol/2010/right/ranking/ranking_bg_bottom_life.gif) no-repeat left bottom !important; }

/*記事タイトルの背景*/
#titleBox {line-height: 2;}

/*記事のリードの色とリード線色*/
#titleBox { color: #54a1cb; }
#titleBox hr { border-top: 1px dashed #54a1cb; }

#articleBody .bplead { /*border-top: dashed 1px #EE681F;*/ }
#articleBody .bplead p { border-bottom: dashed 1px #EE681F; color: #EE681F; }

/*記事中見出しのborder*/
#articleBody h3 {border-left: solid 12px #d20067;background: #f1f1f1;font-weight: bold;}
#articleBody h4 {border-left: solid 7px #d20067;/* border-bottom:1px solid #d20067; */}
#articleBody h5 { border-left: solid 3px #d20067; }
#articleBody h6 { border-top: solid 3px #d20067; border-bottom: solid 1px #d20067;}

#parentColumnBacknumber h4 { background: url(/images/n/wol/2010/leaf/profile_bg_life_top.gif) no-repeat left top; }
#parentColumnBacknumber .bpprofile .bpprofile_title { background:url("/images/n/wol/2010/leaf/titlebar_article_life201303.gif") no-repeat scroll left top transparent; color: #EE681F; }

/*連載コラムバックナンバーの背景*/
#columnBacknumber,#parentColumnBacknumber { background: url(/images/n/wol/2010/leaf/backnum_bg_life_bottom201303.gif) no-repeat left bottom; }
#columnBacknumber h4,#parentColumnBacknumber h4 { background: url(/images/n/wol/2010/leaf/titlebar_article_life_s201303.gif) no-repeat left top; color: #EE681F; }
#columnBacknumber #backnumList h4 {  }
#columnBacknumber #backnumListWid h4 { background:url("/images/n/wol/2010/leaf/titlebar_article_life201303.gif") no-repeat scroll left top transparent; }
#columnBacknumber .bpprofile .bpprofile_title { color: #fff; background: #d20067; }
#columnBacknumber .bpprofile .bpprofile_photo,#parentColumnBacknumber .bpprofile .bpprofile_photo { border: 0; }
#columnBacknumber .bpprofile .bpprofile_photo img,#parentColumnBacknumber .bpprofile .bpprofile_photo img { border: 0; }
#columnBacknumber .bpprofile .bpprofile_profile .bpprofile_name,#parentColumnBacknumber .bpprofile .bpprofile_profile .bpprofile_name { color: #333; }

/*最新記事の背景*/
#newKiji {}
#newKiji h4 {}

#soukenReport { background: url(/images/n/wol/2010/leaf/backnum_bg_life_bottom201303.gif) no-repeat left bottom; }
#soukenReport h4 { background: url(/images/n/wol/2010/leaf/backnum_bg_life_top201303.gif) no-repeat left top; }

#specialList { background: url(/images/n/wol/2010/leaf/backnum_bg_life_bottom201303.gif) no-repeat left bottom; }
#specialList h4 { background: url(/images/n/wol/2010/leaf/backnum_bg_life_top201303.gif) no-repeat left top; }

#trendList { background: url(/images/n/wol/2010/leaf/backnum_bg_life_bottom201303.gif) no-repeat left bottom; }
#trendList h4 {background: #d20067;color: #fff;}

#article dl#keywords dt {background: #d20067;color: #fff;}

/*特集のバックナンバー*/
#specialBacknumber h4 { background: url(/images/n/wol/2010/leaf/titlebar_article_life201303.gif) no-repeat left top; color: #EE681F; }

/*コラムニスト一覧の見出し色*/
#columnistList h4 { color: #54a1cb; border-top: dotted 1px #54a1cb; border-bottom: dotted 1px #54a1cb; }

/*ランキング*/
#rankingTitle ul { border-bottom: solid 3px #d20067; }
#rankingTitle ul li#rankingToday a { background-image: url(/images/n/wol/2010/ranking/ranking_today_life201303.gif); }
#rankingTitle ul li#rankingYesterday a { background-image: url(/images/n/wol/2010/ranking/ranking_yesterday_life201303.gif); }
#rankingTitle ul li#rankingWeekly a { background-image: url(/images/n/wol/2010/ranking/ranking_weekly_life201303.gif); }
#rankingTitle h1 { background: url(/images/n/wol/2010/ranking/title_ranking_life201303.gif) no-repeat left top; }

/*Special一覧 新着*/
#specialNewArrival { border-top: solid 2px #54a1cb; }
#specialNewArrival p.new { color: #54a1cb; }

/*Special一覧*/
#article .specialKijiList h3 { background: url(/images/n/wol/2010/leaf/titlebar_life.gif) no-repeat left top; }

/*ニュース一覧*/
#newsNewArrival { border-top: solid 2px #54a1cb; background: #ebf5f5; }
#newsNewArrival p.new { color: #54a1cb; }
#article .newsKijiList h3 { background: url(/images/n/wol/2010/leaf/titlebar_life.gif) no-repeat left top; }

/*トレンド一覧 新着*/
#trendNewArrival { border-top: solid 2px #54a1cb; background: #ebf5f5; }
#trendNewArrival p.new { color: #54a1cb; }
#article .trendKijiList h3 { background: url(/images/n/wol/2010/leaf/titlebar_life.gif) no-repeat left top; }

/*テーマトップタイトル背景*/
#rotationBoardWrap { background: url(/images/n/wol/2010/leaf/rotation_bg_life.gif) no-repeat left top; }

/*テーマトップ新着*/
#newKijiList { border-top: solid 2px #54a1cb; }
#newKijiList p.new { color:#54a1cb; }

/*テーマトップSpecial・連載コラム新着4件*/
#themeSpecial h4, #themeColumn h4 { background: url(/images/n/wol/2010/leaf/theme_top_list_bg_top_life.gif) no-repeat left top; color: #54a1cb; }
#themeSpecial201003 h4, #themeColumn201003 h4 { background: url(/images/n/wol/2010/leaf/list_bg_life.gif) no-repeat left top; color: #54a1cb; }


/*WOL最新記事一覧*/
#wolListNavi { border-bottom: solid 3px #d20067; }

/*他のテーマ最新のSpecial*/
#othersNewSpecial h3 { background: url(/images/n/wol/2010/leaf/titlebar_life.gif) no-repeat left top; }

/*特集看板*/
/*
#specialTitleBoard h2 img.border { border-top: solid 4px #54a1cb; border-bottom: solid 4px #54a1cb; }
#specialTitleBoard ul li.top a { background: url(/images/n/wol/2010/leaf/special/tab_top_life.gif) no-repeat left top; }
#specialTitleBoard ul li a:hover,
#specialTitleBoard ul li a.now { background-position: left -20px !important; }
#specialTitleBoard ul li.no1 a { background: url(/images/n/wol/2010/leaf/special/tab_num1_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no2 a { background: url(/images/n/wol/2010/leaf/special/tab_num2_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no3 a { background: url(/images/n/wol/2010/leaf/special/tab_num3_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no4 a { background: url(/images/n/wol/2010/leaf/special/tab_num4_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no5 a { background: url(/images/n/wol/2010/leaf/special/tab_num5_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no6 a { background: url(/images/n/wol/2010/leaf/special/tab_num6_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no7 a { background: url(/images/n/wol/2010/leaf/special/tab_num7_life.gif) no-repeat left top; }
#specialTitleBoard ul li.no8 a { background: url(/images/n/wol/2010/leaf/special/tab_num8_life.gif) no-repeat left top; }
*/
#specialTitleBoard h2 img.border { border-top: solid 4px #d20067; border-bottom: solid 4px #d20067; }
#specialTitleBoard ul li a { background-image: url(/images/n/wol/2010/leaf/special/tab_life.gif) }
#specialTitleBoard ul li.top a { background-position: left top; }
#specialTitleBoard ul li.top a:hover,
#specialTitleBoard ul li.top a.now { background-position: left -20px; }
#specialTitleBoard ul li.no1 a { background-position: -70px top; }
#specialTitleBoard ul li.no1 a:hover,
#specialTitleBoard ul li.no1 a.now { background-position: -70px -20px; }
#specialTitleBoard ul li.no2 a { background-position: -140px top; }
#specialTitleBoard ul li.no2 a:hover,
#specialTitleBoard ul li.no2 a.now { background-position: -140px -20px; }
#specialTitleBoard ul li.no3 a { background-position: -210px top; }
#specialTitleBoard ul li.no3 a:hover,
#specialTitleBoard ul li.no3 a.now { background-position: -210px -20px; }
#specialTitleBoard ul li.no4 a { background-position: -280px top; }
#specialTitleBoard ul li.no4 a:hover,
#specialTitleBoard ul li.no4 a.now { background-position: -280px -20px; }
#specialTitleBoard ul li.no5 a { background-position: -350px top; }
#specialTitleBoard ul li.no5 a:hover,
#specialTitleBoard ul li.no5 a.now { background-position: -350px -20px; }
#specialTitleBoard ul li.no6 a { background-position: -420px top; }
#specialTitleBoard ul li.no6 a:hover,
#specialTitleBoard ul li.no6 a.now { background-position: -420px -20px; }
#specialTitleBoard ul li.no7 a { background-position: -490px top; }
#specialTitleBoard ul li.no7 a:hover,
#specialTitleBoard ul li.no7 a.now { background-position: -490px -20px; }
#specialTitleBoard ul li.no8 a { background-position: -560px top; }
#specialTitleBoard ul li.no8 a:hover,
#specialTitleBoard ul li.no8 a.now { background-position: -560px -20px; }

/*記事UI*/
#mainContent #articleBody .bpframe { border: 2px solid #d20067; }
#mainContent #articleBody .bpframe .bpbox_text{ border: solid 1px #d20067; }

/*#mainContent #articleBody .bpbox { background: #F0F8F9; }*/
#mainContent #articleBody .bpbox { background: #ffeff6; }

/* 2011/02/24 */
#pagesTop ul li a { color: #54a1cb; border: solid 1px #54a1cb; }
#pagesTop a:hover { color: #54a1cb; }
#pagesTop a.on { color:#54a1cb; }
#pagesTop a.prev { background:url(/images/n/wol/2010/leaf/pages/btn_prev_life_s.gif) no-repeat left top; }
#pagesTop a.prev:hover { background:url(/images/n/wol/2010/leaf/pages/btn_prev_life_s.gif) no-repeat left -22px; }
#pagesTop span.prev_off { background:url(/images/n/wol/2010/leaf/pages/btn_prev_life_s.gif) no-repeat left -22px; }
#pagesTop a.next { background:url(/images/n/wol/2010/leaf/pages/btn_next_life_s.gif) no-repeat left top; }
#pagesTop a.next:hover { background:url(/images/n/wol/2010/leaf/pages/btn_next_life_s.gif) no-repeat left -22px; }
#pagesTop span.next_off { background:url(/images/n/wol/2010/leaf/pages/btn_next_life_s.gif) no-repeat left -22px; }

#pages ul li a { background:url(/images/n/wol/2010/leaf/pages/pages_num_bg_life_on201303.gif) repeat-x; border: solid 1px #f9b18c; color: #ffffff; font-weight:bold;}
#pages a:hover { color: #d20067; }
#pages a.on { border: solid 1px #f9b18c; color: #d20067; }
#pages a.prev { background:url(/images/n/wol/2010/leaf/pages/btn_prev_life201303.gif) no-repeat left top; }
#pages a.prev:hover { background:url(/images/n/wol/2010/leaf/pages/btn_prev_life201303.gif) no-repeat left -30px; }
#pages span.prev_off { background:url(/images/n/wol/2010/leaf/pages/btn_prev_life201303.gif) no-repeat left -30px; }
/*#pages a.next { background:url(/images/n/wol/2010/leaf/pages/btn_next_life201303.gif) no-repeat left top; }
#pages a.next:hover { background:url(/images/n/wol/2010/leaf/pages/btn_next_life201303.gif) no-repeat left -30px; }
#pages span.next_off { background:url(/images/n/wol/2010/leaf/pages/btn_next_life201303.gif) no-repeat left -30px; }*/

/*知って便利な調理のワザ*/
#cookingBody { width: 700px; margin-left: -20px; overflow: hidden; }
#cookingBody .secL,#cookingBody .secR { display: inline; width: 330px; margin-left: 20px; float: left; }
#cookingBody .sec { margin-bottom: 30px; overflow: hidden; _zoom: 1; }
#cookingBody h3 { border-left: solid 6px #adaadb; padding: 2px 0 0 10px; font-size: 18px; margin-bottom: 3px; }
#cookingBody p { margin-bottom: 10px; font-size: 12px; }
#cookingBody p.img { float: left; margin: 0 10px 0 0; }
#cookingBody ul { overflow: hidden; _zoom: 1; }
#cookingBody ul li { _zoom: 1; font-size: 12px; padding-left: 10px; }
#cookingBody ul li a { color: #8a6d47; padding-left: 10px; margin-left: -10px; font-size: 12px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 3px; display: block; }

/*テーマトップ・サブテーマトップ*/
.subtopNewlyArrived h2 { background: url(/images/n/wol/2010/theme/subtheme/common/life_title_bg201303.gif) no-repeat left top; }
#subtopRecommendArticle.life { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_bottom201303.gif) no-repeat left bottom; }#subtopRecommendArticle.life h4 { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_top201303.gif) no-repeat left top; }
#subtopSpecialLists.life { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_bottom201303.gif) no-repeat left bottom; }
#subtopSpecialLists.life h4 { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_top201303.gif) no-repeat left top; }
#subtopSeriesList.life { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_bottom201303.gif) no-repeat left bottom; }
#subtopSeriesList.life h4 { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_top201303.gif) no-repeat left top; }
#subtopTrendArticle.life { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_bottom201303.gif) no-repeat left bottom; }
#subtopTrendArticle.life h4 { background: url(/images/n/wol/2010/theme/subtheme/common/life_box_bg_top201303.gif) no-repeat left top; }
#subtopKeywords.life h4 { background: url(/images/n/wol/2010/theme/subtheme/common/life_title_bg201303.gif) no-repeat left top; color: #ffffff; }
#subtopKeywords.life ul li a { color: #d20067; }

/* 2013年3月リニューアル
--------------------------------------------------------- */
#tabBox201303 { background: url(/images/n/wol/2010/right/ranking/ranking_bg_bottom_life201303.gif) no-repeat left bottom !important; }

/* 次ページのテキストリンク */
#article #pages #nextPage {border: 0;background-color: #f1f1f1;}