/*Copyright (c) 2007-,All About Inc. All rights reserved. : http://allabout.co.jp/ */
/*
 author:leo				07/11/06 Tue.
 UPdate:m_shimizume		08/04/18 Fri. 18:40
*/
/* コンテンツ
--------------------------------------------------------------------------
	1. 特集のテンプレート専用のCSS
--------------------------------------------------------------------------
*/
/* BODYレイアウト2列 */
body#special div#content-double div#maincontent {
	width:685px;
	margin:0;
	padding:0;
	}

body#special div#content-double div#maincontent div#special-contentArea{
	width: auto;
	margin-bottom:20px;
	}
/* BODYレイアウト2列 //*/

/*BODYレイアウト2列内のセンター揃え*/
body#special div#mico-enq-wrapper,
body#special div#mico-serialization,
body#special div#awaku-department,
body#special div#awaku-drugstore,
body#special div#mico-beautyHint,
body#special div#mico-attention{
	/*display:none;*/
	position: relative;
	left:90px;
}
/*BODYレイアウト2列内のセンター揃え//*/



/* 本文用文字サイズ */
.txt12_14 {
	font-size: 0.75em;
	line-height: 1.167em;
}
.txt12_16 {
	font-size: 0.75em;
	line-height: 1.334em;
}
.txt12_18 {
	font-size: 0.75em;
	line-height: 1.5em;
}

.txt16_20 {
	font-size: 1em;
	line-height: 1.25em;
}

.txt10_14 {
	font-size: 0.625em;
	line-height: 1.4em;
}

.txt10_15 {
	font-size: 0.625em;
	line-height: 1.5em;
}
/* 本文用文字サイズ //*/


/* 
--------------------------------------------------------------------------
	indexページ
--------------------------------------------------------------------------
*/

/* ヘッド部分 ---------------- */

div#main_special-editTop div#main_head {
	position: relative;
	margin: 0;
}

div#main_special-editTop div#main_head p.updata {
	position: absolute;
	top: 6px;
	left: 0;
	width: 495px;
	text-align: right;
}

div#main_special-editTop div#main_head div.txtSet {
	position: absolute;
	top: 207px;
	left: 230px;
}

div#main_special-editTop div#main_head div.txtSet p.lead {
	position: static;
	width: 240px;
}

div#main_special-editTop div#main_head div.txtSet p.credit {
	padding: 8px 0 0 1px;
}


/* トップナビ ---------------- */

div#main_special-editTop div#top_naviArea {
	margin: 2px 0 0;
}

div#main_special-editTop div#top_naviArea p {
	text-align: right;
}


/* インデックス部分 ---------------- */

div#main_special-editTop ol#idxArea {
	padding: 0 0 0 20px;
	background: url(idx_bg.jpg) no-repeat;
}

div#main_special-editTop ol#idxArea li {
	float: left;
	width: 236px;
	height: 71px;
}

div#main_special-editTop ul#specialIdx {
	padding: 10px 0 8px 18px;
}

div#main_special-editTop ul#specialIdx li {
	float: left;
	width: 236px;
	height: 95px;
}


/* フッタナビ ---------------- */

div#main_special-editTop div#foot_naviArea {
	margin: 7px 0 55px;
}

div#main_special-editTop div#foot_naviArea p {
	text-align: right;
}




/*
--------------------------------------------------------------------------
	共通レイアウト
--------------------------------------------------------------------------
*/

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

div#special-content0 p.pagetop,
div#special-content1 p.pagetop,
div#special-content2 p.pagetop,
div#special-content3 p.pagetop,
div#special-content4 p.pagetop,
div#special-content5 p.pagetop {
	padding: 20px 0 0;
	text-align: right;
}

/* ページナビ ---------------- */

div#special-content1 ul.pageNav,
div#special-content2 ul.pageNav {
	padding: 24px 9px 17px 0;
}

div#special-content1 ul.pageNav li,
div#special-content2 ul.pageNav li {
	width: 234px;
	height: 43px;
}

div#special-content1 ul.pageNav li.next,
div#special-content2 ul.pageNav li.next {
	float: right;
}

div#special-content1 ul.pageNav li img,
div#special-content2 ul.pageNav li img {
	display: block;
}


/* 中ページインデックス ---------------- */

div#special-content0 div#naka_idx,
div#special-content1 div#naka_idx,
div#special-content2 div#naka_idx,
div#special-content3 div#naka_idx,
div#special-content4 div#naka_idx,
div#special-content5 div#naka_idx {
	width: 495px;
	height: 479px;
	margin: 21px 0 0 95px;
	background-color: #F2F2F2;
}

div#special-content0 div#naka_idx h3,
div#special-content1 div#naka_idx h3,
div#special-content2 div#naka_idx h3,
div#special-content3 div#naka_idx h3,
div#special-content4 div#naka_idx h3,
div#special-content5 div#naka_idx h3 {
	padding: 12px 0 0 13px;
}

div#special-content0 div#naka_idx ol,
div#special-content1 div#naka_idx ol,
div#special-content2 div#naka_idx ol,
div#special-content3 div#naka_idx ol,
div#special-content4 div#naka_idx ol,
div#special-content5 div#naka_idx ol {
	padding: 4px 0 0 13px;
}

div#special-content0 div#naka_idx ol li,
div#special-content1 div#naka_idx ol li,
div#special-content2 div#naka_idx ol li,
div#special-content3 div#naka_idx ol li,
div#special-content4 div#naka_idx ol li,
div#special-content5 div#naka_idx ol li {
	float: left;
	width: 238px;
	height: 66px;
}

div#special-content0 div#naka_idx ol li img,
div#special-content1 div#naka_idx ol li img,
div#special-content2 div#naka_idx ol li img,
div#special-content3 div#naka_idx ol li img,
div#special-content4 div#naka_idx ol li img,
div#special-content5 div#naka_idx ol li img {
	vertical-align: bottom;
}

div#special-content1 div#naka_idx ul,
div#special-content2 div#naka_idx ul {
	padding: 7px 0 0 11px;
}

div#special-content1 div#naka_idx ul li,
div#special-content2 div#naka_idx ul li {
	float: left;
	width: 237px;
	height: 88px;
}


/* フッタナビ ---------------- */

div#special-contentArea div#foot_naviArea {
	width: 494px;
	margin: 0 0 15px 95px;
}




/*
--------------------------------------------------------------------------
	特集 1-10
--------------------------------------------------------------------------
*/

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

div#special-content1 div#headArea {
	position: relative;
	height: 238px;
}

div#special-content1 div#headArea h2 {
	position: absolute;
	top: 40px;
	left: 244px;
}

div#special-content1 div#headArea div.profile {
	position: absolute;
	top: 141px;
	left: 244px;
	width: 394px;
}

div#special-content1 div#headArea div.profile p.txt10_14 {
	padding: 4px 0 0 2px;
	color: #664B3C;
}


div#special-content1 div#ctt1 {
	padding: 0 13px;
	background: url(cmn_ctt1_bg.jpg) no-repeat;
}


/* リード ---------------- */

div#special-content1 div#ctt1 div.leadArea {
	width: 610px;
	margin: 0 0 0 26px;
}

div#special-content1 div#ctt1 div.leadArea p.img {
	float: right;
	width: 347px;
}

div#special-content1 div#ctt1 div.leadArea div.txt {
	float: left;
	width: 263px;
}

div#special-content1 div#ctt1 div.leadArea div.txt p.tit {
	padding: 0 0 12px;
}

div#special-content1 div#ctt1 div.leadArea div.txt p.txt12_18 {
	padding: 0 20px 0 0;
}
div#special-content1 div#ctt1 div.leadArea div.txt p.q {
	padding-bottom: 12px;
	color: #666;
}
div#special-content1 div#ctt1 div.leadArea div.txt p.a {
	padding-bottom: 18px;
}


/* スペシャルテクニック ---------------- */

div#special-content1 div#ctt1 div.techArea {
	width: 607px;
	margin: 17px 0 0 26px;
}

div#special-content1 div#ctt1 div.techArea div.wrap {
	margin: 4px 0 0;
	padding: 15px 15px 14px;
	background: url(cmn_tech_bg.jpg) no-repeat;
}

div#special-content1 div#ctt1 div.techArea div.wrap div.set {
	width: 278px;
}
div#special-content1 div#ctt1 div.techArea div.wrap div.set.tech1 { float: left;}
div#special-content1 div#ctt1 div.techArea div.wrap div.set.tech2 { float: right;}

div#special-content1 div#ctt1 div.techArea div.wrap div.set p.img {
	float: left;
	width: 122px;
}

div#special-content1 div#ctt1 div.techArea div.wrap div.set div.txt {
	float: right;
	width: 142px;
	color: #3D446D;
}

div#special-content1 div#ctt1 div.techArea div.wrap div.set div.txt p.txt12_14 {
	padding: 14px 0 0;
	font-weight: bold;
}

div#special-content1 div#ctt1 div.techArea div.wrap div.set div.txt p.txt10_14 {
	padding: 6px 0 0;
}


/* アイテム ---------------- */

div#special-content1 div#ctt1 div.itemArea {
	width: 610px;
	margin: 28px 0 0 26px;
}

div#special-content1 div#ctt1 div.itemArea div.imgSet {
	float: left;
	width: 347px;
}

div#special-content1 div#ctt1 div.itemArea div.imgSet div.info {
	margin: 5px 0 0 1px;
	padding: 12px;
	background: url(cmn_item_info_bg.jpg) no-repeat;
}

div#special-content1 div#ctt1 div.itemArea div.imgSet div.info p.tit {
	padding: 0 0 0 16px;
	color: #434F9C;
	background: url(cmn_item_icon.gif) no-repeat;
}

div#special-content1 div#ctt1 div.itemArea div.imgSet div.info p.txt10_15 {
	padding: 6px 0 0;
}

div#special-content1 div#ctt1 div.itemArea div.txtSet {
	float: right;
	width: 241px;
}

div#special-content1 div#ctt1 div.itemArea div.txtSet p.tit {
	padding: 0 0 12px;
}

div#special-content1 div#ctt1 div.itemArea div.txtSet p.q {
	padding-bottom: 12px;
	color: #666;
}
div#special-content1 div#ctt1 div.itemArea div.txtSet p.a {
	padding-bottom: 18px;
}


/* タイアップバナー ---------------- */

div#special-content1 div#bannerArea {
	margin: 0 0 0 95px;
}

div#special-content1 div#bannerArea p {
	margin: 10px 0 0;
}
div#special-content1 div#bannerArea p.first {
	margin: 0;
}





/*
--------------------------------------------------------------------------
	特集 スペシャル1-2
--------------------------------------------------------------------------
*/

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

div#special-content2 div#headArea {
	position: relative;
	height: 238px;
}

div#special-content2 div#headArea h2 {
	position: absolute;
	top: 40px;
	left: 244px;
}

div#special-content2 div#headArea div.profile {
	position: absolute;
	top: 141px;
	left: 244px;
	width: 394px;
}

div#special-content2 div#headArea div.profile p.txt10_14 {
	padding: 4px 0 0 2px;
	color: #664B3C;
}


div#special-content2 div#ctt1 {
	padding: 0 13px;
	background: url(sp_ctt1_bg.jpg) no-repeat;
}


/* リード ---------------- */

div#special-content2 div#ctt1 div.leadArea {
	width: 610px;
	margin: 0 0 0 26px;
}

div#special-content2 div#ctt1 div.leadArea p.img {
	float: right;
	width: 347px;
}

div#special-content2 div#ctt1 div.leadArea div.txt {
	float: left;
	width: 263px;
}

div#special-content2 div#ctt1 div.leadArea div.txt p.tit {
	padding: 0 0 12px;
}

div#special-content2 div#ctt1 div.leadArea div.txt p.txt12_18 {
	padding: 0 20px 0 0;
}
div#special-content2 div#ctt1 div.leadArea div.txt p.q {
	padding-bottom: 12px;
	color: #666;
}
div#special-content2 div#ctt1 div.leadArea div.txt p.a {
	padding-bottom: 18px;
}


/* タイアップバナー ---------------- */

div#special-content2 div#bannerArea {
	margin: 0 0 0 95px;
}

div#special-content2 div#bannerArea p {
	margin: 10px 0 0;
}
div#special-content2 div#bannerArea p.first {
	margin: 0;
}