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

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

    0. Import External CSS
    1. Search Block
    2. Map
        2-1. Slider
        2-2. Map Contetn
    3. Freeword
        3-1. Main Search Block
        3-2. Sub Search Block
        3-3. Top Page
    4. List of Municipality, Line, Station

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

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

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

/* Area, Station */
div#itemSearchArea,
div#itemSearchStation {
    position: relative;
    padding: 20px 0 20px 20px;
    background: url(/shared/images/bcg_line_01.gif) repeat-x 0 100%;
}

/* Original */
div#itemSearchOriginal {
    position: relative;
    width: 956px;
    padding: 20px 0 20px 20px;
}

div#itemSearchOriginal p {
    width: 740px;
    text-align: right;
}

/* Station with Time */
div#blockMainSearch div.withinTime p.formLabel01 {
    width: 65px;
}

div#blockMainSearch div.withinTime ul {
    width: 650px;
    padding-left: 65px;
}

div#blockMainSearch div.withinTime p.btnSubmit {
    left: 740px;
}

/* Error Message */
div#blockMainSearch div.error.withinTime p.errorMessage {
    padding-left: 65px;
    color: #ff6600;
    font-weight: bold;
}

/* ------------------------------------------------------------
    2. Map
   ------------------------------------------------------------ */

/*  2-1. Slider
   ------------------------------------------------- */
div#blockTimeSlider {
    overflow: hidden;
    width: 980px;
    height: 65px;
    background: url(/shared/images/bcg_map_slider.png) no-repeat 0 7px;
}

/*  2-2. Map Content
   ------------------------------------------------- */
div#blockMap {
    position: relative;
}

div#blockMap div#itemMapBody {
    width: 980px;
    height: 620px;
}

div#blockMap ul#itemMapNote {}

div#blockMap ul#itemMapNote li {
    margin-left: 1em;
    text-indent: -1em;
}

/* ------------------------------------------------------------
    3. Freeword
   ------------------------------------------------------------ */

/*  3-1. Main Search Block
   ------------------------------------------------- */
div#itemMainSearchFreeword {
    position: relative;
    padding: 20px 0 20px 20px;
}

div#itemMainSearchFreeword dl.searchOption01 {
    margin-bottom: 10px;
}

div#itemMainSearchFreeword dl.searchOption01 dt, 
div#itemMainSearchFreeword dl.searchOption01 dd {
    display: inline;
}

div#itemMainSearchFreeword dl.searchOption01 dd ul {
    display: inline;
    float: none;
    width: auto;
    padding-left: 0;
}

div#itemMainSearchFreeword dl.searchOption01 dd ul li {
    display: inline;
    padding: 0 0 0 5px;
    background: url(/shared/images/bcg_line_03.gif) no-repeat 0 2px;
}

div#itemMainSearchFreeword dl.searchOption01 dd ul li strong {
    color: #ff0000;
    font-weight: normal;
}

div#itemMainSearchFreeword dl.searchOption01 dd span {
    margin-left: 5px;
}

div#itemMainSearchFreeword p.inputWord01 {
    display: inline;
}

div#itemMainSearchFreeword p.inputWord01 input {
    width: 585px;
    vertical-align: middle;
}

div#itemMainSearchFreeword p.btnSubmit {
    display: inline;
    position: static;
    bottom: auto;
    left: auto;
}

div#itemMainSearchFreeword p.btnSubmit input {
    margin-left: 13px;
    vertical-align: middle;
}

/*  3-2. Sub Search Block
   ------------------------------------------------- */
div#blockSubSearchFreeword {}

/* --- Area --- */
div.itemSubSearchFreeword01 {
    position: relative;
    padding: 10px 0 10px 7px;
    background: url(/shared/images/bcg_line_01.gif) repeat-x 0 100%;
}

div.itemSubSearchFreeword01 p.formLabel01 {
    position: absolute;
    top: 14px;
    left: 7px;
    width: 60px;
}

div.itemSubSearchFreeword01 ul {
    width: 480px;
    padding-left: 60px;
}

div.itemSubSearchFreeword01 ul li {
    margin-bottom: 8px; 
}

div.itemSubSearchFreeword01 ul li.rowSubmit {
    margin-bottom: 0;
}

div.itemSubSearchFreeword01 ul li select{
    margin-left: 12px;
    vertical-align: middle;
}

div.itemSubSearchFreeword01 ul li select.selectField02 {
    width: 218px;
}

/* Error Message */
div#blockSubSearchFreeword div.error p.errorMessage {
    padding-left: 72px;
    color: #ff6600;
    font-weight: bold;
}

/* Request Row Control Button */
div.itemSubSearchFreeword01 dl.ctrlRequestRow {
    position: absolute;
    top: 10px;
    right: 7px;
    margin: 0;
    padding: 0;
}

div.itemSubSearchFreeword01 dl.ctrlRequestRow dt {
    display: inline;
}

div.itemSubSearchFreeword01 dl.ctrlRequestRow dt img {
    margin-top: 5px;
}

div.itemSubSearchFreeword01 dl.ctrlRequestRow dd {
    display: inline;
}

div.itemSubSearchFreeword01 dl.ctrlRequestRow dd input {
    margin-right: 3px;
}

/* --- Others --- */
div.itemSubSearchFreeword02 dl {
    float: left;
    width: 158px;
    margin: 0 2px 0 0;
    padding: 10px 0;
}

div.itemSubSearchFreeword02 dl.firstChild {
    margin-left: 7px;
}

* html div.itemSubSearchFreeword02 dl.firstChild { /* For IE6 */
	margin-left: 3px;
}

div.itemSubSearchFreeword02 dl.lastChild {
    margin-right: 0;
}

div.itemSubSearchFreeword02 dl dt {
    display: block;
    height: 20px;
}

div.itemSubSearchFreeword02 dl dd a {
    display: block;
    width: 121px;
    height: 33px;
    margin: 0;
    padding: 0 27px 0 10px;
    border: none;
    background: url(/shared/images/bcg_search_option_item.gif) no-repeat 0 0;
    color: #000000;
    line-height: 33px;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

div.itemSubSearchFreeword02 dl dd a:hover,
div.itemSubSearchFreeword02 dl dd a:active,
div.itemSubSearchFreeword02 dl dd button.selected {
    background: url(/shared/images/bcg_search_option_item_o.gif) no-repeat 0 0;
}

/*  3-3. Top Page
   ------------------------------------------------- */
div.contentFreeword01 {
    min-height: 300px;
}

* html div.contentFreeword01 { /* For IE6 */
    height: 300px;
}

/* ------------------------------------------------------------
    4. List of Municipality, Line, Station
   ------------------------------------------------------------ */
p.backToRailroadList {
    position: absolute;
    top: 8px;
    right: 10px;
}

table.tblItemList01 {
    width: 100%;
    margin-bottom: 30px;
}

table.tblItemList01 td {
    width: 14%;
    text-align: center;
}

/* Alternative Info For Noscript */
div.alternateInfo {
    position: absolute;
    top: 220px;
    left: 0;
    width: 100%;
    text-align: left;
}

div.alternateInfo div.searchLinkList {
    width: 876px;
    margin: 0 auto;
    padding: 15px 10px;
    background: #ffffff;
    border: 2px solid #cccccc;
}

div#blockNearItems {
    margin-bottom: 20px;
    padding: 10px;
    background: #f8f6f7;
}

div#blockNearItems p.ttl {
    margin-bottom: 5px;
}

div#blockNearItems ul.listNearItems li {
    float: left;
	margin-right: 7px;
	color: #003366;
	font-size: 93%;
}

* html div#blockNearItems ul.listNearItems li { white-space: nowrap; }
*+html div#blockNearItems ul.listNearItems li { white-space: nowrap; }

div#blockNearItems ul.listNearItems li.parent {
    padding-right: 10px;
    background: url(/shared/images/bcg_topic_path_item.gif) no-repeat right center;
    font-weight: bold;
}