@charset "shift_jis";

/************************
 コンテンツエリアレイアウト
 665px margin15px 300px　2カラム
 ************************/
div#container {
margin: 0 auto;
width: 980px;
}
div#pageBody{
border-left-style: #ffffff;
border-right-style: #ffffff;
}
div#contentsArea{
width: 665px;
margin: 0;
float: left;
position: relative;
}
div#sideArea{
width: 300px;
padding: 0 0 20px 0;
float: right;
}
/* ------------------------------------------------------------------------------------------- */
/************************
 ヘッダー　ファンクション（ブックマーク、RSS、メルマガ、更新情報一覧）　フッター
 ************************/
#tabs { /*gm.css にもとのCSSは記述 275行目*/
margin-bottom:5px;
}
#foot {
border-color: #CCCCCC;
border-style: none solid none solid;
border-width: 1px 1px medium;
width: 978px;
}
/* 人気ギフトランキング枠 */
#sideArea #recipeRightWire {
width: 300px;
background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/right_rbox_btm.gif) no-repeat left bottom;
margin-bottom: 10px;
padding-bottom: 1px;
}
#sideArea #recipeRightWire #rightInnerWire {
background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/right_rbox_top.gif) no-repeat left top;
padding: 20px 15px 20px;
}
#sideArea #recipeRightWire #rightInnerWire .labelTitle {
margin-bottom: 20px;
}
#sideArea #recipeRightWire #rightInnerWire .labelTitle span {
padding: 4px 5px;
border: 1px solid #d6d6d6;
background-color: #f7f7f7;
line-height: 100%;
}
#sideArea #recipeRightWire #rightInnerWire dl {
width: 270px;
margin: 7px 0;
}
#sideArea #recipeRightWire #rightInnerWire dl dt {
margin-bottom: 5px;
}
#sideArea #recipeRightWire #rightInnerWire dl dt span {
font-weight: bold;
color: #ff6600;
}
#sideArea #recipeRightWire #rightInnerWire dl dd.img {
float: left;
width: 50px;
}
#sideArea #recipeRightWire #rightInnerWire dl dd.title {
float: right;
width: 210px;
}
#sideArea #recipeRightWire #rightInnerWire p {
text-align: right;
}
#sideArea #recipeRightWire #rightInnerWire p a {
background: transparent url(//img.allabout.co.jp/img/cmn/arrow_orange.gif) no-repeat 0 5px;
padding-left: 10px;
}

/*********************
 右カラム　パブ枠バックナンバー
**********************/
div#bnrArea {
    height: 250px;
    padding: 0 0 15px;
    width: 300px;
}


#sideArea .pubRightWire {
background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/pub_right_btm.gif) 0 bottom no-repeat;
padding-bottom: 8px;
_padding-bottom: 14px;/* for ie6 */
margin-bottom: 15px;
}
*:first-child+html #sideArea .pubRightWire {
padding-bottom: 14px;/* for ie7~ */
}
#sideArea .pubRightWire .title {
background: transparent url(//img.allabout.co.jp/img/guidemedia/cmn/pub_right_top.gif) 0 top no-repeat;
padding: 17px 10px 0;
margin-bottom: 13px;
font-size: 120%;
font-weight: bold;
}
/* バックナンバー */
#sideArea .pubRightWire ul.backnumberIndexList {
margin: 0 14px;
padding: 0;
}
#sideArea .pubRightWire ul.backnumberIndexList li {
background:transparent url(//img.allabout.co.jp/img/cmn/arrow_gray.gif) no-repeat 0 5px;
margin: 5px 0;
padding-left: 10px;
zoom: 1;
}

/************************
 メインカラム　トピック
 ************************/
#main #boxTopic{
clear:both;
margin-bottom:15px;
}
#main #boxTopic div.title{
line-height:32px;
margin-bottom:10px;
padding-left:25px;
font-weight:bold;
background:url(//img.allabout.co.jp/img/guidemedia/frame/maincolumn_title_l.gif) no-repeat 0 50%;
}
*html #main #boxTopic div.mainInner{
margin-bottom:10px;
}
#main #boxTopic p{
margin-bottom:10px;
padding-top:3px;
display:block;
}
#main #boxTopic p span{
padding:3px;
border:1px solid #d6d6d6;
background:#f7f7f7;
}
#main #boxTopic dl.pickup{
width:705px;
padding-bottom:10px;
}
#main #boxTopic dl.pickup dt{
width:70px;
float:left;
}
#main #boxTopic dl.pickup dd{
padding-left:130px;/* 70 →130 090327 */
}
#main #boxTopic dl.recommend{
width:340px;
height:4em;
float:left;
padding:0 10px 10px 0;
}
#main #boxTopic dl.recommend dt{
width:60px;
float:left;
}
#main #boxTopic dl.recommend dd{
padding-left:60px;
}
#main #boxTopic ol{
margin-bottom:10px;
}
#main #boxTopic li{
float:left;
width:317px;
margin:0 10px 5px 0;
padding:0 0 0 18px;
}
#main #boxTopic ol li.olRnk1{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num01.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk2{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num02.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk3{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num03.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk4{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num04.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk5{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num05.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk6{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num06.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk7{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num07.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk8{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num08.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk9{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num09.gif) no-repeat 0 3px;}
#main #boxTopic ol li.olRnk10{background: url(//img.allabout.co.jp/img/guidemedia/cmn/num10.gif) no-repeat 0 3px;}
#main #boxTopic li img{
margin-right:5px;
}

/*****************************************
おすすめ情報 A枠 ch.cssのを上書き
 *****************************************/
#r_kurashi #contentsArea #boxTopic {
margin-bottom: 15px;
}
#r_kurashi #contentsArea #boxTopic div.title{/* 共通 */
background: transparent url(//img.allabout.co.jp/img/guidemedia/frame/maincolumn_title_orange_665.gif) no-repeat 0 50%;
font-weight: bold;
line-height: 32px;
margin-bottom: 15px;
padding-left: 25px;
}
/* 写真50×50パターン ch.cssのレシピch トピックス枠以下を削除  */
#contentsArea #boxTopic dl.recommend{
height: auto;/* acのheight指定を打ち消し */
}
/* 暮らし枠（旧ミセス枠）写真120×90パターン */
.top #contentsArea #boxTopic dl.recommend,
.sp #contentsArea #boxTopic dl.recommend,
.trouble #contentsArea #boxTopic dl.recommend {
float: left;
width: 307px;
padding: 0 10px 15px 13px;
}
.top #contentsArea #boxTopic dl.recommend dt,
.sp #contentsArea #boxTopic dl.recommend dt,
.trouble #contentsArea #boxTopic dl.recommend dt {
float: left;
width: 130px;
}
.top #r_kurashi #contentsArea #boxTopic dl.recommend dd,
.sp #r_kurashi #contentsArea #boxTopic dl.recommend dd,
.trouble #r_kurashi #contentsArea #boxTopic dl.recommend dd {
padding-left: 130px;
margin-bottom: 3px;
}


/****************************************
All About 注目情報 B枠 ac.cssのを上書き
*****************************************/
#r_kurashi #boxAttentionB665 div.title {
background: transparent url(//img.allabout.co.jp/img/guidemedia/frame/maincolumn_title_orange_665.gif) no-repeat scroll 0 50%;
font-weight: bold;
line-height: 32px;
margin-bottom: 15px;
padding-left: 25px;
}


/*********************
 【共通】右枠 （暮らし独自デザイン）
**********************/
.kurashiRightWire {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/kurashi_right_btm.gif) 0 bottom no-repeat;
padding-bottom: 8px;
_padding-bottom: 14px;/* for ie6 */
margin-bottom: 15px;
}
*:first-child+html .kurashiRightWire {
padding-bottom: 14px;/* for ie7~ */
}
.kurashiRightWire .title {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/kurashi_right_top.gif) 0 top no-repeat;
padding: 17px 10px 0;
margin-bottom: 13px;
font-size: 120%;
font-weight: bold;
}
/* その他 */
.kurashiRightWire dl.contentsInfo {
width: 280px;
margin: 0 10px 5px;
}
.kurashiRightWire dl.contentsInfo dt {
width: 80px;
float: left;
}
.kurashiRightWire dl.contentsInfo dd {
width: 190px;
float: right;
}

/* スポンサードリンク 2カラム 右300px */
#r_kurashi #sideArea #boxLink {
width: 274px;
background-color: #efefef;
padding: 10px 13px 7px;
margin-bottom: 15px;
}
#r_kurashi #sideArea #boxLink ul {
margin-bottom: 5px;
padding: 0;
}
#r_kurashi #sideArea #boxLink ul {
width: 274px;
margin-bottom: 10px;
padding: 0;
}
#r_kurashi #sideArea #boxLink ul li {
width: 132px;
_width: 127px;
float: left;
margin: 3px 5px 3px 0;
padding: 0;
}
#r_kurashi #sideArea #boxLink p {
font-size:90%;
color: #a2a2a2;
text-align:right;
}

/* 暮らし上手のヒント 20100806追加 */
.kurashiHintWire {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/kurashi_hint_btm.gif) no-repeat 0 bottom;
margin-bottom: 15px;
padding-bottom: 10px;

}
.kurashiHintWire .title {
height: 36px;
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/kurashi_hint_top.gif) no-repeat 0 0;
margin-bottom: 13px;
text-indent: -9999px;
}
.kurashiHintWire dl.hintContents {
width: 280px;
min-height: 60px;
height auto!important;/* for IE6 */
height: 60px;/* for IE6 */
position: relative;
border-bottom: 1px dashed #ccc;
margin: 0 10px 10px;
padding-bottom: 8px;
}
.kurashiHintWire dl.hintContents dt {
width: 190px;
float: right;
margin-bottom: 8px;
font-size: 120%;
font-weight: bold;
line-height: 1.3em;
}
.kurashiHintWire dl.hintContents dd.read {
width: 190px;
float: right;
line-height: 1.3em;
}
.kurashiHintWire dl.hintContents dd.photo {
width: 80px;
position: absolute;
left: 0;
top: 0;
}
.kurashiHintWire p {
text-align: right;
margin: 5px 10px;
}
.kurashiHintWire p a {
padding-left: 10px;
background: transparent url(//img.allabout.co.jp/img/cmn/arrow_orange.gif) no-repeat 0 50%;
}

/* 人気記事ランキング 20100806追加 */
.kurashiRankingWire {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/kurashi_right_btm.gif) no-repeat 0 bottom;
margin-bottom: 15px;
padding-bottom: 8px;
}
.kurashiRankingWire .title {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/kurashi_ranking_top.gif) no-repeat 0 0;
height: 35px;
text-indent: -9999px;
}
.kurashiRankingWire #secrecipe,
.kurashiRankingWire #secfamily,
.kurashiRankingWire #secch_baby,
.kurashiRankingWire #secchildren,
.kurashiRankingWire #secch_manner {
height: 24px;
margin: 0 5px;
padding: 17px 0 0 7px;
font-weight: bold;
}
.kurashiRankingWire #secrecipe {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/ttl_bar_recipe.gif) no-repeat 0 0;
}
.kurashiRankingWire #secfamily {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/ttl_bar_life.gif) no-repeat 0 0;
}
.kurashiRankingWire #secch_baby {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/ttl_bar_pregnant.gif) no-repeat 0 0;
}
.kurashiRankingWire #secchildren {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/ttl_bar_child.gif) no-repeat 0 0;
}
.kurashiRankingWire #secch_manner{
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/ttl_bar_manner.gif) no-repeat 0 0;
}
.kurashiRankingWire ul {
margin: 0 7px 5px;
}
.kurashiRankingWire li {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/ico_ranking_kurashi.gif) no-repeat 0 0;
padding: 5px 0 5px 24px;
}
.kurashiRankingWire li.no1 {
background-position: 0 0;
}
.kurashiRankingWire li.no2 {
background-position: 0 -120px;
}
.kurashiRankingWire li.no3 {
background-position: 0 -239px;
}
.kurashiRankingWire .text-right {
padding: 10px 7px 5px;
}
.kurashiRankingWire .text-right a {
background: transparent url(//img.allabout.co.jp/img/cmn/arrow_orange.gif) no-repeat 0 50%;
font-weight: bold;
padding-left: 10px;
}
.kurashiRankingWire .ranking-link {
	margin: -32px 7px 0;
}
/*********************
 タイトルパネル部分
**********************/
/* メニュー共通部分 */
#topSpecialWire {
width: 665px;
margin-bottom: 15px;
}
#topSpecialWire img {
verticla-align: bottom;
}
#topSpecialWire ul {
width: 660px;
background-color: #ffcd82;
padding: 8px 0 7px 5px;
}
#topSpecialWire ul li {
display: inline;
float: left;
margin-right: 5px;
padding: 5px 8px 8px 23px;
line-height: 1.4em;
}
#topSpecialWire ul li a {
font-weight: bold;
}
/* 4つバージョン */
#topSpecialWire ul.tab4 li {
width: 129px;
height: 32px;
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/menu_tab4_bg.gif) 0 0 no-repeat;
}
/* 5つバージョン */
#topSpecialWire ul.tab5 li {
width: 96px;
height: 32px;
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/menu_tab5_bg.gif) 0 0 no-repeat;
}

/*********************
 rtop CH導線枠
**********************/
.KurashiMenuWire {
margin-bottom: 15px;
}
.KurashiMenuWire .chBoxLeft {
float: left;
}
.KurashiMenuWire .chBoxRight {
float: right;
}
.KurashiMenuWire .chBoxLeft,
.KurashiMenuWire .chBoxRight {
width: 325px;
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/box_ch_btm.gif) 0 bottom;
padding-bottom: 10px;
}
.KurashiMenuWire .chBoxLeft h2,
.KurashiMenuWire .chBoxRight h2 {
height: 38px;
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/box_ch_top.gif) 0 top;
padding: 5px 13px 0;
margin-bottom: 10px;
font-size: 140%;
}
.KurashiMenuWire .chBoxLeft dl,
.KurashiMenuWire .chBoxRight dl {
width: 299px;
border-bottom: 1px dashed #ccc;
margin: 0 13px 13px;
padding-bottom: 6px;
position: relative;
min-height: 60px;
height: auto!important;/* for IE6 */
height: 60px;/* for IE6 */
}
.KurashiMenuWire .chBoxLeft dl dt,
.KurashiMenuWire .chBoxRight dl dt {
width: 209px;
float: right;
margin-bottom: 8px;
font-size: 120%;
font-weight: bold;
line-height: 1.3em;
}
.KurashiMenuWire .chBoxLeft dl dd.read,
.KurashiMenuWire .chBoxRight dl dd.read {
width: 169px;
float: right;
margin-bottom: 15px;
}
.KurashiMenuWire .chBoxLeft dl dd.gsName,
.KurashiMenuWire .chBoxRight dl dd.gsName {
width: 209px;
float: right;
text-align: right;
font-size: 90%;
}
.KurashiMenuWire .chBoxLeft dl dd.gsName a,
.KurashiMenuWire .chBoxRight dl dd.gsName a {
margin: 0 5px;
}
.KurashiMenuWire .chBoxLeft dl dd.photo,
.KurashiMenuWire .chBoxRight dl dd.photo {
width: 80px;
position: absolute;
top: 0;
left: 0;
}
.KurashiMenuWire .chBoxLeft ul,
.KurashiMenuWire .chBoxRight ul {
margin: 0 14px;
padding: 0;
}
.KurashiMenuWire .chBoxLeft ul li,
.KurashiMenuWire .chBoxRight ul li {
background: transparent url(//img.allabout.co.jp/img/cmn/arrow_orange.gif) 0 5px no-repeat;
margin: 5px 0;
padding-left: 10px;
}

/*********************
 ガイドサイトインデックス
**********************/
#kurashiIndexWire {
margin-bottom: 25px;
}
#kurashiIndexWire .title {
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/index_bg.gif) 0 0 repeat-x;
padding: 15px 13px 12px;
margin-bottom: 10px;
font-size: 110%;
font-weight: bold;
}
#kurashiIndexWire dl {
border-bottom: 1px dashed #ccc;
margin: 0 9px 15px;
padding-bottom: 15px;
}
#kurashiIndexWire dl.boNone {
border: none;
}
#kurashiIndexWire dl dt {
margin: 0 4px 10px 4px;
}
#kurashiIndexWire dl dd {
width: 153px;
height: 2.5em;
display: inline;
float: left;
margin: 4px;
line-height:1.3em;
}

/*********************
 編集部ピックアップ 20100810 追加
**********************/
#pickupBox {
height: 27px;
*height: 26px;/* for IE5~8 */
background: transparent url(//img.allabout.co.jp/img/guidemedia/r_kurashi/pickup_bg.gif) no-repeat 0 0;
margin-bottom: 15px;
padding-top: 9px;
*padding-top: 10px;/* for IE5~8 */
}
#pickupBox ul {
margin: 0 10px 0 150px;
}
#pickupBox li {
display: inline;
margin: 0 5px;
}