@charset "UTF-8";

/*
##################################################################
header_v1.0.css
################################################################## */

li {
    list-style-type: none;
    }

div.d_header08 {
    position: relative;
    margin-bottom: 6px;
    width: 100%;
    height: 66px;
    border-bottom: 4px solid #18459d;
    }

div.d_header08 p, div.d_header08 ul {
    position: absolute;
    }

p.p_csLogo {
    top: 18px;
    left: 15px;
    width: 230px;
    height: 40px;
    }

ul.ul_gnavi {
    top: 28px;
    left: 337px;
    width: 658px;
    height: 38px;
    background: url(/cmn/images/headfoot/header_sprite.png) 0 0 no-repeat;
    overflow: hidden;
    }

ul.ul_gnavi li {
    float: left;
    width: 73px;
    height: 38px;
    }

ul.ul_gnavi li a {
    display: block;
    width: 73px;
    height: 38px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background-image: url(/cmn/images/headfoot/header_sprite.png);
    background-repeat: no-repeat;
    }

li.li_navi_on a {
    cursor: default;
    }

li#navi2 a {
    background-position: 0 0;
    }

li#navi1 a:hover, li#navi1.li_navi_on a {
    background-position: 0 -38px;
    }

li#navi2 a {
    background-position: 73px 0;
    }

li#navi2 a:hover, li#navi2.li_navi_on a {
    background-position: -73px -38px;
    }

li#navi3 a {
     background-position: -146px 0;
    }

li#navi3 a:hover, li#navi3.li_navi_on a {
    background-position: -146px -38px;
    }

li#navi4 a {
    background-position: -219px 0;
    }

li#navi4 a:hover, li#navi4.li_navi_on a {
    background-position: -219px -38px;
    }

li#navi5 a {
    background-position: -292px 0;
    }

li#navi5 a:hover, li#navi5.li_navi_on a {
    background-position: -292px -38px;
    }

li#navi6 a {
    background-position: -365px 0;
    }

li#navi6 a:hover, li#navi6.li_navi_on a {
    background-position: -365px -38px;
    }

li#navi7 a {
    background-position: -438px 0;
    }

li#navi7 a:hover, li#navi7.li_navi_on a {
    background-position: -438px -38px;
    }

li#navi8 a {
    background-position: -511px 0;
    }

li#navi8 a:hover, li#navi8.li_navi_on a {
    background-position: -511px -38px;
    }

li#navi9 a {
    background-position: -584px 0;
    }

li#navi9 a:hover, li#navi9.li_navi_on a {
    background-position: -584px -38px;
    }

p.p_headLink {
    top: 5px;
    left: 725px;
    width: 270px;
    line-height: 13px;
    text-align: right;
    }



/*
##################################################################
drag!
################################################################## */

#Header {
	position:relative;
	width:100%;
	height:26px;
	text-align:right;
	background:url(/cmn/headerImg/header_bg.gif) repeat-x 0 0;
	margin-bottom:10px;
}
#Header .logo {
	position:absolute;
	left:10px;
	top:5px;
}

#Header .close {
	position:relative;
	right:30px;
	top:4px;
}
#Header .Otoi {
	position:relative;
	right:30px;
	top:4px;
}

#Header .close a,
#Header .Otoi a {
	background: url(/cmn/headerImg/icon_close_popup.gif) no-repeat scroll left center;
	color:#0b6cce;
	font-size:10px;
	padding-left:16px;
}

#Header .close a:hover,
#Header .Otoi a:hover {color:#f90;}


/* mid-header */
div#mid-header{position:relative; width:100%; height:35px; margin-bottom:15px; background-color:#06c;}
/* Logo */
div#mid-header a#rogo{position:absolute; top:2px; left:5px;}
div#mid-header a#rogo img{border:none;}

/* close button */
div#mid-header a#headClose{position:absolute; bottom:2px; right:15px; color:#fff; text-decoration:none;}