@charset "euc-jp";

/*

    ネットオウル共通ヘッダー用CSS

*/

/* Clearfix */
.netowl-header_clearfix:before, .netowl-header_clearfix:after {
    content: " ";
    display: table;
}
.netowl-header_clearfix:after { clear: both; }
.netowl-header_clearfix { *zoom: 1; }

/* ホバーエフェクト */
.netowl-header_hover {
    -webkit-transition: opacity .1s ease-out !important;
    -o-transition: opacity .1s ease-out !important;
    transition: opacity .1s ease-out !important;
}
.netowl-header_hover:hover {
    opacity: .6 !important;
    filter: alpha(opacity=60) !important;
    -ms-filter: "alpha(opacity=60)" !important;
    -khtml-opacity: .6 !important;
    -moz-opacity: .6 !important;
}

#netowl-header {
    z-index: 99999;
    display: block !important;
    width: 100%;
    min-width: 720px;
    height: 30px;
    margin: 0;
    padding: 0;
    background: url(img/bg.png);
    border-bottom: 1px solid #ddd;
    color: #333 !important;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 12px !important;
    line-height: 1.4;
    text-align: left;
}

.netowl-header_holder { padding: 0 10px; }

.netowl-header_left {
    float: left;
    width: 250px;
}

.netowl-header_logo {
    float: left;
    width: 90px;
    height: 19px;
    margin: 5px 0 0;
}
.netowl-header_logo img { display: block; }

.netowl-header_nav {
    z-index: 99999;
    position: relative;
    float: right;
    width: 130px;
    background: #fff;
}

.netowl-header_nav_label {
    cursor: pointer;
    display: block;
    height: 29px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 30px;
    text-align: center;
}
.netowl-header_nav:hover .netowl-header_nav_label { background: #f5f5f5; }
.netowl-header_nav_label,
.netowl-header_nav_label:link,
.netowl-header_nav_label:visited,
.netowl-header_nav_label:hover,
.netowl-header_nav_label:active,
.netowl-header_nav_label a:link,
.netowl-header_nav_label a:visited,
.netowl-header_nav_label a:hover,
.netowl-header_nav_label a:active {
    color: #333 !important;
    text-decoration: none !important;
    opacity: 1;
}
.netowl-header_nav_label_inner {
    padding: 0 0 0 17px;
    background: transparent url(img/ico_menu.png) 0 50% no-repeat;
}

.netowl-header_balloon {
    position: absolute;
    top: 24px;
    left: -120px;
    display: none;
    width: 662px;
    padding: 10px 0 0;
}
.netowl-header_nav:hover .netowl-header_balloon { display: block; }

.netowl-header_balloon_contents {
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.netowl-header_balloon_contents_holder { padding: 16px; }

.netowl-header_balloon_arrow {
    position: absolute;
    top: 0;
    left: 113px;
    display: block;
    width: 142px;
    height: 11px;
}

.netowl-header_campaign {
    display: inline-block;
    margin: 8px 0 0 8px;
    vertical-align: top;
}
.netowl-header_close {
    display: inline-block;
    margin: 4px 0 0 8px;
    vertical-align: top;
}
*+html .netowl-header_campaign,
*+html .netowl-header_close { /* for IE7 */
    display: inline;
    zoom: 1;
}

.netowl-header_unit_ttl {}
.netowl-header_unit_ttl img { display: block; }

.netowl-header_unit_links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.netowl-header_unit_links_item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #ddd;
}
.netowl-header_unit_links_item:last-child { border: none; }

.netowl-header_unit_links_label {
    display: block;
    padding: 8px 10px;
    background: #fff url(img/ico_chevron.png) 97% 50% no-repeat;
    color: #333 !important;
}
.netowl-header_unit_links_label:link,
.netowl-header_unit_links_label:visited,
.netowl-header_unit_links_label:hover,
.netowl-header_unit_links_label:active {
    text-decoration: none;
    opacity: 1;
}

.netowl-header_unit_links_logo { margin-bottom: 4px; }

.netowl-header_balloon_left {
    float: left;
    width: 310px;
}

.netowl-header_balloon_right {
    float: right;
    width: 310px;
}

.netowl-header_right {
    float: right;
    width: auto;
    max-width: 100%;
    text-align: right;
}

.netowl-header_links {
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.netowl-header_links_item {
    display: inline-block;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent url(img/bg_border_dotted.png) 0 50% no-repeat;
}
*+html .netowl-header_links_item { /* for IE7 */
    display: inline;
    zoom: 1;
}
.netowl-header_links_item:first-child { background: none; }

.netowl-header_links_item a {
    display: inline-block;
    height: 30px;
    padding: 0 8px 0 28px;
    color: #333 !important;
    line-height: 30px;
}
.netowl-header_links_item a:link,
.netowl-header_links_item a:visited { text-decoration: none; }
.netowl-header_links_item a:hover,
.netowl-header_links_item a:active {
    text-decoration: underline;
    opacity: 1;
}
.netowl-header_links_item_referral a { background: transparent url(img/ico_referral.png) 10px 50% no-repeat; }
.netowl-header_links_item_bbs a { background: transparent url(img/ico_pencil.png) 10px 50% no-repeat; }
.netowl-header_links_item_help a { background: transparent url(img/ico_info.png) 10px 50% no-repeat; }
.netowl-header_links_item_signup a { background: transparent url(img/ico_person.png) 10px 50% no-repeat; }
.netowl-header_links_item_login a { background: transparent url(img/ico_lock.png) 10px 50% no-repeat; }
.netowl-header_links_item_tool a { background: transparent url(img/ico_gear.png) 10px 50% no-repeat; }