@charset "UTF-8";

/* ==================================================
shared
================================================== */
#wrapper {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	margin-bottom:-75px;
}
/* in_btn
============================== */
.in_btn a:hover {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) !important;
}
/* header
============================== */
header {
	background-color:#F2F2F2;
	position:relative;
	display:table;
	width:100%;
}
.fringe header {
	border-bottom:4px solid #015BA9;
}
#header_account,
#header_logout,
#header_logo {
	width:33%;
	display:table-cell;
	vertical-align:middle;
}
#header_account {
	text-align:left;
	padding-left:30px;
	font-size:87.5%;
	color:#6C6D70;
	font-weight:bold;
}
#header_logout {
	text-align:right;
	padding-right:15px;
	font-size:75%;
}
#header_logout p {
	display:inline-block;
}
#header_logout a {
	border: solid #fff 2px;
	position:relative;
	padding:8px 20px 6px 50px;
	display:block;
	text-decoration:none;
	background:-webkit-gradient(linear, center top, center bottom, from(#FF6600), to(#FF3300));
	background:-moz-linear-gradient(center top, #FF6600, #FF3300);
	background:linear-gradient(to bottom, #FF6600, #FF3300);
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
#header_logout a:hover {
	background:-webkit-gradient(linear, center top, center bottom, from(#FF3300), to(#FF6600));
	background:-moz-linear-gradient(center top, #FF3300, #FF6600);
	background:linear-gradient(to bottom, #FF3300, #FF6600);
}
#header_logout a::after {
	content:"";
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-10px;
	width:20px;
	height:18px;
	background:url(../images/icon/logout_icon.png) no-repeat;
}
#header_logo {
	padding:12px 0;
	text-align:center;
}
#header_logo #logo,
#header_logo #name {
	display:inline-block;
	vertical-align:middle;
}
#header_logo #logo {
	padding-right:5px;
}
#header_logo #name {
	font-size:87.5%;
	font-weight:bold;
	line-height:1.2;
}
#header_logo #name span {
	margin-top:10px;
	display:inline-block;
	padding:4px 20px 3px;
	background-color:#015BA9;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
/* apply */
.apply header {
	display:block;
	border-bottom:4px solid #015BA9;
}
.apply #header_logo {
	display:table;
	margin:0 auto;
	width:auto;
}
/* container
============================== */
#container {
	clear:both;
	width:100%;
}
/* main
============================== */
#main {
	background:url(../images/main/shadow_bg.png) repeat-x left top;
	padding:50px 30px 140px;
}
#contents {
	width:1240px;
	margin:0 auto;
}
/* gnavi
============================== */
#gnavi {
	border-bottom:4px solid #015BA9;
	clear:both;
}
#gnavi ul {
	padding:0 2px;
	list-style:none;
	font-size:85.7%;
}
#gnavi ul li {
	float:left;
	width:16.7%;
	padding:0 2px;
	text-align:center;
}
#gnavi ul li:first-child {
	width:16.5%;
}
#gnavi ul li a {
	display:block;
	padding:5px 0;
	text-decoration:none;
	color:#fff;
	background-color:#434244;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#gnavi ul li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#1B95E0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#gnavi ul li a:hover {
	color: #fff;
}
#gnavi ul li a:hover::before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
#gnavi ul li.active {
	margin-top:-2px;
}
#gnavi ul li.active a {
	background-color:#015BA9;
	padding:7px 0;
}
#gnavi ul li.active a:hover {
	color: #fff;
}
#gnavi ul li.active a::before {
	content:none;
}
/* footer
============================== */
footer {
	text-align:center;
	border-top:5px solid #015BA9;
	background-color:#F2F2F2;
	padding:10px 0;
	clear:both;
}
footer address {
	font-size:85.7%;
	font-style:normal;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
/* topcontrol
============================== */
#topcontrol {
	width:30px;
	height:100px;
	z-index:100;
}
#topcontrol p {
	display:block;
	width:30px;
	height:100px;
	background: url(../images/footer/ptop.png) no-repeat left top;
}
#topcontrol p span {
	display:block;
	height:30px;
	height:100px;
	position:relative;
	z-index:-1;
	overflow:hidden;
}
/* ==================================================
clearfix
================================================== */
header:after,
#gnavi:after,
#container:after,
footer:after {
	content: ""; 
	display: table;
	clear: both;
}