@charset "utf-8";

.right_box{
	background-color:transparent;
}
/*
タイトル
*/
.main_title {
	width:760px;
    background: url("../img/quickguide/main_title.gif") no-repeat 0 4px;
	height:101px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.main_box {
    width: 700px;
	padding:36px 29px 29px;
	border:1px solid #dddddd;
	border-width:0 1px 1px;
}
/*
ページ背景
*/
#index,
#bottles,
#bottles2,
#select_bottles,
#use_bottles,
#pomander,
#quintessence,
#quintessence2,
#totalcare,
#learn_aurasoma {
	width:100%;
	position:relative;
	overflow:hidden;
}
#index span,
#bottles span,
#bottles2 span,
#select_bottles span,
#use_bottles span,
#pomander span,
#quintessence span,
#quintessence2 span,
#totalcare span,
#learn_aurasoma span {
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#index{
    height: 3067px;
}
#index span{
    background: url("../img/quickguide/index.gif") no-repeat 0 0;
    height: 3067px;
}
#bottles{
    height: 1640px;
}
#bottles span{
    background: url("../img/quickguide/bottles.png") no-repeat 0 0;
    height: 1640px;
}
#bottles2{
    height: 1855px;
}
#bottles2 span{
    background: url("../img/quickguide/bottles2.png") no-repeat 0 0;
    height: 1855px;
}
#select_bottles{
    height: 1557px;
}
#select_bottles span{
    background: url("../img/quickguide/select_bottles.jpg") no-repeat 0 0;
    height: 1557px;
}
#use_bottles{
    height: 3208px;
}
#use_bottles span{
    background: url("../img/quickguide/use_bottles.gif") no-repeat 0 0;
    height: 3208px;
}
#pomander{
    height: 3310px;
}
#pomander span{
    background: url("../img/quickguide/pomander.png") no-repeat 0 0;
    height: 3310px;
}
#quintessence{
    height: 2320px;
}
#quintessence span{
    background: url("../img/quickguide/quintessence.gif") no-repeat 0 0;
    height: 2320px;
}
#quintessence2{
    height: 1147px;
}
#quintessence2 span{
    background: url("../img/quickguide/quintessence2.gif") no-repeat 0 0;
    height: 1147px;
}
#totalcare{
    height: 1252px;
}
#totalcare span{
    background: url("../img/quickguide/totalcare.gif") no-repeat 0 0;
    height: 1252px;
}
#learn_aurasoma {
    height: 3174px;
}
#learn_aurasoma span{
    background: url("../img/quickguide/learn_aurasoma.png") no-repeat 0 0;
    height: 3174px;
}
/*
メニュー
*/
.menu{
	width:760px;
	height:38px;
}
.menu_bar{
	display:block;
	vertical-align:bottom;
}
a.index,
a.bottles,
a.select_bottles,
a.use_bottles,
a.pomander,
a.quintessence,
a.totalcare,
a.learn_aurasoma {
	float:left;
	display:block;
    background: url("../img/quickguide/menu.gif") no-repeat 0 0;
	width:93px;
	_width:92px;
	height:38px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
a.index{
	width:101px;
}
a.bottles{
	background-position:-101px 0;
}
a.select_bottles{
	background-position:-194px 0;
}
a.use_bottles{
	background-position:-287px 0;
}
a.pomander{
	background-position:-380px 0;
}
a.quintessence{
	background-position:-473px 0;
}
a.totalcare{
	background-position:-566px 0;
}
a.learn_aurasoma {
	background-position:-659px 0;
	width:101px;
}
a.index:hover{
	background-position:0 -38px;
}
a.bottles:hover{
	background-position:-101px -38px;
}
a.select_bottles:hover{
	background-position:-194px -38px;
}
a.use_bottles:hover{
	background-position:-287px -38px;
}
a.pomander:hover{
	background-position:-380px -38px;
}
a.quintessence:hover{
	background-position:-473px -38px;
}
a.totalcare:hover{
	background-position:-566px -38px;
}
a.learn_aurasoma:hover{
	background-position:-659px -38px;
}
/*
ボタン
*/
a.btn_artunity,
a.btn_browse_now,
a.btn_reading_now,
a.btn_diary,
a.btn_dtl,
a.btn_kit,
a.btn_kit2,
a.btn_session,
a.btn_mail,
a.btn_pom,
a.btn_quint,
a.btn_quint2,
a.btn_quint3,
a.btn_reading,
a.btn_reading2,
a.btn_school,
a.btn_dvd,
a.btn_lesson1,
a.btn_lesson2,
a.btn_lesson3,
a.btn_lesson4,
a.btn_lesson5,
a.btn_lesson6,
a.btn_lesson7,
a.btn_lesson8,
a.btn_equi_list_url,
a.btn_bottle,
a.btn_teaparty,
a.btn_subscribe{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
}
a.btn_artunity{
    background: url("../img/quickguide/btn_artunity.gif") no-repeat 0 0;
	width:240px;
	height:44px;
}
a.btn_browse_now{
    background: url("../img/quickguide/btn_browse_now.gif") no-repeat 0 0;
	width:135px;
	height:32px;
}
a.btn_reading_now{
    background: url("../img/quickguide/btn_reading_now.gif") no-repeat 0 0;
	width:135px;
	height:32px;
}
a.btn_diary{
    background: url("../img/quickguide/btn_diary.gif") no-repeat 0 0;
	width:236px;
	height:30px;
}
a.btn_dtl{
    background: url("../img/quickguide/btn_dtl.gif") no-repeat 0 0;
	width:37px;
	height:12px;
}
a.btn_kit{
    background: url("../img/quickguide/btn_kit.gif") no-repeat 0 0;
	width:257px;
	height:30px;
}
a.btn_kit2{
    background: url("../img/quickguide/btn_kit2.gif") no-repeat 0 0;
	width:236px;
	height:30px;
}
a.btn_session{
    background: url("../img/quickguide/btn_session.gif") no-repeat 0 0;
	width:280px;
	height:30px;
}
a.btn_mail{
    background: url("../img/quickguide/btn_mail.gif") no-repeat 0 0;
	width:150px;
	height:30px;
}
a.btn_pom{
    background: url("../img/quickguide/btn_pom.gif") no-repeat 0 0;
	width:264px;
	height:40px;
}
a.btn_quint{
    background: url("../img/quickguide/btn_quint.gif") no-repeat 0 0;
	width:288px;
	height:40px;
}
a.btn_quint2{
    background: url("../img/quickguide/btn_quint2.gif") no-repeat 0 0;
	width:288px;
	height:40px;
}
a.btn_quint3{
    background: url("../img/quickguide/btn_quint3.gif") no-repeat 0 0;
	width:288px;
	height:40px;
}
a.btn_reading{
    background: url("../img/quickguide/btn_reading.gif") no-repeat 0 0;
	width:235px;
	height:44px;
}
a.btn_reading2{
    background: url("../img/quickguide/btn_reading2.gif") no-repeat 0 0;
	width:276px;
	height:44px;
}
a.btn_school{
    background: url("../img/quickguide/btn_school.gif") no-repeat 0 0;
	width:212px;
	height:44px;
}
a.btn_dvd{
    background: url("../img/quickguide/btn_dvd.gif") no-repeat 0 0;
	width:243px;
	height:20px;
}
a.btn_learn{
    background: url("../img/quickguide/btn_learn.gif") no-repeat 0 0;
	width:700px;
	height:40px;
}
a.btn_komala{
    background: url("../img/quickguide/btn_komala.gif") no-repeat 0 0;
	width:700px;
	height:40px;
}
a.btn_consaltation{
    background: url("../img/quickguide/btn_consaltation.gif") no-repeat 0 0;
	width:700px;
	height:40px;
}
a.btn_lesson1,
a.btn_lesson2,
a.btn_lesson3,
a.btn_lesson4{
    background: url("../img/quickguide/btn_lesson1_4.gif") no-repeat 0 0;
	width:300px;
	height:28px;
}
a.btn_lesson5,
a.btn_lesson6,
a.btn_lesson7,
a.btn_lesson8{
    background: url("../img/quickguide/btn_lesson5_8.gif") no-repeat 0 0;
	width:320px;
	height:28px;
}
a.btn_lesson2,
a.btn_lesson6{
	background-position:0 -28px;
}
a.btn_lesson3,
a.btn_lesson7{
	background-position:0 -56px;
}
a.btn_lesson4,
a.btn_lesson8{
	background-position:0 -84px;
	height:30px;
}
a.btn_equi_list_url{
    background: url("../img/quickguide/btn_equi_list_url.gif") no-repeat 0 0;
	height:16px;
}
a.btn_bottle{
	width:46px;
	height:123px;
}
a.btn_teaparty{
    background: url("../img/quickguide/btn_teaparty.png") no-repeat 0 0;
	width:236px;
	height:30px;
}
a.btn_subscribe{
    background: url("../img/quickguide/btn_subscribe.png") no-repeat 0 0;
	width:244px;
	height:30px;
}
a.btn_artunity:hover{
    background-position:0 -44px;
}
a.btn_browse_now:hover{
    background-position:0 -32px;
}
a.btn_reading_now:hover{
    background-position:0 -32px;
}
a.btn_diary:hover{
    background-position:0 -30px;
}
a.btn_dtl:hover{
    background-position:0 -12px;
}
a.btn_kit:hover{
    background-position:0 -30px;
}
a.btn_kit2:hover{
    background-position:0 -30px;
}
a.btn_session:hover{
    background-position:0 -30px;
}
a.btn_mail:hover{
    background-position:0 -30px;
}
a.btn_pom:hover{
    background-position:0 -40px;
}
a.btn_quint:hover{
    background-position:0 -40px;
}
a.btn_quint2:hover{
    background-position:0 -40px;
}
a.btn_quint3:hover{
    background-position:0 -40px;
}
a.btn_reading:hover{
    background-position:0 -44px;
}
a.btn_reading2:hover{
    background-position:0 -44px;
}
a.btn_school:hover{
    background-position:0 -44px;
}
a.btn_dvd:hover{
    background-position:0 -20px;
}
a.btn_learn:hover{
    background-position:0 -40px;
}
a.btn_komala:hover{
    background-position:0 -40px;
}
a.btn_consaltation:hover{
    background-position:0 -40px;
}
a.btn_lesson1:hover{
	background-position:-300px 0;
}
a.btn_lesson5:hover{
	background-position:-320px 0;
}
a.btn_lesson2:hover{
	background-position:-300px -28px;
}
a.btn_lesson6:hover{
	background-position:-320px -28px;
}
a.btn_lesson3:hover{
	background-position:-300px -56px;
}
a.btn_lesson7:hover{
	background-position:-320px -56px;
}
a.btn_lesson4:hover{
	background-position:-300px -84px;
}
a.btn_lesson8:hover{
	background-position:-320px -84px;
}
a.btn_equi_list_url:hover{
	background-position:0 -16px;
}
a.btn_teaparty:hover{
	background-position:0 -30px;
}
a.btn_subscribe:hover{
	background-position:0 -30px;
}
/*
メニュー2
*/
.menu2{
	width:739px;
	height:40px;
}
.menu2 a.index,
.menu2 a.bottles,
.menu2 a.select_bottles,
.menu2 a.use_bottles,
.menu2 a.pomander,
.menu2 a.quintessence,
.menu2 a.totalcare,
.menu2 a.learn_aurasoma {
	float:left;
	display:block;
    background: url("../img/quickguide/menu2.gif") no-repeat 0 0;
	width:93px;
	_width:92px;
	height:40px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
.menu2 a.index{
	width:90px;
}
.menu2 a.bottles{
	background-position:-90px 0;
}
.menu2 a.select_bottles{
	background-position:-183px 0;
}
.menu2 a.use_bottles{
	background-position:-276px 0;
}
.menu2 a.pomander{
	background-position:-369px 0;
}
.menu2 a.quintessence{
	background-position:-462px 0;
}
.menu2 a.totalcare{
	background-position:-555px 0;
}
.menu2 a.learn_aurasoma {
	background-position:-648px 0;
	width:91px;
}
.menu2 a.index:hover{
	background-position:-0px -40px;
}
.menu2 a.bottles:hover{
	background-position:-90px -40px;
}
.menu2 a.select_bottles:hover{
	background-position:-183px -40px;
}
.menu2 a.use_bottles:hover{
	background-position:-276px -40px;
}
.menu2 a.pomander:hover{
	background-position:-369px -40px;
}
.menu2 a.quintessence:hover{
	background-position:-462px -40px;
}
.menu2 a.totalcare:hover{
	background-position:-555px -40px;
}
.menu2 a.learn_aurasoma:hover {
	background-position:-648px -40px;
}