@charset "UTF-8";

/* CSS Document 
-----------------------------------------------------------------------------*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
pre,
ul,
ol,
li,
dl,
dt,
dd,
address,
form,
blockquote {
 margin:0;
 padding:0;
}

/* clearfix 
-----------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* font
#contents{ height: auto;}
-----------------------------------------------------------------------------*/
#content { font-size:80%; color:#505050;  text-align: left;  overflow: hidden; }

/* link
-----------------------------------------------------------------------------*/
#content hr { border: 1px solid #ffffff }
#content p { margin-bottom: 5px; line-height: 1.5; }
#content a { text-decoration: none; color: #4169E1; }
#content a:hover { text-decoration: underline; color: #4169E1; }
#content:after { content: ".";  height: 0px;  clear: both;  display: block;  visibility: hidden; }

#content a.thmb img{ border: 1px solid #cccccc;}

/* sort
-----------------------------------------------------------------------------*/
div#cont01 .sort{
 width: 612px;
 height:40px; 
 background: url(/images/base/bgsort01.jpg) no-repeat;
 margin-bottom: 10px;
}

#sortmenu_wrapper { 
  height: 21px;
  padding: 10px 0 0 10px;
}

div#cont01 .txt06 #sortmenu_wrapper { 
  height: 21px;
  padding: 5px 0 0 10px;
}

#common_sortmenu{
  margin: 0 auto;
  width: 612px;
}

#common_sortmenu02{
  margin: 0 auto;
  width: 612px;
  margin-bottom: 10px;
}

ul#sortmenu {
 height: 21px;
 border-right; solid 1px; 
}

ul#sortmenu li {
 list-style-type: none;
 float: left
}

/* pageNavigation
-----------------------------------------------------------------------------*/
.fortune_arr  { font-size: 10px; font-family: verdana; text-decoration: none; margin: 5px; }
.fortune_next { clear: both; padding: 5px 0 5px 0; color: #505050; font-size: 90%; font-family: Verdana; text-align: left; }
.fortune_next a:link, .next a:visited { color: #ff0066; }
.fortune_nextnm a { margin: 1px; padding: 2px; border: 1px solid #ffffff; color: #ffffff; background-color: ffffff; text-decoration: none; }
.fortune_nextnm a:hover { color: #fff; background-color: #ffffff; border: solid 1px #ffffff; }
.fortune_nextnm strong { margin: 1px; padding: 3px 6px; border: solid 1px; color: #cccccc; background-color: #ffffff; }

/* page_tag
-----------------------------------------------------------------------------*/
#page_tag {
 width: 100%;
 margin:  0 0 5px 0;
 text-align: left;
 font-size: 13px;
}

#page_tag a{
 color: #4169E1;

}

/* container
-----------------------------------------------------------------------------*/
div#container	{
 margin-left: auto;
 margin-right: auto
}

/* header 
-----------------------------------------------------------------------------*/
#h_wrapper { 
  /* background: url(/images/base/header_bg01.gif) repeat-x top; */
  /*height: 100px;*/
  height: auto;
}

#h_wrapper_content { 
  background: url(/images/base/header_bg01.gif) repeat-x top; 
  height: 190px;
}

#common_header {
  /* background:url(/images/base/header_bg02.gif) repeat-x top; */
  margin: 0 auto;
  width: 975px;
  text-align:left !important;
  font-size: 12px;
  line-height: 17px;
}

#common_header ul.txtlink li {
  font-size: 10px;
  line-height: 14px;
  margin: 0 -1px 0 0;
  padding: 2px 5px;
  background: url(/images/base/header_linkline.gif) no-repeat right center;
  float: right;
}

#common_header ul.txtlink li a {
  color: #fff !important;
  text-decoration: none;
}

#common_header ul.txtlink li a:hover {
  color: #fff;
  text-decoration: underline;
}

#common_header h1 {
  padding: 30px 0 0 0;
}

/*bnr_header*/
#header_bnr {
  clear: both;
  zoom: 1;
  height: 90px;
  width:975px;
  margin:-63px auto 14px;
  text-align:right;
}

/* menu 
-----------------------------------------------------------------------------*/
#menu_wrapper { 
  background: url(/images/base/headernavi_bg.jpg) repeat-x top; 
  height: 35px;
}

#common_menu{
  margin: 0 auto;
  width: 975px;
}

ul#menu	{
 height: 35px;
 background: url(/images/base/headernavi_bg.jpg) repeat-x top; 
 border-right; solid 1px; 
}

ul#menu li {
 list-style-type: none;
 float: left
}

ul#menu li a　{
 display: block;
 width: 135px;
 line-height: 50px;
 text-decoration: none;
 text-align: center;
 color: #ffffff;
}

ul#menu li.menulast a	{border-right: none}

/* content
-----------------------------------------------------------------------------*/
#index_wrapper { 
  margin: 20px auto;
  width: 975px;
}

#content_wrapper { 
  margin: 10px auto;
  width: 975px;
  overflow: hidden;
  zoom:1;
}

div#content {
 width: 655px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 50px
}

span.new{ background: url(/images/base/new.jpg) no-repeat;  display: block; position: absolute; top: 6px; right: 0;}

.tag_all{ 
 background: url(/images/base/tag_all.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_work{ 
 background: url(/images/base/tag_work.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_love{ 
 background: url(/images/base/tag_love.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_marriage{ 
 background: url(/images/base/tag_marriage.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_teller{ 
 background: url(/images/base/tag_teller.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_senjutsu{ 
 background: url(/images/base/tag_senjutsu.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_money{ 
 background: url(/images/base/tag_money.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_workmoney{ 
 background: url(/images/base/tag_workmoney.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.tag_self{ 
 background: url(/images/base/tag_self.jpg) no-repeat; 
 padding: 2px 0 7px 0; 
 padding-left: 80px;
 display: block;
}

.mark_a{ 
 background: url(/images/base/icon_star01.jpg) no-repeat;
 padding: 5px 0 5px 0; 
 padding-left: 25px;
 display: block;
}

.mark_arrow01{ 
 background: url(/images/base/arrow01.jpg) no-repeat; 
 background-position: 525px;   
 display: block;
}

.mark_arrow02{ 
 background: url(/images/base/arrow01.jpg) no-repeat; 
 background-position: 535px;  
 display: block;
}

.mark_arrow03{ 
 background: url(/images/base/arrow01.jpg) no-repeat; 
 background-position: 545px;   
 display: block;
}

.mark_c{ 
 background: url(/images/base/icon_moon01.jpg) no-repeat;
 padding: 3px 0 5px 0; 
 padding-left: 25px;
 display: block;
}

.mark_d{ 
 background: url(/images/base/icon_star02.jpg) no-repeat;
 padding: 0 0 0 0; 
 padding-left: 18px;
 display: block;
}

.ranking_1{ 
 background: url(/images/base/icon_ranking01.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_2{ 
 background: url(/images/base/icon_ranking02.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_3{ 
 background: url(/images/base/icon_ranking03.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_4{ 
 background: url(/images/base/icon_ranking04.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_5{ 
 background: url(/images/base/icon_ranking05.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

/*
.ranking_6{ 
 background: url(/images/base/icon_ranking06.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_7{ 
 background: url(/images/base/icon_ranking07.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_8{ 
 background: url(/images/base/icon_ranking08.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_9{ 
 background: url(/images/base/icon_ranking09.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_10{ 
 background: url(/images/base/icon_ranking10.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_11{ 
 background: url(/images/base/icon_ranking11.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

.ranking_12{ 
 background: url(/images/base/icon_ranking12.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}
*/


.icon_ranking_etc{ 
 background: url(/images/base/icon_ranking_etc.jpg) no-repeat; 
 padding: 5px 0 7px 0; 
 padding-left: 30px; 
 display: block;
}

p.more01 { width: 610px; clear: both; padding: 5px 0 0 0; text-align: right;}
p.more02 { width: 620px; clear: both; padding: 5px 0 0 20px; text-align: right;}
p.more03 { width: 630px; clear: both; padding: 5px 0 0 20px; text-align: right;}

/* side 
-----------------------------------------------------------------------------*/
div#index_right {
 width: 300px;
 float: right;
 margin-bottom: 50px;
 overflow: hidden;
}

div#cont_right {
 width: 300px;
 float: right;
/* margin:  25px 0 0 0;*/
 margin-bottom: 50px;
 overflow: hidden;
 font-size: 13px;
}

div#sbcont_right {
 padding:  0 0 10px 0;
}

/* お試し検索
-----------------------------------------------------------------------------*/


/* footer
-----------------------------------------------------------------------------*/
#f_wrapper { background: url(/images/base/bg_footer.gif) repeat-x center top; height: 5px;}

#f_navi {
  background: url(https://image.excite.co.jp/jp/woman/fortune/img/footer_bg.gif) repeat-x center top;
  background-color: #f3efeb;
  font-size: 10px;
  line-height:20px;
  text-align: center;
  padding: 35px 0 50px;
  clear: both;
}

#common_header p.bnr_header {
 clear: both;
 text-align: center;
 padding-top: 11px;
 zoom: 1;
 *height: 91px; /* for IE6 */
 *padding-top: 9px; /* for IE6 */
}


/* 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(https://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(https://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; }


/* お知らせ 電話占い用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(https://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(https://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(https://image.excite.co.jp/jp/fortune/images/base/rightside/phoneIcon.jpg) no-repeat;
 padding-left: 19px;
 display: block;
}
.rightBg .mark_d{ 
 background: url(https://image.excite.co.jp/jp/fortune/images/base/icon_star02.jpg) no-repeat;
 padding-left: 19px;
 display: block;
}
.rightBg .arrow{ 
 background: url(https://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(https://image.excite.co.jp/jp/fortune/images/base/icon_ranking01.jpg) no-repeat;
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_2{ 
 background: url(https://image.excite.co.jp/jp/fortune/images/base/icon_ranking02.jpg) no-repeat;
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_3{ 
 background: url(https://image.excite.co.jp/jp/fortune/images/base/icon_ranking03.jpg) no-repeat;
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_4{ 
 background: url(https://image.excite.co.jp/jp/fortune/images/base/icon_ranking04.jpg) no-repeat;
 padding-left: 30px; 
 display: block;
}
.rightBg .ranking_5{ 
 background: url(https://image.excite.co.jp/jp/fortune/images/base/icon_ranking05.jpg) no-repeat;
 padding-left: 30px; 
 display: block;
}