/* charset */
@charset "utf-8";

/* http://image.excite.co.jp/jp/fortune/css/rightside.css */
/* login用CSS
----------------------------------------- */
.right { 
 margin: 0 0 10px 0;
}
#loginBg { 
font-size: 12px; 
font-family: Verdana, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS P Gothic', sans-serif; color:#505050; 
background: url(//image.excite.co.jp/jp/fortune/images/base/rightside/r_login_c.jpg) repeat;}
#login_wrapper01 { padding: 5px 10px 0 10px; }
#login_wrapper01 ul {list-style:none;}
#login_wrapper01 li {float:left; display: inline;}
#login_line	{ margin: 10px 0 5px 0; text-align: center; clear: both;}
#loginBg p { text-align: left; padding: 2px 12px 0 0; line-height:2; }
#loginform{ padding: 5px 0 0 0; }
#loginBtn { margin:10px 0 5px 0; }
.right .icon_r{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_r.jpg) no-repeat;
 padding-left: 17px;
 display: block;
}
.txt{ align=right }
.right a:{ text-decoration: none; color: #4169E1; }
.right a:link { text-decoration: none; color: #4169E1; }
.right a:visited { text-decoration: none; color: #4169E1; }
.right a:hover { text-decoration: underline; color: #4169E1; }
.right a:after { content: "."; height: 0px;  clear: both;  display: block;  visibility: hidden; }

/* login 2015 */
.exciteIDbox { margin-bottom: 8px; padding-top: 3px; width: 300px; text-align: right; font-size: 13px; }
.exciteIDbox a, .exciteIDbox a:link, .exciteIDbox a:visited { padding: 3px 5px 2px; color: #4169E1; line-height: 1.6; white-space: nowrap; }
.btn-main, .btn-w { padding: 3px; border-radius: 4px; text-align: center; }
.btn-main {
  border: 1px solid #F5677B;
  background-color: #F5677B;
  background-image:-moz-linear-gradient(81% 8% -90deg,rgb(250,120,136) 0%,rgb(249,103,121) 100%); 
  background-image:-webkit-gradient(linear,81% 8%,81% 96%,color-stop(0, rgb(250,120,136)),color-stop(1, rgb(249,103,121)));
  background-image:-webkit-linear-gradient(-90deg,rgb(250,120,136) 0%,rgb(249,103,121) 100%);
  background-image:-o-linear-gradient(-90deg,rgb(250,120,136) 0%,rgb(249,103,121) 100%);
  background-image:-ms-linear-gradient(-90deg,rgb(250,120,136) 0%,rgb(249,103,121) 100%);
  background-image:linear-gradient(180deg,rgb(250,120,136) 0%,rgb(249,103,121) 100%);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffa7888,endColorstr=#fff96779,GradientType=0)";
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffa7888,endColorstr=#fff96779,GradientType=0);
}
a.btn-main, a:link.btn-main, a:visited.btn-main { padding: 3px 5px 2px; color: #fff; text-shadow: 0 1px 0 #F5677B; }
.btn-w { border: 1px solid #ddd; background-color: #eee; }

/* お知らせ 電話占い用CSS
----------------------------------------- */
.right { 
 margin: 0 0 10px 0;
}
.right a:link { color: #4169E1; }
.right a:hover { text-decoration: underline; color: #4169E1; }
.right a:visited { color: #4169E1; }
.right:a:active { color: #4169E1; }
.rightBg { 
 font-size: 12px; 
 font-family: Verdana, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS P Gothic', sans-serif; color:#505050;  
 background: url(//image.excite.co.jp/jp/fortune/images/base/rightside/r_c.jpg); 
 width: 300px; 
}
.rightTtl { height:50px; }
.rightBg li { text-align:left; margin: 0px auto; width: 250px; line-height: 1.5;}
.rightBg p { text-align: right; padding: 0px 12px 0 0; line-height:1; }
.rightBtn { margin:10px 0 5px 0; text-align: center;}

.right_Bg { 
 font-size: 12px; 
 font-family: Verdana, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS P Gothic', sans-serif; color:#505050;  
 background: url(//image.excite.co.jp/jp/fortune/images/base/rightside/r_c02.jpg); 
 width: 300px; 
}
.right_Bg li { text-align:left; margin: 0px auto; width: 250px; line-height: 1.5;}
.right_Bg p { text-align: right; padding: 0px 12px 0 0; line-height:1; }
.right_Btn { margin:10px 0 5px 0; text-align: center;}

.right_Bg .phoneIcon{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/rightside/phoneIcon.jpg) no-repeat;
 padding-left: 19px;
 display: block;
}
.rightBg .mark_d{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_star02.jpg) no-repeat;
 padding-left: 19px;
 display: block;
}
.rightBg .arrow{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/arrow01.jpg) no-repeat;
 margin: 0 0 0 205px;
 height:17px; 
 display: block;
}
.rightBg .ranking_1{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_ranking01.jpg) no-repeat; 
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_2{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_ranking02.jpg) no-repeat;  
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_3{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_ranking03.jpg) no-repeat; 
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_4{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_ranking04.jpg) no-repeat; 
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_5{ 
 background: url(//image.excite.co.jp/jp/fortune/images/base/icon_ranking05.jpg) no-repeat; 
 padding-left: 30px; 
 display: block;
}

.side-ranking h3 {
  border: 1px solid #B4881A;
  border-bottom: none;
  border-radius: 5px;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  padding: 10px 0 6px 52px;
  background: url(//image.excite.co.jp/jp/fortune/index/bg-hx.jpg) 5px -298px no-repeat;
}
.side-ranking .rightBg { margin: -10px 0 0; }
.side-ranking .rightBg ul { padding-top: 15px; }

/* fortune horoscope ranking */
#loginBg {
  padding-top: 10px;
}

.horo-ranking {
  margin: 0 0 0 10px;
  position: relative;
  height: 108px;
  font-size: 12px;
  }

.horo-ranking li {
  width: 88px;
  position: absolute;
  display: block;
  height: 20px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #D0C7BE;
  border-radius: 4px;
  background: #F6F0EA;
  background : -webkit-linear-gradient(top, #fff, #F7F2ED);
  background : linear-gradient(to bottom, #fff, #F7F2ED);
  text-align: left;
  line-height: 20px;
  box-shadow: inset 1px 1px 1px rgba(255,255,255,1),
              inset -1px -1px 1px rgba(255,255,255,1);
}
.right .horo-ranking a {
  display: block;
  height: 22px;
  padding: 0 0 0 8px;
  line-height: 22px;
  color: #543636;
  }
  .right .horo-ranking a:visited { color: #e26700; }
.horo-ranking li.ranking_1 a, .horo-ranking li.ranking_2 a, .horo-ranking li.ranking_3 a { 
  padding: 0 0 0 12px; 
  background: #F6F0EA;
  background: url(//image.excite.co.jp/jp/fortune/images/base/rightside/rank-ribbon.png), -webkit-linear-gradient(top, #fff, #F7F2ED);
  background: url(//image.excite.co.jp/jp/fortune/images/base/rightside/rank-ribbon.png), linear-gradient(to bottom, #fff, #F7F2ED); 
  background-repeat:no-repeat;
  background-position:0 0; }
.horo-ranking li.ranking_2 a { background-position: -100px 0; }
.horo-ranking li.ranking_3 a { background-position: -200px 0; }
.horo-ranking li.ranking_4 a { padding: 0 0 0 12px; }
.horo-ranking span { font-weight: bold; }

.horo-ranking .ranking_1 { top: 0; left: 0; box-shadow: inset 0px 0px 1px rgba(255,255,255,1),
              inset -1px -1px 1px rgba(255,255,255,1); }
.horo-ranking .ranking_2 { top: 26px; left: 0; box-shadow: inset 0px 0px 1px rgba(255,255,255,1),
              inset -1px -1px 1px rgba(255,255,255,1); }
.horo-ranking .ranking_3 { top: 52px; left: 0; box-shadow: inset 0px 0px 1px rgba(255,255,255,1),
              inset -1px -1px 1px rgba(255,255,255,1); }
.horo-ranking .ranking_4 { top: 78px; left: 0; }
.horo-ranking .ranking_5 { top: 0; left: 95px; }   
.horo-ranking .ranking_6 { top: 26px; left: 95px; }
.horo-ranking .ranking_7 { top: 52px; left: 95px; }
.horo-ranking .ranking_8 { top: 78px; left: 95px; }
.horo-ranking .ranking_9 { top: 0; left: 190px; }
.horo-ranking .ranking_10 { top: 26px; left: 190px; }
.horo-ranking .ranking_11 { top: 52px; left: 190px; }
.horo-ranking .ranking_12 { top: 78px; left: 190px; }/* end fortune horoscope ranking */