@charset "utf-8";

/* ---------------------------------------------------------
 　■ サイト全体のベースCSS
--------------------------------------------------------- */
body {
	background: #FFFDF8 url(../images/body_bg.gif) 0 0 repeat;
	line-height: 1.5;
}
body,select,input,button,textarea{
	color: #333;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/* --- テキストリンク --- */
a{
	text-decoration: underline;
	color: #0000FF;
}
a:hover{
	text-decoration: none;
}
/* === ヘッダー === */
#header{
	background: #000000;
}
#header .inner{
	height: 49px;
	width: 900px;
	margin: 0 auto;
}
#header h1{
	float: left;
}
#header p.tel{
/*
position: static;
	left: 340px;
	top: 1px;
*/
float: left;	
}
#header p.btn2{
    float: left;
}
#header p.btn{
    float: right;
}

/* === 落とす、洗う、潤す、整える。素肌を芯から磨きあげ、限りない透明感へ。 === */
#topimage{
	margin: 0 auto;
	position: relative;
	width: 900px;
}
#topimage p.btn{
	position: absolute;
	left: 645px;
	top: 447px;
}

/* === 「本物」がここにある。抹茶のスキンケア４つの力 === */
#power{
	margin: 0 auto;
	width: 920px;
}

/* === 【本物の力1】体感する本物の力。たっぷりと配合された上質な抹茶 === */
#power1{
	margin: 0 auto 25px;
	width: 960px;
}
#power1 p{
	clear: both;
}
#power1 dl{
	width: 480px;
	float: left;
}

/* === Googlemap === */
#googlemap{
	margin: 0 auto;
	width: 900px;
}


/* === 【本物の力2】本物のうるおいへ。独自のスキンケアテクノロジー。 === */
#power2{
	margin: 0 auto 25px;
	width: 960px;
}
#power2 p{
	clear: both;
}
#power2 dd{
	width: 480px;
	float: left;
}

/* === 人気女性誌に広告掲載中！ === */
#magazine{
	margin: 0 auto;
	width: 920px;
}

/* === 特別インタビュー 茶道家 桑原宗典さん === */
#interview{
	margin: 0 auto;
	width: 920px;
}

/* === KIBIKI 満足度調査 === */
#chousa{
	margin: 0 auto;
	width: 900px;
}

/* === お客様の声 === */
#voice{
	margin: 0 auto 25px;
	width: 920px;
}
#voice p{
	clear: both;
}
#voice dl{
	width: 460px;
	float: left;
}

/* === KIBIKI PICK UP === */
#pickup{
	margin: 0 auto;
	width: 920px;
}
#pickup dl.wash{
	height: 425px;
	position: relative;
}
#pickup dl.wash dt{
	float: left;
}
#pickup dl.wash dd.photo{
	float: right;
}
#pickup dl.wash dd.ttl{
	float: left;
}
#pickup dl.wash dd.txt{
	float: left;
}
#pickup dl.wash dd.btn{
	position: absolute;
	left: 652px;
	top: 344px;
}
#pickup dl.cream{
	height: 450px;
	position: relative;
}
#pickup dl.cream dt{
	float: left;
}
#pickup dl.cream dd.photo{
	float: right;
}
#pickup dl.cream dd.ttl{
	float: left;
}
#pickup dl.cream dd.txt{
	float: left;
}
#pickup dl.cream dd.btn{
	position: absolute;
	left: 652px;
	top: 344px;
}

/* === 抹茶の効果をもっと実感！KIBIKIのスキンケアのライン使いをおススメします。 === */
#lineuse{
	margin: 0 auto 25px;
	width: 920px;
}
#lineuse ol{
	background: url(../images/lineuse_bg.png) 0 0 no-repeat;
	height: 573px;
	padding: 0 0 0 40px;
}
#lineuse ol li{
	float: left;
	position: relative;
}
#lineuse ol li span{
	position: absolute;
	left: 20px;
	top: 473px;
	display: block;
}

/* === お得なセット販売はコチラ！ === */
#set{
	background: url(../images/body_bg.png) 0 0 repeat-y;
	margin: 0 auto;
	width: 920px;
	height: 832px;
}
#set dl#setFull{
	position: relative;
	height: 350px;
}
#set dl#setFull dt{
	float: right;
}
#set dl#setFull dd.photo{
	float: left;
}
#set dl#setFull dd.txt{
	float: right;
}
#set dl#setFull dd.price{
	float: right;
}
#set dl#setFull dd.btn{
	position: absolute;
	left: 680px;
	top: 262px;
}
#set dl#setFacewash{
	float: left;
	width: 460px;
	height: 311px;
	position: relative;
}
#set dl#setFacewash .btn{
	position: absolute;
	left: 264px;
	top: 231px;
}
#set dl#setSkincare{
	float: right;
	width: 460px;
	height: 311px;
	position: relative;
}
#set dl#setSkincare .btn{
	position: absolute;
	left: 216px;
	top: 231px;
}

/* === KIBIKIならうれしい♪2大サービス === */
#service{
	margin: 0 auto;
	width: 920px;
}
#service ul li{
	float: left;
}

/* === KIBIKI公式サイト限定  美のエキスパート・齋藤薫さんのコラム連載中！  === */
#column{
	position: relative;
	margin: 0 auto 30px;
	width: 900px;
}
#column p.btn{
	position: absolute;
	left: 520px;
	top: 550px;
}

/* === KIBIKI4品トライアルセット === */
.buyTrial{
	margin: 0 auto 20px;
	width: 900px;
}
.buyTrial dl{
	position: relative;
	height: 195px;
}
.buyTrial dt{
	float: right;
}
.buyTrial dd.photo{
	float: left;
}
.buyTrial dd.detail{
	float: right;
}
.buyTrial dd.price{
	float: right;
}
.buyTrial dd.btn{
	position: absolute;
	left: 640px;
	top: 120px;
}
/* 枠付き */
.buyTrial-s{
	background: url(../images/body_bg.png) 0 0 repeat-y;
	margin: 0 auto;
	width: 920px;
	height: 324px;
	position: relative;
}
.buyTrial-s p.btn{
	position: absolute;
	left: 558px;
	top: 211px;
}
/* === KIBIKIプレミアム・フェイシャル・アミノソープ === */
.buySoap{
	margin: 0 auto 30px;
	width: 900px;
}
.buySoap dl{
	position: relative;
	height: 155px;
}
.buySoap dt{
	float: right;
}
.buySoap dd.photo{
	float: left;
}
.buySoap dd.price{
	float: right;
}
.buySoap dd.btn{
	position: absolute;
	left: 640px;
	top: 80px;
}

/* 枠付き */
.buySoap-s{
	background: url(../images/body_bg.png) 0 0 repeat-y;
	margin: 0 auto;
	width: 920px;
	height: 227px;
	position: relative;
}
.buySoap-s p.btn{
	position: absolute;
	left: 558px;
	top: 117px;
}

/* === Lifetarget  === */
#lifetarget{
	position: relative;
	margin: 0 auto 30px;
	width: 900px;
}
#lifetarget p.btn{
	position: absolute;
	left: 140px;
	top: 155px;
}
#lifetarget p.btn2{
	position: absolute;
	left: 390px;
	top: 155px;
}
#lifetarget p.btn3{
	position: absolute;
	left: 640px;
	top: 155px;
}

/* === フッター === */
#footer{
	clear: both;
	text-align: center;
}
#footer table{
	margin: 0 auto 20px;
}
#footer table th,
#footer table td{
	text-align: left;
	border: 1px solid #C6CAC0;
	padding: 5px 25px;
}
#footer table th,
#footer table caption{
	background: #DBDCDC;
}
#footer table caption{
	padding: 5px 10px;
	font-weight: bolder;
	margin: 5px 0;
}
#footer p.link{
	margin: 0 0 20px;
}
#footer p.logo{
	margin: 0;
}
#footer p.copy{
	margin: 0 0 20px;
	font-weight: bolder;
}

.script-space{
	display: none;
}