@charset "utf-8";

/* ヘッダー */
header {
	margin:0;
	position:relative;
}

header button, #logout {
	padding:0;
	position:absolute;
	right:10px;
	top:15px;
}

.logo {
	font-size:50px;
	font-weight:normal;
	margin:10px;
}

.logo_com {
	display:inline-block;
	font-size:16px;
	margin-left:20px;
}

main {
	display:block;
	min-height:calc(100% - 260px);
	padding:20px;
}

main::after {
	clear:both;
	content:'';
	display:block;
}

h1.page_title {
	background:url('../image/title01.png') no-repeat left top;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	margin:0 auto 20px;
	text-align:center;
	width:950px;
}

/* ナビゲーション */
#navi {
	background-color:#4169e1;
	background:linear-gradient(#4169e1, #000080);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	margin:0;
}

/* メニュー */
#nav_btn ul {padding:0 40px;}

#nav_btn ul li {
	display:inline-block;
	height:32px;
	line-height:32px;
	margin:0 -10px 20px 10px;
	vertical-align:top;
}

#nav_btn ul li a {
	background:url('../image/nav_btn_middle.png') repeat-x 0 0;
	display:inline-block;
	height:32px;
	line-height:32px;
	margin:0 -1px;
	padding:0 3px 0 0;
	position:relative;
	white-space:nowrap;
	width:180px;
}

#nav_btn ul li::before, #nav_btn ul li::after {
	content:'';
	display:inline-block;
	height:32px;
	line-height:32px;
	margin:-4px 0 0 0;
	vertical-align:middle;
}

#nav_btn ul li::before {
	background:url('../image/nav_btn_start.png') no-repeat left;
	content:'';
	display:inline-block;
	width:3px;
}

#nav_btn ul li::after {
	background:url('../image/nav_btn_end.png') no-repeat right;
	content:'';
	display:inline-block;
	width:3px;
}

#nav_btn ul li a::before {
	display:inline-block;
	left:3px;
	padding-right:7px;
	position:relative;
	top:3px;
	vertical-align:middle;
}

#nav_btn ul li.nav_report a::before     {content:url('../image/nav_icon_report.png');}
#nav_btn ul li.nav_report_pdf a::before {content:url('../image/nav_icon_report_pdf.png');}
#nav_btn ul li.nav_circular a::before   {content:url('../image/nav_icon_circular.png');}
#nav_btn ul li.nav_calendar a::before   {content:url('../image/nav_icon_calendar.png');}
#nav_btn ul li.nav_event a::before      {content:url('../image/nav_icon_event.png');}
#nav_btn ul li.nav_company a::before    {content:url('../image/nav_icon_company.png');}
#nav_btn ul li.nav_drawing a::before    {content:url('../image/nav_icon_drawing.png');}
#nav_btn ul li.nav_estimate a::before   {content:url('../image/nav_icon_estimate.png');}
#nav_btn ul li.nav_user a::before       {content:url('../image/nav_icon_user.png');}

#nav_btn ul li a:link, #nav_btn ul li a:visited {color:#fff;}

#nav_btn ul li:hover a, #nav_btn ul li.on a {background:url('../image/nav_btn_middle_active.png') repeat-x;}

#nav_btn ul li:hover::before, #nav_btn ul li.on::before {background:url('../image/nav_btn_start_active.png') no-repeat left;}

#nav_btn ul li:hover::after, #nav_btn ul li.on::after {background:url('../image/nav_btn_end_active.png') no-repeat right;}

#nav_btn ul li a:hover, #nav_btn ul li a:active {color:#fff;}

/* 戻る */
#back_btn {
	margin:-50px 20px 0 0 ;
	text-align:right;
	padding:0;
	position:relative;
}

@media only screen and (max-width : 1500px) {

	#back_btn {
		margin-top:10px;
		margin-bottom:20px;
	}

}

#back_btn button {
	display:inline-block;
	height:2.5em;
	margin:0;
	width:150px;
}

/* フッター */
footer {background:url('../image/bg_footer.gif') repeat-x left bottom;}

footer ul.f_link {text-align:center;}

footer ul.f_link li {
	display:inline-block;
	margin:10px 20px;
}

/* ページトップ */
footer .pagetop {
	margin:0;
	padding:0;
}

footer .pagetop a {
	border-top:1px solid #ccc;
	display:block;
	height:20px;
	margin:0 auto;
	padding:0;
}

footer .pagetop a {
	background-image:url('../image/background_pagetop.gif');
	background-repeat:no-repeat;
	width:948px;
}

footer .pagetop a span {display:none;}

footer .pagetop a {background-position:center top;}

footer .pagetop a:hover, footer .pagetop a:active {background-position:center bottom;}

/* 著作権表示 */
footer .copyright {
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-align:center;
}

footer .copyright {
	height:30px;
	line-height:30px;
}

footer .copyright a:link, footer .copyright a:visited {color:#fff;}

footer .copyright a:hover, footer .copyright a:active {
	color:#9cf;
	text-decoration:none;
}

.input_err {
	color:red;
	margin:10px auto;
	width:900px;
}