/* ■■ 特集 */
/* ---------------------------------------------------- */
/* [div#special] - 特集全体 */
#special_page{
	margin: 0px;
}
/* [div#special_page tr, td] - 縦揃え */
/* 上 */
#special_page tr, td{
	vertical-align: top;
}
/* 中央 */
#special_page td.mid{
	vertical-align: middle;
}
/* 下 */
#special_page td.bot{
	vertical-align: bottom;
}
/* [div#special_page td] - 横揃え、背景色 */
/* 左 */
#special_page td.lef{
	text-align: left;
}
/* 中央 */
#special_page td.cen{
	text-align: center;
}
/* 右 */
#special_page td.rig{
	text-align: right;
}

/* 白 */
#special_page td.bg{
	background-color: #FFFFFF;
}
/* ---------------------------------------------------- */
/* 他の色 01...番号で追加する */
#special_page td.bg01{
	background-color: #D1CCC1;
}
#special_page td.bg02{
	background-color: #999999;
}
#special_page td.bg03{
	background-color: #EEDDBA;
}
/* ---------------------------------------------------- */

/* 枠線あり[実線 solid 、点線 dotted、破線 dashed、二重線 double] */
#special_page td.sol{
	border: 1px solid #000000;
}
#special_page td.dot{
	border: 1px dotted #000000;
}
#special_page td.das{
	border: 1px dashed #000000;
}
#special_page td.dou{
	border: 1px double #000000;
}

/* ---------------------------------------------------- */
/* 他の色 01...番号で追加する */
#special_page td.sol01{
	border: 1px solid #D6C6C2;
}
/* ---------------------------------------------------- */


/* [div#special_page img] - 画像 */
/* リンク枠線なし */
#special_page img{
	border-style: none;
}
#special_page a img{
	border-style: none;
}
/* 枠線あり[実線 solid 、点線 dotted、破線 dashed、二重線 double] */
#special_page img.sol{
	border: 1px solid #000000;
}
#special_page img.dot{
	border: 1px dotted #000000;
}
#special_page img.das{
	border: 1px dashed #000000;
}
#special_page img.dou{
	border: 1px double #000000;
}


/* 画像に影<span> */
.shadow {
    background: url(背景画像のパス) right bottom;
    float: left; /* 回り込み制御 */
}
.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #ffffe0; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}


/* [div#special_page p] - 文字 */
/* 文字 */
#special_page p{
	margin: 0px;
	font-size: 12px;
	color: #000000;
}
#special_page p.bla{
	color: #333333;
}
#special_page p.nib{
	color: #666666;
}
#special_page p.whi{
	color: #FFFFFF;
}
/* 行間 */
#special_page p.h20{
	line-height: 2.0;
}
#special_page p.h17{
	line-height: 1.7;
}
#special_page p.h15{
	line-height: 1.5;
}
#special_page p.h13{
	line-height: 1.3;
}
/* 商品名 */
#special_page p.buy{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 5px;
}
/* 詳細文 */
#special_page p.details{
	font-size: 10px;
}
/* 左 - 横揃え */
#special_page p.lef{
	text-align: left;
}
/* 中央 - 横揃え */
#special_page p.cen{
	text-align: center;
}
/* 右 - 横揃え */
#special_page p.rig{
	text-align: right;
}
/* 注記赤文字 */
#special_page p.note{
	color: #D50043;
}
/* 位置 */
#special_page p.position
{
text-align: left;
margin-left: auto;
margin-right: auto;
}
/* 縦方向の揃え位置 */
#special_page p.l_position
{
vertical-align: middle;
}
/* ナビゲーション */
#special_page p.navi{
	margin: 2px 0px;
	font-size: 12px;
	color: #FFFFFF;
}
#special_page p.navi a{
	text-decoration: none;
	color: #FFFFFF;
}
#special_page p.navi a:link{
	text-decoration: none;
	color: #FFFFFF;
}
#special_page p.navi a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#special_page p.navi a:active {
	text-decoration: none;
	color: #FFFFFF;
}





/* ■ class追加 */
/* ---------------------------------------------------- */
/* 枠線あり[実線 solid] */
#special_page .sol01{
	border: 1px solid #6A839D;
}
#special_page .sol02{
	border: 1px solid #999C67;
}
#special_page .sol03{
	border: 1px solid #CC9794;
}
#special_page .sol04{
	border: 1px solid #E1A000;
}

/* 縦方向の揃え位置 */
#special_page .l_position
{
vertical-align: middle;
}



/* ■ 特集ここから */
/* ---------------------------------------------------- */
#line_up{
	width:950px;
	}
	
#seacret01,#seacret02{
	width:950px;
	}

#cold{
	width:226px;
	float:left;
	}
		
#cold_sentence{
	width:168px;
	height:105px;
	float:left;
	background-image:url(images/af_pics07.jpg);
	line-height:1.8em;
	padding:35px;
	background-repeat:no-repeat;
	}
	
#hot{
	width:228px;
	float:right;
	}

#hot_sentence{
	width:168px;
	height:105px;
	float:right;
	background-image:url(images/af_pics07.jpg);
	line-height:1.8em;
	padding:35px;
	background-repeat:no-repeat;

	}

#tencel01{
	width:306px;
	float:left;
	}
	
#tencel01_top{
	line-height:1.5em;
	}
	
#tencel01_sentence01{
	width:200px;
	float:left;
	padding-top:5px;
	line-height:1.7em;
	}
	
#tencel01_pic{
	width:100px;
	float:right;
	margin-top:5px;
	}
	
#tencel02{
	clear:both;
	width:299px;
	float:left;
	}
	
#tencel02 p,#tencel03 p{
	margin-top:5px;
	}
	
#tencel03{
	width:310px;
	float:right;
	}
	
#tencel04{
	width:628px;
	float:right;
	}
	
#tencel02_a{
	width:462px;
	float:left;
	}
	
#tencel02_b{
	width:461px;
	float:right;
	}

#tencel02_b_sentence01{
	width:191px;
	float:left;
	line-height:1.5em;
	}
	
#tencel02_b_pic{
	width:252px;
	float:right;
	}
	
#seacret03{
	clear:both;
	width:950px;
	}
	
.seacret03_left{
	width:463px;
	float:left;
	margin-bottom:15px;
	}
	
.seacret03_left p,.seacret03_right p{
	margin-top:5px;
	}
	
.seacret03_right{
	width:464px;
	float:right;
	margin-bottom:15px;
	}
	
#spacer01{
	clear:both;
	}
	
#seacret01_sentence{
	text-align:center;
	margin-top:5px;
	}
	
.ttl01{
	margin-bottom:10px;
	}
	
#af_pics12{
	margin-bottom:5px;
	}
	
#af_pics17{
	margin-left:10px;
	}
	
#title01{
	margin-top:20px;
	}
	
.title02{
	margin:40px 0 15px 0;
	}
	
#af_pics01{
	margin-top:15px;
	}
	
#af_pics02{
	margin:15px 0 0 70px;
	}
	
.af_pics20{
	margin:0 0 10px 80px;
	}
	
#af_pics11{
	margin-left:40px;
	}
	
#thermal{
	margin-bottom:20px;
	}
	
	
div#autofeel_page {	
	width: 950px;
	display:inline-table;
	min-height:1%;
	}
	
div#autofeel_page:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	line-height:0;
}