@charset "Shift_JIS";
/* -----------------------------------------------------
	Navi Area
----------------------------------------------------- */

#header{
    position:relative;
    *z-index:1;
    width : 100%;
    max-width : 836px;
    bottom : inherit;
}
#header ul#nav-global{
    position : static;
    list-style-type : none;
    right : auto;
}
#header ul#nav-global li{
    position:relative;
    float:left;
    list-style-type : none;
    z-index : 1;
}
#header ul#nav-global li img{
height: 46px;
}
#header ul#nav-global li.home img{
width: 70px;
}
#header ul#nav-global li ul{
    padding : 0px 0px 0px 0px;
    border-right : 2px solid #b2b2b2;
    border-bottom : 2px solid #b2b2b2;
    border-left : 1px solid #b2b2b2;
    position:absolute;
    top:-99999px;
    left:-99999px;
    clear:both;
    min-width:170px;
    width:auto!important;
    width:170px;
    background : url(../img/dropdown_bg.gif) repeat-x 0px 100%;
    list-style-type : none;
    text-align : left;
    font-size : 13px;
    font-family : メイリオ, sans-serif;
    line-height : 24px;
    color : black;
    z-index : 1;
}
#header ul#nav-global li#list-1 ul{
    min-width:141px;
    width:auto!important;
    width:141px;
    list-style-type : none;
}
#header ul#nav-global li#list-1 ul{
    min-width:141px;
    width:auto!important;
    width:141px;
    list-style-type : none;
}
#header ul#nav-global li li{
    position:static;
    float:none;
    white-space:nowrap;
    list-style-type : none;
}
#header ul#nav-global li.active ul,
#header ul#nav-global li.active p{
    top : 40px;
    left:0;
    list-style-type : none;
}
#header ul#nav-global li li a{
    padding : 3px 14px 1px 22px;
    display:block;
    background : url(../img/pull_off.gif) no-repeat left center;
    list-style-type : none;
    color : black;
    border-top-width : 1px;
    border-top-style : dashed;
    border-top-color : #666666;
}
#header ul#nav-global li li a:hover,
#header ul#nav-global li li a:active,
#header ul#nav-global li li a:focus{
    color : black;
    text-decoration:none;
    list-style-type : none;
    background-image : url(../img/pull_on.gif);
    background-repeat : no-repeat;
    background-position : left center;
    background-color : #e1e1eb;
}
#header ul#nav-header{
    padding:8px 0;
    position:absolute;
    top:67px;
    right:16px;
    background : url(../img/nav-header_bg.gif) no-repeat 248px 0px;
}
#header ul#nav-header li{
    padding-left:21px;
    float:left;
    line-height:1.1;
}
#header ul#nav-header img{
    vertical-align:top;
}

.clear	{ clear: both; } 

/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
.show_sp { display: none!important; }
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#header ul#nav-global li img{
height: 42px;
}
#header ul#nav-global li.home img{
width: 68px;
}
.show_sp { display: none!important; }
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
#header ul#nav-global { display: none; }
.show_pc { display: none!important; }
}