@charset "Shift_JIS";

#wrapper #head .logo a {
	position:absolute;left:14px;top:14px;
	background:url(../images/logo.png);
	text-indent: -9999px;
	width:188px;
	height:40px;
	margin:0;
	display:block;
	background-size:100%;
}
#wrapper #head .logo a:hover {
	width:188px;
	height:40px;
	margin:0;
	display:block;
}

.hpe-logo{
	position:absolute;
	left:160px;
	top:13px;
	margin:0;
	display:block;
	width:72px;
	height:30px;
}

#wrapper #head p.contact {
    position: absolute;
    left: 790px;
    top: 20px;
}
#wrapper #head p.contact {
	position:absolute;left:790px;top:20px;	
	background: ;
}
#wrapper #head p.contact a {
	display:block;
	width:190px;
	height:60px;
}
#wrapper #head p.contact a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#wrapper #head ul.social {
	position:absolute;left:15px;top:60px;
}
#wrapper #head ul {
	margin:0;
}
#wrapper #head ul li {
	list-style-image: none;
	list-style-type: none;
	display: inline-block;
	/display:inline;
	background: none;
	/zoom:1;
	margin: 0;
	padding:0 2px;
	/padding:0 4px;
	vertical-align:middle;
}

#wrapper #content .company {
	width:750px;
	margin:0 auto;
}
#wrapper #content .company .company-h3 {
	background:url(../images/title_bar.gif);
	width:730px;
	padding:9px 0 0 20px;
	font-weight:bold;
	font-size:13px;
	height:31px;
	margin-bottom:15px;
	color:#000;
}
#wrapper #content .company table {	
	border-left: #CCC solid 1px;
	border-top: #CCC solid 1px;
	font-size:12px;
}
#wrapper #content .company th {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	padding:6px 10px;
	width:100px;
	background-color:#F3F4F1;
}
#wrapper #content .company td {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	padding:6px 10px;
}

#contact_btn a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#contact_btn2 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.new-footer{
	font-size: 13px;
	padding: 20px;
	text-align: center;
}
.new-footer a{
	color:#333333;
}

.facebook,
.twitter-share-button{
  vertical-align: top !important;
}

#main-b{
	width: 900px;
	margin-left: 50px;
	margin-top: 10px;
	font-size: 12px;
}

.fontsize60{
	font-size: 60%;
}
.fontsize70{
	font-size: 70%;
}
.fontsize80{
	font-size: 80%;
}
.fontsize120{
	font-size: 120%;
}
.fontsize130{
	font-size: 130%;
}
.fontsize140{
	font-size: 140%;
}
.mincho {
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
}
/*
## Buttons
-------------------------------------------------
*/
.btn {
	margin: 0;
	border: 0;
	border-radius: 25px;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	user-select: none;
	touch-action: manipulation;
	box-sizing: border-box;
	width: 400px;
	padding-top: 6px;
	padding-right: 50px;
	padding-bottom: 6px;
	padding-left: 50px;
}

.btndiv a {
	color: #fff;
}

.btndiv {
	text-align: center;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
}

.btn:hover { color: #fff; background-color: #009b74; text-decoration: none; }

.btn--large { padding-top: 13px; padding-bottom: 13px; min-width: 130px; font-weight: 400; font-size: 18px; }

.btn--small { padding: 1px 20px; font-size: 92.30769%; }

.btn--primary { color: #fff; background: #009b74; }

.btn--primary:hover { background-color: #31459a; }

.btn--link { color: #fff; background: #555; }