@charset "utf-8";
/*
 * search.css
 * 検索ページ用設定
 */
#search
{}

#content
{
    overflow: hidden;
    zoom: 1;
}

#main
{
    float: left;
    width: 750px;
}

#pageTitle
{
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    padding-left: 10px;
    background: url("/images/bar/green.png") top repeat-x;
    color: #ffffff;
    font-weight: bold;
}

#pageTitle em
{
    font-size: 135%;
}

#searchMethod
{
    overflow: hidden;
    zoom: 1;
    margin-bottom: 25px;
}

#searchMethod #addressTab
{
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    padding-left: 10px;
    background: url("/images/tab/address.png") left center no-repeat;
    color: #ffffff;
    font-weight: bold;
}

#searchMethod #addressTab em
{
    font-size: 135%;
}

#searchMethod #addressTab span
{
    font-size: 77%;
}

#searchMethod #searchByAddress
{
    float: left;
    width: 350px;
    padding: 15px;
    border: 2px solid #00bfff;
}

#searchMethod #searchByAddress #keywordExample
{
    margin: 10px 0;
    font-size: 77%;
    color: #0000ff;
}

#searchMethod #searchByAddress #submitButton
{
    width: 80px;
    margin-left: 20px;
}

#searchMethod .changeMethod
{
    float: right;
    margin-top: 7px;
}

#searchMethod .changeMethod li,
#navigation .changeMethod li
{
    margin-top: 15px;
    margin-left: 40px;
}

#searchMethod .changeMethod li em,
#navigation .changeMethod li em
{
    font-size: 120%;
}

#searchMethod .changeMethod li span,
#navigation .changeMethod li span
{
    font-size: 77%;
}

#searchMethod .changeMethod li a,
#navigation .changeMethod li a
{
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

#searchMethod .changeMethod #byCity a,
#navigation .changeMethod #byCity a
{
    background: url("/images/button/orange.png") left top no-repeat;
}

#searchMethod .changeMethod #byCity a:hover,
#navigation .changeMethod #byCity a:hover
{
    background: url("/images/button/orangeHover.png") left top no-repeat;
}

#searchMethod .changeMethod #byLine a,
#navigation .changeMethod #byLine a
{
    background: url("/images/button/blue.png") left top no-repeat;
}

#searchMethod .changeMethod #byLine a:hover,
#navigation .changeMethod #byLine a:hover
{
    background: url("/images/button/blueHover.png") left top no-repeat;
}

#searchMethod .changeMethod #byMap a,
#navigation .changeMethod #byMap a
{
    background: url("/images/button/pink.png") left top no-repeat;
}

#searchMethod .changeMethod #byMap a:hover,
#navigation .changeMethod #byMap a:hover
{
    background: url("/images/button/pinkHover.png") left top no-repeat;
}

.cityGroup,
#stationList
{
    margin-bottom: 25px;
}

.cityGroup h4,
.railroadCompany h4,
#lineName
{
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #ffffff;
    font-weight: bold;
}

.cityGroup h4
{
    background: url("/images/bar/orange.png") left center repeat-x;
}

.railroadCompany h4.ui-state-default
{
    background: url("/images/bar/diluteBlue.png") left center repeat-x;
}

.railroadCompany h4.ui-state-active
{
    background: url("/images/bar/blue.png") left center repeat-x;
}

#lineName
{
    background: url("/images/bar/lightGreen.png") left center repeat-x;
}

.railroadCompany h4 a
{
    margin-left: 2em;
    color: #ffffff;
}

.cityGroup h4 em,
.railroadCompany h4 em,
#lineName em
{
    font-size: 135%;
}

.cityList,
.lineList,
#stationList
{
    overflow: hidden;
    zoom: 1;
}

.cityList,
#stationList
{
    padding: 7.5px;
    padding-right: 5px;
}

.cityList
{
    border: 1px solid #ffcd00;
}

.railroadCompany .lineList
{
    border: 1px solid #4169e1;
}

#stationList
{
    margin-bottom: 25px;
    border: 1px solid #00ff00;
}

.cityList li,
.lineList li,
#stationList li
{
    float: left;
    margin: 3px 0;
    margin-right: 5px;
}

.cityList li
{
    width: 135px;
}

.lineList li
{
    width: 165px;
}

#stationList li
{
    width: 140px;
}

.cityList li span,
#stationList li span
{
    font-size: 77%;
}

#searchOtherPrefectural,
#searchOtherLine
{
    margin: 50px 0;
    padding: 25px 0;
    border-top: 2px dotted #cccccc;
    border-bottom: 2px dotted #cccccc;
}

#searchOtherPrefectural div,
#searchOtherLine div
{
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    text-indent: 1em;
    color: #ffffff;
    font-weight: bold;
}

#searchOtherPrefectural div
{
    background: url("/images/bar/lightGreen.png") top repeat-x;
}

#searchOtherLine div
{
    background: url("/images/bar/pink.png") top repeat-x;
}

#searchOtherPrefectural div em,
#searchOtherLine div em
{
    font-size: 135%;
}

#searchOtherPrefectural .area,
#searchOtherPrefectural .prefecturalList
{
    overflow: hidden;
    zoom: 1;
}

#searchOtherPrefectural .area
{
    margin: 5px 0;
}

#searchOtherPrefectural .area h5,
#searchOtherPrefectural .prefecturalList li
{
    float: left;
    width: 90px;
    margin: 1.5px 0;
    margin-right: 2.5px;
}

#searchOtherPrefectural .area h5
{
    font-weight: bold;
}

#searchOtherPrefectural li span
{
    font-size: 77%;
}

#resultCount
{
    font-size: 120%;
}

#totalCount
{
    color: #0000ff;
    font-weight: bold;
    /* 親要素のフォント乗算して135%に */
    font-size: 135%;
}

#offsetAndLimit
{
    display: none;
    text-align: right;
}

#offsetAndLimit em
{
    color: #0000ff;
    font-weight: bold;
    font-size: 120%;
}

#map
{
    width: 750px;
    height: 400px;
    margin: 5px 0;
}

.explanation
{
    overflow: hidden;
    zoom: 1;
}

.explanation #mapExplanation
{
    float: left;
}

.explanation #mapExplanation span
{
    font-size: 77%;
}

.explanation .iconExplanation
{
    float: right;
    margin-top: 25px;
}

.iconExplanation a
{
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    background: url("/images/button/lightBlue.png") left top no-repeat;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

.iconExplanation a:hover
{
    background: url("/images/button/lightBlue.png") left top no-repeat;
}

#noDataBox
{
    display: none;
    width: 700px;
    line-height: 2;
    margin: 30px 0;
    padding: 0 30px;
    text-align: left;
}

#noDataBox input
{
    margin-left: 270px;
}

#noData
{
    line-height: 2;
    margin: 25px 0;
    padding: 15px;
    border: 1px solid #cccccc;
}

#detailInfoBox
{
    display: none;
}

#closeInfo
{
    text-align: right;
}

#detailInfo
{
    margin: 25px;
    overflow: hidden;
    zoom: 1;
}

#detailInfo #info
{
    float: left;
    width: 400px;
}

#detailInfo #info #base
{
    overflow: hidden;
    zoom: 1;
}

#detailInfo #info p
{
    float: left;
    width: 290px;
    line-height: 2;
    text-align: left;
}

#detailInfo #image
{
    float: right;
    width: 100px;
}

#detailInfo #image img
{
    max-height: 100px;
    max-width: 100px;
    _height: 100px;
    _width: 100px;
}

#detailInfo #icons ul
{
    padding: 5px;
    text-align: left;
    overflow: hidden;
    zoom: 1;
}

#detailInfo #icons li
{
    float: left;
    margin: 5px 0;
    margin-right: 2.5px;
}

#detailInfo #buttons
{
    float: right;
    width: 200px;
}

#detailInfo #buttons div
{
    margin: 10px 0;
}

#detailInfo #buttons .detail em
{
    font-size: 120%;
}

#detailInfo #buttons .detail span
{
    font-size: 77%;
}

#detailInfo #buttons .detail a
{
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    background: url("/images/button/orange.png") left top no-repeat;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

#detailInfo #buttons .detail a:hover
{
    background: url("/images/button/orangeHover.png") left top no-repeat;
}


#premiseList
{
    overflow: hidden;
    margin: 15px 1px;
}

#premiseList tr
{
    margin-bottom: 15px;
}

#premiseList th
{
    line-height: 2;
    background-color: #8ec31f;
    color: #ffffff;
    border: 1px solid #cccccc;
    text-align: center;
}

#premiseList th#no
{
    width: 25px;
}

#premiseList th#availability
{
    width: 40px;
}

#premiseList th#name,
#premiseList th#fee
{
    width: 180px;
}

#premiseList th#address
{
    width: 210px;
}

#premiseList th#image1,
#premiseList th#image2,
#premiseList th#detail
{
    width: 35px;
}

#premiseList td
{
    line-height: 2;
    border: 1px solid #cccccc;
    text-align: center;
}

#premiseList .centerPremise td.no
{
    color: #8ec31f;
    font-weight: bold;
    text-align: center;
}

#premiseList td.no
{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#premiseList td.parkingOnly
{
    background-color: #8ec31f;
}

#premiseList td.residential
{
    background-color: #ffa500;
}

#premiseList td.icons
{
    padding: 5px 2.5px;
    text-align: left;
}

#premiseList td.icons img
{
    margin: 0 2px;
}

#premiseList td.icons img
{
    margin: 0 2px;
}

#filter
{
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
    padding-left: 10px;
    background: url("/images/bar/green.png") top repeat-x;
    background: url("/images/bar/pink.png") left top repeat-x;
    font-weight: bold;
    color: #ffffff;
}

#filter em
{
    font-size: 120%;
}

#filter span
{
    font-size: 77%;
}

#filterBox
{
    margin: 5px;
    padding: 5px;
}

#filterBox table
{
    margin: 10px;
    vertical-align: middle;
}

#filterBox th
{
    width: 140px;
    line-height: 2;
    background-color: #8ec31f;
    color: #ffffff;
    border: 1px solid #cccccc;
    text-align: center;
}

#filterBox td
{
    width: 600px;
    line-height: 2;
    border: 1px solid #cccccc;
    text-indent: 1em;
    overflow: hidden;
    zoom: 1;
}

#filterBox td input
{
    margin: 0 5px;
}

#filterBox #feeFilter
{
    padding-left: 10px;
}

#filterBox #feeFilter div
{
    float: left;
    margin-right: 25px;
}

#filterBox #sizeFilter div
{
    float: left;
    margin: 5px;
}

#filterBox #sizeFilter div input
{
    width: 30px;
}

#filterBox #sizeFilter div
{
    float: left;
    margin: 5px;
}

#filterBox p
{
    margin: 5px;
}

#filterBox #searchButton
{
    margin: 15px;
    text-align: center;
}

#filterBox #searchButton input
{
    width: 150px;
}

#filterBox .filterClose
{
    text-align: right;
}

.pager
{
    font-size: 120%;
    text-align: center;
}

#sub,
#navigation
{
    float: right;
    width: 250px;
    _width: 235px;
}

#sub .checkFavorites,
#navigation .checkFavorites
{
    margin: 15px 0;
    margin-left: 40px;
}

#sub .menu
{
    margin-bottom: 15px;
}

#sub #campaignCorner .title
{
    line-height: 25px;
    padding-left: 30px;
    background: url("/images/short-title-bar2.gif") left center no-repeat;
    color: #ffffff;
    font-weight: bold;
}

#sub #campaignCorner #campainList
{
    padding: 10px 5px;
    border: 1px solid #5bb531;
}

#sub #campaignCorner #campainList ul
{
    margin: 5px 0;
    border-bottom: 2px dotted #cccccc;
}

#sub #campaignCorner #campainList li
{
    padding: 5px 0;
    border-top: 2px dotted #cccccc;
    overflow: hidden;
    zoom: 1;
}

#sub #campaignCorner #campainList .image
{
    float: left;
    width: 100px;
    height: 100px;
}

#sub #campaignCorner #campainList img
{
    max-width: 100px;
    max-height: 100px;
    _width: 100px;
    _height: 100px;
}

#sub #campaignCorner #campainList .info
{
    float: right;
    width: 135px;
}

#sub #knowledge p,
#sub #insuranceTips p
{
    padding: 5px;
}

#sub #knowledge div,
#sub #insuranceTips div
{
    padding: 0 5px 5px 0;
    text-align: right;
}

#sub .linkTo
{
    text-align: right;
}

#navigation .title
{
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #ffffff;
    font-weight: bold;
}

#navigation .title em
{
    font-size: 135%;
}

#navigation .title span
{
    font-size: 77%;
}

#navigation #searchByAddress
{
    margin: 15px 0;
    border: 1px solid #00bfff;
}

#navigation #searchByAddress .title
{
    background: url("/images/bar/lightBlue.png") left center repeat-x;
}

#navigation #searchByAddress p,
#navigation #searchByAddress form
{
    padding: 5px;
}

#navigation #searchByAddress #submitButton
{
    width: 80px;
    margin-left: 10px;
}

#navigation #townList
{
    margin-bottom: 15px;
    border: 1px solid #00a73c;
}

#navigation #townList .title
{
    background: url("/images/bar/green.png") left center repeat-x;
}

#navigation #townList #townListAccordion
{
    margin: 5px;
}

#navigation #townList .line div
{
    height: 25px;
    line-height: 25px;
    text-indent: 2em;
    color: #ffffff;
    font-weight: bold;
}

#navigation #townList .line div.ui-state-default
{
    background: url("/images/bar/diluteLightGreen.png") left center repeat-x;
}

#navigation #townList .line div.ui-state-active
{
    background: url("/images/bar/lightGreen.png") left center repeat-x;
}

#navigation #townList .line .townList
{
    background-color: #eeffee;
    overflow: hidden;
    zoom: 1;
    padding: 5px;
}

#navigation #townList .line .townList li
{
    float: left;
    width: 100px;
    margin: 1px 0;
    margin-right: 3px;
}

#navigation .cityList
{
    overflow: hidden;
    zoom: 1;
}

#navigation .cityList li
{
    float: left;
    width: 110px;
}

#campaign #pageTitle
{
    background: url("/images/bar/lightBlue.png") top repeat-x;
}

#campaign .pager
{
    margin: 15px;
}

#campaign #campaignList li
{
    margin: 15px 0;
    padding-top: 15px;
    background: url("/images/roundedCorner/lightBlueTop.gif") left top no-repeat;
}

#campaign #campaignList li .detail
{
    border-left: 1px solid #00bfff;
    border-right: 1px solid #00bfff;
    overflow: hidden;
    zoom: 1;
}

#campaign #campaignList li .detail .image
{
    float: left;
    width: 150px;
}

#campaign #campaignList li .detail .image img
{
    max-height: 100px;
    max-width: 100px;
    _height: 100px;
    _width: 100px;
    margin: 0 25px;
}

#campaign #campaignList li .detail .info
{
    float: right;
    width: 590px;
}

#campaign #campaignList li .toDetail
{
    padding-right: 25px;
    padding-bottom: 10px;
    background: url("/images/roundedCorner/lightBlueBottom.gif") left bottom no-repeat;
    text-align: right;
}

#campaign #noCampaign
{
    line-height: 2;
    margin: 25px;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
}

#campaign #sub
{
    margin: 50px 0;
}

/* ------- お気に入り追加・削除用 ------- */
#addFavoriteResult,
#deleteFavoriteResult
{
    line-height: 2;
    padding: 10px 20px;
}

#addFavoriteResult #close,
#deleteFavoriteResult #close
{
    text-align: right;
    cursor: pointer;
}

#addFavoriteResult #close span
{
    color: #0000ff;
    border-bottom: 1px solid #0000ff;
}

#addFavoriteResult p,
#deleteFavoriteResult p
{
    margin: 30px 0;
    font-weight: bold;
    font-size: 120%;
}