@charset "utf-8";

/** error page ****/
.error400 {
  margin-top: 50px;
  color: #666;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 14px;
  text-align: center;
}
.error400 h2 {
  font-size: 22px;
  margin: 0 0 5px 0;
}
.error400 img {
  margin: 10px 0 0 0;
}

/** IE alert ****/
#ie_alert {
  width: 100%;
  padding: 15px 0 3px 0;
  background-color: #ac1b1b;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ie_alert p {
  font-size: 12px;
  margin-bottom: 10px;
}
#ie_alert h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#ie_alert a {
  color: #ffff00;
}

/** favorites ****/
.png24 {
  behavior: expression(setPng24(this));
}
.dropShadow {
  -moz-box-shadow: 3px 3px 4px #c0c0c0;
  -webkit-box-shadow: 3px 3px 4px #c0c0c0;
  box-shadow: 3px 3px 4px #c0c0c0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C0C0C0')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C0C0C0');
}
.dropShadowDark {
  -moz-box-shadow: 3px 3px 4px #606060;
  -webkit-box-shadow: 3px 3px 4px #606060;
  box-shadow: 3px 3px 4px #606060;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#606060')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#606060');
}

/** modify for original css ****/
header {
  height: 86px;
}
header .sitelogo {
  display: flex;
  align-items: center;
  padding-left: 15px;
}
header .sitelogo p {
  margin-bottom: 0;
  padding-left: 15px;
}
footer {
  position: relative;
}
footer .seal {
  position: absolute;
  left: 30px;
  top: 35px;
  width: 50px;
  height: 50px;
}
/*footer ul {
	display: block;
	width: 95%;
	margin: 10px auto -5px auto;
	padding: 0;
}
footer ul li {
	display:none;
	margin: 8px 8px 0 0;
}*/

/** social plugin ****/
.notice {
  width: 960px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: center;
}
.notice .twitter {
  width: 840px;
  margin: 0 auto;
  border: 4px solid #d0d0d0;
  border-radius: 10px;
  -moz-box-shadow: 6px 6px 4px #c0c0c0;
  -webkit-box-shadow: 6px 6px 4px #c0c0c0;
  box-shadow: 6px 6px 4px #c0c0c0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C0C0C0')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C0C0C0');
}
.notice .twitter-timeline {
  display: block;
  margin: 0 auto;
}
.notice #twitter-widget-0 {
  opacity: 0;
  padding: 7px 0 7px 10px;
}
.notice .loaded-timeline {
  opacity: 1 !important;
}
.social_plugin {
  width: 1140px;
  margin: 10px auto 10px auto;
  padding: 0;
}
.social_plugin .social_fb {
  position: relative;
  width: 100%;
  height: 70px;
  border-top: 1px solid #c0c0c0;
}
.social_plugin .social_fb a {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 1px;
  top: 7px;
}
.social_plugin .social_fb .fb-like {
  display: block;
  position: absolute;
  left: 67px;
  top: 6px;
}
.social_plugin .social_tw {
  position: relative;
  width: 100%;
  height: 100px;
  border-top: 1px solid #c0c0c0;
  margin-top: 5px;
}
.social_plugin .social_tw_left {
  display: block;
  position: absolute;
  width: 60px;
  height: 80px;
  left: 1px;
  top: 7px;
  overflow: show;
}
.social_plugin .social_tw_left > * {
  display: block;
  margin: 0;
}
.social_plugin .twitter-timeline {
  position: absolute;
  display: block;
  left: 70px;
  width: 870px;
  height: 91px;
}

/** top page ****/
div#slidearea .flexslider {
  height: 423px;
  overflow: hidden;
  margin-bottom: 20px;
}
body.home .news_title a,
body.home .news_comment a {
  color: #666;
}

/** gnb menu ****/
.gnb {
  position: absolute;
  display: none;
  top: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: #e4007f;
  z-index: 1000;
  left: 308px;
}
.gnb li {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 15px;
}
.gnb li a,
.gnb li a:link {
  display: block;
  cursor: pointer;
  color: #999;
  text-decoration: none;
  padding-bottom: 2px;
}
.gnb li.select a {
  color: #f06;
}
.gnb ul ul {
  display: none;
  position: absolute;
  left: -15px;
  top: 26px;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 4px #a0a0a0;
  -webkit-box-shadow: 3px 3px 4px #a0a0a0;
  box-shadow: 3px 3px 4px #a0a0a0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A0A0A0')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A0A0A0');
}
.gnb ul ul.select {
  display: block;
}
.gnb ul ul li {
  float: none;
  width: 120px;
  margin: 0px;
  letter-spacing: 0;
}
.gnb ul ul li a {
  padding: 3px 0 0 0;
  text-indent: 5px;
}
.gnb ul ul li a:hover {
  color: #ffffff;
  background-color: #e4007f;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/** navigation ****/
div.nav_indicator {
  margin: 10px 0 20px 0;
  color: #808080;
  font-size: 8pt;
  background: #ffeef7;
  padding: 2px 5px;
}
div.nav_indicator a {
  color: #808080;
  text-decoration: none;
}
div.nav_indicator span {
  color: #f06;
}
ul.submenu {
  display: block;
  margin: -15px 0 5px 0;
  text-align: center;
}
ul.submenu li {
  display: inline-block;
  width: 180px;
  margin: 0 5px;
  padding: 0px 0 0 0;
  text-align: center;
}
ul.submenu li a {
  color: #808080;
  text-decoration: none;
}

/** page specification ****/
div.tech article {
  display: block;
  margin: 0 0 50px 0;
}
div.tech article p {
  line-height: 160%;
  padding-left: 15px;
}
div.tech article table {
  margin-left: 15px;
}

/** sitemap ****/
.sitemap {
  padding-left: 40px;
}
.sitemap ul {
  margin: 10px 0 10px 20px;
}
.sitemap ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 3px;
}
.sitemap > ul > li {
  list-style-type: none;
  margin-left: 0px;
}

/** news ****/
#news .box1 {
  border-top: dotted 1px #404040;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 10px;
}
#news .box1 > p:first-child {
  margin-left: -10px;
}
#news .box1 strong {
  color: #404040;
}
#news .price-table th {
  font-weight: bold;
  text-align: center;
}
#news .price-table td {
  text-align: right;
  padding-right: 30px;
}

/** agency ****/
.agency .box1 {
  border-top: dotted 1px #404040;
  margin-top: 20px;
  padding-left: 10px;
}
.agency .box1 > p:first-child {
  margin-left: -10px;
}
.agency .box1 strong {
  color: #404040;
}
.agency .box1 h2.midashi {
  padding-top: 20px;
}
.agency .box1 h2.midashi_l {
  padding-top: 20px;
  font-size: 20px;
}
.agency .box1 p.point {
  font-size: 14px;
  font-weight: bold;
}
.agency .box1 ul {
  width: 540px;
  padding: 20px;
  background-color: #eeeeee;
}
.agency .box1 ul li {
  font-size: 16px;
  line-height: 24px;
}
.agency .box1 dl.main {
  overflow: auto;
}
.agency .box1 dl.main dt {
  float: left;
  width: 300px;
  margin: 0;
}
.agency .box1 dl.main dd {
  float: left;
  width: 500px;
  margin: 0 0 0 15px;
}
.agency .box1 dl.detail {
  overflow: auto;
  margin-left: 10px;
}
.agency .box1 dl.detail dt {
  float: left;
  width: 700px;
  margin: 0;
}
.agency .box1 dl.detail dd {
  float: left;
  width: 200px;
  margin: 0 0 0 15px;
  font-size: 11px;
  line-height: 15px;
}

/** compatibility **/
#compatibility,
#timedata {
  margin-top: 20px;
  margin-bottom: 40px;
}
#compatibility section,
#compatibility p,
#compatibility table,
#timedata section,
#timedata p,
#timedata table {
  margin: 10px 40px;
}
#compatibility section strong,
#timedata section strong {
  display: inline-block;
  margin: 15px 0 2px 0;
}

/** plan ****/
ul.planlist {
  overflow: hidden;
  margin: 10px 0 30px 30px;
}
ul.planlist li {
  float: left;
  padding-left: 30px;
  font-size: 16px;
}
ul.planlist li a {
  padding-right: 30px;
}

/** setlist ****/
.setlist {
  margin: 0;
  padding: 0;
}
.setlist p {
  margin-left: 0;
}

/** set ****/
.set {
  margin: 0;
  padding: 0;
}
.set table {
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 80px;
}
.set p {
  margin-left: 50px;
}
.set ul {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 50px;
  padding: 30px;
  background-color: #eeeeee;
}
.set ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.set ul li span {
  font-weight: bold;
  color: #333333;
}
.set ul.plan {
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 50px;
  padding: 0 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  background-color: #ffffff;
}
.set ul.plan li {
  padding-left: 0;
  text-indent: 0;
  margin: 0 0 15px 0;
  padding: 0 0 0 45px;
  background: url(../images/home/plan/icon_check.png) left top no-repeat;
}
.set ul.plan li span {
  color: #e4007f;
}

/** parts ****/
.parts {
  margin: 0;
  padding: 0;
}
.parts p {
  margin-left: 50px;
}
.parts table {
  width: 840px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 50px;
}
.parts table td {
  width: 420px;
  text-align: center;
}
.parts ul {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 30px;
  padding: 30px;
  background-color: #eeeeee;
}
.parts ul li {
  padding-left: 1em;
  text-indent: -1em;
}

/** attention ****/
.attention {
  margin: 0;
  padding: 0;
}
.attention ul {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 30px;
  padding: 30px;
  background-color: #eeeeee;
}
.attention ul li {
  line-height: 24px;
  padding-left: 1em;
  text-indent: -1em;
}
.attention ul li span {
  font-weight: bold;
}
.attention ul li.ttl {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
.attention ul li.paragraph {
  margin-top: 20px;
}

/** Jquery UI *****/
body .ui-front {
  z-index: 90001;
}
body .ui-widget-overlay {
  background: #404040;
  opacity: 0.5;
}
body .ui-widget-content {
  font-size: 12px;
}
body .ui-accordion .ui-state-default {
  border: 1px solid #c0c0c0;
}
body .ui-accordion .ui-accordion-header {
  font-size: 120%;
  font-weight: bold;
}
body .ui-accordion .ui-accordion-header-active {
  border: 1px solid #808080;
  background: #00ccff;
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header-noactive {
  cursor: auto !important;
  color: #aaaaaa !important;
  background: #e6e6e6 url(//code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
}
body .ui-accordion .ui-accordion-header-noactive:hover {
  background: #e6e6e6 url(//code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
}
body .ui-tooltip,
body .ui-tooltip-arrow:after {
  background: #e4007f;
  border: 2px solid white;
}
body .ui-tooltip {
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  box-shadow: 0 0 7px black;
  opacity: 0.9;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body .ui-tooltip-arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
body .ui-tooltip-arrow.top {
  top: -16px;
  bottom: auto;
}
body .ui-tooltip-arrow.left {
  left: 20%;
}
body .ui-tooltip-arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
body .ui-tooltip-arrow.top:after {
  bottom: -20px;
  top: auto;
}
body .ui-dialog-loading {
  background: none;
  border: none;
  z-index: 90101;
}
body .ui-dialog-loading .ui-dialog-titlebar {
  display: none;
}
body .ui-dialog-msg,
body .ui-dialog-confirm {
  -moz-box-shadow: 3px 3px 4px #202020;
  -webkit-box-shadow: 3px 3px 4px #404040;
  box-shadow: 3px 3px 4px #404040;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#404040')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#404040');
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-width: 4px;
  border-color: #808080;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body .ui-dialog-msg .ui-dialog-titlebar,
body .ui-dialog-confirm .ui-dialog-titlebar {
  background: none;
  border: none;
  z-index: 90101;
}
body .ui-dialog-confirm .ui-dialog-buttonset {
  float: none !important;
  text-align: center;
  padding-left: 10px;
}
body .no-close .ui-dialog-titlebar .ui-dialog-titlebar-close {
  display: none;
}

/** Support Buttons *****/
div.support-btn-holder {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

/** order ****/
table.form_contact {
  width: 100%;
  max-width: 960px;
}
table.form_contact th {
  padding-left: 10px;
}
table.form_contact td {
  line-height: 260%;
  padding-left: 10px;
}
table.form_contact input {
  box-sizing: border-box;
}
table.form_contact .width-s {
  width: 150px;
  max-width: 100%;
}
table.form_contact .width-m {
  width: 300px;
  max-width: 100%;
}
table.form_contact .width-l {
  width: 550px;
  max-width: 100%;
}
table.form_contact .width-comments {
  width: 95%;
  height: 80px;
}
table.form_contact .width-contents {
  width: 95%;
  height: 180px;
}
.wpcf7-form .wpcf7-submit {
  font-size: 120%;
  font-weight: bold;
  padding: 10px 30px;
}
.wpcf7-form .wpcf7-not-valid-tip {
  display: inline-block;
  margin-left: 5px;
  font-size: 85%;
}
.wpcf7-form .wpcf7-response-output {
  background-color: #f7e700;
  font-size: 110%;
  text-align: center;
  border-radius: 10px;
}