/* sugoyomi */
/*  RESULT  */


/* -----------------------------
BUTTON
----------------------------- */
.NextBtt a,
#ReadBtt a{
display:block;
font-size:1px;
line-height:1px;
text-indent:-99999px;
text-decoration:none;
outline:none;
}

.NextBtt a:hover,
#ReadBtt a:hover{
background-position:left bottom;
}

/* NEXT */
.NextBtt a{
width:290px;
height:90px;
margin:0 auto;
background:url("../images/bt_next.gif");
}
/* READING */
#ReadBtt a{
width:290px;
height:115px;
margin:0 auto;
background:url("../images/bt_reading.jpg");
}


/* -----------------------------
BOKASHI
----------------------------- */
/*FUKASHI*/
.BokashiMe0,
#BokashiYou0,
#YouBox0,
.Pack0{
display:none;
}

.Bokashi1{
width:570px;
height:190px;
margin:0 auto;
background:url("../images/result/bokashi.jpg");
}
.Bokashi1 .NextBtt{
padding-top:50px;
}

.BokashiLft1{
width:310px;
margin-left:60px;
background:url("../images/result/bokashim.jpg");
}
.BokashiLft1 .NextBtt{
padding:43px 0;
}

.BokashiMe1{
width:650px;
height:25px/*65px*/;
padding:20px 0;
margin:0 auto;
background:url("../images/result/bokashi_me.jpg");
text-align:center;
}

#BokashiYou1{
width:310px;
height:130px;
margin:0 0 0 25px;
background:url("../images/result/bokashi_you.jpg") no-repeat;
text-indent:-9999px;
}

#BokashiMess{
width:410px;
height:365px;
margin-left:130px;
padding-top:140px;
background:url("../images/result/bokashi_mess.jpg") no-repeat;
background-position:0 15px;
text-align:center;
}
	/* Mac only */
	:root *> #BokashiMess { height:220px/*365px*/; }

.Pack1{
display:block;
}


/* -----------------------------
ME BOX
----------------------------- */
#MeBox{
width:800px;
min-height:360px;
height:auto !important;  
height:390px;
margin:0 auto;
padding-bottom:30px;
background:url("../images/result_me.jpg") no-repeat bottom;
text-align:left;
color:#FFF;
}
p#MeTit{
width:800px;
text-align:center;
padding:5px 0 15px 0;
}

#MeBoxIn{
width:565px;
float:right;
}
#MeLft{
width:220px;
float:left;
}
#MeRgt{
width:340px;
float:right;
}

/*Planet Color*/
.PlanetColor_Soul,
.PlanetColor_Inner,
.PlanetColor_1,
.PlanetColor_2,
.PlanetColor_3,
.PlanetColor_4{
font-size:110%;
font-weight:bold;
}
	.PlanetColor_Soul/*Blue*/{
	color:#00F6FF;
	}
	.PlanetColor_Inner/*Green*/{
	color:#00FF9C;
	}
	.PlanetColor_1/*Love_Pink*/{
	color:#FF00B4;
	}
	.PlanetColor_2/*Romance_Purple*/{
	color:#b56bff;
	}
	.PlanetColor_3/*Chance_Orange*/{
	color:#ff4500;
	}
	.PlanetColor_4/*_Force_Yellow*/{
	color:#ffff00;
	}

dl#MePlanet{
width:306px;
height:140px;
background:url("../images/result_me_planet.jpg") no-repeat;
}
dl#MePlanet dt{
width:102px;
height:45px;
text-indent:-9999px;
float:left;
}
dl#MePlanet dd{
width:102px;
height:95px;
text-align:center;
float:left;
}
/*Planet iconBG*/
	dl#MePlanet dt.MePlanet_1{
	background:url("../images/result/meplanet1.jpg") no-repeat;
	}
	dl#MePlanet dd.MePlanet_1{
	background:url("../images/result/meplanet1.jpg") left bottom;
	}
	dl#MePlanet dt.MePlanet_2{
	background:url("../images/result/meplanet2.jpg") no-repeat;
	}
	dl#MePlanet dd.MePlanet_2{
	background:url("../images/result/meplanet2.jpg") left bottom;
	}
	dl#MePlanet dt.MePlanet_3{
	background:url("../images/result/meplanet3.jpg") no-repeat;
	}
	dl#MePlanet dd.MePlanet_3{
	background:url("../images/result/meplanet3.jpg") left bottom;
	}	
	dl#MePlanet dt.MePlanet_4{
	background:url("../images/result/meplanet4.jpg") no-repeat;
	}
	dl#MePlanet dd.MePlanet_4{
	background:url("../images/result/meplanet4.jpg") left bottom;
	}

#MeRgt_Parame{
width:295px;
height:110px;
margin:5px 0 0 7px;
background:url("../images/result_me_parame.jpg") no-repeat;
}
#MeRgt_Parame dl{
width:235px;
margin-left:60px;
padding-top:4px;
}
#MeRgt_Parame dt,
#YouBox_Parame dt{
width:80px;
height:17px;
text-indent:-9999px;
float:left;
}
#MeRgt_Parame dd{
width:155px;
height:17px;
font-size:90%;
float:left;
}

/* BALANCE_AURA */
.MeMoreBox{
width:736px;
margin:0 auto 10px;
padding-bottom:20px;
background-color:#FFF;
}

/* BALANCE */
.MeBalanceBox{
width:368px;
height:315px;
background:url("../images/result_balance.jpg") no-repeat right bottom;
float:left;
}
p#MeBalanceTit{
width:368px;
text-align:right;
}

.MeBalanceBox ul{
width:340px;
height:276px;
float:right;
}
.MeBalanceBox li img{
width:104px;
height:104px;
}
.MeBalanceBox li.IcTopL,
.MeBalanceBox li.IcTopC,
.MeBalanceBox li.IcTopR{
height:172px;
}
.MeBalanceBox li.IcTopL{
width:115px;
text-align:left;
position:relative;
}
	.MeBalanceBox li.IcTopL img{
	margin-left:11px;
	position:absolute;
	bottom:0;
	}
.MeBalanceBox li.IcTopC{
width:104px;
}
.MeBalanceBox li.IcTopC p{
margin-top:20px;
font-size:110%;
font-weight:bold;
}
.MeBalanceBox li.IcTopR{
width:121px;
text-align:left;
position:relative;
}
	.MeBalanceBox li.IcTopR img{
	position:absolute;
	bottom:0;
	}
.MeBalanceBox li.IcBotL{
width:167px;
height:104px;
text-align:right;
float:left;
}
.MeBalanceBox li.IcBotR{
width:173px;
height:104px;
text-align:left;
float:left;
}

p#MeBalanceKome{
width:350px;
padding-left:30px;
font-size:90%;
color:#F00;
text-align:left;
float:left;
}
	/* Mac only */
	:root *> p#MeBalanceKome{ width:320px; }



/* AURA */
p#MeAuraTit{
width:368px;
text-align:left;
}

#MeAuraBox_01,
#MeAuraBox_02,
#MeAuraBox_03,
#MeAuraBox_04,
#MeAuraBox_05,
#MeAuraBox_06,
#MeAuraBox_07,
#MeAuraBox_08,
#MeAuraBox_09,
#MeAuraBox_10,
#MeAuraBox_11,
#MeAuraBox_12,
#MeAuraBox_Bokashi{
width:368px;
height:315px;
float:right;
}
	#MeAuraBox_01{
	background:url("../images/result/aura1.jpg") no-repeat left bottom;
	}
	#MeAuraBox_02{
	background:url("../images/result/aura2.jpg") no-repeat left bottom;
	}
	#MeAuraBox_03{
	background:url("../images/result/aura3.jpg") no-repeat left bottom;
	}
	#MeAuraBox_04{
	background:url("../images/result/aura4.jpg") no-repeat left bottom;
	}
	#MeAuraBox_05{
	background:url("../images/result/aura5.jpg") no-repeat left bottom;
	}
	#MeAuraBox_06{
	background:url("../images/result/aura6.jpg") no-repeat left bottom;
	}
	#MeAuraBox_07{
	background:url("../images/result/aura7.jpg") no-repeat left bottom;
	}
	#MeAuraBox_08{
	background:url("../images/result/aura8.jpg") no-repeat left bottom;
	}
	#MeAuraBox_09{
	background:url("../images/result/aura9.jpg") no-repeat left bottom;
	}
	#MeAuraBox_10{
	background:url("../images/result/aura10.jpg") no-repeat left bottom;
	}
	#MeAuraBox_11{
	background:url("../images/result/aura11.jpg") no-repeat left bottom;
	}
	#MeAuraBox_12{
	background:url("../images/result/aura12.jpg") no-repeat left bottom;
	}
	#MeAuraBox_Bokashi{
	background:url("../images/result/bokashi_aura.jpg") no-repeat left bottom;
	}

#MeAuraYudo{
width:190px;
height:250px;
text-indent:-9999px;
float:left;
}

dl#MeAuraBoxList{
width:178px;
margin-top:70px;
text-align:left;
float:right;
}
dl#MeAuraBoxList dt{
height:25px;
text-indent:-9999px;
}
dl#MeAuraBoxList dd{
height:45px;
padding-left:40px;
font-size:110%;
font-weight:bold;
}
p#MeAuraKome{
width:175px;
margin-top:10px;
font-size:80%;
text-align:left;
float:right;
}


p#MeMoreTit{
width:736px;
height:40px;
margin:10px 0;
text-align:center;
float:left;
}
#MeMoreText{
width:650px;
margin:0 auto;
color:#66351D;
text-align:left;
}

#MeMoreBox:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}


/* -----------------------------
YOU BOX
----------------------------- */
#YouBox1{
width:736px;
min-height:265px;
height:auto !important;  
height:265px;
margin:0 auto;
background:url("../images/result_you.jpg") no-repeat top;
text-align:left;
color:#FFF;
}

/* LEFT */
#YouBoxLft{
width:365px;
float:left;
}
#YouTitLove{
width:340px;
height:50px;
text-indent:-9999px;
float:right;
}
#YouPlanet{
width:135px;
height:120px;
padding-top:13px;
text-align:right;
float:left;
}
#YouBox_Parame{
height:110px;
margin-top:22px;
float:right;
}
	#YouBox_Parame dl{
	width:197px;
	}
	#YouBox_Parame dd{
	width:110px;
	height:17px;
	font-size:85%;
	float:left;
	}
#YouTxt{
width:310px/*340px*/;
padding-left:30px;
line-height:1.4;
float:left;
}


/* RGHIT */
#YouBoxRgt{
width:360px;
line-height:1.6;
float:right;
}
p#YouTitUnmei{
width:310px;
height:85px;
text-indent:-9999px;
}
#YouUnmei{
width:300px;
margin-left:25px;
}


/* -----------------------------
CONNECT
----------------------------- */
.Connect{
width:736px;
height:130px;
margin:0 auto;
}
.Connect img{
width:736px;
height:130px;
}


/* -----------------------------
KOMIDASHI
----------------------------- */
.Komi{
width:800px;
height:90px;
margin:0 auto;
background:url("../images/result_komi.jpg") no-repeat;
color:#670101;
font-size:130%;
font-weight:bold;
}
.Komi p{
padding-top:30px;
}


/* TEXT --------- */
.TextBox{
width:800px;
margin:0 auto 30px;
background:url("../images/result_txt_bg.jpg") center repeat-y;
}
.TextBoxBot{
padding-bottom:40px;
background:url("../images/result_txt_bott.jpg") no-repeat bottom;
}
.TextBox p.txt{
width:560px;
margin:0 auto;
padding-top:30px;
font-size:110%;
line-height:1.5;
text-align:left;
}

.TextImgBox/*SENSEI GAZOU*/{
width:800px;
min-height:380px;
height:auto !important;  
height:380px;
margin:0 auto 30px;
background:url("../images/result_txt_bg.jpg") center repeat-y;
}
.TextImgBoxBot{
min-height:380px;
height:auto !important;  
height:380px;
padding-bottom:35px;
background:url("../images/result_txt_bott.jpg") no-repeat bottom;
}
.TextImgIn{
width:700px;
margin:0 auto;
}
	.TextImgBox p.imgR{
	width:325px;
	height:370px;
	float:right;
	}
	.TextImgBox p.imgL{
	width:325px;
	height:370px;
	float:left;
	}

.TextImgBox p.txt{
margin:0 65px;
padding-top:30px;
font-size:110%;
line-height:1.5;
text-align:left;
}

.TextImgIn:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

	/* JIKI --------- */
	.JikiBox{
	width:510px;
	height:80px;
	margin:0 auto;
	background:url("../images/result_jiki_bg.jpg") no-repeat;
	}
	p.JikiTxt{
	width:600px;
	margin:0 auto;
	padding:20px 0 5px;
	color:#009;
	font-size:110%;
	font-weight:bold;
	}
	.JikiBox img{
	width:30px;
	height:40px;
	margin-top:20px;
	}


/* -----------------------------
FLASH
----------------------------- */
h4#ReadingTit{
width:730px;
height:130px;
margin:0 auto;
background:url("../images/result_reading_tit.jpg") no-repeat;
text-indent:-9999px;
}
#ReadingFlash{
width:730px;
margin:0 auto;
}

/* No Flash */
#Reading_Smart{
width:730px;
background:url("../images/result/reading_bg.jpg");
}
#Reading_SmartTop{
background:url("../images/result/reading_top.jpg") no-repeat top;
}
#Reading_SmartBot{
min-height:455px;
height:auto !important;
height:455px;
padding-bottom:60px;
background:url("../images/result/reading_bott.jpg") no-repeat bottom;
}
#Reading_SmartTop:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

dl#LstFrst{
width:510px;
margin:0 auto;
}
dl#LstFrst dt,
dl#LstFrst dd{
width:170px;
float:left;
}
dl#LstFrst dt,
dl#LstScnd dt{
text-indent:-9999px;
}
dl#LstFrst dd img{
width:114px;
height:114px;
margin:13px auto;
}
dl#LstFrst:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#ReadingTxt{
width:580px;
margin:0 auto;
padding-bottom:10px;
text-align:left;
}

dl#LstScnd{
width:580px;
margin:0 auto;
}
dl#LstScnd #KomiFrst{
height:20px;
background:url("../images/result/reading_txt.gif") no-repeat;
}
dl#LstScnd #KomiScnd{
height:20px;
background:url("../images/result/reading_txt.gif") no-repeat;
background-position:0 -20px;
}
dl#LstScnd dd{
margin-bottom:10px;
text-align:left;
}
dl#LstScnd li{
width:580px;
float:left;
}


/* CHIRA */
#ReadingChira{
width:730px;
height:260px;
margin:0 auto;
background:url("../images/chira_reading.jpg") no-repeat;
text-indent:-9999px;
}
#ReadingChiraBox{
width:730px;
height:345px;
margin:0 auto;
background:url("../images/chira_readingbg.jpg") no-repeat;
}
#ReadingChiraLft{
width:290px;
text-align:right;
float:left;
}
#ReadingChiraRgt{
width:430px;
height:193px;
text-align:left;
float:right;
}
#ReadingChiraRgt p{
width:350px;
height:50px;
padding-top:20px;
font-size:110%;
line-height:1.5;
}


/* -----------------------------
MESSEAGE
----------------------------- */
h5.MessTit{
width:800px;
height:130px;
margin:0 auto;
background:url("../images/result_mess_tit.jpg") no-repeat;
text-indent:-9999px;
}

.MessBox{
width:800px;
margin:0 auto;
background:url("../images/result_mess_bg.jpg") center repeat-y;
text-align:left;
}
.MessBoxTop{
background:url("../images/result_mess_top.jpg") no-repeat top;
}
.MessBoxBot{
min-height:370px;
height:auto !important;
height:370px;
margin:0 auto;
padding-bottom:60px;
background:url("../images/result_mess_bott.jpg") no-repeat bottom;
}

.MessBox p{
width:380px;
margin-left:130px;
padding-top:20px;
color:#B9005B;
font-size:110%;
font-weight:bold;
line-height:1.6;
}


/* -----------------------------
GENTEI
----------------------------- */
h6#GenteiTit{
width:800px;
height:200px;
margin:20px auto 0;
background:url("../images/result_yudo_tit1.jpg") no-repeat;
text-indent:-99999px;
}

p.GenteiMenu{
width:800px;
height:115px;
margin:0 auto;
background:url("../images/result_yudo_menu.jpg") no-repeat;
}

p.GenteiKomi{
margin:0 auto;
padding:10px 0;
color:#670101;
font-size:120%;
font-weight:bold;
}

.TextBoxBotGentei p.txt{
width:560px;
margin:0 auto;
padding-top:10px;
font-size:110%;
line-height:1.5;
text-align:left;
}

.TextBoxBotGentei{
padding-bottom:20px;
background:url("../images/result_txt_bott.jpg") no-repeat bottom;
}

/*FUTATSUME*/
p#GenteiScnd{
width:800px;
height:55px;
margin:0 auto;
background:url("../images/result_yudo_tit2.jpg");
text-indent:-99999px;
}


/* -----------------------------
KAKIN YUDO
----------------------------- */
#YudoMisa{
width:800px;
height:200px;
margin:0 auto;
background:url("../images/yudo_misa.jpg") no-repeat;
text-indent:-99999px;
}

#YudoBox{
width:800px;
margin:0 auto 50px;
background:url("../images/yudo_bg.jpg") repeat-y center;
color:#FFF;
font-weight:bold;
font-size:110%;
line-height:1.8;
}
#YudoBoxTop{
width:800px;
margin:0 auto;
padding-top:50px;
background:url("../images/yudo_top.jpg") no-repeat top;
}
#YudoBoxBot{
width:800px;
margin:0 auto;
padding-bottom:50px;
background:url("../images/yudo_bott.jpg") no-repeat bottom;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#YudoBox { font-size:70%; }
}


/* -----------------------------
NEXT YUDO
----------------------------- */
.NextMenuBox,
.NextMenuKomi{
width:600px;
padding:20px 0;
background-color:#164700;
color:#FFF;
line-height:1.5;
}
.NextMenuBox{
margin:20px auto 0;
}
.NextMenuKomi{
margin:10px auto;
}


/* -----------------------------
PACK
----------------------------- */
.PackMenuTit{
width:800px;
height:140px;
margin:20px auto 0;
background:url("../images/result_pack_menu.jpg") no-repeat;
}
h2.PackMenu{
padding-top:35px;
}

.PackPlanet{
width:800px;
height:160px;
margin:0 auto;
background:url("../images/result_pack_bg.jpg") no-repeat;
}
.PackPlanet dl{
width:480px;
margin:0 auto;
padding-top:40px;
}
.PackPlanet dt{
width:130px;
text-align:left;
float:right;
}
.PackPlanet dd{
width:330px;
padding-top:20px;
color:#FFF;
font-size:110%;
font-weight:bold;
text-align:right;
float:left;
}

.PackPower{
width:360px;
text-align:left;
float:right;
}
.PackPower dd{
width:340px;
padding-top:10px;
}
.PackPower p{
padding-top:10px;
}


/* -----------------------------
FUREE
----------------------------- */
#FreeGreetBox{
width:800px;
height:215px;
margin:0 auto;
background:url("../images/free_greet.jpg") no-repeat;
text-align:left;
}
#FreeGreetBox p#Gree{
width:380px;
height:100px;
margin:0 auto;
text-indent:-9999px;
}
#FreeGreetBox p#Greetxt{
width:480px;
text-align:left;
font-size:110%;
font-weight:bold;
color:#FFFD68;
line-height:1.7;
float:right;
}

#FreeMeIn{
width:800px;
margin:0 auto 20px;
background:url("../images/free_me_bg.jpg") center repeat-y;
color:#FFF;
}
#FreeMeTop{
padding-top:20px;
background:url("../images/free_me.jpg") no-repeat top;
}
#FreeMeBot{
padding-bottom:30px;
background:url("../images/free_me_bott.gif") no-repeat bottom;
}

#FreeMeIn dl{
width:680px;
margin:0 auto;
}
#FreeMeIn dt{
height:40px;
text-indent:-9999px;
}
#FreeMeIn dd{
text-align:left;
line-height:1.5;
}
#FreeMeIn dd#FreeMeKome{
padding-top:20px;
color:#FF02C6;
}


/* MESSAGE */
h5.FreeMessTit{
width:800px;
height:125px;
margin:0 auto;
background:url("../images/free_mess_tit.jpg") no-repeat;
text-indent:-9999px;
}
#FreeMessBox{
width:600px;
height:115px/*145px*/;
margin:0 105px 0;
padding:15px 0;
background:url("../images/free_mess_bg.jpg") no-repeat;
}
#FreeMessBox p#FreeMessTxt{
width:560px;
margin-left:25px;
padding:0;
/*color:#330000;*/
}


/* 2MENU */
#FreeYudoBox{
width:784px;
margin:0 auto;
background:url("../images/free_yudo_bg.jpg");
}
#FreeYudoBoxTop{
padding-top:20px;
background:url("../images/free_yudo_top.jpg") no-repeat top;
}
#FreeYudoBoxBot{
padding-bottom:20px;
background:url("../images/free_yudo_bott.jpg") no-repeat bottom;
}
#FreeYudoBoxBot:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#FreeMenuLft{
width:392px;
text-align:left;
float:left;
}
#FreeMenuRgt{
width:392px;
text-align:left;
float:right;
}
#FreeYudoBox .MenuTit{
height:130px;
text-align:center;
}
#FreeYudoBox .MenuTit img{
width:350px;
height:115px;
}

#FreeYudoBox .Komidashi{
width:334px;
height:auto !important;
height:30px;
margin-left:30px;
padding:10px 5px;
color:#FFF;
font-weight:bold;
background-color:#113C00;
}
	/* Mac only */
	:root *> #FreeYudoBox .Komidashi { width:324px; }

#FreeYudoBox .Txt{
width:322px;
margin-left:30px;
padding:5px 0;
font-size:110%;
line-height:1.5;
text-align:left;
color:#2A0B00;
}
#FreeYudoBox .Bokashi{
width:332px;
height:110px;
margin-left:30px;
padding:30px 0 20px 0;
background:url("../images/result/bokashim.jpg");
text-align:center;
}
.FreeNextMenuBox{
width:332px;
margin-left:30px;
padding:20px 0;
background-color:#240036;
color:#FFF;
line-height:1.5;
text-align:center;
}
.FreeNextMenuBox .Yellow{
text-align:center;
}
.FreeNextMenuTxt{
width:290px;
margin:0 auto;
text-align:left;
}