@charset "utf-8";


/*head
-----------------------------------------------*/
div#head {
	width: 727px;
	height: 254px;
	background-image: url(../img/bg_head.jpg);
	position: relative;
	}
	
div#head h1 {
	width: 402px;
	height: 200px;
	margin: 0px;
	position: relative;
	left: 52px;
	top: 26px;
	}

div#head p {
	width: 282px;
	height: 24px;
	position: relative;
	left: 39px;
	top: -180px;
	}

/*read
-----------------------------------------------*/
div#read {
	width: 727px;
	height: 164px;
	background:transparent url(../img/bg_read.jpg) 0 0 no-repeat;
	padding-left: 30px;
	}
	
div#read p.text {
	width: 650px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.15em;
	padding-top: 18px;
	}

html:\66irst-child div#read p.text {
	letter-spacing: -0.5px; /* safari only */
	}


div#read p.text span {
	font-size: 10px;
	display: block;
	margin-top: 8px;
	}

/* choices
----------------------------------------------- */
div#choices {
	width: 727px;
	height: 559px;
	background-image: url(../img/bg_choises.jpg);
	padding: 0px;
	position: relative;
	}
	
div#choices h3 {
	width: 520px;
	height: 38px;
	position: absolute;
	left: 99px;
	top: 31px;
	margin: 0 0 0 0;
	}
	
div#choices p.img01 {
	width: 220px;
	height: 262px;
	position: absolute;
	top: 86px;
	left: 18px;
	}

div#choices p.img02 {
	width: 220px;
	height: 262px;
	position: absolute;
	top: 86px;
	left: 255px;
	}

div#choices p.img03 {
	width: 220px;
	height: 262px;
	position: absolute;
	top: 86px;
	left: 492px;
	}
	
li.btn01,
li.btn02,
li.btn03 {
	margin-left: 15px;
	margin-bottom: 14px;}


ul.Glamorous{
	width: 230px;
	height: 132px;
	position: absolute;
	top: 375px;
	left: 13px;}

ul.Dolly{
	width: 230px;
	height: 132px;
	position: absolute;
	top: 375px;
	left: 254px;
	}

ul.Separate{
	width: 230px;
	height: 132px;
	position: absolute;
	top: 375px;
	left: 491px;
	}


/*btn all
----------------------------------------------- */

ul.Glamorous,
ul.Dolly,
ul.Separate {
	padding: 0px;
	margin: 0px;
	text-indent: -99999px;
	}
	
li.btn01 a,
li.btn02 a,
li.btn03 a {
	background-position: 0px 0px;}
	
li.btn01 a:hover,
li.btn02 a:hover,
li.btn03 a:hover {
	background-position: -200px 0px;}


li.ex01 a,
li.ex02 a,
li.ex03 a {
	background-position: 0px 0px;}

li.ex01 a:hover,
li.ex02 a:hover,
li.ex03 a:hover {
	background-position: -230px 0px;}


/*btn01
----------------------------------------------- */

li.btn01 a {
	display: block;
	width: 200px;
	height: 34px;
	border: none;
	background-image:url(../img/btn01.gif);
	background-repeat: no-repeat;
	}
	
li.ex01 a {
	display: block;
	width: 230px;
	height: 85px;
	border: none;
	background-image: url(../img/explanation01.gif);
	background-repeat: no-repeat;
	}


	
/*btn02
----------------------------------------------- */	

li.btn02 a {
	display: block;
	width: 200px;
	height: 34px;
	border: none;
	background-image:url(../img/btn02.gif);
	background-repeat: no-repeat;
	}
	
li.ex02 a {
	display: block;
	width: 230px;
	height: 85px;
	border: none;
	background-image: url(../img/explanation02.gif);
	background-repeat: no-repeat;
	}


/*btn03
----------------------------------------------- */	

li.btn03 a {
	display: block;
	width: 200px;
	height: 34px;
	border: none;
	background-image:url(../img/btn03.gif);
	background-repeat: no-repeat;
	}
	
li.ex03 a {
	display: block;
	width: 230px;
	height: 85px;
	border: none;
	background-image: url(../img/explanation03.gif);
	background-repeat: no-repeat;
	}


/*----------------------------------------------- */