@charset "utf-8";

/**********************************
Warner Music Life - ver2.6
made :		2009.07.29
edited :	2010.12.03

ブラウザ間の差異吸収 → ./reset.css
その他、特集ページ等の単発css → 各ディレクトリに"sp.css"で作成のこと。
**********************************/

/*****************************
基本
*****************************/
html {}
body { background:#fff; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.6; font-size:14px; color:#121212; }
* { margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; }

/*** リンク関係 ***/
a { color:#666; text-decoration:none; outline:none; }
a:hover { color:#333; text-decoration:underline; }
a:visited { color:#627; }


/*****************************
レイアウト(アウトライン)
*****************************/
#container { width:100%; text-align:center; }
#header, #pageContent, #footer { width:950px; margin:0 auto; padding:5px 0; text-align:left; }

#box00 /* 横幅一杯。トップ→最新ニュース欄, その他→パンくずエリア */ { margin:0 0 10px 0; }
#box01 /* 左side menu  */ { float:left; width:230px; margin:0 10px 10px 0; _margin:0 5px 10px 0; }
#box02 /* 右contents   */ { float:left; width:710px; margin:0 0 10px 0; }
#box02 p { margin-bottom:1em; text-align:justify; }
#box02 p.lead { margin-bottom:1em; overflow:auto; zoom:1; text-align:justify; line-height:1.6; }
/** コンテンツ、ローカルナビで計3カラムの場合[#box02内] **/
#box02Content { float:left; width:493px; margin:0 15px 10px 0; }
#box02Sidebar { float:right; width:200px; margin:0 0 10px 0; font-size:90%; }
.exPics { border:1px solid #ddd; } /* おまけ画像 */
#box00 h3, #box01 h3, #box02 h3 { margin:0 0 8px 0; padding:0 0 4px 0; border-bottom:1px solid #ddd; font-weight:bold; }

/*** 汎用フロート解除 ***/
.clr00 { clear:both; height:0; margin:0;padding:0; line-height:0; }
.clr01 { clear:both; margin:0 0 10px 0; }

/*** 汎用clearfix ***/
.post:after,.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.post, .clearfix {min-height:1px; }
* html .post, * html .clearfix { height:1px; /*\*//*/ height:auto; overflow:hidden; /**/ }

/* ↓見出しの右端表示テキスト用↓ */
.txtR { float:right; padding:0 0 0 18px; background:url(/wmlife/_src/img/arrow_box01Links.jpg) no-repeat 0 4px; color:#bb0505; font-size:90%; }

/*** ヘッダー ***/
#top { float:left; width:326px; margin:0 10px 8px 0; padding:8px 0 0 0; }
#utility { float:left; width:614px; margin:0 0 8px 0; padding:5px 0 0 0; text-align:right; }
#description { margin:4px 0 4px 0; font-size:74%; *font-size:75%; _font-size:88%; }
#fsArea, #artistList, #searchForm { float:left; }
#fsArea		{ width:175px; }
#artistList { width:135px; text-align:center; }
#searchForm { width:290px; font-size:12px; }
#searchForm input.FM-M { width:150px; _width:100px; }

/*** ヘッダー上部お知らせ(緊急時用) ***/
#notice { padding:1px 0; color:#bb0505; text-align:right; font-size:80%; line-height:1.5; }


/* アーティストリスト */
ul#artistList { display:inline; width:135px; list-style:none; margin:0; padding:0; }
ul#artistList li { float:left; padding:0; text-align:center; }
ul#artistList a { display:block; height:25px; text-indent:-9999px; overflow:hidden; }
a.btn_artistList { width:135px; background:url(/wmlife/_src/img/btn_artistList.jpg) no-repeat 0 0; }
a:hover.btn_artistList { background-position:0 -25px; }

li.artistListItems { float:left; margin:0 10px 4px 0; padding:0 0 2px 18px; background:url(/wmlife/_src/img/arrow_box01Links.jpg) no-repeat 0 6px; border-bottom:1px solid #eee; line-height:1.8; white-space:nowrap; }


/* フォントサイズ変更ボタン(詳細設定参照:/js/fontsize.js ) */
#fontsizeControl { width:200px; _display:none; }
ul#fontSize { display:inline; width:200px; list-style:none; margin:0; padding:0; }
ul#fontSize li { display:block; float:left; width:22px; margin:2px; _margin:1px; padding:0; background:#f5f5f5; border:2px solid #555; text-align:center; font-size:12px; font-weight:bold; }
ul#fontSize li.active { background:#bb0505; color:#fff; }
ul#fontSize li#ttl { width:auto; background:none; border:none; color:#000; }
ul#fontSize li#switchFontSizeBig    {}
ul#fontSize li#switchFontSizeMedium {}
ul#fontSize li#switchFontSizeSmall  {}

/*** フッター ***/
#footer { padding:0 0 10px 0; }
#footerL { float:left; width:500px; }
#footerR { float:left; width:450px; text-align:right; }
#footerR span { color:#bb0505; }

/*** パンくずリスト ***/
#box00.topicPath { margin:-2px 0 6px 0; font-size:90%; }

/*** 右カラム内(#box02)アイキャッチ(横710px) ***/
#eyeCatch { margin:0 0 15px 0; }
#eyeCatchImg { width:710px; min-height:180px; margin:0 0 10px 0; background:#000; color:#fff; }


/*****************************
グローバルナビ
*****************************/
ul#nav { behavior:url("/wmlife/_src/css/csshover.htc"); /* ←IE6対策 */ display:inline; width:950px; list-style:none; margin:0; padding:0; }
ul#nav li { float:left; padding:0; text-align:center; }
ul#nav a { display:block; height:55px; text-indent:-9999px; overflow:hidden; }

/* ホーム */
a.nav00 { width:148px; background:url(/wmlife/_src/img/nav.jpg) no-repeat 0 0; }
a:hover.nav00 { background-position:0 -55px; }
a.nav00_current { width:148px; background:url(/wmlife/_src/img/nav.jpg) no-repeat 0 -55px; }

/* 紙 */
a.nav01 { width:148px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -148px 0; }
a:hover.nav01 { background-position:-148px -55px; }
a.nav01_current { width:148px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -148px -55px; }

/* ハンドメイド横丁 */
a.nav02 { width:167px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -296px 0; }
a:hover.nav02 { background-position:-296px -55px; }
a.nav02_current { width:167px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -296px -55px; }

/* SHM */
a.nav03 { width:158px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -464px 0; }
a:hover.nav03 { background-position:-464px -55px; }
a.nav03_current { width:158px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -464px -55px; }

/* ショップ */
a.nav04 { width:159px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -622px 0; }
a:hover.nav04 { background-position:-622px -55px; }
a.nav04_current { width:158px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -622px -55px; }

/* ForeverYOUNG */
a.nav05 { width:169px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -781px 0; }
a:hover.nav05 { background-position:-781px -55px; }
a.nav05_current { width:169px; background:url(/wmlife/_src/img/nav.jpg) no-repeat -781px -55px; }


/*** 下層ナビゲーション(プルダウン) ***/
ul#nav li ul.navInner { display:none; } /* 下層のメニューを不可視に */
/* 疑似要素 :hover で下層のメニューを可視に */
ul#nav li:hover ul.navInner { display:block; position:absolute; margin:0; padding:0; z-index:100; }
/*ul#nav li ul.navInner li { float:none; margin:2px 0; _margin:0 0 -18px 0; padding:0; width:158px; height:25px; font-size:12px; outline:none; }*/
/*ul#nav li ul.navInner li a { margin:0; padding:4px; _padding:2px 8px; text-align:left; color:#fff; outline:none; text-indent:0; overflow:visible; }*/
/*ul#nav li ul.navInner li a:link, ul#nav li ul.navInner li a:visited { background:#333; color:#fff; outline:none; }*/
/*ul#nav li ul.navInner li a:hover, ul#nav li ul.navInner li a:active { background:#aaa; color:#fff; outline:none; }*/

/** プルダウン **/
ul.navInner { behavior:url("/wmlife/_src/css/csshover.htc"); /* ←IE6対策 */ width:168px; list-style:none; margin:0; padding:0; }
ul.navInner li { padding:0; text-align:center; }
ul.navInner a { display:block; width:168px; text-indent:-9999px; overflow:hidden; outline:none; }


/** 紙ジャケ **/
/* 紙A */
a.subNavA { display:block; width:149px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav_kami.jpg) no-repeat 0 0; }
/* 紙B */
a.subNavB { display:block; width:149px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav_kami.jpg) no-repeat 0 -24px; }
/* 紙C */
a.subNavC { display:block; width:149px; height:42px; margin-bottom:-10px; background:url(/wmlife/_src/img/subNav_kami.jpg) no-repeat 0 -48px; }
/* 紙D */
a.subNavD { display:block; width:149px; height:24px; margin-bottom:-30px; background:url(/wmlife/_src/img/subNav_kami.jpg) no-repeat 0 -90px; }
/* 紙E */
/*a.subNavE { display:block; width:149px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav_kami.jpg) no-repeat 0 -114px; _background-position:0 -118px; }*/

/** ハンドメイド横丁 **/
/* Handmade */
a.subNav07 { display:block; width:168px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 0; }
/* 5packs */
a.subNav06 { display:block; width:168px; height:42px; margin-bottom:-10px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -24px; }
/* アナログレコード */
a.subNav00 { display:block; width:168px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -64px; }
/* Definitive */
a.subNav01 { display:block; width:168px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -88px; }
/* Platinum */
a.subNav02 { display:block; width:168px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -112px; }
/* BOX */
a.subNav03 { display:block; width:168px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -136px; }
/* NEW */
a.subNav04 { display:block; width:169px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -160px; }
/* 輸入盤新譜発売情報 */
/*a.subNav05 { display:block; width:168px; height:24px; margin-bottom:-27px; background:url(/wmlife/_src/img/subNav.jpg) no-repeat 0 -184px; }*/


/*****************************
トップページ固有要素
*****************************/
/*** #box00内 ***/
#box00.siteTop {}

.siteTop:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.siteTop {min-height:1px; }
* html .siteTop { height:1px; /*\*//*/ height:auto; overflow:hidden; /**/ }

#siteTopL { float:left; width:698px; margin-right:10px; _margin-right:5px; padding-bottom:4px; background:#fff;  border-right:2px solid #ddd; border-bottom:2px solid #ddd; border-left:2px solid #ddd; }
#siteTopR { float:left; width:238px; }

#box00.siteTop h3 { display:block; margin-left:-2px; border:none; }

/* 最新ニュース */
ul#latestNewsTxt { float:left; width:450px; padding:0 10px 10px 10px; }
	ul#latestNewsTxt li { margin:0 0 2px 0; padding:0 0 2px 0; border-bottom:1px dotted #ddd; }


/* ブログ(spry使用, 設定は /_src/includes/, /url_proxy.php参照) */
#staffBlogHeadline { padding:0 5px 2px 5px; border:2px solid #dadada; }
ul#rsslist { float:left; width:450px; padding:0 10px 10px 10px; }
ul#rsslist li {  margin:0 0 2px 0; padding:0 0 2px 0; border-bottom:1px dotted #ddd; }


/* 切替バナー(mootools.js, iCarousel.js, iCarouselCtrl.js[←こいつでスピード調節]) */
#slider { float:left; }
#slider { position:relative;/* important */ width:220px; /* important */ height:180px; /* important */ margin:0; border:2px solid #333; }
	#content { position:absolute; top:0; margin-left:0; }
	#content, #content li { list-style:none; margin:0; padding:0; }
	#content li a { border:none; }
	#content { width:13440px; }
	#slider ul li { display:block; float:left; margin:0; padding:0; border:none; }
	#slider ul li img { display:block; }

	#frame { position:relative; width:220px; height:25px; border:2px solid #333333; border-top:0; margin:0px 0 0 0px; float:left; background:url("../img/slider/bg_gradient.gif");}

	#frame ul li {
		float:left;
		margin:6px 0 0 26px;
	}
/* ↓　～ 2010.11.11
	#frame { position:relative; width:220px; margin:158px 0 0 48px; }
	#frame { *position:relative; *top:158px; *left:45px; *margin:158px 0 0 0; }
	#frame ul li { width:16px; height:12px; margin:2px 5px 0 5px; padding:0 0 8px 0; text-align:center; }
	#frame ul li img:hover {border:1px solid #369; }
*/
	
/* ランキング */
#ranking { float:left; *float:right; width:230px; padding:5px; background:#ededed; line-height:1.4; }
#ranking h3 span { font-size:12px; font-weight:normal; }
	ul#best5 { font-size:92%; }
	ul#best5 li { margin:0 0 4px 0; padding:0 0 4px 18px; border-bottom:1px dotted #ddd; }
	ul#best5 li.ranking_1 { background:url(/wmlife/_src/img/ranking_1.jpg) no-repeat 0 4px; }
	ul#best5 li.ranking_2 { background:url(/wmlife/_src/img/ranking_2.jpg) no-repeat 0 4px; }
	ul#best5 li.ranking_3 { background:url(/wmlife/_src/img/ranking_3.jpg) no-repeat 0 4px; }
	ul#best5 li.ranking_4 { background:url(/wmlife/_src/img/ranking_4.jpg) no-repeat 0 4px; }
	ul#best5 li.ranking_5 { background:url(/wmlife/_src/img/ranking_5.jpg) no-repeat 0 4px; }
	ul#best5 li.more { text-align:right; font-weight:bold; } /* 「もっと読む」 */
	.ranking_1 a { color:#bb0505; }

/*** #box01内 ***/
ul.box01Links { margin:-14px 0 10px 0; padding:0 5px; }
ul.box01Links li { margin:0 0 2px 0; padding:0 0 2px 17px; border-bottom:1px dotted #ddd; background:url(/wmlife/_src/img/arrow_box01Links.jpg) no-repeat 0 5px; }
ul.box01Links li a.new { display:block; padding:0 0 0 35px; background:url(/wmlife/_src/img/ico_new.jpg) no-repeat center left; }
ul.box01Links li a.up { display:block; padding:0 0 0 35px; background:url(/wmlife/_src/img/ico_up.jpg) no-repeat center left; }
.leftBnrs { margin:0; padding:5px; background:#ededed; }

/* 横丁だけ表示のサイドバー */
.leftBnrs170px { width:170px; margin:0 auto; padding:5px; background:#ededed; }

/*** #box02内 ***/
#dotm, #staffBlogHeadline, #magazineHeadline { margin:0 0 10px 0 ; }
#box02 h3.woBdr { margin:0; padding:0; border-bottom:none; }

/* 今月の注目盤 */
#dotm { width:701px; padding:4px 0 5px 5px; border:2px solid #dadada; }
.dotmBoxOdd { float:left; width:340px; margin:0 0 0 0; padding:5px; }
.dotmBoxEven { float:left; width:338px; margin:0 0 0 0; padding:5px; background:#eee; }
.dotmImg { display:block; float:left; width:100px; margin:0 6px 6px 0; border:1px solid #ddd; }

/* 立ち読みヘッドライン */
#magazineHeadline { padding:6px 0 5px 5px; _padding:6px 0 5px 1px; *height:160px; border:2px solid #dadada; }


/*****************************
ASOM
*****************************/
#box02.asom { line-height:1.8; }

#asomHead { margin:0 0 20px 0; padding:8px 10px; background:url(/wmlife/asof/img/asomHead_bg.jpg) no-repeat 0 0; }
#asomMid, #asomFoot { margin:0; padding:8px 10px; border:3px solid #ddd; background:#f5f5f5; }
#asomHead .J { float:right; margin:0 0 15px 15px; border:1px solid #ddd; }
#asomHead .afLinks { margin:-10px 0 10px 0; }
#asomHead h4 { margin:0 0 4px 0; font-size:16px; font-weight:bold; color:#bb0505; }

ul#asomSideBar { font-size:90%; }
ul#asomSideBar li { margin:0 0 8px 0; padding:0 0 6px 0; line-height:1.6; border-bottom:1px solid #ddd; }
.sideBarJ { border:1px solid #ddd; }

/* 右サイドバー */
#spBnr {}
#spBnr img { padding-bottom:10px; }

/*** バックナンバー ***/
.asomBackNumbers { border-bottom:1px solid #ddd; line-height:1.7; }
.asomBackNumbersEven { border-bottom:1px solid #ddd; line-height:1.7; background:#f5f5f5; }
.asomBackNumbersL { float:left; width:102px; margin:0 15px 4px 0; padding-top:4px; }
.asomBackNumbersL img { border:1px solid #ddd; margin:0 0 2px 0; }
.asomBackNumbersR { float:left; width:593px; margin:0; padding-top:4px; font-weight:bold; }
span.b05 { font-weight:normal; }


/*****************************
特集ページ
*****************************/
#box02.sp { line-height:1.8; }

#box02.sp p { margin-bottom:1.5em; }
#box02.sp .impReleases p, #box02.sp .impReleasesEven p { margin-bottom:0; line-height:1.6; }

/*** 背景黒の場合(/wmlife/sp/primalscream/など)  ***/
#bgBlack { padding:25px; background:#000; }
#box02.sp #bgBlack p { margin-bottom:0.5em; color:#fff; }
#box02.sp #bgBlack p.interviewer { color:#ddd; }

/* 挿入画像（右寄せ ＆ 左寄せ) */
img.spPicAlignL { float:left; margin:4px 15px 15px 0; }
img.spPicAlignR { float:right; margin:4px 0 15px 15px; }

/* 挿入画像キャプション有 */
.captionL { float:left; width:288px; margin:4px 15px 15px 0; padding:6px; background:#f0f0f0; font-size:12px; }
.captionR { float:right; width:288px; margin:4px 0 15px 15px; padding:6px; background:#f0f0f0; font-size:12px; }
.captionL span, .captionR span { display:block; margin:0.5em 0 0 0; }


/* 商品リンク */
.spItemsLinks { width:684px; height:auto; padding:10px; background:#f2f2f2; border:3px solid #ccc; }

/* 「その他の特集ページへ」 */
#toArchives { margin:15px 0 0 0; _margin:15px 0 -5px 0; text-align:right; font-weight:bold; }



/*** sp1column00(旧900pxの特集ページより移行) ***/
#box02.sp1column00 { line-height:1.8; }
#spLeadtxt { margin:10px 0; font-weight:bold; }
#box02.sp1column00 h3 { border:none; }
#box02.sp1column00 h4, #box02.sp1column00 .bdr { margin:0 0 6px 0; padding:0 0 6px 0; font-weight:bold; border-bottom:1px solid #ccc; }
#box02.sp1column00 .picL { border:none; }
.picL { float:left; margin:10px 15px 10px 0; }
.picR { float:right; margin:10px 0 10px 15px; }
.picL img, .picR img {}
.caption { width:288px; margin:0 0 10px 0; padding:6px; background:#f0f0f0; font-size:12px; }
.noCaption { padding-bottom:6px; }

/*** sp_2column.tpl ***/
.sideBarPicsL { float:left; width:200px; margin:0 10px 10px 0; padding:10px; background:#eee; }
.sideBarPicsR { float:right; width:200px; margin:0 0 10px 10px; padding:10px; background:#eee; }


/*****************************
FUSION万歳
*****************************/
#box02.fusionbanzai { line-height:1.8; }
#box02.fusionbanzai p {}

/* 本文中の画像（回り込み） */
.picsL { float:left; width:180px; margin:4px 15px 10px 0; }
.picsL230 { float:left; width:232px; padding:0 10px 4px 0; }
.picsR230 { float:right; width:232px; padding:0 0 4px 10px; }

/* サイドバー */
#box02Sidebar.fusionSideBar img { margin-bottom:5px; }
#box02Sidebar.fusionSideBar h3 { margin:0; border:none; }

/* FUSIONトップページ用 */
.c01 { color:#08d; }
.c02 { color:#dd1313; font-size:125%; }


/*****************************
ハンドメイド横丁
*****************************/
#box02.sitemap {}

/*** ハンドメイド横丁トップ ***/
.eyeCatchImgL { float:left; width:355px; height:200px; margin:0 0 1px 0; }
.eyeCatchImgS { float:left; width:355px; height:100px; _margin:0 0 10px 0; }

#impIndexFeat { width:700px; padding:10px 5px 0 5px; _padding:10px 0 0 0; background:#f9f9f9; }
#impIndexFeat img.bnrLR { width:605px; padding:0 52px 10px 52px; }
#impIndexFeat img.bnrL  { width:295px; float:left; padding:0 15px 10px 52px; }
#impIndexFeat img.bnrR  { width:295px; float:left; padding:0 42px 10px 0; }

/** 横丁トップ下部 **/
#impTopFeat { margin:10px 0 0 0; }
.impTopFeatL img, .impTopFeatR img { display:block; margin:0 0 10px 0; }
.impTopFeatL { float:left; width:350px; margin:0 10px 0 0; }
.impTopFeatR { float:left; width:350px; margin:0; }

/** 注目リリース情報(＆ハンドメイド横丁リリース一覧)  **/
.impReleases, .impReleasesEven { min-height:80px; height:auto !important; height:80px; margin:0; padding:4px 8px 4px 0; border-bottom:1px dotted #ccc; font-size:90%; }
.impReleasesEven { background:#eee; }
.impReleases img.J, .impReleasesEven img.J { float:left; width:100px; min-height:80px; margin:2px 8px 2px 5px; border:1px solid #ccc; background:#f5f5f5; }
.impReleases h4, .impReleasesEven h4 { margin:0 0 2px 0; font-weight:bold; }
.impReleases h4 span, .impReleasesEven h4 span { font-weight:normal; }
.impReleases .afLinks, .impReleasesEven .afLinks { margin:4px 0 2px 0; }

/* ページ送り(NEWリリースetcで使用) */
.pageNation { min-height:22px; height:auto !important; height:22px; margin:10px 0; padding:5px 8px; background:#eee; }
ul#pageNation {}
ul#pageNation li { float:left; width:18px; height:22px; margin:0 10px 0 0; _margin:0 10px 0 0; text-align:center; }
ul#pageNation a.current, ul#pageNation a:hover { color:#bb0505; font-weight:bold; text-decoration:underline; }

/*** ハンドメイド横丁リリース詳細***/
#impDetails { margin-bottom:10px; }
#impDetails .J { display:block; float:left; margin:0 15px 5px 0; border:1px solid #ddd; }
#impDetails h3 { margin:0 0 2px 0; padding:0; border:none; }
#impDetails h3 span { color:#999; font-size:90%; }
#impDetails h4, #review h4, #box02Content h4, h4#related { margin:4px 0 8px 0; padding:0 0 6px 0; border-bottom:1px solid #ccc; font-weight:bold; }
#impDetails .afLinks { margin:4px 0 2px 0; }
#review { margin:0 0 10px 0; line-height:1.8; text-align:justify; }

#impDetails .notice { margin:0.5em 0; }

ul.trackListing { padding-left:28px; *padding-left:36px; }
ul.trackListing li { padding-top:1px; list-style-type:decimal; line-height:1.7; }

/** 5PACKSのみ(2010/01/14) **/
#fivePacks { margin-top:-40px; }
#fivePacks p { margin-bottom:1em; }

ul.spLinks { margin:0 0 6px 0; padding:0 5px; }
ul.spLinks li { margin:0 0 2px 0; padding:0 0 0 17px; background:url(/wmlife/_src/img/arrow_box01Links.jpg) no-repeat 0 5px; }
ul.spLinks li a.new { display:block; padding:0 0 0 35px; background:url(/wmlife/_src/img/ico_new.jpg) no-repeat center left; }
ul.spLinks li a.up { display:block; padding:0 0 0 35px; background:url(/wmlife/_src/img/ico_up.jpg) no-repeat center left; }

/*** WARNER MUSICグループ輸入盤新譜発売予定情報 ***/
ul#schedule { list-style-type:square; list-style-position:outside; margin:10px 0; padding:0 0 0 15px; line-height:1.8; }
ul#schedule li { margin:0 0 4px 0; }
#comingsoon table { width:100%; margin:0; padding:0; background:#ccc; border:none; text-align:left; line-height:1.6; }
#heading { background:#999; color:#fff; }
#comingsoon th { padding:5px; border:1px solid #ccc; vertical-align:top; font-size:90%; }
#comingsoon th strong { display:block; padding:5px; vertical-align:top; }
#comingsoon td { padding:5px; vertical-align:top; border:1px solid #ccc; font-size:90%; }
.odd  { background:#eee; }
.even { background:#fff; }


/*****************************
音専誌立ち読みコーナー
*****************************/
.magContents { min-height:290px; height:auto !important; height:290px; *margin-bottom:15px; font-size:90%; border:2px solid #ddd; padding:4px 10px; }
img.magTitle { display:block; float:left; width:235px; margin:8px 0 10px 0; _padding-top:5px; }
.magContents h3 { font-size:100%; }
.magContents h4 { padding: 2px 0; font-size:100%; }
.magContents h3 span, .magContents h4 span { font-weight:normal; }
.magContents p { margin-top:-6px; }
.afBTN { margin-bottom:4px; }
.magazineBox { float:left; width:135px;  margin:0 5px 0 0; text-align:center; font-size:85%; }
.magImg { width:50px; margin:4px 0; border:1px solid #ddd; }

img.magTitle { }

#box02.magazine .picR { border:1px solid #ddd; }
#magA, #magB, #magC, #magD, #magE, #magF { margin-bottom:10px; }
.magJ { display:block; float:right; margin:0 0 6px 12px; }

#box02.magazine .afLinks { margin:0 0 10px 0; line-height:2; }

#box02.magazine h3 { font-size:100%; border-bottom:none; }
#box02.magazine h4 { margin:2px 0; border-bottom:none; font-size:100%; }

ul.magazineContents { margin:0 0 10px 0; }
ul.magazineContents li { list-style-type:disc; margin:0 0 0.5em 18px; }

ul.magazine_contents { list-style-type:disc; list-style-position:outside; padding-left:0; margin:0 0 0 15px; }
.magazine_contents li { margin-bottom:3px; }

/* アコーディオン設定 */
#accordion { margin:0 0 15px 0; background:#fff; border:2px solid #56627f; font-size:85%; line-height:1.5; }
.accordion_toggle { outline:none; cursor:pointer;  height:auto; margin:0 0 4px 0; *margin:0; }
.accordion_toggle_active { color:#bb0505; font-weight:bold; }
.accordion_content { margin:10px 0 10px 5px; *margin:-6px 0 0 0; color:#000; overflow:hidden; }
.accordion_content ul li { margin: 0 0 6px 0; padding: 0 0 4px 0; border-bottom:1px dotted #56627f; text-align:center; }

/* アコーディオン2(見た目だけ) */
#accordion2 { margin:0 0 15px 0; background:#fff; border:2px solid #56627f; font-size:85%; line-height:1.5; }
.accordion_toggle2 { outline:none; cursor:pointer;  height:auto; margin:0 0 4px 0; }
.accordion_toggle_active2 { color:#bb0505; font-weight:bold; }
.accordion_content2 { margin:10px 0 10px 5px; *margin:-6px 0 0 0; color:#000; overflow:hidden; }
.accordion_content2 ul li { margin: 0 0 6px 0; *margin:-12px 0 6px 0; padding: 0 0 4px 0; border-bottom:1px dotted #56627f; text-align:center; }

/* 右サイドバー */
#box02Sidebar h3 {}
#box02Sidebar.magazine { padding:0; background:#fff; }
#box02Sidebar.magazine img { display:block; margin:0 auto; padding:3px 0;  }


/*****************************
検索結果
*****************************/
#box02 h2 { margin:0 0 10px 0; padding:4px 4px 4px 8px; background:#ccc; border:1px solid #ddd; font-weight:bold; }
#search_control .gsc-control { width:100%; }
.gsc-control{ width:100% !important }


/*****************************
サイトマップ
*****************************/
#box02.sitemap {}
.sitemap h4 { margin:0 0 10px 0; padding:4px 4px 4px 8px; background:#eee; border:1px solid #ddd; font-weight:bold; }
.sitemap h4 span { padding:0 0 0 20px; font-weight:normal; }

.sitemap ul { margin:0 10px 10px 10px; line-height:1.8; }
.sitemap ul li { display:block; float:left; margin:-2px 16px 8px 0; }


/************************************************
モバイル（1.1） 
************************************************/
.mobileCornerL { float:left; width:245px; margin:0 10px 10px 0; }
.mobileCornerR { float:left; width:465px; margin:0 0 10px 0; }

.sotwJ { float:left; width:150px; padding:10px; }
.sotw { float:right; width:510px; margin:0 0 10px 0; _margin:0 0 5px 0; padding:0 10px 0 0; _padding:0 5px 0 0; }
.sotwTtl { margin:0 0 6px 0; _margin:0 0 3px 0; padding:4px 10px; _padding:2px 5px; background:#e5e5e5; font-weight:bold; }
.sotwTtl span { font-weight:normal; }
.sotwCatch { width:650px; margin:0 0 6px 0; padding:4px 10px; background:#eee; font-weight:bold; }
.sotwTxt { float:left; width:510px; margin:0 0 6px 0; padding:0 8px 0 0; }
.sotwQR { float:right; width:100px; margin-top:2px; padding:1px; background:#ccc; }

#mobileMailmagReg  { float:left; width:375px; margin:0 5px 10px 0; }
.mobileMailmagRegL { float:left; width:128px; margin:0 10px 0 0; }
.mobileMailmagRegR { float:left; width:230px; margin:0; }

#vintageMachiuke { float:left; width:320px; }


#archives { text-align:right; font-weight:bold; }


/************************************************
紙コレ 
************************************************/
#box02.kami {}
#box02.kami h2 { *min-height:90px; _min-height:90px; background:#fff url(/wmlife/kami/img/ttl_kami.jpg) repeat 0 0; padding:6px 6px 6px 16px; color:#fff; }
#box02.kami h2 span { display:block; padding:2px 0 0 0; font-weight:normal; font-size:80%; }
/* <h2></h2>内のアフィリエイトリンク画像 */
#box02.kami h2 img { display:block; float:left; margin:3px 5px 3px 0; border:1px solid #fff; }

/* J */
.kamiPicAlignL { float:left; margin:4px 15px 15px 0; border:1px solid #ddd; }

/* 右サイドバー */
#box02Sidebar.kami { padding:12px 0; background:#f2f2f2; }
#box02Sidebar.kami img { display:block; margin:0 auto; padding:3px 0;  }
.dmkami { width:155px; margin:5px 0 5px 20px; padding:0.5em 0; background:#fff; border:2px solid #ccc; text-align:center; font-weight:bold }


/************************************************
SHM-CD 
************************************************/
#box02.shmcd {}
#box02.shmcd h3 span { font-weight:normal; }

/*** アイキャッチ(IE対策) ***/
#eyeCatch.shmcd img { *display:block; }

/*** SHMナビゲーション ***/
ul#shmNav { behavior:url("/wmlife/_src/css/csshover.htc"); /* ←IE6対策 */ display:inline; width:710px; list-style:none; margin:0; padding:0; }
ul#shmNav li { float:left; padding:0; text-align:center; }
ul#shmNav a { display:block; height:40px; text-indent:-9999px; overflow:hidden; }

/* 検索 */
a.shmNav00 { width:60px; height:40px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat 0 -40px; }
a:hover.shmNav00 { background-position:0 0; }
a.shmNav00_current { width:60px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat 0 0; }

/* リリースリスト */
a.shmNav01 { width:100px; height:40px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -60px -40px; }
a:hover.shmNav01 { background-position:-60px 0; }
a.shmNav01_current { width:100px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -60px 0; }

/* ロック/ポップス/その他 */
a.shmNav02 { width:160px; height:40px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -160px -40px; }
a:hover.shmNav02 { background-position:-160px 0; }
a.shmNav02_current { width:160px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -160px 0; }

/* ジャズ */
a.shmNav03 { width:60px; height:40px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -320px -40px; }
a:hover.shmNav03 { background-position:-320px 0; }
a.shmNav03_current { width:60px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -320px 0; }

/* クラシック */
a.shmNav04 { width:80px; height:40px; background:url(/wmlife/shmcd/img/shmNav.jpg) no-repeat -380px -40px; }
a:hover.shmNav04 { background-position:-380px 0; }
a.shmNav04_current { width:80px; background:url(/wml