@charset "utf-8";

body,input,select,textarea,p,pre,h1,h2,h3,h4,h5,h6 {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
	margin:0 1em;
	font-size:small;
	line-height:1.5;
}

.require{
	color:#ff0000;
}
label.error{
	color:#ff0000;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
noscript{
	display:block;
	color:#fff;
}
.on-load-hide{
	display:none;
}
.inline{
	display:inline-block;
	width:auto;
}

#loading{
	display:none;
}
#loading div{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.60;
	filter:alpha(opacity=60);
	z-index:80000;
}
#loading p{
	position: fixed;
	top:50%;
	left:50%;
	background:transparent url("images/loading.gif") center center no-repeat;
	width:128px;
	height:128px;
	margin:-64px 0 0 -64px;
	z-index:80001;
}

.navbar .nav > li > a{
  color: #777777;
  text-shadow:0 1px 0 #fff;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5d5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
#mainmenu{
  background-color: #fcfcfc;
  background-image: -moz-linear-gradient(top, #fffef3, #eeede2);
  background-image: -ms-linear-gradient(top, #fffef3, #eeede2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffef3), to(#eeede2));
  background-image: -webkit-linear-gradient(top, #fffef3, #eeede2);
  background-image: -o-linear-gradient(top, #fffef3, #eeede2);
  background-image: linear-gradient(top, #fffef3, #eeede2);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffef3', endColorstr='#eeede2', GradientType=0);
}
#mainmenu .navbar-brand{
	width:128px;
	background:url(images/hn_logo.png) no-repeat left center;
	overflow:hidden;
	text-indent: 200%;
	white-space: nowrap;
}

#site_contents{
	position:relative;
	margin:40px auto 0;
}

#page_contents{
}


#site_footer{
	background:url(images/logo_footer.png) #420000 no-repeat center 8px;
	margin:0 0 0 0;
	padding:90px 0 4px 0;
	text-align:center;
	color:#fcf7f9;
}
#site_footer ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}
#site_footer ul li{
	display:inline;
	margin:0 5px;
	padding:0;
}
#site_footer li a{
	color:#ffffff;
}
#copyright{
	color:#c0c0c0;
}

div.item_errors{
	margin:0 20px 10px 20px;
	padding:4px;
	text-indent:62px;
	border-bottom:1px dotted #790320;
}
div.item_errors > div{
	width:45px;
	height:41px;
	margin:20px 0 0;
}
div.item_errors > ul{
	list-style-position:inside;
	margin:-38px 0 0;
	padding:0;
	min-height:47px;
}
input.free_text, textarea.free_text{
	ime-mode:active;
}
input.ascii_text, textarea.ascii_text{
	ime-mode:inactive;
}
input.date{
	ime-mode:inactive;
	width:8em;
}
td.number, td.currency, td.count{
	text-align:right;
}
table.dropdown-menu{
	max-width:none;
}
table.dropdown-menu td, table.dropdown-menu th{
	white-space:nowrap;
}
.file_upload_area input[type=file]{
	display:none;
}
.file_upload_area a.btn{
	height:20px;
}

body.public #site_contents{
	margin-top:0;
}
body.public #site_contents .page-header{
	margin-top:0;
}

.introjs-tooltip{
	max-width:600px;
	min-width:300px;
}
.introjs-helperNumberLayer{
	line-height:10px;
}
.introjs-button{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:100%;
}

#jump_to_top{
	background:url(images/jump_top.png) no-repeat;
	background-size:contain;
	width:207px;
	height:37px;
	position:fixed;
	bottom:0;
	right:20px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
	display:none;
}
@media screen and (max-device-width: 640px) {
	#jump_to_top{
		width:414px;
		height:74px;
	}
}