﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.BreadCrumbs_Standard .ModuleReference
{
    background: url(../../../Images/bread_bg.png) no-repeat left top;
    width: 960px;
    margin: 0px auto;
    padding: 0px;
    top: -30px;
}

#Middle
{
    width: 960px;
    position: relative;
    top: -20px;
}

/* == ボックス調整 == */
.BreadCrumbs_Standard .p-left
{
    position: relative;
    width: 93%;
}

.BreadCrumbs_Standard .p-right
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.BreadCrumbs_Standard ol
{
    list-style: none;
    margin: 0;
    padding: 15px 10px 15px 70px !important;
}

.BreadCrumbs_Standard li
{
    display: inline-block;
}

.BreadCrumbs_Standard .bread a
{
    background: rgba(0, 0, 0, 0) url("../../../Images/bread_sep.png") no-repeat right 3px !important;
    margin: 0 5px 0 0;
    padding: 2px 25px 2px 0 !important;
}

.BreadCrumbs_Standard .LIanc a
{
    background: none !important;
    display: inline-block !important;
    padding: 2px 5px 2px 3px !important;
}

.BreadCrumbs_Standard .LIanc img
{
    vertical-align: middle;
}

.BreadCrumbs_Standard .p-right a
{
    display: inline-block;
    vertical-align: bottom;
}

.BreadCrumbs_Standard .p-right img
{
    vertical-align: bottom;
}


/* == スクロール時 == */
#over_view .BreadCrumbs_Standard
{
    position: relative;
    margin: auto;
    min-height: auto;
    width: 960px;
}

#over_view .BreadCrumbs_Standard .ModuleReference
{
    position: relative;
    top: 0;
}

#over_view .BreadCrumbs_Standard ol
{
    padding: 5px 10px 5px 110px !important;
}


.shtoggle_accordion
{
    height: 22px;
    width: 22px;
    background: url(../../../Images/search_icon.png) no-repeat left bottom;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.sub_toolbar
{
    display: none;
}

.shmenu_accordion
{
    display: block !important;
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 34px;
}

.sub_toolbar .search_bg2
{
    background: url(../../../Images/search_bg2.png) no-repeat right top;
    display: block;
    height: 22px;
    width: 22px;
    z-index: 1;
    position: absolute;
    right: 0px;
}

.sub_toolbar .sub_toolbar_contents
{
    background: rgba(255,255,255,0.9);
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #FF6666;
    z-index: 0;
    position: relative;
    top: 21px;
}

.sub_toolbar .BrowserSearch
{
}

.sub_toolbar .search_radio
{
    display: block;
    width: 325px;
}

.sub_toolbar .search_radio fieldset
{
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
}

.sub_toolbar .search_radio legend
{
    display: none;
}

.sub_toolbar .search_txt
{
    display: block;
    margin: 10px 0px 0px 0px;
}

.sub_toolbar .search_txt .TextBox
{
    background: #ffffff !important;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 7px;
    width: 255px;
}

.sub_toolbar .search_txt .SubmitBtn
{
    border: 1px solid #666666;
    border-radius: 4px;
    padding: 6px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BreadCrumbs_Standard .ModuleReference
{
    background: url(../../../Images/bread_bg.png) no-repeat left top;
    width: 320px;
    margin: 0px auto;
    padding: 0px;
}

/* == ボックス調整 == */
.BreadCrumbs_Standard .p-left
{
    position: relative;
}

.BreadCrumbs_Standard .p-right
{
    position: relative;
    padding: 10px;
    margin: 0px auto;
    text-align: center;
}

.BreadCrumbs_Standard ol
{
    list-style: none;
    margin: 0;
    padding: 15px 15px 15px 15px !important;
}

.BreadCrumbs_Standard li
{
    display: inline-block;
}

.BreadCrumbs_Standard .bread a
{
    background: rgba(0, 0, 0, 0) url("../../../Images/bread_sep.png") no-repeat right 3px !important;
    margin: 0 5px 0 0;
    padding: 2px 25px 2px 0 !important;
    text-shadow: 1px 1px 0.2px #ffffff, 1px -1px 0.2px #ffffff, -1px 1px 0.2px #ffffff, -1px -1px 0.2px #ffffff;
}

.BreadCrumbs_Standard .LIanc a
{
    background: none !important;
    display: inline-block !important;
    padding: 2px 5px 2px 3px !important;
}

.BreadCrumbs_Standard .LIanc img
{
    vertical-align: middle;
}

.BreadCrumbs_Standard .p-right a
{
    display: inline-block;
    vertical-align: bottom;
}

.BreadCrumbs_Standard .p-right img
{
    vertical-align: bottom;
}

.shtoggle_accordion
{
    height: 22px;
    width: 22px;
    background: url(../../../Images/search_icon.png) no-repeat left bottom;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.sub_toolbar
{
    display: none;
}

.shmenu_accordion
{
    display: block !important;
    position: relative;
    z-index: 9999;
}

.sub_toolbar .search_bg2
{
    background: url(../../../Images/search_bg2.png) no-repeat right top;
    display: block;
    height: 22px;
    width: 22px;
    z-index: 1;
    position: relative;
    left: 163px;
    top: 2px;
}

.sub_toolbar .sub_toolbar_contents
{
    background: rgba(255,255,255,0.9);
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #FF6666;
    z-index: 0;
    position: relative;
}

.sub_toolbar .BrowserSearch
{
}

.sub_toolbar .search_radio
{
    display: block;
}

.sub_toolbar .search_radio fieldset
{
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
}

.sub_toolbar .search_radio legend
{
    display: none;
}

.sub_toolbar .search_txt
{
    display: block;
    margin: 10px 0px 0px 0px;
}

.sub_toolbar .search_txt .TextBox
{
    background: #ffffff !important;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 7px;
    width: 225px;
}

.sub_toolbar .search_txt .SubmitBtn
{
    border: 1px solid #666666;
    border-radius: 4px;
    padding: 6px;
}

.shmenu_accordion .left_tool
{
    display: block !important;
}
}
