@charset "UTF-8";
@font-face {
  font-family: "staficon";
  src: url("../fonts/staficon.eot?551238");
  src: url("../fonts/staficon.eot?551238") format("eot"), url("../fonts/staficon.woff?551238") format("woff"), url("../fonts/staficon.ttf?551238") format("truetype"), url("../fonts/staficon.svg?551238") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="stic-"]:before, [class*=" stic-"]:before {
  display: inline-block;
  font-family: "staficon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stic-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.stic-2x {
  font-size: 2em;
}

.stic-3x {
  font-size: 3em;
}

.stic-4x {
  font-size: 4em;
}

.stic-5x {
  font-size: 5em;
}

.stic-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.stic-aco:before {
  content: "\EA01";
  font-family: "staficon";
}

.stic-arw-down:before {
  content: "\EA02";
  font-family: "staficon";
}

.stic-arw-right:before {
  content: "\EA03";
  font-family: "staficon";
}

.stic-arw-up:before {
  content: "\EA04";
  font-family: "staficon";
}

.stic-balloon:before {
  content: "\EA05";
  font-family: "staficon";
}

.stic-balloon2:before {
  content: "\EA06";
  font-family: "staficon";
}

.stic-bell:before {
  content: "\EA07";
  font-family: "staficon";
}

.stic-color:before {
  content: "\EA08";
  font-family: "staficon";
}

.stic-colorhistory:before {
  content: "\EA09";
  font-family: "staficon";
}

.stic-colorpallet:before {
  content: "\EA0A";
  font-family: "staficon";
}

.stic-cross-c:before {
  content: "\EA0B";
  font-family: "staficon";
}

.stic-cross:before {
  content: "\EA0C";
  font-family: "staficon";
}

.stic-del:before {
  content: "\EA0D";
  font-family: "staficon";
}

.stic-display:before {
  content: "\EA0E";
  font-family: "staficon";
}

.stic-download:before {
  content: "\EA0F";
  font-family: "staficon";
}

.stic-favorite:before {
  content: "\EA10";
  font-family: "staficon";
}

.stic-file:before {
  content: "\EA11";
  font-family: "staficon";
}

.stic-file2:before {
  content: "\EA12";
  font-family: "staficon";
}

.stic-fit:before {
  content: "\EA13";
  font-family: "staficon";
}

.stic-graph:before {
  content: "\EA14";
  font-family: "staficon";
}

.stic-ideaboard:before {
  content: "\EA15";
  font-family: "staficon";
}

.stic-img:before {
  content: "\EA16";
  font-family: "staficon";
}

.stic-info:before {
  content: "\EA17";
  font-family: "staficon";
}

.stic-info2:before {
  content: "\EA18";
  font-family: "staficon";
}

.stic-menu:before {
  content: "\EA19";
  font-family: "staficon";
}

.stic-mypage:before {
  content: "\EA1A";
  font-family: "staficon";
}

.stic-news:before {
  content: "\EA1B";
  font-family: "staficon";
}

.stic-next:before {
  content: "\EA1C";
  font-family: "staficon";
}

.stic-pallet:before {
  content: "\EA1D";
  font-family: "staficon";
}

.stic-pause:before {
  content: "\EA1E";
  font-family: "staficon";
}

.stic-photoclip:before {
  content: "\EA1F";
  font-family: "staficon";
}

.stic-pipette:before {
  content: "\EA20";
  font-family: "staficon";
}

.stic-play:before {
  content: "\EA21";
  font-family: "staficon";
}

.stic-plus-s:before {
  content: "\EA22";
  font-family: "staficon";
}

.stic-plus:before {
  content: "\EA23";
  font-family: "staficon";
}

.stic-prev:before {
  content: "\EA24";
  font-family: "staficon";
}

.stic-promote:before {
  content: "\EA25";
  font-family: "staficon";
}

.stic-reload:before {
  content: "\EA26";
  font-family: "staficon";
}

.stic-rss:before {
  content: "\EA27";
  font-family: "staficon";
}

.stic-save:before {
  content: "\EA28";
  font-family: "staficon";
}

.stic-search:before, .customSelect .optgrp .inpArea:before, .telInput .sel .optgrp .inpArea:before {
  content: "\EA29";
  font-family: "staficon";
}

.stic-sp:before {
  content: "\EA2A";
  font-family: "staficon";
}

.stic-supersearch:before {
  content: "\EA2B";
  font-family: "staficon";
}

.stic-tag:before {
  content: "\EA2C";
  font-family: "staficon";
}

.stic-text:before {
  content: "\EA2D";
  font-family: "staficon";
}

.stic-trendarchive:before {
  content: "\EA2E";
  font-family: "staficon";
}

.stic-tri-down-m:before {
  content: "\EA2F";
  font-family: "staficon";
}

.stic-tri-down:before {
  content: "\EA30";
  font-family: "staficon";
}

.stic-tri-up-m:before {
  content: "\EA31";
  font-family: "staficon";
}

.stic-tri-up:before {
  content: "\EA32";
  font-family: "staficon";
}

.stic-up:before {
  content: "\EA33";
  font-family: "staficon";
}

.stic-upload:before {
  content: "\EA34";
  font-family: "staficon";
}

.stic-zoom:before {
  content: "\EA35";
  font-family: "staficon";
}

.stic-random:before {
  content: "\EA36";
  font-family: "staficon";
}

.stic-date:before {
  content: "\EA37";
  font-family: "staficon";
}

.stic-trim:before {
  content: "\EA38";
  font-family: "staficon";
}

/**/
[class^="af-stic-"]:after, [class*=" af-stic-"]:after {
  display: inline-block;
  font-family: "staficon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stic-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.af-stic-2x {
  font-size: 2em;
}

.af-stic-3x {
  font-size: 3em;
}

.af-stic-4x {
  font-size: 4em;
}

.af-stic-5x {
  font-size: 5em;
}

.af-stic-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.af-stic-aco:after {
  content: "";
}

.af-stic-arw-down:after {
  content: "";
}

.af-stic-arw-right:after {
  content: "";
}

.af-stic-arw-up:after {
  content: "";
}

.af-stic-balloon:after {
  content: "";
}

.af-stic-balloon2:after {
  content: "";
}

.af-stic-bell:after {
  content: "";
}

.af-stic-color:after {
  content: "";
}

.af-stic-colorhistory:after {
  content: "";
}

.af-stic-colorpallet:after {
  content: "";
}

.af-stic-cross-c:after {
  content: "";
}

.af-stic-cross:after {
  content: "";
}

.af-stic-del:after {
  content: "";
}

.af-stic-display:after {
  content: "";
}

.af-stic-download:after {
  content: "";
}

.af-stic-favorite:after {
  content: "";
}

.af-stic-file:after {
  content: "";
}

.af-stic-file2:after {
  content: "";
}

.af-stic-fit:after {
  content: "";
}

.af-stic-graph:after {
  content: "";
}

.af-stic-ideaboard:after {
  content: "";
}

.af-stic-img:after {
  content: "";
}

.af-stic-info:after {
  content: "";
}

.af-stic-info2:after {
  content: "";
}

.af-stic-menu:after {
  content: "";
}

.af-stic-mypage:after {
  content: "";
}

.af-stic-news:after {
  content: "";
}

.af-stic-next:after {
  content: "";
}

.af-stic-pallet:after {
  content: "";
}

.af-stic-pause:after {
  content: "";
}

.af-stic-photoclip:after {
  content: "";
}

.af-stic-pipette:after {
  content: "";
}

.af-stic-play:after {
  content: "";
}

.af-stic-plus-s:after {
  content: "";
}

.af-stic-plus:after {
  content: "";
}

.af-stic-prev:after {
  content: "";
}

.af-stic-promote:after {
  content: "";
}

.af-stic-reload:after {
  content: "";
}

.af-stic-rss:after {
  content: "";
}

.af-stic-save:after {
  content: "";
}

.af-stic-search:after {
  content: "";
}

.af-stic-sp:after {
  content: "";
}

.af-stic-supersearch:after {
  content: "";
}

.af-stic-tag:after {
  content: "";
}

.af-stic-text:after {
  content: "";
}

.af-stic-trendarchive:after {
  content: "";
}

.af-stic-tri-down-m:after {
  content: "";
}

.af-stic-tri-down:after {
  content: "";
}

.af-stic-tri-up-m:after {
  content: "";
}

.af-stic-tri-up:after {
  content: "";
}

.af-stic-up:after {
  content: "";
}

.af-stic-upload:after {
  content: "";
}

.af-stic-zoom:after {
  content: "";
}

.af-stic-random:after {
  content: "";
}

.af-stic-date:after {
  content: "";
}

.af-stic-trim:after {
  content: "";
}

@font-face {
  font-family: "staficonf";
  src: url("../fonts/staficonf.eot?4143769");
  src: url("../fonts/staficonf.eot?4143769") format("eot"), url("../fonts/staficonf.woff?4143769") format("woff"), url("../fonts/staficonf.ttf?4143769") format("truetype"), url("../fonts/staficonf.svg?4143769") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="stif-"]:before, [class*=" stif-"]:before {
  display: inline-block;
  font-family: "staficonf";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stif-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.stif-2x {
  font-size: 2em;
}

.stif-3x {
  font-size: 3em;
}

.stif-4x {
  font-size: 4em;
}

.stif-5x {
  font-size: 5em;
}

.stif-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.stif-arw-down:before {
  content: "\EA01";
  font-family: "staficonf";
}

.stif-arw-right-c:before {
  content: "\EA02";
  font-family: "staficonf";
}

.stif-arw-right:before {
  content: "\EA03";
  font-family: "staficonf";
}

.stif-arw-up:before {
  content: "\EA04";
  font-family: "staficonf";
}

/**/
[class^="af-stif-"]:after, [class*=" af-stif-"]:after {
  display: inline-block;
  font-family: "staficonf";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stif-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.af-stif-2x {
  font-size: 2em;
}

.af-stif-3x {
  font-size: 3em;
}

.af-stif-4x {
  font-size: 4em;
}

.af-stif-5x {
  font-size: 5em;
}

.af-stif-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.af-stif-arw-down:after, .weave ul li:hover .des .tit:after, html.isTouch .weave ul li .des .tit:after {
  content: "";
}

.af-stif-arw-right-c:after {
  content: "";
}

.af-stif-arw-right:after {
  content: "";
}

.af-stif-arw-up:after, .weave ul li .des .tit:after {
  content: "";
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CSS BASE ver.2.6.2  sine：2012/07/20
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*===========================================================
＊ BASIC SETTING
===========================================================*/
html {
  overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

body {
  font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ",sans-serif;
  font-size: 14px;
  /* for IE6/7 */
  *font-size: small;
  /* for IE Quirks Mode */
  *font: x-small;
  line-height: 1.8;
  text-align: center;
  background: #fff;
}

* html body {
  /* for IF6 */
  font-family: "ＭＳ Ｐ ゴシック",Sans-Serif;
}

/*	title
--------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

/*	image
--------------------------------------*/
img {
  border: 0;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
  /*IEの下スペ回避*/
}

/*	table
--------------------------------------*/
table, tr, th, td {
  font-size: 100%;
  line-height: 1.5;
  color: #333333;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*	list
--------------------------------------*/
li {
  list-style-type: none;
}

/*	before after
--------------------------------------*/
q:before, q:after {
  content: '';
}

/*	js use
--------------------------------------*/
object,
embed {
  vertical-align: top;
}

/*	line
--------------------------------------*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}

/*	form
--------------------------------------*/
input, select {
  vertical-align: middle;
}

/*	IEで背景とコンテンツが1pxずれの回避
--------------------------------------*/
/* IE7でpadding指定 */
*:first-child + html body {
  padding-left: 1px;
}

/*	斜め文字と太字の初期化
--------------------------------------*/
address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}

/*===========================================================
＊ float clearance
===========================================================*/
/*	CLEAR FIX
--------------------------------------*/
.clearfix:after, .footNav:after, .aboutStafCont .category:after, body.global.smart #header .lang:after, .topicpath:after, body.layered .wrapper .wrapperInr .wrapperMain .titLicense:after, .inputCard:after, #infoList a:after, #infoEntry p:after {
  content: "";
  clear: both;
  display: table;
}

/*===========================================================
＊ FONT LAYOUT
===========================================================*/
/*	color
--------------------------------------*/
.tRed {
  color: #FF0000;
}

.tGreen {
  color: #00FF00;
}

.tBlue {
  color: #0000FF;
}

.tBlack {
  color: #000000;
}

.tWhite {
  color: #FFFFFF;
}

.tOrange {
  color: #FF9900;
}

.tYellow {
  color: #FFFF00;
}

.tGray {
  color: #666666;
}

/*===========================================================
＊ OHTER LAYOUT
===========================================================*/
/* position layout
--------------------------------------------------*/
.txtL {
  text-align: left !important;
}

.txtC {
  text-align: center !important;
}

.txtR {
  text-align: right !important;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.imgL {
  float: left;
  margin: 0 15px 15px 0;
}

.imgR {
  float: right;
  margin: 0 0 15px 15px;
}

/*===========================================================
＊ text link
===========================================================*/
a, a:visited {
  color: #0099AA;
  text-decoration: underline;
}

a:hover, a:active {
  color: #0099AA;
  text-decoration: none;
}

.bNone {
  border: none !important;
}

.pNone {
  padding: 0 !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.font10 {
  font-size: 10px !important;
}

.font11 {
  font-size: 11px !important;
}

.font12 {
  font-size: 12px !important;
}

.font13 {
  font-size: 13px !important;
}

.font14 {
  font-size: 14px !important;
}

.font15 {
  font-size: 15px !important;
}

.font16 {
  font-size: 16px !important;
}

.font17 {
  font-size: 17px !important;
}

.font18 {
  font-size: 18px !important;
}

.font19 {
  font-size: 19px !important;
}

.font20 {
  font-size: 20px !important;
}

.font21 {
  font-size: 21px !important;
}

.font22 {
  font-size: 22px !important;
}

.font23 {
  font-size: 23px !important;
}

.font24 {
  font-size: 24px !important;
}

.font25 {
  font-size: 25px !important;
}

.font26 {
  font-size: 26px !important;
}

.font27 {
  font-size: 27px !important;
}

.font28 {
  font-size: 28px !important;
}

.font29 {
  font-size: 29px !important;
}

.font30 {
  font-size: 30px !important;
}

hr {
  border: none;
  border-bottom: 1px solid #E7DFD5;
}

button:focus,
input:focus,
select:focus,
textarea:focus,
input[type=checkbox]:focus + span:before,
input[type=radio]:focus + span:before {
  outline: none;
  -webkit-border-radius: 2px;
  -mos-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 3px #3b99fc, -1px -1px 3px #3b99fc, -1px 1px 3px #3b99fc, 1px -1px 3px #3b99fc;
  -moz-box-shadow: 1px 1px 3px #3b99fc, -1px -1px 3px #3b99fc, -1px 1px 3px #3b99fc, 1px -1px 3px #3b99fc;
  -ms-box-shadow: 1px 1px 3px #3b99fc, -1px -1px 3px #3b99fc, -1px 1px 3px #3b99fc, 1px -1px 3px #3b99fc;
  -o-box-shadow: 1px 1px 3px #3b99fc, -1px -1px 3px #3b99fc, -1px 1px 3px #3b99fc, 1px -1px 3px #3b99fc;
  box-shadow: 1px 1px 3px #3b99fc, -1px -1px 3px #3b99fc, -1px 1px 3px #3b99fc, 1px -1px 3px #3b99fc;
}

/*------------------------------------------ End */
#container {
  text-align: left;
}
body.top #container {
  background-color: #F5F2EE;
  padding-bottom: 70px;
}

body {
  background-color: #F5F2EE;
  color: #433030;
}
body #main {
  width: 1000px;
  background-color: #ffffff;
  margin: 0 auto 76px auto;
  text-align: left;
  padding: 20px 0 40px 0;
}
body #main #content {
  width: 730px;
  margin: 0 auto;
}
body #main.large {
  width: 1200px;
}
body #main.large #content {
  width: 900px;
  margin: 0 auto;
}
body #main.full {
  width: auto;
  padding-bottom: 0 !important;
}
body #main.full #content {
  width: auto;
  min-width: 1024px;
  margin: 0 auto;
}
body #main.loginForm {
  width: 660px;
}
body #main.loginForm #content {
  width: 550px;
  margin: 0 auto;
  padding: 0 50px 0 50px;
}
body.global {
  background-color: #ffffff;
}
body.global #main {
  width: auto;
  margin-bottom: 0;
  padding: 100px 0;
}

p.txt {
  color: #9A9190;
  padding: 10px 0;
  margin: 0 auto;
}
p.txt.bang {
  font-size: 14px;
  color: #433030;
}

p.txtS {
  font-size: 14px;
  color: #433131;
}

p.error {
  color: #f00;
  padding: 10px 0;
  margin: 0 auto;
}

dl.error {
  margin: 0 auto 45px auto;
  color: #f00;
}
dl.error dd {
  font-size: 16px;
}

.notes {
  color: #9A9190;
  padding: 10px 0;
  font-size: 14px;
}

.inline {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

p.catch {
  font-size: 16px;
  font-weight: bold;
  color: #433131;
}

a.link {
  color: #7B6E6E;
  font-size: 17px;
}
a.link.fRight {
  float: right;
}

.submitArea {
  text-align: center;
  margin-bottom: 25px;
}

dl.date {
  font-size: 17px;
}
dl.date dd {
  display: inline-block;
  margin-right: 10px;
}

.footNav {
  padding-top: 25px;
  border-top: 1px solid #E7DFD5;
  margin-bottom: 20px;
}
.footNav li:first-child {
  float: left;
}
.footNav li:last-child {
  float: right;
}
.footNav li a {
  color: #433030;
  font-size: 14px;
}

.footLink {
  text-align: center;
}
.footLink li {
  display: inline-block;
}
.footLink li a {
  color: #433030;
  font-size: 16px;
}

.inputArea {
  padding: 30px 0;
}
.inputArea.already {
  border-top: none;
  border-bottom: none;
  padding-top: 0;
  background-color: #F9F0ED;
}
.inputArea.already header {
  background-color: #D58F75;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 10px 15px;
}

.sec {
  margin: 0 13px;
}

.innerCnt {
  margin: 0 45px;
}
.innerCnt.mboth25 {
  margin: 0 25px;
}

.relation {
  width: 100%;
  margin-bottom: 25px;
}

.creditNum dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.creditNum dd:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 2px;
  background-color: #7B6E6E;
  margin: 0 3px 0 5px;
  vertical-align: middle;
}
.creditNum dd:last-child:after {
  display: none;
}

.period dd {
  display: inline-block;
  vertical-align: middle;
}
.period dd:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url("/images/ico/ico_from.png") no-repeat;
  margin: 0 3px 0 5px;
  vertical-align: middle;
}
.period dd:last-child:after {
  display: none;
}

.limitDate dd {
  display: inline-block;
  font-size: 18px;
}
.limitDate dd:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 30px;
  background: url("/images/ico/ico_slash.png") no-repeat;
  vertical-align: middle;
  margin: 0 5px;
}
.limitDate dd:last-child:after {
  display: none;
}

.date dd {
  display: inline-block;
  font-size: 17px;
}
.date dd strong {
  font-size: 23px;
  display: inline-block;
  margin-right: 10px;
}
.date dd label {
  font-size: 15px;
}

.box {
  background-color: #eeeeee;
  padding: 30px 20px;
}
.box.brown {
  background-color: #FBF4F1;
}

.licenseCode {
  text-align: center;
}
.licenseCode dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
  font-weight: bold;
}
.licenseCode dd:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: #7B6E6E;
  margin: 0 3px 7px 5px;
  vertical-align: middle;
}
.licenseCode dd:last-child:after {
  display: none;
}

.licensePeriod {
  text-align: center;
}
.licensePeriod dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
}
.licensePeriod dd:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url("/images/ico/ico_from.png") no-repeat;
  margin: 0 13px 0 15px;
  vertical-align: middle;
}
.licensePeriod dd:last-child:after {
  display: none;
}

.aboutApexArea {
  min-width: 1024px;
}

.aboutApexMain {
  height: 500px;
  position: relative;
}
.aboutApexMain .bg {
  position: absolute;
  width: 100%;
  height: 500px;
  background: url("/images/common/about_apex/img_main.jpg") no-repeat center center;
  background-size: cover;
}
.aboutApexMain .bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.aboutApexMain .img {
  margin-bottom: 30px;
}
.aboutApexMain .mainTxt {
  position: relative;
  z-index: 2;
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 75px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.8;
}

.weave {
  height: 270px;
  background-color: #000000;
  margin-bottom: 100px;
}
.weave ul {
  width: 100%;
  height: 270px;
  max-width: 1920px;
  margin: 0 auto;
  display: table;
}
.weave ul li {
  display: table-cell;
  width: 25%;
  position: relative;
  overflow: hidden;
}
.weave ul li.w01 {
  background: url("/images/common/about_apex/img_w01.jpg") no-repeat center center;
  background-size: cover;
}
.weave ul li.w02 {
  background: url("/images/common/about_apex/img_w02.jpg") no-repeat center center;
  background-size: cover;
}
.weave ul li.w03 {
  background: url("/images/common/about_apex/img_w03.jpg") no-repeat center center;
  background-size: cover;
}
.weave ul li.w04 {
  background: url("/images/common/about_apex/img_w04.jpg") no-repeat center center;
  background-size: cover;
}
.weave ul li .des {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 270px;
  padding: 0 25px;
  top: 210px;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
.weave ul li .des .tit {
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  padding: 18px 2px;
  margin-bottom: 15px;
  border-bottom: 3px solid #ffffff;
}
.weave ul li .des .tit:after {
  font-family: staficonf;
  font-size: 14px;
  float: right;
}
.weave ul li .des .txt {
  font-size: 15px;
  color: #ffffff;
  height: 80px;
  line-height: 1.3;
  margin-bottom: 10px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.weave ul li .des button {
  width: 100%;
  height: 60px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 15px;
  background-color: transparent;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.weave ul li .des button:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #ffffff;
  color: #000000;
}
.weave ul li .des button:after {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: 2px;
  margin-right: 10px;
}
.weave ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 270px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.weave ul li:hover .des, html.isTouch .weave ul li .des {
  top: 0;
  background-color: transparent;
}
.weave ul li:hover .des .txt, html.isTouch .weave ul li .des .txt {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.weave ul li:hover .des button, html.isTouch .weave ul li .des button {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.weave ul li:hover:after, html.isTouch .weave ul li:after {
  content: "";
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.apexDes {
  width: 750px;
  margin: 0 auto 150px auto;
  font-size: 15px;
  color: #202020;
}
.apexDes .img {
  text-align: center;
  margin-bottom: 70px;
}
.apexDes p {
  margin-bottom: 30px;
}

.apexBox {
  font-size: 15px;
}
.apexBox .tit {
  text-align: center;
  margin-bottom: 90px;
  position: relative;
}
.apexBox .tit .txt {
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  width: 300px;
}
.apexBox .tit .txt img {
  margin-bottom: 15px;
}
.apexBox .tit .txt span {
  display: block;
  text-align: center;
  color: #980037;
}
.apexBox .tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  width: 100%;
  height: 1px;
  background-color: #433030;
}
.apexBox .tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 100%;
  height: 1px;
  background-color: #433030;
}
.apexBox .cnt {
  width: 1000px;
  display: table;
  margin: 0 auto 150px auto;
}
.apexBox .cnt .left {
  width: 670px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.apexBox .cnt .right {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.apexInquiry {
  background-color: #f6f2ed;
  padding: 90px 0;
  text-align: center;
  color: #433030;
}
.apexInquiry .tit {
  font-size: 28px;
  margin-bottom: 30px;
}
.apexInquiry .txt {
  margin-bottom: 40px;
}
.apexInquiry a {
  display: inline-block;
  background-color: #7b6e6e;
  color: #ffffff;
  text-decoration: none;
  width: 280px;
  padding: 20px 0;
}
.apexInquiry a:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #433030;
}
.apexInquiry a:after {
  float: right;
  margin-top: 4px;
  margin-right: 15px;
}

.privacyTit {
  font-size: 20px;
  letter-spacing: 4px;
}

ol.privacyOl li {
  padding-left: 23px;
}
ol.privacyOl li strong {
  margin-left: -23px;
}
ol.privacyOl li span {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

#faqContent {
  width: 900px;
  margin: 0 auto 100px auto;
}

.faqMenu {
  border-top: 1px solid #998f8f;
  border-bottom: 1px solid #998f8f;
  text-align: center;
  margin-bottom: 60px;
}
.faqMenu li {
  display: inline-block;
}
.faqMenu li a {
  display: block;
  padding: 15px 5px;
  font-weight: bold;
  color: #a19797;
  text-decoration: none;
}
.faqMenu li a:hover {
  color: #433030;
}
.faqMenu li a.act {
  color: #433030;
}

.faqQst {
  background-color: #faf8f5;
  padding: 20px;
  font-size: 18px;
  color: #7b5a5a;
  margin-bottom: 30px;
}
.faqQst .faqQstTit {
  color: #433030;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  padding-left: 110px;
  padding-right: 36px;
}
.faqQst .faqQstTit .tag {
  position: absolute;
  left: 0;
  top: 3px;
  width: 90px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  border: 1px solid #433030;
  font-weight: normal;
}
.faqQst .faqQstTit .btn {
  width: 36px;
  height: 36px;
  background: url("/images/ico/ico_faq_plus.svg") no-repeat center center;
  position: absolute;
  top: 0;
  right: 0;
}
.faqQst .faqQstTit.open .btn {
  background: url("/images/ico/ico_faq_minus.svg") no-repeat center center;
}
.faqQst a {
  color: #a38b8b;
}
.faqQst hr {
  border: none;
  border-bottom: 1px solid #433030;
}

.topPage {
  min-width: 1024px;
}

.topArea {
  min-width: 1024px;
}
.topArea .mainImg {
  height: 860px;
  background: #000000;
  background-size: cover;
  position: relative;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.topArea .mainImg:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.topArea .mainImg .bgImg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.topArea .mainImg .tit {
  position: relative;
  z-index: 2;
  width: 434px;
  margin: 0 auto 50px auto;
  padding-top: 150px;
}
.topArea .mainImg .scroll {
  position: relative;
  z-index: 2;
  color: #ffffff;
  text-align: center;
  font-size: 26px;
}
.topArea .mainImg .scroll:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
.topArea .mainImg button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  width: 326px;
  height: 60px;
  border: 1px solid #ffffff;
  font-size: 15px;
  background-color: #ffffff;
  color: #000000;
  visibility: hidden;
}
.topArea .mainImg button.show {
  visibility: visible;
}
.topArea .mainImg button:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #ffffff;
  background-color: transparent;
}
.topArea .mainImg button:after {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: 2px;
  margin-right: 10px;
}
.topArea .topStaf {
  position: relative;
  z-index: 3;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 100px;
}
.topArea .topStaf .img {
  margin-bottom: 65px;
}
.topArea .topStaf .imgStaf {
  margin-bottom: 40px;
}
.topArea .topStaf .txt {
  color: #433030;
  font-size: 26px;
  margin-bottom: 40px;
}
.topArea .topStaf a {
  display: inline-block;
  border: 1px solid #433030;
  color: #433030;
  text-decoration: none;
  width: 280px;
  padding: 16px 0;
  font-size: 15px;
}
.topArea .topStaf a:after {
  float: right;
  font-size: 18px;
  padding-top: 3px;
  padding-right: 15px;
}
.topArea .topStaf a:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #ffffff;
  background-color: #433030;
}

.topApex {
  height: 500px;
  background: #000000 url("/images/common/top/img_main.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
}
.topApex:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.topApex .topApexInr {
  color: #ffffff;
  position: relative;
  z-index: 2;
  min-width: 1024px;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
}
.topApex .topApexInr .img {
  margin-bottom: 50px;
}
.topApex .topApexInr .tit {
  font-size: 36px;
  margin-bottom: 25px;
}
.topApex .topApexInr .txt {
  margin-bottom: 25px;
  color: #ffffff;
}
.topApex .topApexInr a {
  display: inline-block;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  width: 280px;
  padding: 16px 0;
  font-size: 15px;
}
.topApex .topApexInr a:after {
  float: right;
  font-size: 18px;
  padding-top: 3px;
  padding-right: 15px;
}
.topApex .topApexInr a:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #000000;
  background-color: #ffffff;
}

.registArea {
  height: 430px;
  background-color: #f6f2ed;
  text-align: center;
}
.registArea .tit {
  padding-top: 90px;
  font-size: 31px;
  color: #433030;
  margin-bottom: 30px;
  font-weight: bold;
}
.registArea .txt {
  color: #433030;
  margin-bottom: 45px;
}
.registArea ul {
  text-align: center;
}
.registArea ul li {
  display: inline-block;
  vertical-align: top;
}
.registArea a.account {
  position: relative;
  display: inline-block;
  border: 1px solid #ad335f;
  background-color: #ad335f;
  color: #ffffff;
  text-decoration: none;
  width: 260px;
  height: 44px;
  padding: 18px 20px 0 0;
  margin: 0 20px;
  font-size: 14px;
  vertical-align: middle;
}
.registArea a.account:after {
  position: absolute;
  font-size: 18px;
  top: 21px;
  right: 15px;
}
.registArea a.account:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #ad335f;
  background-color: transparent;
}
.registArea a.lisence {
  position: relative;
  display: inline-block;
  border: 1px solid #7b6e6e;
  background-color: #7b6e6e;
  color: #ffffff;
  text-decoration: none;
  min-width: 260px;
  height: 49px;
  padding: 13px 25px 0 5px;
  margin: 0 20px;
  font-size: 14px;
  line-height: 1.3;
  vertical-align: middle;
  white-space: nowrap;
}
.registArea a.lisence:after {
  position: absolute;
  font-size: 18px;
  top: 21px;
  right: 15px;
}
.registArea a.lisence:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #7b6e6e;
  background-color: transparent;
}
.registArea .txtC {
  padding-top: 10px;
  margin: 0 auto;
}
.registArea .txtC a {
  color: #695959;
}

.aboutStaf {
  min-width: 1024px;
}

.aboutStafMain {
  position: relative;
  padding-top: 114px;
  height: 500px;
  background: #000000;
}
.aboutStafMain:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.aboutStafMain .bgImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.aboutStafMain .logo {
  width: 240px;
  margin: 0 auto;
  padding-top: 170px;
  position: relative;
  z-index: 3;
}

.aboutStafInspi {
  text-align: center;
  padding: 80px 0;
}
.aboutStafInspi .cap {
  margin-bottom: 45px;
}
.aboutStafInspi .tit {
  font-size: 38px;
  margin-bottom: 35px;
}
.aboutStafInspi .txt {
  color: #202020;
  line-height: 1.8;
}

.aboutStafCont {
  background-color: #f6f2ed;
}
.aboutStafCont .headImg {
  color: #ffffff;
  text-align: center;
  height: 400px;
  background-color: #000000;
  position: relative;
  margin-bottom: 90px;
}
.aboutStafCont .headImg .img {
  padding-top: 160px;
  margin-bottom: 10px;
}
.aboutStafCont .headImg .img img {
  position: relative;
  z-index: 3;
}
.aboutStafCont .headImg .img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.aboutStafCont .headImg .img:after {
  content: "";
  display: block;
  width: 100%;
  height: 33px;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  background: url(/images/common/about_staf/arw_head.svg) no-repeat center bottom;
}
.aboutStafCont .headImg:before {
  content: "";
  display: block;
  width: 45%;
  height: 33px;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  background-color: #f6f2ed;
}
.aboutStafCont .headImg:after {
  content: "";
  display: block;
  width: 45%;
  height: 33px;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  background-color: #f6f2ed;
}
.aboutStafCont .headImg .txt {
  position: relative;
  z-index: 3;
}
.aboutStafCont .category {
  width: 1000px;
  margin: 0 auto 75px auto;
}
.aboutStafCont .category dl {
  float: left;
  width: 495px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  display: table;
  color: #202020;
}
.aboutStafCont .category dl:nth-child(2n) {
  margin-right: 0;
}
.aboutStafCont .category dl dt {
  display: table-cell;
  vertical-align: top;
  width: 200px;
}
.aboutStafCont .category dl dd {
  display: table-cell;
  vertical-align: top;
  padding: 25px 17px 0 17px;
}
.aboutStafCont .category dl dd .tit {
  color: #980037;
  font-size: 22px;
  font-weight: bold;
  font-family: helvetica, arial;
  line-height: 1;
}
.aboutStafCont .category dl dd .cap {
  font-size: 15px;
  margin-bottom: 35px;
}
.aboutStafCont .category dl dd .txt {
  font-size: 13px;
  line-height: 1.5;
}
.aboutStafCont .aboutApexTitle {
  font-size: 30px;
  text-align: center;
  margin-bottom: 70px;
}
.aboutStafCont .functions {
  padding-bottom: 115px;
}
.aboutStafCont .functions .function {
  display: table;
  width: 1000px;
  margin: 0 auto 10px auto;
  background-color: #ffffff;
}
.aboutStafCont .functions .function dt {
  width: 520px;
  display: table-cell;
}
.aboutStafCont .functions .function dd {
  width: 480px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px 0 50px;
}
.aboutStafCont .functions .function dd .ico {
  margin-bottom: 35px;
}
.aboutStafCont .functions .function dd .tit {
  font-size: 24px;
  font-weight: bold;
  font-family: helvetica, arial;
  color: #980037;
  line-height: 1;
}
.aboutStafCont .functions .function dd .cap {
  font-size: 15px;
  margin-bottom: 20px;
}
.aboutStafCont .functions .function dd .txt {
  font-size: 13px;
  line-height: 1.5;
}
.aboutStafCont.inspi .headImg {
  background: url("/images/common/about_staf/bg_inspi.jpg") no-repeat center center;
  background-size: cover;
}
.aboutStafCont.idea .headImg {
  background: url("/images/common/about_staf/bg_idea.jpg") no-repeat center center;
  background-size: cover;
}
.aboutStafCont.trend .headImg {
  background: url("/images/common/about_staf/bg_trend.jpg") no-repeat center center;
  background-size: cover;
}
.aboutStafCont.mypage .headImg {
  background: url("/images/common/about_staf/bg_mypage.jpg") no-repeat center center;
  background-size: cover;
}

.aboutStafSolution {
  max-width: 1000px;
  padding: 160px 0;
  margin: 0 auto;
  color: #433030;
}
.aboutStafSolution .aboutStafSolutionTit {
  font-size: 32px;
  text-align: center;
  padding-bottom: 60px;
  border-bottom: 1px solid #a19797;
}
.aboutStafSolution dl {
  display: table;
  color: #695959;
  border-bottom: 1px solid #a19797;
}
.aboutStafSolution dl dt {
  width: 200px;
  height: 200px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.aboutStafSolution dl dt:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 35px;
  width: 1px;
  height: 130px;
  background-color: #a19797;
}
.aboutStafSolution dl dd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px;
}
.aboutStafSolution dl dd strong {
  display: block;
  color: #980037;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}

ol.ol {
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 10px;
}
ol.ol li {
  list-style: decimal;
  margin-bottom: 5px;
}
ol.ol li ul {
  margin-bottom: 10px;
}
ol.ol li ul li {
  list-style: none;
  margin-bottom: 5px;
  padding-left: 35px;
}
ol.ol li ul li span {
  display: inline-block;
  margin-left: -35px;
  float: left;
}

#movieArea {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
#movieArea #movieAreaMain {
  width: 854px;
  height: 480px;
  background-color: #000000;
  position: absolute;
}
#movieArea #movieAreaClose {
  color: #cccccc;
  position: absolute;
  right: 0;
  top: -40px;
  font-size: 24px;
  cursor: pointer;
  text-decoration: none;
}
#movieArea #movieAreaClose:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

html.movieOpen {
  overflow: hidden;
  padding-right: 15px;
}
html.movieOpen body {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}

#header {
  position: relative;
  margin-bottom: 55px;
}
#header h1 {
  padding-top: 58px;
}
#header h1 a {
  display: block;
  width: 161px;
  height: 88px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url("/images/lg_staf_l.png") no-repeat;
}
#header ul {
  position: absolute;
  left: 20px;
  top: 20px;
  margin-bottom: 15px;
}
#header ul li {
  float: left;
  display: table;
  margin-right: 10px;
}
#header ul li a {
  font-weight: bold;
  width: 40px;
  height: 40px;
  border: 1px solid #5E4747;
  color: #5E4747;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-border-radius: 50%;
  -mos-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
#header ul li a:hover {
  background-color: #5E4646;
  color: #ffffff;
}
#header ul li.act a {
  background-color: #5E4646;
  color: #ffffff;
}
body.global #header {
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  min-width: 1024px;
  height: 114px;
  margin-bottom: 0;
  z-index: 500;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
body.global #header.small {
  height: 65px;
}
body.global #header.small .lang {
  top: 20px;
}
body.global #header.small h1 {
  padding-top: 10px;
}
body.global #header.small .nav {
  top: 20px;
}
body.global #header h1 {
  padding-top: 37px;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
body.global #header h1 a {
  display: block;
  width: 84px;
  height: 38px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url("/images/common/lg_staf_gh.svg") no-repeat center top;
}
body.global #header ul li a {
  border: none;
  -webkit-border-radius: 0px;
  -mos-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
}
body.global #header .lang {
  left: 50px;
  top: 45px;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
body.global #header .lang li {
  font-size: 12px;
}
body.global #header .lang li a {
  width: 26px;
  height: 26px;
}
body.global #header .lang li a:hover {
  background-color: #998483;
}
body.global #header .lang li.act a {
  background-color: #998483;
}
body.global #header .nav {
  position: absolute;
  right: 50px;
  left: auto;
  top: 45px;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
body.global #header .nav li {
  margin-right: 20px;
}
body.global #header .nav li a {
  display: block;
  font-size: 12px;
  color: #000000;
  width: 100px;
  height: 32px;
  padding: 6px 0;
  box-sizing: border-box;
}
body.global #header .nav li a:hover {
  color: #ffffff;
  background-color: #998483;
}
body.global #header .nav li button {
  width: 100px;
  height: 32px;
  border: 1px solid #000000;
  background-color: #ffffff;
  font-size: 12px;
  padding: 6px 0;
  box-sizing: border-box;
}
body.global #header .nav li button:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #ffffff;
  background-color: #000000;
}
body.global #header .nav li:last-child {
  margin-right: 0;
}
body.global #header .stic-menu {
  display: none;
}
body.global.smart #header {
  position: absolute;
  min-width: 0;
  height: 65px;
  overflow: hidden;
}
body.global.smart #header h1 {
  padding-top: 14px;
}
body.global.smart #header .lang {
  position: absolute;
  right: 0;
  left: auto;
  top: 250px;
  height: 26px;
}
body.global.smart #header .nav {
  position: static;
  padding: 30px 2%;
}
body.global.smart #header .nav li {
  float: none;
  display: block;
  width: auto;
  margin-bottom: 15px;
  margin-right: 0;
}
body.global.smart #header .nav li a {
  width: auto;
  display: block;
}
body.global.smart #header .nav li button {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
body.global.smart #header .stic-menu {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 7px;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: block;
  color: #433030;
  text-align: center;
}
html.menuOpen body.global.smart #header {
  position: absolute;
  height: 100%;
}
html.menuOpen body.global.smart #header .stic-menu:before {
  content: "\EA0C";
}

html.menuOpen {
  overflow: hidden;
}
html.menuOpen body.global.smart {
  overflow: hidden;
}

#footer .footerInr {
  width: 660px;
  margin: 0 auto 40px auto;
}
#footer .footerInr ul {
  display: table;
  width: 100%;
  margin-bottom: 55px;
}
#footer .footerInr ul li {
  display: table-cell;
}
#footer .footerInr ul li a {
  min-width: 50px;
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: helvetica, arial;
  text-decoration: none;
  color: #433030;
}
#footer .footerInr .logo {
  width: 411px;
  height: 11px;
  text-indent: -9999px;
  margin: 0 auto 20px auto;
  background: url("/images/lg_ssos.png") no-repeat;
}
#footer .footerInr .copyright {
  text-align: center;
  font-size: 12px;
  color: #5E4646;
}
body.global #footer {
  border-top: 1px solid #F5F2EE;
  background-color: #ffffff;
  position: relative;
  font-size: 12px;
  min-width: 1024px;
}
body.global #footer:before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  background-color: #9A9190;
  left: 0;
  top: -1px;
}
body.global #footer:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  position: absolute;
  background-color: #9A9190;
  right: 0;
  top: -1px;
}
body.global #footer .menu {
  padding: 30px 0 0 50px;
  float: left;
}
body.global #footer .menu li {
  float: left;
  border-right: 1px solid #000;
}
body.global #footer .menu li a {
  display: block;
  padding: 0 15px;
  text-decoration: none;
  color: #000000;
}
body.global #footer .menu li a:hover {
  text-decoration: underline;
}
body.global #footer .menu li:last-child {
  border-right: none;
}
body.global #footer .nav {
  padding: 30px 50px 0 0;
  float: right;
}
body.global #footer .nav li {
  float: left;
}
body.global #footer .nav li a {
  display: block;
  padding: 0 15px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
body.global #footer .nav li a:hover {
  text-decoration: underline;
}
body.global #footer .logo {
  width: 411px;
  height: 11px;
  margin: 200px auto 0 auto;
}
body.global #footer .logo a {
  display: block;
  height: 11px;
  text-indent: -9999px;
  background: url("/images/lg_ssos.png") no-repeat;
}
body.global #footer .logo a:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
body.global #footer .copyright {
  text-align: center;
  padding-top: 20px;
  font-size: 12px;
  color: #5E4646;
  padding-bottom: 150px;
}
body.global.smart #footer {
  min-width: 0;
  box-sizing: border-box;
}
body.global.smart #footer .menu {
  height: 65px;
  float: none;
  text-align: center;
  padding-left: 0;
}
body.global.smart #footer .menu li {
  float: none;
  display: inline-block;
}
body.global.smart #footer .nav {
  padding-right: 0;
  float: none;
}
body.global.smart #footer .nav li {
  float: none;
  display: inline-block;
}
body.global.smart #footer .logo {
  width: 100%;
  margin-top: 50px;
}
body.global.smart #footer .logo a {
  background: url("/images/lg_ssos.png") no-repeat center center;
  background-size: 50%;
}

.pageTit {
  display: table;
  width: 100%;
  height: 190px;
  background-color: #F5F2EE;
  padding-top: 114px;
}
.pageTit div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #433030;
  font-size: 27px;
  font-weight: bold;
  letter-spacing: 1px;
}
.pageTit.pen div:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 39px;
  margin-right: 20px;
  background: url("/images/ico/ico_pen.png") no-repeat;
}

table th {
  padding: 10px 5px;
  word-break: break-word;
}
table th.right {
  text-align: right;
}
table th.center {
  text-align: center;
}
table td {
  padding: 10px 5px;
  word-break: break-word;
}
table td.right {
  text-align: right;
}
table td.center {
  text-align: center;
}

table.normal {
  width: 100%;
}
table.normal th {
  font-weight: normal;
}

table.form1 {
  width: 100%;
  margin: 0 auto;
}
table.form1 th {
  font-size: 15px;
  padding-bottom: 15px;
}
table.form1 td {
  padding-bottom: 25px;
}

table.formL {
  width: 100%;
  font-size: 16px;
  color: #7B6E6E;
}
table.formL tr td {
  width: 455px;
  padding: 10px 30px 8px 0;
  min-height: 42px;
  color: #7B6E6E;
  font-size: 17px;
}
table.formL tr th {
  text-align: left;
  font-size: 17px;
  font-weight: normal;
  color: #574141;
  vertical-align: top;
  padding: 10px 0 10px 45px;
  background: url("/images/ico/ico_bang_none.png") no-repeat 15px 13px;
  background-size: 18px 18px;
}
table.formL tr th.require {
  background: url("/images/ico/ico_bang.png") no-repeat 15px 13px;
  background-size: 18px 18px;
}
table.formL tr th.error {
  color: #FF0000;
  background: url("/images/ico/ico_bang_red.png") no-repeat 15px 13px;
  background-size: 18px 18px;
}
table.formL.confirm tr th {
  background: none;
  padding-left: 25px;
}

table.card {
  width: 100%;
}
table.card th {
  font-size: 17px;
}
table.card td {
  position: relative;
  width: 455px;
  font-size: 17px;
}
table.card td .card-main {
  position: absolute;
  top: -36px;
  right: -75px;
}

table.brown {
  width: 100%;
  border-collapse: separate;
  border-left: 1px solid #D58F76;
  border-top: 1px solid #D58F76;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -mos-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  margin-bottom: 40px;
}
table.brown th {
  font-size: 14px;
  color: #ffffff;
  background-color: #7B5A5A;
  padding: 10px 40px;
  border-right: 1px solid #D58F76;
  border-bottom: 1px solid #D58F76;
}
table.brown td {
  font-size: 20px;
  padding: 20px 40px;
  border-right: 1px solid #D58F76;
  border-bottom: 1px solid #D58F76;
}
table.brown.nknone {
  border: 1px solid #D58F76;
}
table.brown.nknone th {
  border: none;
}
table.brown.nknone td {
  border: none;
}

table.license {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #D58F76;
  border-left: 1px solid #D58F76;
  -webkit-border-radius: 6px;
  -mos-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  margin-bottom: 40px;
}
table.license tr th {
  background-color: #F7E9E4;
  padding: 15px 20px;
  border-bottom: 1px solid #D58F76;
}
table.license tr th:last-child {
  border-right: 1px solid #D58F76;
}
table.license tr td {
  padding: 15px 20px;
  border-bottom: 1px solid #D58F76;
}
table.license tr td:last-child {
  border-right: 1px solid #D58F76;
}
table.license tr:first-child th:first-child {
  -webkit-border-radius: 6px 0 0 0;
  -mos-border-radius: 6px 0 0 0;
  -o-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
  background-clip: padding-box;
}
table.license tr:first-child th:last-child {
  -webkit-border-radius: 0 6px 0 0;
  -mos-border-radius: 0 6px 0 0;
  -o-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
  background-clip: padding-box;
}
table.license tr:first-child td:first-child {
  -webkit-border-radius: 6px 0 0 0;
  -mos-border-radius: 6px 0 0 0;
  -o-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
  background-clip: padding-box;
}
table.license tr:first-child td:last-child {
  -webkit-border-radius: 0 6px 0 0;
  -mos-border-radius: 0 6px 0 0;
  -o-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
  background-clip: padding-box;
}
table.license tr:last-child th:first-child {
  -webkit-border-radius: 0 0 0 6px;
  -mos-border-radius: 0 0 0 6px;
  -o-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
  background-clip: padding-box;
}
table.license tr:last-child th:last-child {
  -webkit-border-radius: 0 0 6px 0;
  -mos-border-radius: 0 0 6px 0;
  -o-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
  background-clip: padding-box;
}
table.license tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 6px;
  -mos-border-radius: 0 0 0 6px;
  -o-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
  background-clip: padding-box;
}
table.license tr:last-child td:last-child {
  -webkit-border-radius: 0 0 6px 0;
  -mos-border-radius: 0 0 6px 0;
  -o-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
  background-clip: padding-box;
}
table.license tr.check td {
  background-color: #F7E9E4;
}
table.license tr.check:first-child td {
  -webkit-border-radius: 6px 6px 0 0;
  -mos-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background-clip: padding-box;
}
table.license tr.check:last-child td {
  -webkit-border-radius: 0 0 6px 6px;
  -mos-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  background-clip: padding-box;
}
table.license tr.owner {
  background-color: #FAF1ED;
}
table.license.trial th, table.license.trial td {
  font-size: 14px;
  width: 36%;
}
table.license.trial th:first-child,
table.license.trial td:first-child {
  width: 28%;
}
table.license.trial th.nw, table.license.trial td.nw {
  white-space: nowrap;
}

table.sizeS th {
  color: #433030;
  width: 30%;
  padding-bottom: 25px;
  vertical-align: top;
  text-align: left;
}
table.sizeS td {
  color: #433030;
  width: 70%;
  padding-bottom: 25px;
  vertical-align: top;
}
table.sizeS a {
  color: #7B6E6E;
}

table.pageList {
  width: 100%;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  margin-bottom: 20px;
}
table.pageList th {
  padding: 5px 10px;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  background-color: #eeeeee;
  width: 50%;
}
table.pageList td {
  padding: 5px 10px;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  width: 50%;
}
table.pageList tr:hover th, table.pageList tr:hover td {
  background-color: #F5F2EE;
}

input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -mos-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 16px;
}
input::-webkit-input-placeholder {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
input:-ms-input-placeholder {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
input::-moz-placeholder {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
input.w200 {
  width: 200px;
}
input.w100 {
  width: 100px;
}
input.w90 {
  width: 90px;
}
input.w50 {
  width: 50px;
}
input.require {
  border: 1px solid #D58F75;
}
input.error {
  border: 1px solid #D90000;
  -webkit-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
}
input.error::-webkit-input-placeholder {
  color: #ff0000;
}
input.error:-ms-input-placeholder {
  color: #ff0000;
}
input.error::-moz-placeholder {
  color: #ff0000;
}

.picker {
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 0 2px 1.2%;
  border: 1px solid #cccccc;
  font-weight: 600;
  height: auto;
  background-color: #ffffff;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -mos-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
.picker:after {
  content: "\25BE";
  font-family: entypo;
  z-index: 0;
  position: absolute;
  right: 0%;
  top: 0%;
  width: 30px;
  height: 100%;
  text-align: center;
  color: #cccccc;
  border-left: 1px solid #cccccc;
  line-height: 2;
}
.picker:first-child {
  margin-left: 0;
}
.picker select {
  position: relative;
  display: block;
  min-width: 100%;
  max-width: 500px;
  height: 34px;
  padding: 6px 45px 6px 15px;
  border: none;
  background: transparent;
  outline: none;
  z-index: 99;
  cursor: pointer;
  color: #574141;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 3px;
  -mos-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
.picker select::-ms-expand {
  display: none;
}
.picker.full {
  width: 100%;
}
.picker.require {
  border: 1px solid #D58F75;
}
.picker.require:after {
  color: #D58F75;
  border-left: 1px solid #D58F75;
}
.picker.error {
  border: 2px solid #D90000;
  padding: 0;
}
.picker.error:after {
  color: #D90000;
  border-left: 2px solid #D90000;
}

button {
  font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ",sans-serif;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

button.btn {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  width: 290px;
  height: 63px;
  cursor: pointer;
  margin: 0 20px 20px 20px;
  border: 1px solid #3E3331;
  background-color: #3E3331;
}
button.btn:hover {
  color: #3E3331;
  background-color: #ffffff;
}
button.btn.orange {
  border: 1px solid #D58F75;
  background-color: #D58F75;
}
button.btn.orange:hover {
  color: #D58F75;
  background-color: #ffffff;
}
button.btn span {
  font-size: 14px;
}

a.btn {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  width: 290px;
  height: 63px;
  cursor: pointer;
  margin: 0 20px 20px 20px;
  border: 1px solid #3E3331;
  background-color: #3E3331;
  display: inline-block;
  text-decoration: none;
  padding: 15px 0;
  height: auto;
}
a.btn:hover {
  color: #3E3331;
  background-color: #ffffff;
}
a.btn.orange {
  border: 1px solid #D58F75;
  background-color: #D58F75;
}
a.btn.orange:hover {
  color: #D58F75;
  background-color: #ffffff;
}
a.btn span {
  font-size: 14px;
}

textarea {
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 6px;
  -mos-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  width: 100%;
  height: 180px;
  margin-bottom: 50px;
  font-size: 17px;
}

ul.radio {
  font-size: 17px;
  text-align: left;
}
ul.radio li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  color: #574141;
}
ul.radio li input[type="radio"] {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #000000;
  position: relative;
  vertical-align: middle;
}
html.ie8 ul.radio li input[type="radio"] {
  padding: 0;
  display: inline-block;
  border: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  width: auto;
}
ul.radio li input[type=radio] + span:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("/images/ico/ico_radio.png") no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}
html.ie8 ul.radio li input[type=radio] + span:before {
  display: none;
}
ul.radio li input[type=radio]:checked + span:before {
  background: url("/images/ico/ico_radio.png") no-repeat -20px top;
}
ul.radio li label {
  cursor: pointer;
}
ul.radio li span {
  color: #7B6E6E;
  display: inline-block;
}
ul.radio.height li {
  float: none;
  display: block;
  margin-bottom: 20px;
}
ul.radio.require li input[type=radio] + span:before {
  background: url("/images/ico/ico_radio.png") no-repeat left -20px;
}
ul.radio.require li input[type=radio]:checked + span:before {
  background: url("/images/ico/ico_radio.png") no-repeat -20px -20px;
}
ul.radio.error li input[type=radio] + span:before {
  background: url("/images/ico/ico_radio.png") no-repeat left -40px;
}
ul.radio.error li input[type=radio]:checked + span:before {
  background: url("/images/ico/ico_radio.png") no-repeat -20px -40px;
}

ul.checkbox {
  font-size: 17px;
  text-align: left;
}
ul.checkbox li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  color: #574141;
}
ul.checkbox li input[type="radio"] {
  display: none;
  width: auto;
  margin-right: 5px;
  border: 1px solid #000000;
  position: relative;
  vertical-align: middle;
}
html.ie8 ul.checkbox li input[type="radio"] {
  padding: 0;
  display: inline-block;
  border: none;
}
ul.checkbox li input[type="checkbox"] {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  margin-right: 5px;
  border: 1px solid #000000;
  position: relative;
  vertical-align: middle;
}
html.ie8 ul.checkbox li input[type="checkbox"] {
  padding: 0;
  display: inline-block;
  border: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  width: auto;
}
ul.checkbox li input[type=checkbox] + span:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("/images/ico/ico_checkbox.png") no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}
html.ie8 ul.checkbox li input[type=checkbox] + span:before {
  display: none;
}
ul.checkbox li input[type=checkbox]:checked + span:before {
  background: url("/images/ico/ico_checkbox.png") no-repeat -20px top;
}
ul.checkbox li label {
  cursor: pointer;
}
ul.checkbox li span {
  color: #7B6E6E;
  display: inline-block;
}
ul.checkbox.center {
  text-align: center;
}
ul.checkbox.height li {
  float: none;
  display: block;
  margin-bottom: 20px;
}
ul.checkbox.require li input[type=checkbox] + span:before {
  background: url("/images/ico/ico_checkbox.png") no-repeat left -20px;
}
ul.checkbox.require li input[type=checkbox]:checked + span:before {
  background: url("/images/ico/ico_checkbox.png") no-repeat -20px -20px;
}
ul.checkbox.error li input[type=checkbox] + span:before {
  background: url("/images/ico/ico_checkbox.png") no-repeat left -40px;
}
ul.checkbox.error li input[type=checkbox]:checked + span:before {
  background: url("/images/ico/ico_checkbox.png") no-repeat -20px -40px;
}

.customSelect {
  height: 41px;
  position: relative;
  font-weight: normal;
  z-index: 101;
}
.customSelect.focus {
  z-index: 200;
}
.customSelect .customSelectTxt {
  height: 41px;
  cursor: pointer;
  padding: 8px 45px 8px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.customSelect .customSelectHide {
  overflow: hidden;
  height: 0;
}
.customSelect .optgrp {
  position: absolute;
  left: 0;
  top: 41px;
  border: 1px solid #dddddd;
  width: 100%;
  background-color: #ffffff;
  z-index: 100;
}
.customSelect .optgrp .inpArea {
  padding: 5px;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.customSelect .optgrp .inpArea input {
  -webkit-border-radius: 0;
  -mos-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.customSelect .optgrp .inpArea:before {
  position: absolute;
  right: 10px;
  top: 13px;
}
.customSelect .optgrp .optgrpInr {
  position: relative;
  height: 250px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
}
.customSelect .optgrp .opt {
  height: 45px;
  padding: 10px 0 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.customSelect .optgrp .opt img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.customSelect .optgrp .opt:hover {
  background-color: #eee;
}
.customSelect .optgrp .opt.act {
  background-color: #F5F2EE;
}

h2 {
  font-size: 20px;
  text-align: center;
  padding: 45px 0;
  border-bottom: 1px solid #E7DFD5;
  margin-bottom: 50px;
}

h3 {
  font-size: 17px;
  color: #433030;
}

.titP {
  font-size: 24px;
  text-align: center;
  padding: 45px 0;
  margin-bottom: 50px;
  border: none;
}
.titP.pen:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 39px;
  margin-right: 20px;
  background: url("/images/ico/ico_pen.png") no-repeat;
}
.titP.brd {
  border-bottom: 1px solid #E7DFD5;
}

.titI {
  font-size: 24px;
  padding-bottom: 40px;
}

.titSS {
  font-size: 17px;
  color: #433030;
  margin-bottom: 15px;
  font-weight: bold;
}
.titSS:before {
  content: "●";
  font-size: 22px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.titM {
  color: #3E3331;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  font-family: helvetica, arial;
}

dl.tit {
  margin-bottom: 40px;
}
dl.tit dt {
  font-size: 16px;
  color: #7B6E6E;
}
dl.tit dd {
  font-size: 32px;
}

.pageNav {
  text-align: center;
  margin-bottom: 30px;
}
.pageNav li {
  display: inline-block;
  margin: 0 5px;
  font-size: 17px;
  color: #EAC7BA;
}
.pageNav li a {
  display: block;
  padding: 10px 15px;
  font-size: 17px;
  color: #EAC7BA;
  border: 1px solid #EAC7BA;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -mos-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pageNav li a:hover {
  color: #FFFFFF;
  border: 1px solid #7B5A5A;
  background-color: #7B5A5A;
}
.pageNav li.act a {
  color: #FFFFFF;
  border: 1px solid #7B5A5A;
  background-color: #7B5A5A;
}
.pageNav li.btnPrev a {
  padding: 10px 35px;
}
.pageNav li.btnNext a {
  padding: 10px 35px;
}

.telInput {
  width: 100%;
  display: table;
  border-collapse: separate;
  -webkit-border-radius: 4px;
  -mos-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  position: relative;
}
.telInput.require {
  border: 1px solid #D58F75;
}
.telInput.error {
  border: 1px solid #D90000;
  -webkit-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
  box-shadow: 1px 1px 4px rgba(255, 0, 0, 0.5), -1px -1px 4px rgba(255, 0, 0, 0.5);
}
.telInput.error .inp input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.telInput.focus {
  z-index: 200;
}
.telInput .sel {
  cursor: pointer;
  position: relative;
  display: table-cell;
  background-color: #DDDDDD;
  width: 70px;
  -webkit-border-radius: 3px 0 0 3px;
  -mos-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
}
.telInput .sel .hide {
  overflow: hidden;
  width: 0;
  height: 0;
}
.telInput .sel .selValue {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 40px;
  text-align: center;
}
.telInput .sel .selValue:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: url("/images/ico/ico_sel_white.png") no-repeat center center;
}
.telInput .sel .optgrp {
  position: absolute;
  left: 0;
  top: 38px;
  border: 1px solid #dddddd;
  width: 400px;
  background-color: #ffffff;
  z-index: 101;
}
.telInput .sel .optgrp .inpArea {
  padding: 5px;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.telInput .sel .optgrp .inpArea input {
  -webkit-border-radius: 0;
  -mos-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.telInput .sel .optgrp .inpArea:before {
  position: absolute;
  right: 10px;
  top: 13px;
}
.telInput .sel .optgrp .optgrpInr {
  position: relative;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 250px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
}
.telInput .sel .optgrp .opt {
  padding: 10px 0 10px 10px;
  cursor: pointer;
}
.telInput .sel .optgrp .opt img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.telInput .sel .optgrp .opt:hover {
  background-color: #eee;
}
.telInput .sel .optgrp .opt.act {
  background-color: #F5F2EE;
}
.telInput .cnum {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 65px;
}
.telInput .inp {
  display: table-cell;
  -webkit-border-radius: 0 3px 3px 0;
  -mos-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
}
.telInput .inp input {
  border: none;
}

.topicpath {
  font-size: 15px;
  padding: 40px 0;
}
.topicpath li {
  float: left;
  color: #8E8383;
}
.topicpath li a {
  color: #433030;
  text-decoration: none;
  font-weight: bold;
}
.topicpath li a:hover {
  text-decoration: underline;
}
.topicpath li:after {
  content: ">";
  display: inline-block;
  margin: 0 5px;
}
.topicpath li:last-child:after {
  display: none;
}

.required {
  margin-right: 5px;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
  background: url("/images/ico/ico_bang.png") no-repeat center center;
}

html.layerOpen {
  overflow: hidden;
}
html.layerOpen body {
  overflow: hidden;
}

#frameLayer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 150;
}
#frameLayer #frameLayerBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
#frameLayer #frameLayerMain {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
#frameLayer .stic-cross-c {
  color: #cccccc;
  position: absolute;
  right: 0;
  top: -40px;
  font-size: 24px;
  cursor: pointer;
}

body.layered {
  background-color: transparent;
  color: #433030;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
body.layered .wrapper {
  width: 700px;
  margin: 0 auto;
  font-size: 17px;
  background-color: #ffffff;
  padding-bottom: 10px;
  -webkit-border-radius: 6px;
  -mos-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
}
body.layered .wrapper h2 {
  text-align: left;
  font-size: 29px;
  padding: 45px 40px 35px 40px;
  margin-bottom: 0;
}
body.layered .wrapper .wrapperInr {
  overflow: auto;
}
body.layered .wrapper .wrapperInr .wrapperMain {
  padding: 20px;
}
body.layered .wrapper .wrapperInr .wrapperMain .list {
  margin-bottom: 20px;
}
body.layered .wrapper .wrapperInr .wrapperMain .list li {
  padding-left: 30px;
}
body.layered .wrapper .wrapperInr .wrapperMain .list li .listS {
  display: inline-block;
  margin-left: -30px;
  width: 30px;
  text-align: center;
}
body.layered .wrapper .wrapperInr .wrapperMain .titLicense dt {
  float: left;
  font-weight: bold;
}
body.layered .wrapper .wrapperInr .wrapperMain .titLicense dd {
  float: right;
  font-size: 13px;
}
body.layered .wrapper .priceL {
  width: 100%;
  border-left: 1px solid #433030;
  border-top: 1px solid #433030;
  margin-bottom: 40px;
  font-size: 14px;
}
body.layered .wrapper .priceL th {
  background-color: #433030;
  color: #ffffff;
  border-bottom: 1px solid #433030;
  padding: 20px 30px;
}
body.layered .wrapper .priceL th:last-child {
  border-right: 1px solid #433030;
}
body.layered .wrapper .priceL td {
  border-bottom: 1px solid #433030;
  padding: 20px 30px;
}
body.layered .wrapper .priceL td:last-child {
  border-right: 1px solid #433030;
}

.inputCard {
  padding: 20px 0;
}
.inputCard .textCard {
  float: left;
  width: 450px;
}
.inputCard .textCard dl {
  height: 53px;
  display: table;
}
.inputCard .textCard dl dt {
  display: table-cell;
  width: 150px;
}
.inputCard .textCard dl dd {
  display: table-cell;
  width: 300px;
  padding: 4px 25px 4px 0;
  min-height: 36px;
}
.inputCard .textCard dl dd input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #D58F75;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -mos-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 16px;
}
.inputCard .textCard dl.error {
  padding: 0;
}
.inputCard .textCard dl.error dd input {
  border: 2px solid #D90000;
}
.inputCard .wrapCard {
  float: right;
  width: 280px;
  height: 160px;
}

.secret {
  font-family: sans-serif;
}

#infoList {
  border-top: 1px solid #E7DFD5;
  border-bottom: 1px solid #E7DFD5;
  margin-bottom: 40px;
  padding-top: 40px;
}
#infoList a {
  font-size: 16px;
  color: #7B6E6E;
  display: block;
  margin-bottom: 45px;
}
#infoList a .date {
  float: left;
  margin-right: 50px;
}
#infoList a .txt {
  float: left;
}
#infoList a:hover .date {
  text-decoration: underline;
}
#infoList a:hover .txt {
  text-decoration: underline;
}

#infoEntry {
  border-top: 1px solid #E7DFD5;
  border-bottom: 1px solid #E7DFD5;
  margin-bottom: 40px;
  padding-top: 40px;
}
#infoEntry p {
  font-size: 18px;
  color: #7B6E6E;
  margin-bottom: 40px;
  line-height: 2;
}
#infoEntry p img.alignLeft {
  float: left;
  margin: 0 20px 10px 0;
}

#content.error .innerCnt {
  margin: auto;
}
#content.error h2 {
  font-size: 140px;
}
#content.error h2.caution {
  background: url("/images/ico/ico_caution.svg") no-repeat center center;
  text-indent: -9999px;
  font-size: 90px;
}
#content.error p.txt {
  color: #433030;
  font-size: 18px;
  text-align: center;
  margin-bottom: 55px;
  letter-spacing: 0.1em;
  font-weight: 100;
}
#content.error .btn {
  font-size: 14px;
  width: 200px;
}
#content.error .btn:hover {
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

body.global.smart #container .pageTit {
  padding-top: 65px;
}
body.global.smart #container .pageTit div {
  font-size: 20px;
}
body.global.smart #container #main {
  padding: 50px 2%;
}
body.global.smart #container #main #content {
  width: 100%;
}
body.global.smart #container #main #content .sec {
  margin: 0;
}
body.global.smart #container #main #content .inputArea {
  padding: 15px 0;
}
body.global.smart #container #main #content .picker {
  margin: 0 0 2px 0;
  box-sizing: border-box;
}
body.global.smart #container #main #content .picker select {
  min-width: inherit;
  max-width: inherit;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 35px 6px 2px;
}
body.global.smart #container #main #content .telInput .sel .optgrp {
  width: 308px;
  box-sizing: border-box;
}
body.global.smart #container #main #content table.formL tr th {
  border-top: 1px dotted #dddddd;
  display: block;
  padding: 20px 0 0 23px;
  background-position: left 23px;
}
body.global.smart #container #main #content table.formL tr td {
  display: block;
  width: auto;
  padding: 10px 0 15px 0;
}
body.global.smart #container #main #content table.formL tr td input {
  box-sizing: border-box;
  width: 100%;
}
body.global.smart #container #main #content table.formL tr td .customSelectTxt {
  box-sizing: border-box;
}
body.global.smart #container #main #content table.formL tr td ul.radio li label {
  position: relative;
}
body.global.smart #container #main #content table.formL tr td ul.radio li label input[type="radio"] {
  position: absolute;
}
body.global.smart #container #main #content table.formL tr td ul.radio li label input[type="checkbox"] {
  position: absolute;
}
body.global.smart #container #main #content table.formL.confirm tr th {
  padding-left: 0;
}
body.global.smart #container #main button.btn {
  width: 40%;
  margin: 0 10px 20px 10px;
}