.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

div#advage-main {
	font-size: 10px;
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:388px;
	padding-top: 388px;
	background: url(../img/advage/main_back.jpg) no-repeat;
	position: relative;
}

div#advage-11shade {
	font-size: 10px;
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:308px;
	padding-top: 308px;
	background: url(../img/advage/11shade_lineup.jpg) no-repeat;
	position: relative;
	margin: 20px 0;
}

h1#advage-logo {
	width: 305px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:103px;
	padding-top: 103px;
	background: url(../img/advage/logo.gif) no-repeat;
	position: absolute;
	top: 44px;
	left: 423px;
}

div#advage-item {
	position: absolute;
	top: 393px;
	left: 465px;
}

div#advage-tester {
	position: absolute;
	top: 393px;
	left: 465px;
}

div#advage-tester a {
	width: 253px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:41px;
	padding-top: 41px;
	background: url(../img/advage/present_btn.gif) no-repeat;
}

div#advage-tester a:hover {	background-position: 0 -41px; }

h2#advage-midashi {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:85px;
	padding-top: 85px;
	background: url(../img/advage/midashi.gif) no-repeat;
	margin-bottom: 17px;
}

div#advage-midashiex {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:50px;
	padding-top: 50px;
	background: url(../img/advage/midashi_explain.gif) no-repeat;
	margin-bottom: 39px;
}

div#advage-function {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:155px;
	padding-top: 155px;
	background: url(../img/advage/function.gif) no-repeat;
}


/* テスター */

 
html{ 
    height:100%; 
} 
body{ 
    height:100%; 
} 

body#advage-tester {
	background: #e0d7f4;
	margin: 0;
	padding: 0;
	height: 100%;
}

div#advage-container {
    height:100%; 
    min-height:100%; 
	width: 950px;
	background: #fff;
	margin: 0 auto;
	height: 100%;
}

body > div#advage-container{ 
    height:auto; 
}

div#advage-piacelogo {
	width: 77px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:58px;
	padding-top: 58px;
	background: url(../img/advage/piace_logo.gif) no-repeat;
}

h1#tester-title {
	width: 950px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:72px;
	padding-top: 72px;
	background: url(../img/advage/tester_title.gif) no-repeat;
	margin: 0;
}

div#tester-set {
	width: 558px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:89px;
	padding-top: 89px;
	background: url(../img/advage/tester_set.gif) no-repeat;
	margin: 30px auto 0;
}

div#tester-frame {
	width: 870px;
	margin: 40px 40px 0;
	background: url(../img/advage/tester_back.gif) repeat-y;
}

div#tester-left {
	float: left;
	width: 500px;
}

div#tester-right {
	float: right;
	width: 320px;
}

div#tester-left h2,
div#tester-right h2 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	border-top: solid 1px #a08fc5;
	border-bottom: solid 1px #a08fc5;
	color: #8a5c51;
	padding: 4px 0 3px;
	line-height: 1.2;
}

div#tester-left dl,
div#tester-right ul {
	margin: 0;
	padding: 0;
}

div#tester-left dt {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	background: url(../img/advage/tester_disc.gif) 0 center no-repeat;
	padding-left: 20px;
	line-height: 1.2;
	color: #8a5c51;
	margin-top: 20px;
	margin-left: 10px;
}

div#tester-left dd {
	font-size: 12px;
	color: #333;
	margin: 6px 10px 0 30px;
	line-height: 1.6;
}

div#tester-left dd a {
	color: #8a5c51;
}

div#tester-left dd a:hover {
	color: #ff0000;
}

div#tester-right li {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	background: url(../img/advage/tester_disc.gif) 0 top no-repeat;
	padding-left: 20px;
	line-height: 1.5;
	color: #333;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: none;
}

p#tester-doui {
	font-size: 14px;
	text-align: center;
	margin: 50px 0 20px;
	color: #8a5c51;
	font-weight: bold;
}

div#tester-oubo {
	text-align: center;
	margin-bottom: 40px;
}

div#tester-footer {
	text-align: center;
	margin: 0 10px;
	border-top: solid 1px #a08fc5;
}

/* ムービーレイアウト */

div#advage-top-main {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:329px;
	padding-top: 329px;
	background: url(../img/advage/main_top_back.jpg) no-repeat;
	margin-top: 0;
}

div#advage-main-m {
	font-size: 10px;
	width: 748px;
	display: block;
	overflow: hidden;
	height: 455px;
	position: relative;
}

h1#advage-main-logo {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:80px;
	padding-top: 80px;
	background: url(../img/advage/logo.gif) no-repeat;
	margin-bottom: 18px;
	margin-top: 0;
}

div#advage-main-movie {
	position: absolute;
	top: 98px;
	right: 0;
}

div#advage-main-image {
	position: absolute;
	top: 98px;
	left: 0;
	width: 290px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:357px;
	padding-top: 357px;
	background: url(../img/advage/movie-midashi.gif) no-repeat;
}

div#advage-main-menu {
	margin-top: 25px;
	font-size: 10px;
	width: 748px;
	display: block;
	overflow: hidden;
	height: 176px;
	position: relative;
}

div#advage-main-menu1 {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/advage/p_back1.gif) no-repeat;
	width: 360px;
	height: 176px;
	overflow: hidden;
}

div#advage-main-menu1 h3,
div#advage-main-menu2 h3,
div#advage-main-menu3 h3,
div#advage-main-menu4 h3 {
	margin: 5px 5px 0;
}

div#advage-main-menu1 h3 a {
	width: 350px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:24px;
	padding-top: 24px;
	background: url(../img/advage/main_menu1.gif) no-repeat;
}

div#advage-main-menu1 .contents {
	width: 358px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:146px;
	padding-top: 146px;
	background: url(../img/advage/main_menu1_img.gif) no-repeat;
}

div#advage-main-menu2 {
	position: absolute;
	top: 196px;
	left: 0;
	background: url(../img/advage/o_back.gif) no-repeat;
	width: 360px;
	height: 176px;
	overflow: hidden;
}

div#advage-main-menu2 h3 {
	width: 350px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:24px;
	padding-top: 24px;
	background: url(../img/advage/main_menu2.gif) no-repeat;
}

div#advage-main-menu2 .contents {
	width: 358px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:146px;
	padding-top: 146px;
	background: url(../img/advage/main_menu2_img.gif) no-repeat;
	position: relative;
}

div#advage-main-menu2 .contents a {
	position: absolute;
	top: 99px;
	left: 157px;
	width: 187px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:30px;
	padding-top: 30px;
	background: url(../img/advage/tester_btn.gif) no-repeat;
}

div#advage-main-menu2 .contents a:hover {
	background-position: 0 -30px;
}

div#advage-main-menu3 {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/advage/p_back1.gif) no-repeat;
	width: 360px;
	height: 176px;
	overflow: hidden;
}

div#advage-main-menu3 h3 a {
	width: 350px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:24px;
	padding-top: 24px;
	background: url(../img/advage/main_menu3.gif) no-repeat;
}

div#advage-main-menu3 .contents {
	width: 358px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:146px;
	padding-top: 146px;
	background: url(../img/advage/main_menu3_img.gif) no-repeat;
}

div#advage-main-menu4 {
	position: absolute;
	top: 196px;
	left: 0;
	background: url(../img/advage/p_back1.gif) no-repeat;
	width: 360px;
	height: 176px;
	overflow: hidden;
}

div#advage-main-menu4 h3 a {
	width: 350px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:24px;
	padding-top: 24px;
	background: url(../img/advage/main_menu4.gif) no-repeat;
}

div#advage-main-menu4 .contents {
	width: 358px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:146px;
	padding-top: 146px;
	background: url(../img/advage/main_menu4_img.gif) no-repeat;
}

h3#advage-main-menu1 a {
	width: 360px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:176px;
	padding-top: 176px;
	background: url(../img/advage/main_menu01.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

h3#advage-main-menu2 a {
	width: 360px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:176px;
	padding-top: 176px;
	background: url(../img/advage/main_menu02.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 388px;
}

h3#advage-main-menu3 a {
	width: 232px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:287px;
	padding-top: 287px;
	background: url(../img/advage/main_menu03.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 516px;;
}


p.amth {
	display: block;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}


/* サロンレイアウト */
div#advage-main-s {
	font-size: 10px;
	width: 748px;
	display: block;
	overflow: hidden;
	height: 492px;
	position: relative;
}

img.advage-back {
	position: absolute;
	top: 64px;
	right: 0;
}

h2#advage-salon-title {
	width: 536px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:28px;
	padding-top: 28px;
	background: url(../img/advage/salon_title.gif) no-repeat;
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0;
}

div#advage-salon-movie {
	position: absolute;
	top: 140px;
	left: 0;
}

div#advage-salon-image {
	width: 282px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:95px;
	padding-top: 95px;
	background: url(../img/advage/salon_image.gif) no-repeat;
	position: absolute;
	top: 146px;
	right: 10px;
}

div#advage-salon-text {
	width: 277px;
	position: absolute;
	top: 248px;
	right: 10px;
	text-align: left;
}

div#advage-salon-text p,
div#advage-process-text p {
	line-height: 1.6;
	margin-top: 0;
}

div#advage-process-movie {
	position: absolute;
	top: 110px;
	left: 0;
}

div#advage-process-text {
	width: 277px;
	position: absolute;
	top: 110px;
	right: 10px;
	text-align: left;
	font-size: 12px;
}

h2#advage-process-title {
	width: 168px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:28px;
	padding-top: 28px;
	background: url(../img/advage/process_title.gif) no-repeat;
	margin: 0;
	margin-bottom: 10px;
	font-size: 10px;
}


/* ロジックレイアウト */
div#advage-main-l {
	font-size: 10px;
	width: 748px;
	display: block;
	overflow: hidden;
	height: 80px;
	position: relative;
}

div#advage-logic-l {
	float: left;
	width: 360px;
}

div#advage-logic-r {
	float: right;
	width: 360px;
}

h2.advage-logic-title {
	width: 360px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:45px;
	padding-top: 45px;
	margin: 10px 0;
}

h2#alt1 {
	background: url(../img/advage/logic_title1.gif) no-repeat;
}

h2#alt2 {
	background: url(../img/advage/logic_title2.gif) no-repeat;
}

div#advage-logic-saport {
	width: 360px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:365px;
	padding-top: 365px;
	background: url(../img/advage/logic_image.gif) no-repeat;
}


/* クローバーカラー */

a#clover-banner {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:122px;
	padding-top: 122px;
	background: url(../img/advage/clover_banner.png) no-repeat;
	margin: 10px 0 15px;
}

a#clover-banner:hover {
	background-position: 0 -122px;
}

div#clover-back {
	width: 748px;
	background: url(../img/advage/clover_back.gif) 0 right no-repeat;
}

h1#clover-title {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:260px;
	padding-top: 260px;
	background: url(../img/advage/clover_title.gif) no-repeat;
	margin: 0;
	font-size: 10px;
}

p#clover-body {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:97px;
	padding-top: 97px;
	background: url(../img/advage/clover_body.gif) no-repeat;
	margin: 0;
	font-size: 10px;
}

div#clover-midashi {
	width: 748px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:159px;
	padding-top: 159px;
	background: url(../img/advage/clover_midashi.gif) no-repeat;
	margin: 20px 0 0;
	font-size: 10px;
}

div#clover-btnarea {
	width: 748px;
	margin: 40px 0;
}

div.clover-btn {
	width: 374px;
	float: left;
}


div.clover-btn a {
	width: 270px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:103px;
	padding-top: 103px;
}

a#clover-btn1 {
	background: url(../img/advage/clover_btn1.gif) no-repeat;
	margin-right: 20px;
}

a#clover-btn2 {
	background: url(../img/advage/clover_btn2.gif) no-repeat;
	margin-left: 20px;
}

div.clover-btn a:hover {
	background-position: 0 -103px !important;
}


h1#cloverchart-title {
	width: 701px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:186px;
	padding-top: 186px;
	background: url(../img/advage/cloverchart_title.gif) no-repeat;
	margin: 16px 0 0;
	font-size: 10px;
}

p#cloverchart-body {
	width: 701px;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:68px;
	padding-top: 68px;
	background: url(../img/advage/cloverchart_body.gif) no-repeat;
	margin: 0;
	font-size: 10px;
}