@charset "utf-8";

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

	header

############################################################ */
div#siteHead {
	/* overflow: hidden; clearfix
	width: 100%;*/
	height: 49px;
	background-color: #ffffff;
	zoom: 1; /* clearfix*/
	padding: 32px 17.2% 30px 14.2%;
}
div#siteHead div#logo {
    float: left;
    /*width: 153px;
    height: 66px;
    margin: 32px 0px 0 17.2%;*/
    padding-top: 20px;
    padding-bottom: 10px;
}
div#siteHead div#logo img {
/*	margin: 32px 248px;*/
	width: 273px;
	float: left;
	height: 38px;
}
div#siteUtility {
    float: right;
    height: 15px;
    font-family: HelveticaNeue, Arial, sans-serif;
	 /*font-size: 14px;*/
	 line-height: 1;
	 text-align: right;
	 /* width: 100%
	color: #bf0000;*/
}
div#siteUtility ul {
/*     float: right; */
}
div#siteUtility li {
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
}
div#siteUtility ul li.first {
    border-right: 1px solid #000000;
}
div#siteUtility ul li.help {
    font-weight: normal;
}
div#siteUtility ul li a {
	/*color: rgba(0, 0, 0, 0.8);*/
	display: block;
	padding-bottom: 3px;

/*	padding: 10px 13px 10px 10px;
	background: url(../img/img_arrow_blue.gif) no-repeat 0 center;*/
}
div#siteUtility ul li a:hover {
	text-decoration: none;
}
div#siteUtility ul li a span {
  color: #bf0000;
}
/* ------------------------------------------------------------
	Header Navigation
------------------------------------------------------------ */
/* seviceList */
div#headerNaviContainer {
	display: block;
	/*width: 100%;
	float : left;*/
	height: 14px;
	padding: 20px 0 0 0;
	/*margin: 83px 0 31px 30%;*/
	z-index: 255;
	float: left;
	width: 78.4%;
	background-color: #ffffff;
/*  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
 */
}

@media only screen and (max-width: 1910px) and (min-width: 1666px) {

	div#headerNaviContainer {
		width: 75%;
	}
}
@media only screen and (max-width: 1666px) and (min-width: 1595px) {

	div#headerNaviContainer {
		width: 74%;
	}
}
@media only screen and (max-width: 1595px) and (min-width: 1483px) {

	div#headerNaviContainer {
		width: 72%;
	}
}
@media only screen and (max-width: 1483px) and (min-width: 1432px) {

	div#headerNaviContainer {
		width: 71%;
	}
}
@media only screen and (max-width: 1432px) and (min-width: 1385px) {

	div#headerNaviContainer {
		width: 70%;
	}
}
@media only screen and (max-width: 1385px) {

	div#headerNaviContainer {
		width: 100%;
	}
}
div#headerNavi {
/*	display: block;
	width: 950px;
	overflow: hidden; clearfix
	margin: 0 auto;
	zoom: 1; clearfix*/
	float: left;
	width: 87.7%
}
/* seviceList */
ul#seviceList {
	float: left;
	display: block;
	/*width: 690px;
	margin-bottom: 6px; */
	/* overflow: hidden; clearfix
	zoom: 1; clearfix*/
	width: 63%;
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-align: left;
	color: rgba(0, 0, 0, 0.8);
}
ul#seviceList li {
	display: inline;
	float: left;
	padding: 0px 0 0px 5%;
	list-style-type: none;
	white-space: nowrap;
	/*background: url(../img/bg_navi_button.gif) repeat-y right;*/
}
ul#seviceList li a {
	/*color: rgba(0, 0, 0, 0.8);*/
/*	padding: 10px 13px 10px 10px;
	background: url(../img/img_arrow_blue.gif) no-repeat 0 center;*/
}
ul#seviceList li a:hover {
	text-decoration: none;
}
/* overflow: hidden;の変わり */
div#headerNaviContainer:after,
ul#seviceList:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
/* ------------------------------------------------------------
	Header Account Action
------------------------------------------------------------ */
ul.accountAction {
	/*height : 14px;*/
	display: block;
	width: 37%;
	float: right;
	margin: 0;
	/*padding: 7px 0 14px 0;*/
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
ul.accountAction li {
	display: block;
	float: right;
	margin: 0;
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-align: right;
  	color: rgba(0, 0, 0, 0.8)
	/*padding-top: 3px;*/
}
ul.accountAction li.newAppli {
	padding-right: 10px;
	/*background: url(../img/bg_navi_newapli_top.gif) no-repeat left top;*/
}
ul.accountAction li.newAppli a {
	display: inline-block;
	padding-bottom: 3px;
	/*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;
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-align: right;
	padding-left: 20px;
	/*color: rgba(0, 0, 0, 0.8);
	margin-left: 35px;*/
	background: url(../img/add.svg) no-repeat  0 center;
	background-size: 16px 16px;
	/*background: url(../img/img_plus_blue.gif) no-repeat  0 center;*/
}
ul.accountAction li.checkAppli {
	padding-right: 0.5em;
	/*background: url(../img/bg_navi_checkapli_top.gif) no-repeat left top;*/
}
ul.accountAction li.checkAppli a {
	display: inline-block;
	padding-bottom: 3px;
/*	width: 130px;
	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: 20px;
	margin-left: 5px;
	background: url(../img/apps.svg) no-repeat 0 center;
	background-size: 16px 16px;
/*	background: url(../img/img_check_blue.gif) no-repeat 0 center;*/
}
.announcement_bar {
	height:auto;
	padding:8px;
	text-align: center;
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	background-color: #FFA310;
 	color: #fff;
    border-bottom: 2px solid #b3b3b3;
}
.announcement_bar > a:link {
	color: #fff;
	text-decoration: underline;
}
.announcement_bar > a:visited {
	color: #fff;
	text-decoration: underline;
}