@charset "UTF-8";

/* *****************************************
/*+  initialize  +**************************
/***************************************** */
/*+ footer + ----------------------------- */
#FooterWrraper {
	margin-top: 0;
	border-top: none;
	}

/*+ block + ------------------------------ */
.inner {
	margin: 0 auto;
	width: 910px;
	text-align: left;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	line-height: 1.5;
	}

/*+ heading + ---------------------------- */
.inner h2,
.inner h4,
.inner h5 {
	font-weight: bold;
	}

/*+ text + ------------------------------- */
#contents {
	color: #000;
	}
.inner p {
	margin-bottom: 1em;
	}
.notes {
	margin-left: 1em;
	text-indent: -1em;
	}

/*+ link + ------------------------------- */
#contents a {
	color: #000;
	text-decoration: underline;
	}



/* *****************************************
/*+  header  +******************************
/***************************************** */
/*+ block + ------------------------------ */
#Header {
	position: relative;
	}
#utility-nav {
	position: absolute;
	top: 30px;
	right: 0;
	}



/* *****************************************
/*+  title  +*******************************
/***************************************** */
/*+ block + ------------------------------ */
.title {
	background: #0168b7;
	}

/*+ heading + ---------------------------- */
.title h2 {
	padding: .5em 0;
	color: #fff;
	font-size: 1.57em;
	letter-spacing: .2em;
	}



/* *****************************************
/*+  contents  +****************************
/***************************************** */
/*+ block + ------------------------------ */
#contents {
	padding: 58px 0 30px;
	background: url(../img/contents-bg.jpg) no-repeat center top;
	background-size: cover;
	}



/* *****************************************
/*+  main  +********************************
/***************************************** */
/*+ block + ------------------------------ */
#main {
	padding-bottom: 80px;
	min-height: 350px;
	background: url(../img/contents-illust.png) repeat-x center bottom;
	}

/*+ heading + ---------------------------- */
#main h3 {
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: #0168b7 1px solid;
	}
#main h4 {
	margin-bottom: 20px;
	font-size: 1.14em;
	}



/* *****************************************
/*+  login  +*******************************
/***************************************** */
/*+ form + ------------------------------- */
#form {
	width: 350px;
	float: left;
	}
#form ul {
	margin-bottom: 12px;
	}
#form li {
	margin-bottom: 8px;
	}
#form input[type="text"],
#form input[type="password"] {
	padding: 1%;
	width: 98%;
	font-size: 1.14em;
	border: #bbbbbf 1px solid;
	ime-mode: disabled;
	}
#form .error-message {
	margin-bottom: 18px;
	color: #f00;
	font-weight: bold;
	}
#form .submit {
	text-align: center;
	}
#form .submit input:hover {
	cursor: pointer;
	filter: alpha(opacity = 70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	}
#form .submit input.disabled {
	cursor: default;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	}

/*+ text + ------------------------------- */
#login .text {
	width: 540px;
	float: right;
	}
#login #info {
	margin-bottom: 1em;
	}
#login #info dt {
	width: 9em;
	float: left;
	}
#login #info dd {
	margin-left: 10em;
	}
#contents #login .text p,
#contents #login #info dd a {
	color: #333;
	}
#contents #login #info dd a {
	padding-right: 12px;
	color: #333;
	background: url(../../../images/icon-bullet-black.png) no-repeat right 50%;
	}



/* *****************************************
/*+  time-out  +****************************
/***************************************** */
/*+ message + ---------------------------- */
#message {
	margin-left: 160px;
	width: 590px;
	}
#message h4 {
	font-size: 1.28em;
	}
#message .notes {
	margin-left: 3em;
	text-indent: -3em;
	}



/* *****************************************
/*+  index2  +******************************
/***************************************** */
/*+ message + ---------------------------- */
#branch {
	margin-top: 36px;
	text-align: center;
	}
#branch li {
	margin-bottom: 15px;
	}



/* *****************************************
/*+  tel  +*********************************
/***************************************** */
/*+ block + ------------------------------ */
#tel {
	padding-top: 64px;
	}