@charset "utf-8";
/* CSS Document */

* {
	border-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 {
	font-size:150%;/*24px*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	text-align:center;
}

h3 {
	font-size:125%;/*20px*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	margin-top:20px;
	margin-left:40px;
}

h4 {
	font-size:112.5%;/*18px*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	margin-top:30px;
	margin-left:20px;
}

#header {
	margin:auto;
	height:100px;
	width:996px;
	margin-top:0px;
}

#header1 {
	border-top:solid 8px #FFCB49;
	width:auto;
	height:100px;
	background-color:#FFFFFF;
}

#text {
	width:480px;
	position: relative;
	top: 8px;
	left: 500px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:75%;/*12px*/
	line-height:22px;
}

#menu {
	width:540px;
	height:70px;
	margin-top:-90px;
	margin-left:445px;
	background-color:#FFCB49;
	border-radius:0px 0px 20px 20px;
}

#nav {
	width:540px;
}

#nav ul {
	margin-left:10px;
	list-style-type:none;
}

#nav li{
	float:left;
	width:84px;
	height:33px;
	margin-top:10px;
	padding-top:18px;
	padding-left:2px;
	text-align:center;
	font-size:75%;/*12px*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	border-radius:10px;
}

#nav li:hover{
	background-color:#FFFFFF;
	width:84px;
	height:33px;
	display:block;
}

#nav li a {
	height:33px;
	margin-top:-20px;
	padding-top:20px;
	color:#464646;
	text-decoration:none;
	display:block;
}

#logo {
	margin-left:20px;
	margin-top:10px;
}

#logo2 {
	position:relative;
	top:10px;
	left:10px;
}

#comment {
	position:relative;
	top:20px;
	width:360px;
	margin-left:180px;
	height:25px;
	font-size:100%;/*1612px*/
	clear:both;
}

#comment:hover {
	background-color:#FFC15D;
}

.h51 {
	font-size:62.5%;/*10px*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	padding:5px;
	cursor:default;
}

.arrow_box {
  display: none;
  position: absolute;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #FFFFFF;
  color:#000000;
  border:solid 2px #FFA21C;
  z-index:9999;
  width:350px;
}

.arrow_box:after {
  position: relative;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: rgba(255, 177, 79, 0);
  border-left-color:#FFB14F;
  border-width: 0px;
  margin-top: -30px;
  pointer-events: none;
  content: " ";
}

#sitemap {
	width:200px;
	height:20px;
	position:absolute;
	top:75px;
}

#main {
	margin:auto;
	width:996px;
}

#footer {
	margin:auto;
	width:996px;
}

#footer1 {
	border-top: solid 5px #FFCB49;
	border-bottom: solid 10px #FFCB49;
	background-color: #FFE599;
	height: 150px;
	clear:both;
}

#ft {
	float:left;
	width:300px;
	height:150px;
	font-size:75%;/*12px*/
	border-right:solid 2px #F3B168;
	margin-top:2px;
}

#company {
	float:left;
	width:260px;
	height:75px;
}

#companyname {
	position:relative;
	top:-24px;
	left:52px;
}

#address {
	float:right;
	width:240px;
}

#ft2 {
	float:right;
	width:670px;
	height:150px;
}

#centerbox {
	float:right;
	width:100px;
	font-size:75%;/*12px*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:5px;
	margin-right:1px;
}

#topbox {
	width:650px;
	height:140px;
}

#box {
	float:left;
	width:150px;
	height:85px;
	padding-top: 35px;
	font-size:100%;/*1612px*/
}

#box2 {
	float:right;
	width:450px;
	height:130px;
}

#box2 img {
	margin-top:22px;
}

#DigiCertClickID_wwsnlHWC{
	width:200px;
	height:120px;
	float: right;
	margin-top:35px;
	margin-right:80px;
}

#personalinfo {
	position:relative;
	top:-57px;
	left:72px;
	font-size:62.5%;/*10px*/
	width:80px;
}

.text {
	margin-top:12px;
}

.text1 {
	margin-top:5px;
	margin-left:20px;
	font-size:75%;/*1210px*/
}

.text2 {
	margin-top:5px;
	margin-left:20px;
	font-size:75%;/*1210px*/
}

.one {
	padding-left:15px;
}

.row {
	font-size:100%;/*1612px*/
	line-height:2px;
}

.row1 {
	line-height:20px;
}

/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
	}
#back-top span {
    width: 100px;
    height: 75px;
    display: block;
	}

/*ボタン効果*/
.css_btn_class {
	font-size:62.5%;/*10px*/
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eda933;
	padding:6px 14px;
	text-decoration:none;
	border-radius:8px;
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fed897;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fed897;
 	box-shadow:inset 1px 1px 0px 0px #fed897;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
	background-color:#d29105;
}.css_btn_class:active {
	position:relative;
	top:1px;
}