@charset "UTF-8";

/* bace
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,{
padding: 0;/* margin&padding reset */
line-height: 1.4;/* base line height */
display: block;
margin: 0px;
color:#505050;
}
table {margin : 0;empty-cells: show; font-size:small;}
hr,.areaAnchor,.anchor { display : none; }
img {
border: none;/* img do not want a border */
vertical-align: bottom;}
li { list-style: none; }/* link do not want a dot */
.Lymain a:link{ color: #4169E1; text-decoration:underline;}
.Lymain a:visited{ color: #4169E1; text-decoration:none;}
.Lymain a:hover{ color: #4169E1; text-decoration:none;}
.Lymain a:active{ color: #4169E1; text-decoration:none;}

/* clearfix
--------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.nonetext { font-size: 1px; line-height: 1px; text-indent: -99999px; overflow: hidden; outline: none; text-align: center;}


/* fontcolor
--------------------------------------------------*/
.red { color: #cb3a7d; }


/* fontsize
--------------------------------------------------*/
.lr { font-size: larger;}
.sr { font-size: smaller;}
.weight { font-weight:bold;}


/* icon
--------------------------------------------------*/
.iconCircle { padding-left: 15px; background: url(https://image.excite.co.jp/jp/fortune/index/iconCircle.gif) 0% 50% no-repeat;}
.iconHart { padding-left: 25px; background: url(https://image.excite.co.jp/jp/fortune/index/iconHart.gif) 0% 50% no-repeat;}
.iconRose { padding-left: 25px; background: url(https://image.excite.co.jp/jp/fortune/index/iconRose.gif) 0% 50% no-repeat;}
.iconCrown { padding-left: 25px; background: url(https://image.excite.co.jp/jp/fortune/index/iconCrown.gif) 0% 50% no-repeat;}
.iconJewelry { padding-left: 25px; background: url(https://image.excite.co.jp/jp/fortune/index/iconJewelry.gif) 0% 50% no-repeat;}
.iconSymbol { padding-left: 25px; background: url(https://image.excite.co.jp/jp/fortune/index/iconSymbol.gif) 0% 50% no-repeat;}
.mark_a { padding-left: 25px; background: url(https://fortune.woman.excite.co.jp/images/base/icon_star01.jpg) 0% 3% no-repeat;}
.mark_d { padding-left: 18px; background: url(https://fortune.woman.excite.co.jp/images/base/icon_star02.jpg) 0% 3% no-repeat;}
.mark_new { padding-left: 32px; background: url(https://image.excite.co.jp/jp/fortune/index/ico_new30x9.gif) 0 3px no-repeat;}
#new-blk li.mark_new{ padding: 0 0 5px 32px;}

/* line
--------------------------------------------------*/
.linedot01 { height: 1px; background: url(https://image.excite.co.jp/jp/fortune/index/linedot02.gif) repeat;}
.linedot02 { height: 1px; background: url(https://image.excite.co.jp/jp/fortune/index/linedot01.gif) repeat;}

/* content
--------------------------------------------------*/
#content_wrapper { width: 975px; margin: 10px auto;}
#content { width: 655px; float: left; margin: 0 0 50px 0; font-size:80%; line-height: 1.4; text-align: left;}
#content a:link{ color: #4169E1; text-decoration:underline;}
#content a:visited{ color: #4169E1; text-decoration:none;}
#content a:hover{ color: #4169E1; text-decoration:none;}
#content a:active{ color: #4169E1; text-decoration:none;}

/* .bar { height: 32px; padding: 6px 0 0 44px; font-size: 18px; line-height: 28px; font-weight: bold; background: url(//image.excite.co.jp/jp/fortune/index/bg-index-hx.jpg) no-repeat; }
 *//* .bar.bg-orng { background: url(//image.excite.co.jp/jp/fortune/index/bg-index-hx.jpg) 0 -40px no-repeat; } */
.bar.bg-blue { color: #463043; background: url(//image.excite.co.jp/jp/fortune/index/bg-index-hx.jpg) 0 -80px no-repeat; }
#sbCategory h2 { height: 30px; padding: 2px 0 0 34px; font-size: 14px; line-height: 28px; font-weight: bold; background: url(//image.excite.co.jp/jp/fortune/index/bg-index-hx.jpg) 0 -120px no-repeat; }
.titlebar { position: relative; }
.position-tr { position: absolute; top: 0; right: 0; line-height: 38px; font-size: 12px; padding: 0 10px 0 0; }

#topics { width: 650px; height: 35px; background: url(https://image.excite.co.jp/jp/fortune/index/bgTopics.gif) no-repeat;background-size:650px auto; text-align: center; padding:10px 0 0;margin:10px 0 0 5px;}
#topics a { padding: 0 10px;}

#main { width: 505px; float: left;}
.recommend { margin-bottom:15px;}
#free { margin-bottom:15px;}
#all { padding:10px 0 0 0; text-align: right;}

#new-blk ul{ margin-top: 10px; }
#new-blk li{ padding: 0 0 5px 20px;}
#new-blk li.linedot01{ margin-top: 10px; padding: 0; }

.recommend ul#bnRecommend01 li { float: left; width: 252px; text-align: center;}
.recommend ul#bnRecommend02 li { float: left; width: 125px; text-align: center;}
ul#bnRecommend01 li dt { padding: 15px 0;}
ul#bnRecommend01 li dd { padding: 0 20px 10px 20px; text-align: left;}
ul#bnRecommend02 li dt { padding: 15px 0;}
ul#bnRecommend02 li dd { padding: 0 15px 10px 15px; text-align: left;}

#ttlFree ul#free li { float: left; width: 125px;}
#ttlFree ul#free li dt { padding: 15px 0; text-align: center;}
#ttlFree ul#free li dd { padding: 0 17px 10px 17px; text-align: left;}

#sbCategory { padding-top:15px;}
#sbCategory ul li { float: left; width: 101px;}
#sbCategory ul li dt { padding: 10px 0 5px 0; }
#sbCategory ul li dd { padding: 10px 10px 15px 10px; text-align: center;}

#bn img{ padding: 15px 0;}

#leftSide { width: 150px; float: left; text-align: left;}
#l_u { width: 135px; height: 5px; background: url(https://image.excite.co.jp/jp/fortune/index/l_u.gif) no-repeat;}
#l_un { width: 135px; height: 5px; background: url(https://image.excite.co.jp/jp/fortune/index/l_un.gif) no-repeat;}

#l_c { width: 135px; background: url(https://image.excite.co.jp/jp/fortune/index/l_c.gif) repeat;}
#l_c ul#category { width: 115px; padding:0 10px;}
#l_c div#ttlCategory { margin:0 2px; padding: 10px 25px;}
#l_c div#line_m { width: 135px; height: 1px; background: url(https://image.excite.co.jp/jp/fortune/index/line02.gif) no-repeat;}
#l_c ul#category { margin: 10px 0;}
#l_c ul#category li { padding-left: 15px; background: url(https://image.excite.co.jp/jp/fortune/index/iconCircle.gif) 0% 50% no-repeat;}
#l_c ul#category li a.red { color: #cb3a7d; text-decoration:underline;}
#l_c ul#category li a.red:visited{ color: #cb3a7d; text-decoration:none;}
#l_c ul#category li a.red:hover{ color: #cb3a7d; text-decoration:none;}
#l_c ul#category li a.red:active{ color: #cb3a7d; text-decoration:none;}

#l_c ul#l_bn { padding: 10px 0;}
#l_c ul#l_bn li#l_bnimg { width: 93px; margin:10px auto 5px;}
#l_c ul#l_bn li#l_itemttl { width: 100px; padding:0 20px; text-align: left;}
.mark_star01 { padding-left: 30px; background: url(https://fortune.woman.excite.co.jp/images/base/icon_star02.jpg) 3% 3% no-repeat;}


/* rightSide
--------------------------------------------------*/
div#index_right { width: 300px; float: right; margin-bottom: 50px; overflow: hidden;}
div#cont_right { width: 300px; float: right; margin-bottom: 50px; overflow: hidden;}
div#sbcont_right { padding-bottom: 10px;}

.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; }

/* footer
--------------------------------------------------*/
#copy { text-align: center;}

/* maintenance_msg
--------------------------------------------------*/
#maintenance_msg { padding: 10px; }
#maintenance_msg a:link { color: #f00; }
#maintenance_msg a:visited { color: #f00; }
#maintenance_msg a:hover { color: #f00; }
#maintenance_msg a:active { color: #f00; }


/* 調整
--------------------------------------------------*/
#subnavi {
    clear: both;
    background: #fff;
    width: 975px;
    margin: auto;
}

#content_wrapper {
    width: 975px;
    margin: 10px auto;
}

#content a{
  font-size: 13px;
}

.Lyside {
    border:none;
    margin-left:-20px;
}

#subnavi ul li a:hover, #subnavi ul li a.current, #subnavi ul li dd a.current {
    text-decoration: none
}

#category_logo {
    width: 975px;
    margin: 36px auto 0;
    text-align: left;
}
