@charset "utf-8";

#list_header{
	position:relative;
	width:736px;
	_width:736px;
	padding:11px;
	border:1px solid #d2d2d2;
	font-size:93%;
}
#list_header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #list_header {height: 1em;overflow: visible;}
/**/
#intro{
	float:left;
	width:736px;
	height:296px;
	background:url(../img/index/intro_1.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pendant_title{
	float:left;
	width:736px;
	height:281px;
	background:url(../img/index/pendant.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
a#purchase{
	margin:212px 0 0 8px;
	width:176px;
	height:38px;
	background:url(../img/index/purchase.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
a#purchase:hover{
	background-position:0 -38px;
}
#how_to_select{
	float:left;
	width:391px;
	height:252px;
	background:url(../img/index/intro_2.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#features{
	float:left;
	width:345px;
	height:252px;
	background:url(../img/index/intro_3.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#movie_box{
	float:left;
	width:362px;
	height:383px;
	background:url(../img/index/intro_4.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#features2{
	float:left;
	width:374px;
/*	height:302px;*/
	background:url(../img/index/intro_5.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
a#movie {
	margin:50px 0 0 143px;
	width:119px;
	height:112px;
	background:url(../img/index/movie.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
a#movie:hover{
	width:111px;
	height:104px;
	border:4px solid #ffaea9;
	background-position:-4px -4px;
}
a#colordiary{
	margin:2px 5px 0 0;
	float:left;
	width:159px;
	height:15px;
	font-size:50%;
	background:url(../img/index/colordiary.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
a#colordiary:hover{
	background-position:0 -15px;
}
a#point{
	position:absolute;
	bottom:11px;
	right:11px;
	width:242px;
	height:33px;
	background:url(../../img/navi/point.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
a#point:hover{
	background-position:0 -33px;
}
a.reading {
	margin:145px 0 0 5px;
	width:269px;
	height:47px;
	display:block;
	background-image:url(../img/index/reading.gif);
}
a.reading:hover{
	background-position:-269px 0;
}
a.faq {
	clear:right;
	float:right;
	margin-top:354px;
	width:246px;
	height:20px;
	display:block;
	background:url(../img/index/faq.gif) no-repeat 0 0;
	text-indent:-9999px;
}
a.faq:hover{
	background-position:0 -20px;
}