@charset "utf-8";
/*
 * top.css
 * TOPページ用設定
 */
/*------- /index/index -------*/
#top
{}

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

#navi .checkFavorites
{
    float: right;
}

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

/* jquery tabにより、font-sizeが初期化される為、一般値で再設定 */
#searchMethodTab
{
    float: left;
    width: 530px;
}

#searchMethodTab ul
{
    border: none;
}

#searchMethodTab li
{
    width: 200px;
    height: 30px;
}

#searchMethodTab #mapTab.ui-state-default,
#searchMethodTab #addressTab.ui-state-default
{
    background: url("/images/tab/default.png") left center no-repeat;
}

#searchMethodTab #mapTab.ui-state-default:hover
{
    background: url("/images/tab/diluteMap.png") left center no-repeat;
}

#searchMethodTab #addressTab.ui-state-default:hover
{
    background: url("/images/tab/diluteAddress.png") left center no-repeat;
}

#searchMethodTab #mapTab.ui-state-active,
#searchMethodTab #mapTab.ui-state-active:hover
{
    background: url("/images/tab/map.png") left center no-repeat;
}

#searchMethodTab #addressTab.ui-state-active
{
    background: url("/images/tab/address.png") left center no-repeat;
}

#searchMethodTab a .mainWord
{
    font-size: 135%;
}

#searchMethodTab a .subWord
{
    font-size: 77%;
}

#searchByMap
{
    padding: 5px;
    border: 2px solid #00a73c;
}

#searchByAddress
{
    padding: 40px;
    height: 250px;
    border: 2px solid #00bfff;
}

#searchByAddress #keywordExample
{
    line-height: 2;
    color: #0000ff;
}

#searchByAddress #submitButton
{
    width: 80px;
    height: 25px;
    margin-top: 15px;
}

#searchFromList
{
    float: right;
    width: 480px;
}

#tokyo23Wards,
#prefectural
{
    margin-bottom: 15px;
}

#tokyo23Wards h4,
#prefectural h4
{
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-indent: 1em;
    color: #ffffff;
    font-weight: bold;
}

#tokyo23Wards h4
{
    background: url("/images/tab/tokyo23Wards.png") left top no-repeat;
}

#prefectural h4
{
    background: url("/images/tab/prefecturalList.png") left top no-repeat;
}

#tokyo23Wards h4 .mainWord,
#prefectural h4 .mainWord
{
    font-size: 135%;
}

#tokyo23Wards h4 .subWord,
#prefectural h4 .subWord
{
    font-size: 77%;
}

#tokyo23Wards ul,
#prefectural #areaList
{
    padding: 5px 0;
    padding-left: 5px;
}

#tokyo23Wards ul
{
    background-color: #fafad2;
}

#prefectural ul
{
    background-color: #eeffee;
}

#tokyo23Wards ul,
#prefectural .area,
#prefectural .prefecturalList
{
    overflow: hidden;
    zoom: 1;
}

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

#prefectural .area div
{
    font-weight: bold;
}

#tokyo23Wards li span,
#prefectural li span
{
    font-size: 77%;
}

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

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

#menus #main #browseLog,
#menus #main #howto,
#menus #main #certification,
#menus #main #carInsurance,
#menus #main #others
{
    margin-bottom: 25px;
}

#menus #main .titleBar
{
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #ffffff;
    font-weight: bold;
}

#menus #main .titleBar .mainWord
{
    font-size: 135%;
}

#menus #main #browseLog
{
    border: 1px solid #ff1493;
}

#menus #main #browseLog .titleBar
{
    background: url("/images/bar/pink.png") top repeat-x;
}

#menus #main #howto
{
    border: 1px solid #00a73c;
}

#menus #main #howto .titleBar
{
    background: url("/images/bar/green.png") top repeat-x;
}

#menus #main #pickUp,
#menus #main #announcement
{
    height: 180px;
    border: 1px solid #ffcd00;
}

#menus #main #pickUp .titleBar,
#menus #main #announcement .titleBar
{
    background: url("/images/bar/orange.png") top repeat-x;
}

#menus #main #certification
{
    border: 1px solid #4169e1;
}

#menus #main #certification .titleBar
{
    background: url("/images/bar/blue.png") top repeat-x;
}

#menus #main #carInsurance
{
    border: 1px solid #00bfff;
}

#menus #main #carInsurance .titleBar
{
    background: url("/images/bar/lightBlue.png") top repeat-x;
}

#menus #main #others
{
    border: 1px solid #00ff00;
}

#menus #main #others .titleBar
{
    background: url("/images/bar/lightGreen.png") top repeat-x;
}

#menus #main #browseLog ul,
#menus #main #howto ul,
#menus #main #certification ul,
#menus #main #carInsurance ul,
#menus #main #others ul
{
    margin: 15px 0 0 15px;
    padding-bottom: 15px;
    overflow: hidden;
    zoom: 1;
}

#menus #main #browseLog li
{
    display: table-cell;
    float: left;
    width: 120px;
    margin-right: 15px;
    padding: 4px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #cccccc;
}

#menus #main #browseLog li .premiseImage
{
    height: 105px;
    width: 105px;
    margin: 7.5px;
}

#menus #main #browseLog li .premiseImage img
{
    max-height: 100px;
    max-width: 100px;
    _height: 100px;
    _width: 100px;
}

#menus #main #howto li,
#menus #main #certification li,
#menus #main #carInsurance li,
#menus #main #others li
{
    float: left;
    padding: 5px;
}

#menus #main #howto li div,
#menus #main #certification li div,
#menus #main #carInsurance li div,
#menus #main #others li div
{
    display: table-cell;
    width: 230px;
    height: 2.5em;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #cccccc;
}

#menus #main #howto li p,
#menus #main #certification li p,
#menus #main #carInsurance li p,
#menus #main #others li p
{
    width: 220px;
    _width: 230px;
    min-height: 7em;
    _height: 7em;
    padding: 5px;
    font-size: 77%;
    border: 1px solid #cccccc;
    border-top: none;
}

#menus #main #pickUpAndAnnouncement
{
    margin-bottom: 25px;
    overflow: hidden;
    zoom: 1;
}

#menus #main #pickUp
{
    float: left;
    width: 240px;
}

#menus #main #pickUp ul,
#menus #main #announcement ul
{
    margin: 15px 10px;
}

#menus #main #pickUp li
{
    padding: 2px 5px;
}

#menus #main #announcement
{
    float: right;
    width: 500px;
}

#menus #main #announcement li
{
    padding: 5px;
    overflow: hidden;
    zoom: 1;
}

#menus #main #announcement .announceDate
{
    float: left;
    width: 120px;
}

#menus #main #announcement .announceBody
{
    float: right;
    width: 350px;
}

#menus #sub
{
    float: right;
    width: 250px;
}

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

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

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

#menus #sub .tieUp .title,
#menus #sub #useful .title
{
    line-height: 25px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/images/simple-title-bar1.gif");
    font-weight: bold;
}

#menus #sub .tieUp  p
{
    padding: 5px;
}

#menus #sub .tieUp .introduction
{
    overflow: hidden;
    zoom: 1;
    font-size: 77%;
}

#menus #sub .tieUp .introduction img
{
    float: right;
    border-style: none;
}

#menus #sub #chu-kai0 object
{
    border: 1px solid #333333;
}

#menus #sub #useful ul
{
    margin: 15px 0;
}

#menus #sub #useful li
{
    padding-bottom: 10px;
}

#menus #sub #useful li div
{
    height: 2.5em;
    line-height: 2.5;
    text-align: center;
    border: 1px solid #333333;
}

#menus #sub #useful p
{
    padding: 5px;
    font-size: 77%;
    border: 1px solid #333333;
    border-top: none;
}