/************************************************

協和モイスチャーファンデーション　ベース

***************************************************/

body {
	margin: 0px;
	padding: 0px;
	background: #efeae4 url(../images/bg.jpg) repeat-x;
	color:#474747;
	letter-spacing: 0em;
	font: 70%/140% Verdana;
}
	

img{
	border: 0;
}

h1,h2{
	margin: 0px;
    padding: 0px;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	letter-spacing: 0.15em;
	border: 0;
}


/* テキストリンク
---------------------------------------------*/
a:link { text-decoration:none; color:#474747; }
a:visited { text-decoration:none; color:#474747; }
a:active { text-decoration:none; color:#474747; }
a:hover { text-decoration:none; color:#b6b1a3; }


/* IE6バグ用クリア
---------------------------------------------*/
.p {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



/***************************************************************************************************/


/* 基礎枠
---------------------------------------------*/
#basics {
	width: 800px;
	margin: 0px auto;
	position: relative;
	}
	
	
	
/* ヘッダー
---------------------------------------------*/
#head{
    margin:0;
	height: 90px;
	width: 800px;
	float: left;
	}
	
#head:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* メインイメージ
---------------------------------------------*/
#maine_img {
    float:left;
    width:800px;
	height: 322px;
	}
	
#maine_img:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/***************************************************************************************************/

/* コンテンツ枠
---------------------------------------------*/
#contents {
	width: 750px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	background: #ffffff;
	float:left;
	}
	
	
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/***************************************************************************************************/
	
/* メイクセット枠
---------------------------------------------*/
div.set {
	width: 748px;
	padding-bottom: 20px;
	background: #fef6ea;
	border: 1px solid #e2e0d9;
	margin-bottom: 25px;
	float:left;
	}
	
div.set:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
	
/* メイクセット　左
---------------------------------------------*/
div.set_left {
	width: 484px;
	float: left;
	}
	
div.set_left:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
	
/* メイクセット　右
---------------------------------------------*/
div.set_right {
	width: 264px;
	float: left;
	}
	
div.set_right:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* メイクセットタイトル
---------------------------------------------*/
div.set_ti {

	}
	
div.set_ti :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* メイクセット写真
---------------------------------------------*/
div.set_p01 {
	padding-left: 20px;
	float: left;
	}
	
div.set_p01 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* メイクスポンジ写真
---------------------------------------------*/
div.set_p02 {
	padding-left: 10px;
	float: right;
	}
	
div.set_p02 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* メイクセット　色と価格
---------------------------------------------*/
div.set_color {
	width: 264px;
	float: left;
	}
	
div.set_color:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* ボタン01
---------------------------------------------*/
div.set_btn01 {
	width: 226px;
	float: left;
	padding-left: 19px;
	padding-bottom: 14px;
	}
	
div.set_btn01 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* ボタン02
---------------------------------------------*/
div.set_btn02 {
	width: 226px;
	float: left;
	padding-left: 19px;
	}
	
div.set_btn02 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}




/***************************************************************************************************/


/* 特長と使用方法とモイスチャーコスメシリーズ　タイトル
---------------------------------------------*/
div.tht {
	width: 750px;
	float:left;
	}
	
div.tht:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
	
/* 特徴と使用方法　枠
---------------------------------------------*/
div.thf {
	width: 708px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom:1px solid #e2e0d9;
	border-left:1px solid #e2e0d9;
	border-right:1px solid #e2e0d9;
	margin-bottom: 25px;
	float:left;
	}
	
div.thf:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/***************************************************************************************************/
	

/* 特徴 フレーム
---------------------------------------------*/
div.tt_f {
	width: 708px;
	float: left;
	padding-bottom: 20px;
	}
	
div.tt_f:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	
	
	
/* 特徴 左
---------------------------------------------*/
div.tt_left {
	width: 338px;
	float: left;
	}
	
div.tt_left:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* 特徴 右
---------------------------------------------*/
div.tt_rigth {
	width: 338px;
	float: right;
	}
	
div.tt_rigth:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* 特徴 タイトルとコメント
---------------------------------------------*/
div.tt {
	width: 338px;
	float: left;
	}
	
div.tt:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* 方法イメージ
---------------------------------------------*/
div.hp {
	float: left;
	}
	
div.hp:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/***************************************************************************************************/	



/* 単品　単価01
---------------------------------------------*/
#tanka01 {
	padding-left: 10px;
	padding-bottom: 84px;
	float: right;
	}
	
#tanka01 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* 単品　単価02
---------------------------------------------*/
#tanka02 {
	padding-left: 10px;
	padding-bottom: 34px;
	float: right;
	}
	
#tanka02 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* 単品　単価03
---------------------------------------------*/
#tanka03 {
	padding-left: 10px;
	padding-bottom: 9px;
	float: right;
	}
	
#tanka03 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* ボタン03
---------------------------------------------*/
div.set_btn03 {
	width: 226px;
	height: 43px;
	float: left;
	padding-left: 19px;
	padding-top:20px;
	padding-bottom: 14px;
	}
	
div.set_btn03 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* ボタン04
---------------------------------------------*/
div.set_btn04 {
	width: 226px;
	height: 43px;
	float: left;
	padding-left: 19px;
	padding-bottom: 28px;
	}
	
div.set_btn04 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* ボタン05
---------------------------------------------*/
div.set_btn05 {
	width: 226px;
	height: 43px;
	float: left;
	padding-left: 19px;
	padding-bottom: 20px;
	}
	
div.set_btn05 :after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/***************************************************************************************************/


/* モイスチャーコスメシリーズ　枠
---------------------------------------------*/
#cos {
	width: 748px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ebf5fd;
	border: 1px solid #bacfdf;
	margin-bottom: 25px;
	float:left;
	}
	
#cos:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* モイスチャーコスメシリーズ　アイテムフレーム
---------------------------------------------*/
div.cf {
	padding-left: 19px;
	float:left;
	}
	
div.cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* モイスチャーコスメシリーズ　アイテム写真
---------------------------------------------*/
div.cp {
	width: 223px;
	}
	


/* モイスチャーコスメシリーズ　詳細ボタン
---------------------------------------------*/
div.cbtn {
	float:left;
	width: 208px;
	height:58px;
	padding-left: 15px;
	background: url(../images/c_bg.jpg) left top no-repeat;
	
	}
	
div.cbtn:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

	
/***************************************************************************************************/




/* 商品リンク
---------------------------------------------*/
#s_link {
	width: 750px;
	float:left;
	}
	
#s_link:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#s_link a:link { text-decoration:none; color:#474747; }
#s_link a:visited { text-decoration:none; color:#474747; }
#s_link a:active { text-decoration:none; color:#474747; }
#s_link a:hover { text-decoration:underline; color:#b6b1a3; }


/***************************************************************************************************/



/* フッター
---------------------------------------------*/
#footer {
	width: 437px;
	height: 26px;
	float:left;
	padding-left: 25px;
	padding-top: 18px;
	background: url(../images/footer.jpg) left top no-repeat;
	}
	
#footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#footer a:link { text-decoration:none; color:#474747; }
#footer a:visited { text-decoration:none; color:#474747; }
#footer a:active { text-decoration:none; color:#474747; }
#footer a:hover { text-decoration:underline; color:#e6e2da; }


/* COPYRIGTH
---------------------------------------------*/
#copy{
	width: 338px;
	height: 44px;
	float:right;
	}
	
#copy:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}