@charset "UTF-8";

body {
  padding: 0px;
  margin: 0px;
  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  -webkit-text-size-adjust: 100%;
}

input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#wrapper {
  width: 975px;
  margin: 0px auto 0px auto;
  text-align: left;
}

#maincontents {
  display: block;
  margin: 0 auto;
  width: 975px;
  margin-left: 3px;
  float: left;
}

a {
  outline: 0;
}

.plugin {
  position: absolute;
  right: 7px;
  top: 7px;
}

.plugin_big {
  width: 380px;
  height: 70px;
  margin: 10px 0 0 0;
  background-color: aliceblue;
}

.plugin_big .boxed_sns {
  margin: 0 0 0 15px;
  padding: 3px 0 3px 0;
  float: left;
}

.plugin-recommend {
  color: darkgreen;
  font-weight: bold;
  font-size: 12px;
}

h1.sub {
  height: 40px;
  height: 45px;
  padding-top: 5px;
  text-align: left;
  line-height: 40px;
  background-color: #122a88;
  color: #fff;
  padding-left: 20px;
  margin: 0 0 10px 3px;
  font-weight: bolder;
  font-size: 32px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

h1.top {
  width: 910px;
  height: 10px;
  font-size: 12px;
  text-align: left;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 1px;
  color: #666;
}

.summary {
  font-size: 16px;
  line-height: 150%;
  margin: 0;
}

#header {
  width: 975px;
  height: 150px;
  margin: 5px 0;
}

#header_parts {
  position: relative;
  width: 975px;
  height: 61px;
  margin-bottom: 5px;
}

.header_title {
  position: absolute;
  top: 5px;
}

.header_mail {
  position: absolute;
  left: 793px;
}

.header_toiawase {
  position: absolute;
  left: 796px;
}

.header_mitumori {
  position: absolute;
  left: 886px;
}

.header_pmark {
  position: absolute;
  left: 355px;
  border: none;
}

.header_tel {
  position: absolute;
  left: 438px;
  border: none;
}

#new_gnavi_up {
  clear: both;
  position: relative;
  width: 975px;
  height: 87px;
}

.navi_home {
  position: absolute;
  left: 0px;
}

.navi_erase {
  position: absolute;
  left: 70px;
}

.navi_secure {
  position: absolute;
  left: 251px;
}

.navi_text {
  position: absolute;
  left: 432px;
}

.navi_career {
  position: absolute;
  left: 613px;
}

.navi_company {
  position: absolute;
  left: 794px;
}

.navi_take {
  position: absolute;
  left: 70px;
  top: 44px;
}

.navi_send {
  position: absolute;
  left: 251px;
  top: 44px;
}

.navi_carryin {
  position: absolute;
  left: 432px;
  top: 44px;
}

.navi_items {
  position: absolute;
  left: 613px;
  top: 44px;
}

.navi_flow {
  position: absolute;
  left: 794px;
  top: 44px;
}

a.footerbanner1 {
  background-image: url(/common/img/footerbanner.gif);
  text-indent: -9999px;
  display: block;
  width: 307px;
  height: 173px;
  margin-top: 40px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  float: left;
}

a.footerbanner1:hover {
  background-position: bottom left;
}

a.footerbanner2 {
  background-image: url(/common/img/footerbanner.gif);
  text-indent: -9999px;
  display: block;
  width: 307px;
  height: 173px;
  margin-top: 40px;
  background-position: -307px 0px;
  background-repeat: no-repeat;
  float: left;
}

a.footerbanner2:hover {
  background-position: -307px -173px;
}

a.footerbanner3 {
  background-image: url(/common/img/footerbanner.gif);
  text-indent: -9999px;
  display: block;
  width: 306px;
  height: 173px;
  margin-top: 40px;
  background-position: -614px 0px;
  background-repeat: no-repeat;
  float: left;
}

#footer {
  background-color: #333;
  width: 920px;
  margin-top: 10px;
  line-height: 30px;
  text-align: center;
}

.footer {
  color: #FFF;
  width: 920px;
}

#footer_group {
  background-color: #CCC;
  width: 920px;
  line-height: 30px;
  text-align: center;
}

.footer_group {
  color: #000;
  width: 920px;
  text-align: center;
}

#new_footer {
  background-color: #333;
  width: 975px;
  margin-top: 10px;
  line-height: 30px;
  text-align: center;
}

.new_footer {
  color: #FFF;
  width: 975px;
}

#new_footer_group {
  background-color: #CCC;
  width: 975px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
}

.new_footer_group {
  color: #000;
  width: 975px;
  text-align: center;
}

.headline {
  margin: 0px 0px 15px;
  border-bottom: 1px solid #aaaaaa;
  padding: 5px 0px 7px 29px;
  background: transparent url(/utility/icons/square0103.gif) no-repeat 4px 50%;
  text-align: left;
  font-size: 20px;
}

.headline2 {
  margin: 15px 0px;
  padding: 5px 0px 7px 22px;
  background: transparent url(/utility/icons/square0203.gif) no-repeat 4px 50%;
  text-align: left;
  font-size: 16px;
}

.headline3 {
  margin: 2px 0px 10px 7px;
  border-left: 5px solid #9395BE;
  border-bottom: 1px dashed #9395BE;
  padding: 3px 7px;
  text-align: left;
  font-size: 16px;
}

.headline4 {
  margin: 2px 0px 10px 7px;
  border-bottom: 1px dashed #9395BE;
  padding: 3px 7px;
  text-align: left;
  font-size: 16px;
}

.list_mark {
  margin: 0px;
  margin-left: 30px;
  list-style-image: url(/common/img/list_mark.gif);
  padding: 2px 0px;
  text-align: left;
  vertical-align: 0.5em;
}

.c_link {
  border: 1px solid gray;
}

.c_link ul {
  margin: 0px;
  padding: 5px;
  line-height: 110%;
  font-size: 14px;
}

.c_link li {
  margin-left: 30px;
  padding: 2px 0px;
  vertical-align: 0.5em;
  list-style: upper-roman none;
}

ul.bread {
  list-style: none;
  padding: 0;
  margin: 3px 0 7px 3px;
  width: 970px;
  height: 15px;
  font-size: 14px;
}

ul.bread li {
  float: left;
}

ul.bread a {
  text-decoration: none;
}

div#floating-menu {
  position: absolute;
  width: 114px;
  top: 100px;
  right: 1%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 7px #454545;
  -webkit-box-shadow: 0px 0px 7px #454545;
  box-shadow: 0px 0px 7px #454545;
  z-index: 9999;
}

#floating-menu li {
  list-style-type: none;
  width: 112px;
  height: 43px;
  margin: 0 1px 2px 0;
  float: left;
}

#floating-menu ul {
  height: 413px;
  margin: 5px 0 5px 1px;
  padding: 0;
}

#floating-menu li.tel {
  width: 112px;
  height: 321px;
  background: url(/business/img/side_tel2.png);
  background-repeat: no-repeat;
}

#floating-menu li.toiawase {
  background: url(/business/img/toiawase_on.png);
}

#floating-menu li.toiawase a {
  background: url(/business/img/toiawase.png);
}

#floating-menu li.mitumori {
  background: url(/business/img/mitumori_on.png);
}

#floating-menu li.mitumori a {
  background: url(/business/img/mitumori.png);
}

#floating-menu li a {
  display: block;
  height: 100%;
  text-indent: -9999px;
}

#floating-menu li a:hover {
  background: none !important;
}

.plugin_org {
  position: relative;
  width: 100%;
  margin-top: 15px;
}

.share {
  overflow: hidden;
  height: 50px;
}

.share li {
  font-size: 14px;
  float: left;
  text-align: center;
  width: 23%;
  margin-right: 1%;
  border-radius: 3px;
  list-style: none;
  cursor: pointer;
}

.share a {
  display: block;
  height: 30px;
  padding-top: 10px;
  text-decoration: none;
  color: #fff;
}

.share i {
  margin-right: 7px;
  font-size: 1.5em;
}

.share .btn-text {
  position: relative;
  top: -3px;
}

.share .share-twitter {
  background-color: #55acee;
  box-shadow: 0 3px #2795e9;
}

.share .share-twitter:hover {
  background-color: #83c3f3;
}

.share .share-facebook {
  background-color: #3b5998;
  box-shadow: 0 3px #2d4373;
}

.share .share-facebook:hover {
  background-color: #4c70ba;
}

.share .share-google {
  background-color: #dd4b39;
  box-shadow: 0 3px #c23321;
}

.share .share-google:hover {
  background-color: #e47365;
}

.share .share-hatena {
  background-color: #2c6ebd;
  box-shadow: 0 3px #225694;
}

.share .share-hatena:hover {
  background-color: #4888d4;
}

.fa-hatena:before {
  content: "B!";
  font-family: "Verdana";
  font-weight: bold;
}


/* 年末年始バナー ***********************************/

.nenmatu {
  margin-top: 20px;
  width: 100%;
  height: auto;
}

.nenmatu-bottom {
  margin-bottom: 20px;
}