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

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

    0. Import External CSS
    1. Common
        1-1. Search Block
        1-2. Pickup Content
    2. Top Page
    3. Detail Page
        3-1. Header
        3-2. Content
    4. No Result

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

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

/* ------------------------------------------------------------
    1. Common
   ------------------------------------------------------------ */

/*  1-1. Search Block
   ------------------------------------------------- */

/* Tab */
div#navAtoz {}

div#navAtoz ul li {
    float: left;
    margin-right: 2px;
}

div#navAtoz ul li a,
div#navAtoz ul li strong {
    display: block;
}

/* Category */
div#itemSearchCategory {
    position: relative;
    padding: 20px 0 20px 20px;
}

div#itemSearchCategory select.selectField01 {
    width: 360px;
}

/*  1-2. Pickup Content
   ------------------------------------------------- */
div.wrapWord {
    margin-bottom: 10px;
}

div#blockWordPickup,
div#blockWordHotword {
    float: left;
    width: 479px;
    padding-bottom: 14px;
    background: #fefefe url(/word/images/bcg_word_list_01.gif) no-repeat 0 100%;
}

div#blockWordHotword {
    float: right;
	padding-bottom: 1px;
    background: #daedfb url(/word/images/bcg_word_tag_cloud_01.gif) no-repeat 0 100%;
}

/* Word Pickup */
div#blockWordPickup ul li {
    padding: 15px 15px 12px 15px;
    margin-top: -1px;
    background: url(/shared/images/bcg_line_01.gif) repeat-x 0 0;
    font-weight: bold;
}

/* Hotword Tag Cloud */
div#blockWordHotword div#wordTagCloud {
    width: 479px;
    height: 222px;
	margin-top: 5px;
	overflow: hidden;
}

/* Word Request */
div.blockWordAccept{
    position: relative;
    height: 53px;
    margin: 20px 0 45px 0;
    background: url(/word/images/bcg_accept_word_request_01.gif) no-repeat 0 0;
}

div.blockWordAccept h2 {
    position: absolute;
    top: 18px;
    left: 21px;
}

div.blockWordAccept p {
    position: absolute;
    top: 11px;
    left: 275px;
}

div.blockWordAccept p.btnWordRequest {
    position: absolute;
    top: 10px;
    left: 710px;
}

/* ------------------------------------------------------------
    2. Top Page
   ------------------------------------------------------------ */
div#blockWordComment {
    float: left;
    width: 479px;
    padding-bottom: 14px;
    margin-bottom: 10px;
    background: #fefefe url(/word/images/bcg_word_list_01.gif) no-repeat 0 100%;
}

div#blockWordComment ul li {
    padding: 15px 15px 12px 15px;
    margin-top: -1px;
    background: url(/shared/images/bcg_line_01.gif) repeat-x 0 0;
    font-weight: bold;
}

/* Rank Icon */
div#blockWordComment ul li img {
    margin-top: -5px;
    margin-right: 10px;
    vertical-align: middle;
}

/* Hotword */
div#wrapWordTop div#blockWordHotword div#wordTagCloud {
    height: 512px;
}

* html div#wrapWordTop div#blockWordHotword div#wordTagCloud { /* For IE6 */
    height: 488px;
}

/* ------------------------------------------------------------
    3. Detail Page
   ------------------------------------------------------------ */

/*  3-1. Header
   ------------------------------------------------- */
div#blockWordHeader {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff9933;
}

div#blockWordHeader h1 {
    display: inline;
    margin: 0 4px 0 0;
    border: none;
    font-size: 161.6%;
}

div#blockWordHeader p.wordKana {
    display: inline;
    position: relative;
    top: -2px;
}

/*  3-2. Content
   ------------------------------------------------- */
div#blockKeywordContent {}

div#blockKeywordContent div.itemThumnail {
    float: right;
    padding-left: 90px;
}

div#blockKeywordContent div.itemThumnail p {
    text-align: right;
    font-size: 77%;
}

/* ------------------------------------------------------------
    4. No Result
   ------------------------------------------------------------ */
div.blockWordNoResult {
    margin-bottom: 125px;
}

div.blockWordNoResult h2 {
    margin-bottom: 60px;
    border-bottom: 2px #999999 solid;
    font-size: 108%;
    font-weight: bold;
}

div.blockWordNoResult p{
    margin: 0 auto;
    text-align: center;
}

div.blockWordNoResult p.noResultMessage {
    width: 428px;
    height: 120px;
    margin: 35px auto 10px;
    background: url(/word/images/txt_no_result_word_02.gif) no-repeat 0 0;
}