@charset "utf-8";

/* ############################################################

	header

############################################################ */
div#siteHead {
	overflow: hidden; /* clearfix*/
	width: 100%;
	background: url(../img/bg_header.gif) repeat-x bottom;
	text-align: left; 
	zoom: 1; /* clearfix*/
}
div#siteHead div#logo {
    float: left;
    height: 40px;
    margin: 5px 5px 0 0;
	padding-left: 5px;
    padding-bottom: 10px;
}
div#siteHead div#logo img {
	margin: 0 5px;
}
div#siteHead div#logo img.serviceTitle {
	margin-bottom: 11px;
	margin-left: 7px;
}
div#siteUtility {
    float: right;
    padding: 13px 10px 10px 0;
	font-size: 82%;
}
div#siteUtility ul {
    float: left;
}
div#siteUtility li {
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em; 
    font-weight: bold;
}
div#siteUtility ul li.first {
    border-right: 1px solid #000000;
}
div#siteUtility ul li.help {
    font-weight: normal;
}
/* ------------------------------------------------------------
	Header Navigation
------------------------------------------------------------ */
/* seviceList */
div#headerNaviContainer {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	/* overflow: hidden; clearfix*/
	margin-bottom: -5px;
	background: url(../img/bg_navi.png) repeat-x left bottom;
	font-size: 82%;
	zoom: 1; /* clearfix*/
    z-index: 255;
}
div#headerNavi {
	display: block;
	width: 950px;
	/* overflow: hidden; clearfix*/
	margin: 0 auto;
	zoom: 1; /* clearfix*/
}
/* seviceList */
ul#seviceList {
	display: block;
	float: left;
	width: 690px;
	margin-bottom: 6px;
	/* overflow: hidden; clearfix*/
	zoom: 1; /* clearfix*/
	background: url(../img/bg_navi_button.gif) repeat-y left;
}
ul#seviceList li {
	display: inline;
	float: left;
	padding: 10px 0 10px 13px;
	list-style-type: none;
	white-space: nowrap;
	background: url(../img/bg_navi_button.gif) repeat-y right;
}
ul#seviceList li a {
	padding: 10px 13px 10px 10px;
	background: url(../img/img_arrow_blue.gif) no-repeat 0 center;
}
/* overflow: hidden;の変わり */
div#headerNaviContainer:after,
div#headerNavi:after,
ul#seviceList:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
/* ------------------------------------------------------------
	Header Account Action
------------------------------------------------------------ */
ul.accountAction {
	display: block;
	width: 260px;
	float: right;
	margin: 0;
	padding: 7px 0 14px 0;
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
ul.accountAction li {
	display: block;
	float: left;
	margin: 0;
	padding-top: 3px;
}
ul.accountAction li.newAppli {
	margin-right: 10px;
	background: url(../img/bg_navi_newapli_top.gif) no-repeat left top;
}
ul.accountAction li.newAppli a {
	display: inline-block;
	width: 120px;
	padding-bottom: 3px;
	background: url(../img/bg_navi_newapli_bottom.gif) no-repeat left bottom;
	color: #333333; 
}
*:first-child + html ul.accountAction li.newAppli a {
	display: inline;
}
* html ul.accountAction li.newAppli an {
	display: inline;
}
ul.accountAction li.newAppli a:hover {
	background: url(../img/bg_navi_newapli_bottom_hover.gif) no-repeat left bottom;
	text-decoration: none;
}
ul.accountAction li.newAppli a span {
	display: block;
	padding-left: 20px;
	margin-left: 5px;
	background: url(../img/img_plus_blue.gif) no-repeat  0 center;
}
ul.accountAction li.checkAppli {
	background: url(../img/bg_navi_checkapli_top.gif) no-repeat left top;
}
ul.accountAction li.checkAppli a {
	display: inline-block;
	width: 130px;
	padding-bottom: 3px;
	background: url(../img/bg_navi_checkapli_bottom.gif) no-repeat left bottom;
	color: #333333;
}
*:first-child + html ul.accountAction li.checkAppli a {
	display: inline;
}
* html ul.accountAction li.checkAppli a {
	display: inline;
}
ul.accountAction li.checkAppli a:hover {
	background: url(../img/bg_navi_checkapli_bottom_hover.gif) no-repeat left bottom;
	text-decoration: none;
}
ul.accountAction li.checkAppli a span {
	display: block;
	padding-left: 16px;
	margin-left: 5px;
	background: url(../img/img_check_blue.gif) no-repeat 0 center;
}
