@charset "Shift_JIS";
/* 
 ===============================================================================
 MICO 2009/04/01 リニューアルcss 広告用

 2011/06/28 designG m_shimizume カテゴリナビゲーション再定義
 2011/06/14 designG m_shimizume グロナビ右上ダイエットチャネル追加
 2010/07/07 designG m_shimizume 左上特集ナビ変更
 2009/03/06 LSM m_shimizume（base：un-t Factory）
 ===============================================================================
 */



/* ---------------------------------------------
	スタイルリセット / 初期スタイル
--------------------------------------------- */

body {
	background: #fff url(none);
	margin: 0;
	padding: 0;
}

li img {
	display: block;
}


html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10_14 { font-size: 63%; line-height: 1.4;}
.txt10_16 { font-size: 63%; line-height: 1.6;}
.txt12_16 { font-size: 75%; line-height: 1.333;}
.txt12_17 { font-size: 75%; line-height: 1.417;}

a:link,
a:visited {
	color: #333333;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #ca253e;
	text-decoration: none;
}



/* ---------------------------------------------
	全体レイアウト
--------------------------------------------- */

body {
}

div#container {
	width: 980px;
	margin: 0 auto;
}

div#header {
	width: 980px;
}

/*
div#top_casette {
	float: right;
	width: 665px;
	padding: 13px 0 0;
}
*/

div#sidebar {
	float: left;
	width: 300px;
}

div#maincontent {
	float: right;
	width: 665px;
	margin: 0;
	padding: 0;
}

/*
div#maincontent div#primary {

	float: left;
	width: 505px;
}

div#maincontent div#extra {
	float: right;
	width: 145px;
}
*/

div#pageBottom {
	clear: both;
	padding: 32px 0 0;
}

div#footer {
	background: url(none);
}


/* ２カラム用追記 */
div.tieup_2c div#maincontent div#primary {
	float: none;
	width: 665px;
}


/* ---------------------------------------------
	ヘッダー
--------------------------------------------- */

div#header_mico {
	position: relative;
	height: auto !important;
	min-height: 88px;
	height: 88px;
/*	height: 100px; */
	background: url(//img.allabout.co.jp/pts/mico/common/header_bg.gif) no-repeat 324px 16px;
}

div#header_mico p#logo {
	float: left;
	width: 294px;
	padding: 7px 0 0;
}

div#header_mico p#logoAllAbout {
	position: absolute;
	top: 13px;
	right: 0;
}

div#header_mico div#register {
	float: right;
	padding: 39px 0 0;
}

div#header_mico div#register input {
	vertical-align: bottom;
}

div#header_mico div#register input.text {
	width: 160px;
	padding: 1px 3px;
	border: 1px solid #dadada;
}



/* ---------------------------------------------
	グローバルナビ
--------------------------------------------- */

div#categorynav {
	width: 980px;
	padding: 0 0 2px;
	background: url(//img.allabout.co.jp/pts/mico/common/categorynav_border.gif) no-repeat left bottom;
}

div#categorynav div.wrap {
	background: url(//img.allabout.co.jp/pts/mico/common/categorynav_bg.gif) repeat-x left center;
}

* html div#categorynav ul li { /* for IE6 */
	overflow: hidden;
}

div#categorynav a:link,
div#categorynav a:visited {
	color: #443024;
	text-decoration: none;
}

div#categorynav a:hover,
div#categorynav a:active {
	color: #443024;
	text-decoration: none;
}
/* JACK */
#mico_home div#categorynav {
}
#tuUp-page div#categorynav .jack {
	display: none;
}

/* 左・メインナビ ---------------- */

div#categorynav ul.main {
	float: left;
}

div#categorynav ul.main li {
	float: left;
	min-width: 9.5em;
/*	width: auto !important; */
	width: 9.5em;
	background: url(//img.allabout.co.jp/pts/mico/common/categorynav_separate.gif) no-repeat right 4px;
}
div#categorynav ul.main li.top {
	min-width: 6.8em;
/*	width: auto !important;*/
	width: 6.8em;
}

div#categorynav ul.main li a {
	display: block;
	padding: 6px 0;
	text-align: center;
}

* html div#categorynav ul.main li a { zoom: 1;}

div#categorynav ul.main li a:hover {
	position: relative;
	margin-left: -1px;
	padding-left: 1px;
	background: #cdc2b4 url(//img.allabout.co.jp/pts/mico/common/categorynav_hover.gif) no-repeat center;
	width: 101%;
}

div#categorynav ul.main li.top a:hover {
	background: #cdc2b4 url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_top.gif) no-repeat center;
}

div#categorynav ul.main li a em {
	font-style: normal;
}

div#categorynav ul.main li a.current,
div#categorynav ul.main li.current a:hover {
	position: relative;
	z-index: 10;
	margin-left: -1px;
	padding: 4px 0 6px;
	border-top: 2px solid #8a7b75;
	border-right: 2px solid #8a7b75;
	border-left: 2px solid #8a7b75;
	background: #cdc2b4 url(//img.allabout.co.jp/pts/mico/common/categorynav_hover.gif) no-repeat center;
	height: 16px;
	min-width: 9.5em;
	width: 9.5em;
}
div#categorynav ul.main li.top a.current,
div#categorynav ul.main li.top a:hover {
	height: 16px;
	min-width: 6.8em;
	width: 6.8em;
}

div#categorynav ul.main li.top a,
div#categorynav ul.main li.top a:hover {
	margin-left: 0;
	padding-left: 0;
}

/*
div#categorynav ul.main li.top a:hover em {
	position: relative;
	left: -1px;
}
*/

div#categorynav ul.main li a:hover.c_makeup em {
	position: relative;
	left: -1px;
}

div#categorynav ul.main li a:hover.c_makeup.current em {
	position: relative;
	left: 0px;
}


/* 右・サブナビ ---------------- */

div#categorynav ul.sub {
	float: right;
}

div#categorynav ul.sub li {
	float: left;
}

div#categorynav ul.sub li a {
	display: block;
	padding: 6px 0 5px;
	text-align: center;
}

div#categorynav ul.sub li.lesson a { width: 15em;}
div#categorynav ul.sub li.diet_ch a,
div#categorynav ul.sub li.bijoryoku a { width: 12em;}
div#categorynav ul.sub li.beauty_ch a { width: 10em;}

div#categorynav ul.sub li.lesson a:hover { background: url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_lesson.gif) no-repeat center top;}
div#categorynav ul.sub li.diet_ch a:hover,
div#categorynav ul.sub li.bijoryoku a:hover { background: url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_bijoryoku.gif) no-repeat right top;}
div#categorynav ul.sub li.beauty_ch a:hover { background: url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_beauty_ch.gif) no-repeat right top;}

div#categorynav ul.sub li.lesson a.current,
div#categorynav ul.sub li.lesson a.current:hover { background: url(//img.allabout.co.jp/pts/mico/common/categorynav_current_lesson.gif) no-repeat center top;}
div#categorynav ul.sub li.diet_ch a.current,
div#categorynav ul.sub li.diet_ch a.current:hover,
div#categorynav ul.sub li.bijoryoku a.current,
div#categorynav ul.sub li.bijoryoku a.current:hover { background: url(//img.allabout.co.jp/pts/mico/common/categorynav_current_bijoryoku.gif) no-repeat right top;}
div#categorynav ul.sub li.beauty_ch a.current,
div#categorynav ul.sub li.beauty_ch a.current:hover { background: url(//img.allabout.co.jp/pts/mico/common/categorynav_current_beauty_ch.gif) no-repeat right top;}

div#categorynav ul.sub li a em {
	font-style: normal;
}

div#categorynav ul.sub li a em span {
	padding: 0 0 0 12px;
	background: url(//img.allabout.co.jp/pts/mico/common/categorynav_point.gif) no-repeat left center;
}


/* ---------------------------------------------
	パンくず
--------------------------------------------- */

div#breadCrumb {
	padding: 0.5em 0;
}

div#breadCrumb ul {
}

div#breadCrumb ul li {
	float: left;
	padding-left: 10px;
}
div#breadCrumb ul li.top {
	padding-left: 0;
}

div#breadCrumb ul li a {
	display: block;
	padding-right: 14px;
	background: url(//img.allabout.co.jp/pts/mico/common/bread_arrow.gif) no-repeat right center;
}


/* ---------------------------------------------
	左カラム
--------------------------------------------- */

/* 最新特集 ---------------- */

div#specialArea {
	width: 300px;
/*
	margin: 15px 0 0;
*/
	margin: 0;
	background: url(//img.allabout.co.jp/pts/mico/common/special_bg.gif) no-repeat left bottom;
}


div#specialArea div.lead {
	padding: 12px 12px 0;
	background: url(//img.allabout.co.jp/pts/mico/common/special_head.gif) no-repeat;
}

div#specialArea div.lead p.img {
	float: left;
	width: 135px;
}

div#specialArea div.lead div.txt {
	float: right;
	width: 130px;
}

div#specialArea div.lead div.txt p.tit,
div#specialArea div.lead div.txt p.month {
	float: left;
}

div#specialArea div.lead div.txt p.date {
	clear: left;
	padding: 8px 0 0;
}

div#specialArea div.lead div.txt h1 {
	color: #333;
}

div#specialArea div.lead div.txt p.nav {
	margin: 6px 2px 0 0;
	padding: 0 12px 0 0;
	background: url(//img.allabout.co.jp/pts/mico/common/special_arrow.gif) no-repeat right center;
	text-align: right;
}

div#specialArea dl.index {
	width: 276px;
	margin: 9px 12px 0;
	padding: 9px 0 10px;
	background: url(//img.allabout.co.jp/pts/mico/common/dot_x_2_2.gif) repeat-x;
}

div#specialArea dl.index dd {
	margin: -1.6em 0 0 3.5em;
}


/* 左ナビゲーション ---------------- */

div#subNav {
	width: 300px;
	margin: 15px 0 0;
	background: url(//img.allabout.co.jp/pts/mico/common/sub_bg.gif) repeat-y;
}

div#subNav div.block {
	width: 278px;
	margin: 0 0 0 11px;
	padding: 0 0 10px;
}

div#subNav div.block ul {
	padding: 0 0 0 3px;
}

div#subNav div.block ul li {
	margin: 11px 0 0;
	padding: 0 0 0 13px;
	background: url(//img.allabout.co.jp/pts/mico/common/sub_arrow.gif) no-repeat 0 0.2em;
}

div#subNav div.block ul li h4 {
	font-weight: normal;
}

/* 特集 */

div#subNav div.special {
	padding: 0 0 10px;
}

div#subNav div.special div.block {
	padding-top: 12px;
	background: url(//img.allabout.co.jp/pts/mico/common/dot_x_2_2.gif) repeat-x;
}
div#subNav div.special div.block.top {
	padding-top: 11px;
	background: url(none);
}

/*
div#subNav div.special div.block.make {
	padding-top: 11px;
	background: url(none);
}
*/

div#subNav div.special div.block ul li {
	margin-top: 6px;
	padding-bottom: 5px;
}

div#subNav div.special div.block p {
	padding: 0 0 2px;
}

div#subNav div.special div.block p.more {
	text-align: right;
}

/* スペシャリスト */

div#subNav div.specialist {
	padding: 0 0 20px;
}

div#subNav div.specialist div.block p {
	padding: 2px 0 0;
}
* html div#subNav div.specialist div.block p {
	padding: 3px 0 0;
}

/* 連載 */

div#subNav div.rensai {
	padding: 0 0 20px;
}

div#subNav div.rensai div.block p {
	padding: 2px 0 0;
}
* html div#subNav div.rensai div.block p {
	padding: 3px 0 0;
}

div#subNav div.rensai .s-tu-L{
	font-size: 75%;
	line-height: 1.333;
}


/* Q&A */

div#subNav div.qa {
	padding: 0 0 20px;
	background: url(//img.allabout.co.jp/pts/mico/common/sub_foot.gif) no-repeat scroll left bottom;
}

div#subNav div.qa div.block p {
	padding: 2px 0 0;
}
* html div#subNav div.qa div.block p {
	padding: 3px 0 0;
}

/* 気になるブランドINDEX */

div#subNav div.brand {
	padding: 0 0 20px;
	background: url(//img.allabout.co.jp/pts/mico/common/sub_foot.gif) no-repeat left bottom;
}

div#subNav div#brandIndex {
	padding: 0 0 20px;
	background: url(//img.allabout.co.jp/pts/mico/common/sub_foot.gif) no-repeat left bottom;
	margin: 0;
}

div#subNav div#brandIndex h3{
	text-indent: -9999px;
	height: 22px;
	line-height: 22px;
	background: url(//img.allabout.co.jp/pts/mico/common/sub_brand_tit.gif) no-repeat left bottom;
}

div#sidebar div#brandIndex ul {
	list-style-image:url(//img.allabout.co.jp/pts/mico/common/sub_arrow.gif);
	list-style-type:none;
}

div#sidebar div#brandIndex ul li {
	line-height: 1.4em;
	height: 1.4em;
	padding:0 1em 4px 0;
	list-style-image: url(//img.allabout.co.jp/pts/mico/common/sub_arrow.gif) ;
}

/* ---------------------------------------------
	中央カラム
--------------------------------------------- */

div#primary {
}


/* MICO's Pick Up ---------------- */
/*
div#primary div.pickup {
	padding: 30px 0 0;
}

div#primary div.pickup div.ranking {
	width: 505px;
	margin: 3px 0 0;
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_bg.gif) no-repeat left bottom;
}

div#primary div.pickup div.ranking ol {
	list-style-type: none;
	padding: 16px 20px 18px;
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_head.gif) no-repeat;
}

div#primary div.pickup div.ranking ol li {
	margin: 16px 0 0;
	padding: 0 0 0 23px;
}
div#primary div.pickup div.ranking ol li.rank1 { background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_1.gif) no-repeat left center; margin-top: 0;}
div#primary div.pickup div.ranking ol li.rank2 { background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_2.gif) no-repeat left center;}
div#primary div.pickup div.ranking ol li.rank3 { background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_3.gif) no-repeat left center;}
div#primary div.pickup div.ranking ol li.rank4 { background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_4.gif) no-repeat left center;}
div#primary div.pickup div.ranking ol li.rank5 { background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_5.gif) no-repeat left center;}
*/


/* ---------------------------------------------
	ページ下部
--------------------------------------------- */

div#pageBottom p.pagetop {
	float: right;
}

div#pageBottom p.micotop {
	background-color: #e8e4dc;
}



/* ------------------------------------------------------------------------------------------
	MICO トップページ
------------------------------------------------------------------------------------------ */

body#tuUp-page {
}

body#tuUp-page div#sidebar {
	padding: 0;
}

/*
body#tuUp-page div#primary {
	padding: 16px 0 0;
}

body#tuUp-page div#extra {
	padding: 13px 0 0;
}
*/


/* IE対応 */
div#sidebar div#brandIndex ul#department,
div#subNav div#brandIndex ul#department {
	padding-top: 0;
}

div#sidebar div#brandIndex h3,
div#subNav div#brandIndex h3 {
	margin-bottom: 10px;
}


/* トップ左上特集用ナビ サブカラム追加 */
div#specialArea div.spnav_btm div.lead {
	 background-image: none;
	 padding-top: 6px;
}

div#specialArea div.spnav_btm div.lead div.txt {
	 float: none;
	 width: 100%;
}

div#specialArea div.spnav_btm .txt .wrap {
	border-top: 3px #d8d3cb solid;
	background: url(//img.allabout.co.jp/pts/mico/common/special_tit.gif) no-repeat 0 10px;
	padding-left: 40px;
}

div#specialArea div.lead div.txt div.special_title {
       color: #333333;
       font-size: 12px;
       font-weight: bold;
}

/* カテゴリーナビゲーション再定義 20110628
 ----------------------------------------------------------
   class に .nav_jp が指定されている場合だけ適用
 */
div#categorynav.nav_jp ul.main li a:hover {
	background: #cdc2b4 url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_jp.gif) no-repeat center;
}
div#categorynav.nav_jp ul.main li.top a:hover {
	background: #cdc2b4 url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_jp.gif) no-repeat center;
}
div#categorynav.nav_jp ul.main li {
	min-width: 8em;
	width: 8em;
}
div#categorynav.nav_jp ul.main li.top {
	min-width: 8em;
	width: 8em;
}
div#categorynav.nav_jp ul.main li a {
	height: 16px;
	line-height: 16px;
}
div#categorynav.nav_jp ul.main li a.current,
div#categorynav.nav_jp ul.main li.current a:hover {
	background: #cdc2b4 url(//img.allabout.co.jp/pts/mico/common/categorynav_hover_jp.gif) no-repeat center;
	min-width: 8em;
	width: 8em;
}
div#categorynav.nav_jp ul.main li.top a.current,
div#categorynav.nav_jp ul.main li.top a:hover {
	min-width: 8em;
	width: 8em;
}
div#categorynav.nav_jp ul.main li a:hover.c_makeup em,
div#categorynav.nav_jp ul.main li a:hover.c_makeup.current em {
	position: relative;
	left: 0;
}
div#categorynav.nav_jp ul.main li a:hover.c_hairstyle em {
	position: relative;
	left: 0;
}
div#categorynav.nav_jp ul.sub li a em {
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
}

/* 左ナビ再定義 20110628
 ----------------------------------------------------------
   class に .short が指定されている場合だけ適用
 */
div#subNav div.special.short div.block p.more {
	padding-top: 3px;
}
div#subNav div.special.short div.block ul li {
	margin-top: 3px;
	padding-bottom: 3px;
}

/* 左下広告用 ie-hack（文字サイズ調整） */
div#subNav div#brandIndex.vari21 {
	font-size: 16px\9;
}
div#sidebar div#brandIndex.vari21 ul li a {
	font-size: 75%\9;
}
div#sidebar div#brandIndex.vari21 ul li {
	padding-bottom: 0\9;
}

/* 2011.10 リニューアル対応 */
#tuUp-page .nav-globalnav { display: none; }
#tuUp-page .the-header { display: none; }
#mq_container .nav-globalnav { display: none; }

/* end of file */