@charset "UTF-8";
/*////////////////////////////////////////////////////////////
mansion100% - fortune.css for "fortune" category.

Copyright (C) NEXT Co,. Ltd. All right reserved.
------------------------------------------------------------

    0. Import External CSS
    1. Main Layout
    2. Common
    3. Header
    4. Content
    5. Sidebar

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
    0. Import External CSS
   ------------------------------------------------------------ */
@import "common.css";

/* ------------------------------------------------------------
    1. Main Layout
   ------------------------------------------------------------ */
div#headerFortune{
    position: relative;
    min-height: 229px;
    /* for IE [start] */
    height: auto !important;
    height: 229px;
    /* for IE [end] */
    padding: 64px 0 10px;
    background: transparent url(/fortune/images/bcg_header_01.gif) no-repeat 0 0;
}

div#contentFortune{
    width: 977px;
    margin-bottom: 60px;
    padding-bottom: 90px;
    background: transparent url(/fortune/images/bcg_content_03.gif) repeat-y 0 0;
    border-bottom: 5px solid #990000;
    overflow: hidden;
}

div.primary{
    float: left;
    width: 632px;
    margin-bottom: 10px;
    background: transparent url(/fortune/images/bcg_content_05.gif) repeat-y 0 0;
}

div.secondary{
    float: right;
    width: 277px;
    margin-bottom: 45px;
    background: transparent url(/fortune/images/bcg_content_06.gif) repeat-y 0 0;
    border-bottom: 5px solid #990000;
}

/* ------------------------------------------------------------
    2. Common
   ------------------------------------------------------------ */

/* --- Link --- */
div#fortune a:link,
div#fortune a:visited {
    color: #990000;
    text-decoration: underline;
}

div#fortune a:hover,
div#fortune a:active {
    color: #990000;
    text-decoration: none;
}

div#contentFortune div.primary a:link,
div#contentFortune div.primary a:visited{
    text-decoration: none;
}

div#contentFortune div.primary a:hover,
div#contentFortune div.primary a:active{
    text-decoration: underline;
}

/* --- Page Nav --- */
ul.navPage{
    width: 560px;
    text-align: center;
}

ul.navPage li{
    display: inline;
}

ul.navPage li.prev{
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #000000;
}

ul.navPage li.next{
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #000000;
}

/* ------------------------------------------------------------
    3. Header
   ------------------------------------------------------------ */
div#headerFortune h1{
    margin-left: 50px;
}

div#headerFortune p.copy{
    margin: 20px 0 3em 45px;
    width: 560px;
}

/* --- Page Nav --- */
div#headerFortune ul.navPage {
    position: absolute;
    bottom: 5px;
    left: 45px;
}

/* --- Current Category --- */
p.currentCategory {
    position: absolute;
    bottom: 5px;
    left: 45px;
    width: 560px;
    color: #990000;
    font-weight: bold;
    font-size: 116%;
}

/* ------------------------------------------------------------
    4. Content
   ------------------------------------------------------------ */
div.blockEntry div.entry{
    padding-top: 35px;
    background: transparent url(/fortune/images/bcg_content_01.gif) no-repeat 0 0;
}

/* --- Header --- */
div.blockEntry div.entry h2{
    width: 412px;
    margin: 0 auto;
    padding: 15px 125px 15px 25px;
    background: #990000 url(/fortune/images/bcg_ttl_entry_01.gif) no-repeat 100% 0;
    color: #ffffff;
    font-weight: bold;
}

div.blockEntry div.entry ul.meta{
    margin: 5px 25px;
    font-size: 93%;
    text-align: right;
}

div.blockEntry div.entry ul.meta li{
    display: inline;
    margin-right: 5px;
    padding-right: 5px;    
    border-right: 1px solid #000000;
}

/* --- Body --- */
div.blockEntry div.entry div.entryBody{
    padding: 0 35px 70px;
    background: transparent url(/fortune/images/bcg_content_07.gif) no-repeat 0 100%;
}

div.blockEntry div.entry div.entryBody p{
    margin-top: 2em;
}

div.blockEntry div.entry div.entryBody a.readMore{
    padding-left: 15px;
    background: transparent url(/fortune/images/icn_arrow_01.gif) no-repeat 0 50%;
}

/* ------------------------------------------------------------
    5. Sidebar
   ------------------------------------------------------------ */
div.secondary div#blockProfile,
div.secondary div#blockCategory,
div.secondary div#blockArchive,
div.secondary div#blockAdvise{
    background: transparent url(/fortune/images/bcg_content_02.gif) no-repeat 0 0;
    padding: 25px;
}

div.secondary h2{
    margin-bottom: 25px;
    padding: 5px 10px;
    background: #990000;
    color: #ffffff;
    font-weight: bold;
}

/* --- Category --- */
div.secondary div#blockCategory ul li{
    padding-left: 15px;
    background: transparent url(/fortune/images/icn_arrow_01.gif) no-repeat 0 50%;
}

/* --- Archive --- */
div.secondary div#blockArchive dl dt{
    color: #333333;
    font-size: 77%;
}

div.secondary div#blockArchive dl dd{
    margin-bottom: 10px;
}

/* --- Advise --- */
div.secondary div#blockAdvise h3{
    margin-bottom: 10px;
}

div.secondary div#blockAdvise ol li{
    list-style: decimal inside;
}

div.secondary div#blockAdvise div.contentAdvise{
    margin-top: 20px;
    padding: 10px;
    background: #cccccc;
}

div.secondary div#blockAdvise div.contentAdvise h4{
    margin-bottom: 1em;
}