@charset "UTF-8";

/*------------------------------------------------------------------------------
	Pearl Beauty - Browser Formatting & Redefine
	Date: 2009-04-12
	Copyright (C) Pearl Beauty All Rights Reserved.
------------------------------------------------------------------------------*/

/*	Formatting Reset
----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
	line-height:1.3;
}


/*	Redefine
----------------------------------------------------*/
body{
	color:#FFFFFF;
	font-size:medium;
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
	background-color: #642e08;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

ul,
ul li{list-style-type:none;}



img{
	border:0;
	vertical-align:bottom;
}
	

/* clearfix これで高さをfloatによって高さを狂わされたボックスの高さを確保する*/
/*モダンブラウザ用*/
.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*IE7?ブラウザ用*/
.clearfix {
	min-height:1px;
}

/*IE6以前のブラウザ用*/
* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* これもclearfix これは、回り込みさせる要素を囲ってある親要素に
（この場合は<li>を囲っている<ul>に）、
回り込み解除用のクラスを付けるという手法です。
親要素で解除できるというのがナイス発想です。*/
.cl {
    zoom: 100%;
}
.cl:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}