@charset "Shift_JIS";
/* 
 ===============================================================================
 MICO 2009/04/01 リニューアルcss
 修正：2010年4月からのGM取り込みに対応＆デザイン微調整

 2011/06/14 designG m_shimizume グロナビ右上ダイエットチャネル追加
 2011/04/25 designG m_shimizume パブGM化のトップスタイル＆左上バナースタイル追加
 2010/08/04 designG m_shimizume 特集中ページ３カラム対応
 2010/07/07 designG m_shimizume デクワス追加＆左上特集ナビ変更
 2010/03/17 LSM m_shimizume
 2009/03/30 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 {
	color: #333333;
	text-decoration: none;
}

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



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

body {
}

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

div#header_mico {
	width: 980px;
}

/* flash化のネスト処理によりコメントアウト 090319
div#top_casette {
	float: right;
	width: 665px;
	height: 341;
	padding: 13px 0 0;
}
*/

div#mico_top_flash {
	float: right;
	width: 665px;
	height: 341px;
	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.special_2c div#maincontent div#primary {
	float: none;
	width: 665px;
}



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

div#header_mico {
	position: relative;
	min-height: 88px;
	height: auto !important;
	height: 88px;
	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;
/*	width: auto !important; */
	min-width: 9.5em;
	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: 6px 0;
	line-height: 15px;
}

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#sidebar div#adArea img {
	margin-bottom: 7px;
	/margin-bottom: 5px;
}
/*
div#sidebar div#adArea object {
	margin-bottom: 15px;
}
*/

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

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 div.special_title {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

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#extra {
}


/* タイアップ紹介 ---------------- */
/* 中ページ右ナビ広告枠 再定義 */
div#extra div.right-department-box {
	width: 145px;
	padding: 0 0 8px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_tu_bg.gif) no-repeat left bottom;
	margin-bottom: 10px; /* 広告が出現した時だけ余白 */
}

div#extra div.right-department-box div.right-department img {
	padding: 5px 0 0 5px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_tu_head.gif) no-repeat;
}

div#extra div.right-department-box p.right-department-rink {
	padding: 6px 11px 0;
	font-weight: bold;
}

div#extra div.right-department-box p.right-department-read {
	padding: 3px 11px 0;
}


/* ヘアカタログ ---------------- */

div#extra div.catalog {
	width: 145px;
	margin: 0;
/*
	margin: 10px 0 0;
*/
}
body#mico_home div#extra div.catalog {
	margin: 0;
}

div#extra div.catalog ul {
	width: 145px;
}

div#extra div.catalog ul.hair {
	margin: 10px 0 0;
}

div#extra div.catalog ul li {
	width: 145px;
	font-size: 1px;
	line-height: 0;
}



/* 美女力 ---------------- */

div#extra div.bijoryoku {
	width: 145px;
	margin: 15px 0 0;
	padding: 0 0 13px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_bijoryoku_bg.jpg) no-repeat left bottom;
}

div#extra div.bijoryoku ul {
	list-style-type: disc;
	margin: 0 12px;
	padding: 0 0 0 14px;
}

div#extra div.bijoryoku ul li {
	line-height: 1.417;
	padding: 6px 0 0;
}

div#extra div.bijoryoku p.btn {
	padding: 10px 0 0;
	text-align: center;
}


/* メイク・ムービーレッスン ---------------- */

div#extra div.lesson {
	width: 145px;
	margin: 6px 0 0;
	padding: 0 0 14px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_lesson_bg.gif) no-repeat left bottom;
}

div#extra div.lesson p.lead {
	padding: 3px 11px 0;
}

div#extra div.lesson ul {
	padding: 6px 12px 0 0;
}

div#extra div.lesson ul li {
	float: left;
	padding-left: 1em;
	white-space: nowrap;
}

div#extra div.lesson p.btn {
	clear: left;
	padding: 10px 0 0;
	text-align: center;
}


/* きれいに役立つキーワード ---------------- */

div#extra div.keyword {
	width: 145px;
	margin: 15px 0 0;
	padding: 0 0 14px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_keyword_bg.jpg) no-repeat left bottom;
}

div#extra div.keyword p.lead {
	padding: 2px 11px 0;
}

div#extra div.keyword ul {
	padding: 4px 13px;
}

div#extra div.keyword ul li {
	margin: 4px 0 0;
	padding: 0 0 0 12px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_keyword_arrow.gif) no-repeat left center;
}

div#extra div.keyword p.btn {
	padding: 10px 0 0;
	text-align: center;
}


/* 明日、キレイになる言葉 ---------------- */

div#beautyword-box {
	width: 145px;
	margin: 15px 0 0;
	padding: 0 0 14px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_words_bg.gif) no-repeat left bottom;
}

div#beautyword-box p.lead {
	padding: 2px 11px 0;
}

div#beautyword-box p.btn {
	padding: 10px 0 0;
	text-align: center;
}

div#beautyword-box p.beautyword-btn-open2 input {
	padding: 10px 0 0;
	text-align: center;
}


/* 百貨店サーチ ---------------- */

div#extra div.search {
	position: relative;
	width: 150px;
	margin: 15px -5px 0 0;
	padding: 0 0 14px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_search_bg.gif) no-repeat left bottom;
}

div#extra div.search p.lead {
	padding: 2px 16px 0 11px;
}

div#extra div.search select {
	width: 123px;
	margin: 8px 0 0 11px;
}

div#extra div.search p.btn {
	padding: 10px 5px 0 0;
	text-align: center;
}

div#extra div.search h3.brand-title {
	text-indent: -9999px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_search_tit.gif) no-repeat;
	height: 44px;
}

div#extra div.search div.brand-submit {
	display:none;
	width:auto;
	text-align:center;
}

/* バナー ---------------- */

div#extra p.banner {
	margin: 15px 0 0;
}


/* ForL ---------------- */

div#extra div.forL {
	width: 145px;
	margin: 15px 0 0;
	padding: 0 0 11px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_forL_bg.gif) no-repeat left bottom;
}

div#extra div.forL p.link {
	padding: 4px 8px 0 11px;
}

div#extra div.forL div.block {
	padding: 6px 11px 0;
}

div#extra div.forL div.block p.img {
	float: left;
	width: 55px;
}

div#extra div.forL div.block p.lead {
	float: right;
	width: 60px;
}


/* STYLE STORE ---------------- */

div#extra div.stylestore {
	width: 145px;
	margin: 15px 0 0;
	padding: 0 0 18px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_stylestore_bg.gif) no-repeat left bottom;
}

div#extra div.stylestore p.img {
	text-align: center;
}

/*
div#extra div.stylestore p.tit {
	padding: 0 18px;
	text-align: center;
}
*/
div#extra div.stylestore div.item_name {
	padding: 0 18px;
	text-align: center;
}

div#extra div.stylestore div.item_image {
	margin: 5px 0;
	text-align: center;
}

/* スポンサードリンク ---------------- */

div#extra div.sponsor {
	width: 145px;
	margin: 15px 0 0;
	padding: 0 0 8px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_sponsor_bg.gif) no-repeat left bottom;
}

/*
div#extra div.sponsor p.tit {
	padding: 12px 12px 0;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_sponsor_head.gif) no-repeat;
}
*/

div#extra div.sponsor dt {
	padding: 8px 0 6px 0;
/*
	background: url(//img.allabout.co.jp/pts/mico/common/extra_sponsor_head.gif) no-repeat;
*/
	font-size:75%;
	line-height:1.333;
}


/*
div#extra div.sponsor ul {
	padding: 4px 13px;
}

div#extra div.sponsor ul li {
	margin: 4px 0 0;
	padding: 0 0 0 12px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_sponsor_arrow.gif) no-repeat left center;
}
*/

div#extra div.sponsor dl {
	padding: 4px 13px;
}

div#extra div.sponsor dl dd {
	margin: 4px 0 0;
	padding: 0 0 0 12px;
	background: url(//img.allabout.co.jp/pts/mico/common/extra_sponsor_arrow.gif) no-repeat left center;
	font-size:75%;
	line-height:1.333;
}


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

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

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





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

body#mico_home {
}

body#mico_home div#sidebar {
	padding: 15px 0 0;
}

body#mico_home div#primary {
	padding: 16px 0 0;
}

body#mico_home div#extra {
	padding: 13px 0 0;
}

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

/* Specialist ---------------- */

body#mico_home div#primary div.specialist {
}

body#mico_home div#primary div.specialist div.block {
	padding: 12px 9px 0;
}

body#mico_home div#primary div.specialist div.block div.txt {
	float: right;
	width: 404px;
	background: url(//img.allabout.co.jp/pts/mico/common/main_specialist_01_bg.gif) no-repeat right 20px;
}

body#mico_home div#primary div.specialist div.block p.img {
	float: left;
	width: 70px;
}

body#mico_home div#primary div.specialist div.block div.txt p.date {
	float: right;
}

body#mico_home div#primary div.specialist div.block div.txt p.lead {
	padding: 4px 140px 0 0;
}

body#mico_home div#primary div.specialist div.block div.txt p.latest {
	padding: 8px 0 0;
	width: 290px;
	float: left;
}

body#mico_home div#primary div.specialist div.block div.txt p.btn {
	padding: 4px 0 25px;
	width: 100px;
	text-align: right;
	float: right;
	position: relative;
	top: 22px;
}


/* Q&A ---------------- */

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

body#mico_home div#primary div.qa div.block {
	padding: 12px 9px 0;
}

body#mico_home div#primary div.qa div.block div.txt {
	float: right;
	width: 404px;
	background: url(//img.allabout.co.jp/pts/mico/common/main_qa_01_bg.gif) no-repeat right 20px;
}

body#mico_home div#primary div.qa div.block p.img {
	float: left;
	width: 70px;
}

body#mico_home div#primary div.qa div.block div.txt p.date {
	float: right;
}

body#mico_home div#primary div.qa div.block div.txt p.lead {
	padding: 4px 140px 0 0;
}

body#mico_home div#primary div.qa div.block div.txt p.latest {
	padding: 8px 0 0;
	width: 290px;
	float: left;
}

body#mico_home div#primary div.qa div.block div.txt p.btn {
	padding: 4px 0 10px;
	width: 100px;
	text-align: right;
	float: right;
	position: relative;
	top: 22px;
}


/* 連載 ---------------- */

body#mico_home div#primary div.rensai {
	padding: 20px 0 0;
}

body#mico_home div#primary div.rensai div.block {
	padding: 12px 9px 0;
}

body#mico_home div#primary div.rensai div.block div.txt {
	float: right;
	width: 404px;
}

body#mico_home div#primary div.rensai div.block p.img {
	float: left;
	width: 70px;
}

body#mico_home div#primary div.rensai div.block div.txt p.date {
	float: right;
}

body#mico_home div#primary div.rensai div.block div.txt p.lead {
	padding: 4px 0 0;
}

body#mico_home div#primary div.rensai div.block div.txt p.latest {
	padding: 8px 0 0;
	width: 290px;
	float: left;
}

body#mico_home div#primary div.rensai div.block div.txt p.btn {
	padding: 4px 0 10px;
	width: 100px;
	text-align: right;
	float: right;
	position: relative;
	top: 2px;
}


/* きれいのヒント（連載＆広告枠） ---------------- */

div#primary div#mico-beautyHint {
	padding: 20px 0 0;
}

div#primary div#mico-beautyHint h3 {
	height: 23px;
	line-height: 23px;
	text-indent: -9999;
	background: url(//img.allabout.co.jp/pts/mico/common/main_hint_tit.gif) no-repeat;
}
div#primary div#mico-beautyHint h3.beautyHint-title {
	height: 23px;
	line-height: 23px;
	text-indent: -9999;
	background: url(//img.allabout.co.jp/pts/mico/common/main_hint_tit.gif) no-repeat;
}

div#maincontent div#mico-beautyHint {
	padding: 20px 0 0;
}

div#maincontent div#mico-beautyHint h3.beautyHint-title {
	height: 23px;
	line-height: 23px;
	text-indent: -9999;
	background: url(//img.allabout.co.jp/pts/mico/common/main_hint_tit.gif) no-repeat;
}


/* とっておき注目情報（広告枠） 再定義 ---------------- */

div#maincontent div#mico-attention {
	padding-top: 10px;
}
div#maincontent div#mico-attention h3.attention-title {
	background: url(//img.allabout.co.jp/pts/mico/common/main_attention_tit.gif) no-repeat scroll left bottom;
	height: 21px;
	margin: 0 0 5px;
	text-indent: -9999px;
}


/* MICO's Diary ---------------- */

body#mico_home div#primary div.diary {
	padding: 30px 0 0;
}

body#mico_home div#primary div.diary div.block {
	padding: 6px 0 0;
}

body#mico_home div#primary div.diary div.block div.txt {
	float: right;
	width: 429px;
}

body#mico_home div#primary div.diary div.block p.img {
	float: left;
	width: 65px;
}

body#mico_home div#primary div.diary div.block div.txt p.date {
	text-align: right;
}

body#mico_home div#primary div.diary div.block div.txt p.tit {
	padding: 3px 0 0;
	font-weight: bold;
}

body#mico_home div#primary div.diary div.block div.txt p.lead {
	padding: 2px 0 0;
}


/* Beauty News ---------------- */

body#mico_home div#primary div.news {
	padding: 25px 0 0;
}

body#mico_home div#primary div.news div.block {
	padding: 6px 0 0;
}

body#mico_home div#primary div.news div.block div.txt {
	float: right;
	width: 429px;
}

body#mico_home div#primary div.news div.block p.img {
	float: left;
	width: 65px;
}

body#mico_home div#primary div.news div.block div.txt p.date {
	text-align: right;
}

body#mico_home div#primary div.news div.block div.txt p.tit {
	padding: 3px 0 0;
	font-weight: bold;
}

body#mico_home div#primary div.news div.block div.txt p.lead {
	padding: 2px 0 0;
}





/* ------------------------------------------------------------------------------------------
	カテゴリインデックスページ
------------------------------------------------------------------------------------------ */

body#mico_category {
}

body#mico_category div#primary {
	background: url(//img.allabout.co.jp/pts/mico/common/category/category_bg.jpg) no-repeat;
}

body#mico_category div#primary p.categoryTitle {
	padding: 8px 0 0 13px;
}

body#mico_category div#primary div.lectured div.set p.img img {
	border: 1px solid #bbbbbb;
}

/* ---------------------------------------------
	特集インデックス
--------------------------------------------- */

body#mico_category div#specialIndex {
	padding: 13px 0 20px;
}

body#mico_category div#specialIndex p#specialTitle {
	padding: 0 0 0 11px;
}

body#mico_category div#specialIndex div.block {
	width: 479px;
	margin: 0 0 0 13px;
	padding: 20px 0;
	border-bottom: 3px solid #dcd1d1;
	overflow: hidden;
	zoom: 1;
}
body#mico_category div#specialIndex div.block.top {
	padding-top: 15px;
	border-bottom: 3px solid #dcd1d1;
}
body#mico_category div#specialIndex div.block.last {
	border-bottom: 0;
}

body#mico_category div#specialIndex div.block p.spImg {
	float: left;
	width: 120px;
}

body#mico_category div#specialIndex div.block div.txt {
	float: right;
	width: 344px;
}

body#mico_category div#specialIndex div.block div.txt dl.index {
	padding: 8px 0 0;
}

body#mico_category div#specialIndex div.block div.txt dl.index dd {
	margin: -1.7em 0 0 3.5em;
	line-height: 1.7em;
	position: relative;
	top: -2px;
}

body#mico_category div#specialIndex div.block div.txt dl.index dt {
	font-size: 11px;
}

body#mico_category div#specialIndex div.block div.txt dl.index dd a.make { padding-right: 63px; padding-bottom: 1px; background: url(//img.allabout.co.jp/pts/mico/common/category/icon_make.gif) no-repeat right top;}
body#mico_category div#specialIndex div.block div.txt dl.index dd a.skin { padding-right: 63px; padding-bottom: 1px; background: url(//img.allabout.co.jp/pts/mico/common/category/icon_skin.gif) no-repeat right top;}
body#mico_category div#specialIndex div.block div.txt dl.index dd a.hair { padding-right: 63px; padding-bottom: 1px; background: url(//img.allabout.co.jp/pts/mico/common/category/icon_hair.gif) no-repeat right top;}
body#mico_category div#specialIndex div.block div.txt dl.index dd a.body { padding-right: 63px; padding-bottom: 1px; background: url(//img.allabout.co.jp/pts/mico/common/category/icon_body.gif) no-repeat right top;}
body#mico_category div#specialIndex div.block div.txt dl.index dd a.nail { padding-right: 63px; padding-bottom: 1px; background: url(//img.allabout.co.jp/pts/mico/common/category/icon_nail.gif) no-repeat right top;}

/* 自分のカテゴリ内では非表示 */
body#mico_category div.c_makeup div#specialIndex div.block div.txt dl.index dd a.make { background: none;}
body#mico_category div.c_skincare div#specialIndex div.block div.txt dl.index dd a.skin { background: none;}
body#mico_category div.c_hairstyle div#specialIndex div.block div.txt dl.index dd a.hair { background: none;}
body#mico_category div.c_bodycare div#specialIndex div.block div.txt dl.index dd a.body { background: none;}



body#mico_category div#specialIndex div.block div.txt p.btn {
	text-align: right;
}

body#mico_category div#specialIndex div.block div.lectured {
	clear: both;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding: 9px 0 3px;
}
body#mico_category div#specialIndex div.block div.lectured.bg {
	background: url(//img.allabout.co.jp/pts/mico/common/category/lectured_bg.gif) no-repeat right 17px;
}

body#mico_category div#specialIndex div.block div.lectured div.set {
	float: left;
	width: 210px;
	padding: 5px 0 0 7px;
}

body#mico_category div#specialIndex div.block div.lectured div.set p.img {
	float: left;
	width: 40px;
}

body#mico_category div#specialIndex div.block div.lectured div.set p.name {
	padding: 6px 0 0 48px;
	color: #4c342a;
}

body#mico_category div#specialIndex div.block div.lectured ul {
	padding: 10px 0 30px;
}

body#mico_category div#specialIndex div.block div.lectured ul li {
	float: left;
	padding: 0 20px 0 8px;
	background: url(//img.allabout.co.jp/pts/mico/common/category/lectured_point.gif) no-repeat left center;
	white-space: nowrap;
}

body#mico_category div#specialIndex p.banner {
	padding: 0 0 10px;
	text-align: center;
}



/* ---------------------------------------------
	連載
--------------------------------------------- */

body#mico_category div#primary div.rensai {
}

body#mico_category div#primary div.rensai div#rensaiIndex {
	padding: 10px 0 25px;
}

body#mico_category div#primary div.rensai div.block {
	padding: 15px 0 0 4px;
}

body#mico_category div#primary div.rensai div.block p.img {
	float: left;
	width: 120px;
}

body#mico_category div#primary div.rensai div.block div.txt {
	float: right;
	width: 370px;
}

body#mico_category div#primary div.rensai div.block div.txt p.tit {
	padding: 3px 0 0;
	font-weight: bold;
}

body#mico_category div#primary div.rensai div.block div.txt p.lead {
	padding: 4px 0 0;
}

body#mico_category div#primary div.rensai div.block div.txt p.more {
	padding: 10px 0 0;
	text-align: right;
}

/* バナー */

body#mico_category div#primary div.rensai p.banner {
	padding: 10px 0 0;
	text-align: center;
}


/* ---------------------------------------------
	明日きれいになる言葉 再定義 090307
--------------------------------------------- */
div#extra div#beautyword-index {
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
}

div#beautyword-box {
	z-index: 2;
	position: relative;
	top: 0;
	left: 0;
}

div#beautyword-box dl {
}

/*
エキスパンド後
*/
div#beautyword-box div#target_chain {
	display: none;
	z-index: 5;
	position: relative;
	top: 0;
	left: 0;
	width:160px;
	_width:180px;
	height:auto;
	padding:10px 10px 10px 10px;
	margin: -100px 0 0 -60px;
	background-image: url(//img.allabout.co.jp/pts/mico/pts/common/extra_keyword_bg.jpg) no-repeat ;
	border: solid 1px #CAA862;
}

	
div#beautyword-box div#target_chain h4.beautyword-proverb {
	color:#918671;
	border-top: solid 5px #F5F3EF;
}

div#beautyword-box div#target_chain h4.beautyword-proverb span.beautyword-proverb-j {
	display:block;
	margin:0.5em 0 0 0;
	font-weight:normal;
}

div#beautyword-box div#target_chain dl {
	margin:0.5em 0 0.5em 0;
	color:#918671;
}

div#beautyword-box div#target_chain dl dt {}

div#beautyword-box div#target_chain dl dd {}

div#beautyword-box p.beautyword-btn-open {
	font-size:1pt;
	color:#ffffff;
	text-align:center;
}

div#beautyword-box p.beautyword-btn-open2 a:hover input.open {
	border: medium none ;
	margin: 0pt 0pt 0px;
	cursor: pointer;
}



/*閉じる（codeをjsに記述）*/
div#beautyword-box div#target_chain p.beautyword-btn-close2 {
	color:#000000;
	text-align:right;
}
	
div#beautyword-box div#target_chain p.beautyword-btn-close2 span.close-text {
	display:none;
	padding:0 0 5px 0;
	vertical-align:middle;
	color:#918671;
}
	
div#beautyword-box div#target_chain p.beautyword-btn-close2 a {
	text-decoration:none;
	vertical-align:middle;
}
	
div#beautyword-box div#target_chain p.beautyword-btn-close2 input.close {
	margin: 0pt 0pt 0px;
	background-position:right 3px;
	width: 14px;
	height: 14px;
	border: medium none ;
	color:#918671;
}
/* 閉じる（codeをjsに記述）// */

/* MICO BEAUTY WORD_RIGHT// */



/* ---------------------------------------------
	連載枠（きれいのヒント）再定義
--------------------------------------------- */

div#mico-beautyHint div#awaku-beautyHint span {
	font-size: 12px;
	line-height: 1.35em;
}


/* 化粧直し　調整 */
body#mico_contents div.check_tit h3 {
	font-size: 12px;
}


/* ---------------------------------------------
	広告枠のベース定義
--------------------------------------------- */

body#tuUp-page div#container {
	width: 1000px;
}

body#tuUp-page div#container #wrapper {
	width: 1000px;
}

body#tuUp-page div#categorynav {
	width: 1000px;
	background: url(//img.allabout.co.jp/pts/mico/common/categorynav_borderL.gif) no-repeat left bottom;
}


/* ---------------------------------------------
	090402のMOF用暫定対応
--------------------------------------------- */

div#adArea div#reminder {
	margin-bottom: 15px;
}


/* ---------------------------------------------
	特集シャッフル用マージン
--------------------------------------------- */

div#maincontent div.mico_special_tu_banner ul.shufflebody li.shuffleitem{
	margin-bottom: 8px;
}

/* ---------------------------------------------
	旧テンプレページでの右カラム広告枠 調整
--------------------------------------------- */
div#wrapper div#content div#subcontent div.right-department-box div.right-department img{
	padding: 0;
}

/* ---------------------------------------------
	トップ広告枠 IE用再定義
--------------------------------------------- */
#awaku-drugstore span.ad22 {
	font-size:12px;
	line-height:1.3em;
}

#awaku-drugstore span.vari32 {
	font-size:14px;
	line-height:1.3em;
}

div#awaku-department span.ad21 {font-size:12px}
div#awaku-department span.ad22 {font-size:12px; line-height:1.3em}
div#awaku-department span.ad23 {font-size:12px; line-height:1.5em}

/* 100121 D枠用追加 */
#mico_home div#maincontent div#awaku-drugstore {
	padding: 10px 0;
	_padding-top: 1px;
	margin-top: 20px;
	background:url(http://img.allabout.co.jp/pts/mico/pts/top_cotents_ad_line.gif) left top no-repeat;
}

div#sidebar div#brandIndex ul#department {
	padding-top: 0;
}

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

/* MICO連載本文テキスト調整部分 update: 2009/10/20 m_shimizume */

#mico_contents #article {
	line-height: 1.4em;
	font-size: 14px;
}

#mico_contents #article .vari35 {
	line-height: 1.4em;
}

#mico_contents #article .vari21 {
	font-size: 12px;
/*	text-align: left;*/
}


#mico_contents #article h3 {
	font-size: 16px;
	line-height: 1.6em;
	padding-top: 5px;
	padding-bottom: 4px;
}

#mico_contents #article h4 {
	font-size: 16px;
	line-height: 1.6em;
	padding-bottom: 2px;
}

#mico_contents #primary #article h3 {
	font-size: 16px;
	line-height: 1.6em;
	padding-top: 5px;
	padding-bottom: 4px;
	/padding-top: 3px;
	/padding-bottom: 2px;
}

#mico_contents #primary #article h4 {
	font-size: 16px;
	line-height: 1.6em;
	padding-bottom: 2px;
	_padding-bottom: 1px;
}

#mico_contents #article .img_set p.caption {
	font-size: 10px;
	line-height: 1.4em;
	padding-bottom: 2px;
}

#mico_contents #article .check_tit h3.vari21 {
	font-size: 12px;
	padding: 13px 0 0 45px;
}
#mico_contents #primary #article .check_tit h3.vari21 {
	font-size: 12px;
	padding: 13px 0 0 45px;
}

#mico_contents div.guide_set {
	clear: both;
}

#mico_contents div#article span.pcap {
	line-height: 1.4em;
}

#mico_contents #primary div.printpage {
	font-size: 12px;
}


/* 再定義 */
#mico_contents #article .txt10_14, #page_naviArea .txt10_14 { font-size: 10px; }
#mico_contents #article .txt10_16, #page_naviArea .txt10_16 { font-size: 10px; }
#mico_contents #article .txt12_16, #page_naviArea .txt12_16 { font-size: 12px; }
#mico_contents #article .txt12_17, #page_naviArea .txt12_17 { font-size: 12px; }




/* ---------------------------------------------
	ガイドメディア用タグ追加部分
	update: 2009/10/20 m_shimizume
--------------------------------------------- */

/************************
記事スタイル（次世代用）
 ************************/
.right200,.left200,.right150,.left150{
background:#fff;
position:relative;
 _display: inline;
}
.left200 img,
.left150 img{
float:left;
}
.right200 img,
.right150 img{
float:right;
}
#mico_contents #article div.right200{
float: right; 
width: 200px;
height:auto;
margin: 6px 0 12px 15px;
}
#mico_contents #article div.right200 img{}

#mico_contents #article div.left200{
float: left; 
width: 200px;
height:auto;
margin: 6px 15px 12px 0;
}
#mico_contents #article div.left200 img{}

#mico_contents #article div.right150{
float: right; 
width: 150px;
height:auto;
margin: 6px 0 12px 15px;
}
#mico_contents #article div.right150 img{}

#mico_contents #article div.left150{
float: left; 
width: 150px;
height:auto;
margin: 6px 15px 12px 0;
}
#mico_contents #article div.left150 img{}

div.center300,div.center400{
background:#fff;
position:relative;
}
#mico_contents #article div.center300{
width: 300px;
height:auto;
margin: 1em auto 12px;
}
#mico_contents #article div.center300 img{
margin:1em auto 12px auto;
}
#mico_contents #article div.center400{
width: 400px;
height:auto;
margin: 1em auto 12px;
}
#mico_contents #article div.center400 img{}

#mico_contents #article div.right200 img,
#mico_contents #article div.left200 img,
#mico_contents #article div.right150 img,
#mico_contents #article div.left150 img,
#mico_contents #article div.center300 img,
#mico_contents #article div.center400 img{
margin-bottom:10px;
}
#mico_contents #article div.right200 a,
#mico_contents #article div.left200 a,
#mico_contents #article div.right150 a,
#mico_contents #article div.left150 img,
#mico_contents #article div.center300 a,
#mico_contents #article div.center400 a{
text-decoration:none;
}
#mico_contents #article small,
#mico_contents #article p.cap{
color:#808080;
clear: both;
/*font-size:80%;*/
font-size: 10px;
margin:0;
line-height: 1.4em;
}
#mico_contents #article small a,
#mico_contents #article p.cap a{
text-decoration:none;
}
/************************
旧　記事スタイル
 ************************/
#mico_contents #article #setright,#article #setright{
float:right; 
margin: 0 0 10px 10px;
_margin: 0;
padding: 0;
_padding-left: 10px;
_padding-bottom: 10px;
}
#mico_contents #article #setleft,
#article #setleft{
float:left; 
margin: 0 10px 10px 0;
}
.pcap{
color:#808080;
font-size: 10px;
/*
font-size: 75%;
*/
line-height: 1.4em;
}
.bo1{
font-weight: bold;
}

/************************
 メインカラム　記事本文（次世代用）
 ************************/
#mico_contents #article ul{
padding: 12px 0;
}
#mico_contents #article li{
margin: 0 5px 6px 7px;
padding: 0 0 0 10px;
background:transparent url(//img.allabout.co.jp/img/cmn/dot_gray.gif) no-repeat scroll 0 0.5em;
}

/* MICO用微調整 */
#mico_contents #article > li {
	background: none;
	padding: 0;
}
/* IE6 Hack */
#mico_contents #article li {
	background: none;
	padding: 0;
}
#mico_contents #article * li{
margin: 0 5px 6px 7px;
padding: 0 0 0 10px;
background:transparent url(//img.allabout.co.jp/img/cmn/dot_gray.gif) no-repeat scroll 0 0.5em;
}
/* hack end  */


#mico_contents #article dl{
padding: 12px 0;
}
#mico_contents #article dt{
margin: 0 0 0 0;
font-weight: bold;
}
#mico_contents #article dd{
margin: 0 5px 6px 7px;
padding: 0 0 0 12px;
}
#mico_contents #article ol{
    margin: 0;
_margin-left: 10px;
}

/* ie7 hack */
*:first-child+html #mico_contents #article ol{
margin-left: 10px;
}
/* ie7 hack end */


#mico_contents #article ol li{
list-style-type: decimal;
margin-left: 35px;
padding: 0;
background: none;
}


/* pre tag */
.pro-source{
width: 457px;
background-color : #eeeeee;
padding: 4px 4px 4px 20px;
margin: 12px;
line-height: 1.4em;
overflow: auto;
}

/* Another new style 20080704
   Last update 20080718 */

#mico_contents #article .gsNotes{
font-size: 70%;
color: #777;
margin: 0;
padding: 0;
}

.orderRight{
float:right; 
margin: 0 0 10px 10px;
_margin: 0;
padding: 0;
_padding-left: 10px;
_padding-bottom: 10px;
}

.orderRight td{
padding: 2px;
}

.orderLeft{
float: left;
margin: 0 10px 10px 0;
}

.orderLeft td{
padding: 2px;
}

.posCenter{
text-align: center;
}

/* table parts */
.orderCenter{
margin: 5px auto;
}

.orderCenter td{
padding: 2px;
}

.orderTableTitle{
width: 400px;
margin: 2px auto;
text-align: left;
}

.orderTableCenter{
width: 400px;
margin: auto auto;
border-top: 1px solid #777;
border-left: 1px solid #777;
}

.orderTableCenter td{
border-bottom: 1px solid #777;
border-right: 1px solid #777;
padding: 5px;
}

.orderTableCenter td.cap{
background-color: #c0c0c0;
padding: 5px;
}

.orderTableCaption{
width: 400px;
margin: 5px auto;
text-align: left;
}

#mico_contents #article .galleryTable{
margin-left: auto;
margin-right: auto;
}

#mico_contents #article .galleryTable td{
text-align: center;
vertical-align: middle;
padding: 0 3px;
}

#mico_contents #article .galleryTable td.pink{
background-color: #FFCCFF;
}

#mico_contents #article .BRClearAllClass{
clear:both;
display:block;
height:7px;
width:7px;
}
#mico_contents #article br.articleFloatClear{
clear:both;
}



/* コンテンツごとの微調整 */
/*
#main_micoDiary #article div.sub_set li {
	list-style: none;
	background: none;
	padding-left: 0;
	margin: 0;
}

#mico_contents #main_bijo #article ul,
#mico_contents #main_bijo #article li {
	background: none;
}
*/


#mico_contents #main_micoDiary #article ul,
#mico_contents #main_micoDiary #article li {
	background: none;
}
#mico_contents #main_micoDiary #article li {
	padding: 0;
	margin: 0;
}



/* 
 ===============================================================================
 MICO 2010/04/01 対応

 2010/03/17 メディア企画部デザインG　m_shimizume
 ===============================================================================
 */


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

/* トップページ　ムービーレッスンバナー */
#mico_home #main_lesson_banner {
	text-align: center;
	padding: 10px 0 0 0;
}

/* 画像をオンすると白くなる部分追加 */
#mico_home div.main_banner a:hover img.over,
#mico_home div#main_catalog_banner a:hover img.over {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* トップページ　カタログバナー */
#mico_home #main_catalog_banner {
	width: 505px;
	height: 45px;
	background-color: #F1F1F1;
	margin: 25px 0;
	padding: 10px 0;
/*
	padding: 10px 0 5px 0;
	margin-bottom: 20px;
*/
}

#mico_home #main_catalog_banner ul.banner_ul {
/*
	width: 498px;
	height: 45px;
	background-color: #F1F1F1;
	margin: 0 auto;
	padding: 7px 4px;
*/
}

#mico_home #main_catalog_banner ul.banner_ul li {
	float: left;
	display: block;
/*
	margin: 0 0 0 6px;
	_margin: 0 0 0 3px;
	height: 45px;
	background-color: #FFFFFF;
*/
}

#mico_home #main_catalog_banner ul.banner_ul li a{
	height: 45px;
	background-color: #FFFFFF;
}






#mico_home #main_catalog_banner ul.banner_ul_css li {
	float: left;
	display: block;
}

#mico_home #main_catalog_banner ul.banner_ul_css li a{
	width: 160px;
	height: 45px;
	display: block;
	line-height: 45px;
	background-color: #FFFFFF;
	margin-left: 6px;
}

#mico_home #main_catalog_banner ul.banner_ul_css li a span {
	display: none;
}


#mico_home #main_catalog_banner ul.banner_ul_css li.p0011 a{
	background: url(//img.allabout.co.jp/pts/mico/common/main_catalog_hair.gif) no-repeat left top;
}
#mico_home #main_catalog_banner ul.banner_ul_css li.p0012 a{
	background: url(//img.allabout.co.jp/pts/mico/common/main_catalog_make.gif) no-repeat left top;
}
#mico_home #main_catalog_banner ul.banner_ul_css li.p0013 a{
	background: url(//img.allabout.co.jp/pts/mico/common/main_catalog_nail.gif) no-repeat left top;
}





/* ムック */
#mico_home div#maincontent div.main_mook {
	padding: 20px 0 0 0;
}

#mico_home div#maincontent div.main_mook h3.mook_title {
	background: url(//img.allabout.co.jp/pts/mico/common/mook_header_tit.gif) no-repeat scroll 0 0;
	height: 23px;
	line-height: 23px;
	text-indent: -9999px;
}

#mico_home div#maincontent div.main_mook .mook_wp{
	margin: 12px 0 3px 3px;
	_margin: 12px 0 0 4px;
	float: left;
	width: 248px;
	_width: 246px;
	display: block;
}
#mico_home div#maincontent div.main_mook .mook_wp .img {
	border: 1px solid #E8E5E0;
	float: left;
	margin-right: 4px;
}

#mico_home div#maincontent div.main_mook .mook_wp .txt {
	font-size: 12px;
	line-height: 15px;
	padding: 2px 5px 0 2px;
	color: #666666;
}
#mico_home div#maincontent div.main_mook .mook_wp .txt img {
	margin-bottom: 3px;
	_margin-bottom: 1px;
}


/* デザイン微調整 */
/* 化粧直し余白 */
body#mico_home div#primary .main_top div.rensai {
	padding: 10px 0 0;
}
/* パブ余白 */
body#mico_home div#primary .main_top div.diary {
	padding: 5px 0 0;
}
/* PICKUP */
div#primary .main_top div.pickup,
div#primary .main_category div.pickup,
div#primary .main_series div.pickup {
	padding: 35px 0 0;
}

/* D枠用 */
#mico_home div#maincontent .main_top div#awaku-drugstore,
#mico_home div#maincontent .main_category div#awaku-drugstore,
#mico_home div#maincontent .main_series div#awaku-drugstore {
	padding-bottom: 0;
}


/* PickUp */
div#primary .main_top div.pickup div.ranking ol,
div#primary .main_category div.pickup div.ranking ol,
div#primary .main_series div.pickup div.ranking ol {
	background: none;
	background-color: #f9f7f3;
	border: 1px #e8e5e0 solid;
	list-style-type: none;
	padding:5px 15px 15px;
}

div#primary .main_top div.pickup div.ranking ol li,
div#primary .main_category div.pickup div.ranking ol li,
div#primary .main_series div.pickup div.ranking ol li {
	margin: 10px 0 0;
	padding: 0 0 0 23px;
}


/* ガイドメディア枠 */
div#primary div.main_gm_area {
	margin: 25px 0 0 0;
	background-color: #f8f8f8;
	border: #e8e5e0 1px solid;
}
div#primary div.main_gm_area div.beauty_guidesite {
	color: #333333;
}
div#primary div.main_gm_area div.beauty_guidesite h3.main_gm_title {
	background: #ffffff url(//img.allabout.co.jp/pts/mico/common/main_aabeauty_gm_tit.gif) no-repeat scroll 0 0;
	height: 29px;
	line-height: 29px;
	margin: 7px;
	text-indent: -9999px;
	font-size: 14px;
}
div#primary div.main_gm_area div.beauty_guidesite ul {
	display: block;
	margin-left: 14px;
}
div#primary div.main_gm_area div.beauty_guidesite ul li {
	font-size: 12px;
	display: block;
	background: url(//img.allabout.co.jp/pts/mico/common/ch_rank_dot.gif) no-repeat scroll 0 6px;
	padding: 0 4px 4px 11px;
	width: 147px;
	float: left;
}

div#primary div.main_gm_area div.rank_wp {
	padding-top: 5px;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking,
div#primary div.main_gm_area div.rank_wp div.gm_newest {
	width: 250px;
	display: block;
	float: left;
}

div#primary div.main_gm_area div.rank_wp ul,
div#primary div.main_gm_area div.rank_wp ol,
div#primary div.main_gm_area div.rank_wp li {
	display: block;
	font-size: 12px;
	line-height: 15px;
}
div#primary div.main_gm_area div.rank_wp h4.gm_rk_title {
	background: #ffffff url(//img.allabout.co.jp/pts/mico/common/main_ch_rank_tit.gif) no-repeat scroll 0 0;
	height: 25px;
	line-height: 25px;
	margin: 7px;
	text-indent: -9999px;
	font-size: 14px;
}
div#primary div.main_gm_area div.rank_wp h4.gm_nw_title {
	background: #ffffff url(//img.allabout.co.jp/pts/mico/common/main_ch_newest_tit.gif) no-repeat scroll 0 0;
	height: 25px;
	line-height: 25px;
	margin: 7px;
	text-indent: -9999px;
	font-size: 14px;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking li {
	font-size: 12px;
	padding: 0 4px 6px 18px;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking #chRnkList {
	margin-left: 10px;
	padding-right: 4px;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking li.olRnk1 {
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_1.gif) no-repeat scroll 0 0;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking li.olRnk2 {
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_2.gif) no-repeat scroll 0 0;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking li.olRnk3 {
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_3.gif) no-repeat scroll 0 0;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking li.olRnk4 {
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_4.gif) no-repeat scroll 0 0;
}
div#primary div.main_gm_area div.rank_wp div.gm_ranking li.olRnk5 {
	background: url(//img.allabout.co.jp/pts/mico/common/main_pickup_ranking_5.gif) no-repeat scroll 0 0;
}

div#primary div.main_gm_area div.rank_wp div.gm_newest .chArticleList {
	margin-left: 10px;
	padding-right: 4px;
}
div#primary div.main_gm_area div.rank_wp div.gm_newest li {
	font-size: 12px;
	padding: 0 4px 6px 16px;
	background: url(//img.allabout.co.jp/pts/mico/common/ch_newest_icon_note.gif) no-repeat scroll 0 1px;
}
div#primary div.main_gm_area div.rank_wp div.gm_newest .chListIndex {
	font-size: 12px;
	text-align: right;
	padding: 0 5px 10px 0;
}
div#primary div.main_gm_area .chAlistDate {
	font-size: 11px;
	color: #999999;
}


/* カテゴリページナビゲーション */
div#primary div.category_navi_wp {
	width: 505px;
	height: 24px;
	padding: 0px 10px 15px 15px;
	_padding: 0px 5px 15px 7px;
	clear: both;
}
div#primary div.category_navi_wp span {
	font-size: 12px;
	line-height: 20px;
}

div#primary div.category_navi_wp .prev,
div#primary div.category_navi_wp .next {
	width: 90px;
	float: left;
}
div#primary div.category_navi_wp .prev { text-align: left; }
div#primary div.category_navi_wp .next { text-align: right; }

div#primary div.category_navi_wp .num {
	text-align: center;
	width: 290px;
	float: left;
}

div#primary div.category_navi_wp .num span {
	padding: 2px 4px 1px 5px;
	margin: 0 5px;
	border: #cccccc solid 1px;
	background-color: #efefef;
}
div#primary div.category_navi_wp .num a {
	padding: 2px 4px 1px 5px;
	margin: 0 5px;
	border: #cccccc solid 1px;
	background-color: #ffffff;
}


/* DEQWAS */
div.deqwas {
	width: 505px;
	margin: 30px auto 15px;
	font-size: 14px;
}

div.deqwas #deqwas-show .hd {
	line-height: 1em;
	position: relative;
	margin: 5px 0;
	font-weight: bolder;
	color: #51403b;
}

div.deqwas #deqwas-show .col span.powerd {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	top: 0;
	right: 2px;
}

div.deqwas #deqwas-show .recommend {
	padding: 7px 10px;
	background-color: #f8f8f8;
	border: 1px #e8e5e0 solid;
}

div.deqwas #deqwas-show .recommend ul {
	display: block;
	margin-left: 3px;
	margin-top: 3px;
}
div.deqwas #deqwas-show .recommend ul li {
	font-size: 12px;
	display: block;
	background: url(//img.allabout.co.jp/pts/mico/common/ch_rank_dot.gif) no-repeat scroll 0 6px;
	padding: 3px 4px 7px 9px;
}


/* トップ左上特集用ナビ サブカラム追加 */
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;
}


/* 特集中ページ３カラム用 */
.special_3c div#maincontent p.mico_cap_info {
	margin-right: 0;
	padding-right: 0;
}


/* パブGM化対応 class=pub_gl を新設 */
body#mico_home div#primary div.pub_gl div.block div.txt {
	width: 405px;
}
body#mico_home div#primary div.pub_gl div.block p.img {
	margin-top: 3px;
	width: 87px;
}
body#mico_home div#primary div.pub_gl div.block p.img img {
	border: #E8E5E0 1px solid;
}

/* 左ナビにシャッフルバナー追加追加 */
#sidebar .tu_topleft_banner {
	margin: 15px 0 0 0;
	padding: 0;
}
#sidebar .tu_topleft_banner a {
	display: block;
	height: 100px;
	line-height: 100px;
	margin: 0;
	padding: 0;
}

#sidebar .banner_shuffle {
	width: 300px;
	margin-top: 15px;
}
#sidebar .banner_shuffle li a {
	display: block;
	height: 100%;
}
#sidebar .banner_shuffle .shufflebody { display: none; }

/* C枠の移動 */
#sidebar .ad_c_left .mico_right {
background-color: #F2F2F2;
margin-top: 10px;
padding: 5px;
}
#sidebar .ad_c_left .mico_right img {
*display: inline;
float: left;
margin-right: 10px;
}
#sidebar .ad_c_left .mico_right p { overflow: hidden; zoom: 1; /font-size:12px ; }
#sidebar .ad_c_left .mico_right .right-department-rink { font-weight: bold; margin-bottom: 3px; }
#sidebar .ad_c_left .mico_right .right-department-box {
	height: 65px;
}


/* カテゴリーナビゲーション再定義 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;
}


/* GM一覧セクション対応 20110628
 ------------------------------------------------------------
   .add_section が指定されている場合のみ適用
 */
div#maincontent .add_section .beauty_guidesite .hd .label {
	background: url("//img.allabout.co.jp/pts/mico/common/gmlist_header_tit_square_line.gif") no-repeat scroll 0 -4px transparent;
	color: #6f5e56;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	margin: 5px 10px 8px 10px;
	padding: 0 10px 0 16px;
}
div#maincontent .add_section .beauty_guidesite .theme {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* セクションのヘッダを三角に定義 */
div#primary div.add_section div.beauty_guidesite ul li {
	background: url("//img.allabout.co.jp/pts/mico/common/sub_arrow.gif") no-repeat scroll 0 2px transparent;
}
div#primary div.add_section div.beauty_guidesite ul li .bold {
	margin-bottom: 4px;
}

/* 下位のgs名のヘッダを再定義 */
div#primary div.add_section div.beauty_guidesite ul.gs_name {
	margin-left: 0;
}
div#primary div.add_section div.beauty_guidesite ul.gs_name li {
	background: url("//img.allabout.co.jp/pts/mico/common/ch_rank_dot.gif") no-repeat scroll 0 6px transparent;
	width: 130px;
}





/* end of file */