/* line 17, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 99, ../sass/tryout.scss */
body {
  /*opacity: 0;*/
  text-align: center;
  font-size: 16px;
  border-top: #44b1fd solid 0.3125em;
  font-family: "UD Shin Go Regular";
  color: #333;
  padding-bottom: 3.75em;
}

/* line 109, ../sass/tryout.scss */
header, #page-body div.pgroup, #page-body div.entrance, #page-body div.section-content {
  margin: 0 auto;
  width: 62.5em;
}

/* line 114, ../sass/tryout.scss */
header {
  margin-top: 4.8125em;
  margin-bottom: 1.875em;
}
/* line 117, ../sass/tryout.scss */
header h1 {
  margin: 0 auto;
}
/* line 120, ../sass/tryout.scss */
header::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 26%;
  min-width: 19.25em;
  border-top: #f75ba0 solid 0.3125em;
  border-right: #ffffff solid 2px;
  content: " ";
}

/* line 133, ../sass/tryout.scss */
.fixed-header-wrappaer {
  width: 100%;
  height: 72px;
  background-color: #dddddd;
  border-bottom: #8c8c8c 1px solid;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 3000;
}

/* line 145, ../sass/tryout.scss */
.fixed-header {
  width: 100%;
  height: 70px;
  background-color: #f2f2f2;
  border-bottom: #b5b5b5 1px solid;
}

/* line 153, ../sass/tryout.scss */
.fixed-header-content {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 157, ../sass/tryout.scss */
.fixed-header-content .fixed-header-logo {
  float: left;
  padding: 24px 0;
}
/* line 161, ../sass/tryout.scss */
.fixed-header-content form {
  box-sizing: border-box;
  height: 52px;
  float: right;
  padding: 10px 0;
}
/* line 32, ../sass/tryout.scss */
.fixed-header-content form p {
  margin: 0 auto;
  width: 634px;
  overflow: hidden;
}
/* line 37, ../sass/tryout.scss */
.fixed-header-content form p.url-errorMessage {
  text-align: left;
  color: red;
  margin-top: 10px;
  display: none;
}
/* line 43, ../sass/tryout.scss */
.fixed-header-content form input {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 52px;
}
/* line 50, ../sass/tryout.scss */
.fixed-header-content form input.uri-input {
  width: 539px;
  float: left;
  padding-left: 0.5em;
  border: solid #cccccc 1px;
  border-right: 0;
  font-size: 1.875em;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
/* line 58, ../sass/tryout.scss */
.fixed-header-content form input.uri-input::-moz-placeholder {
  font-size: 1.125em;
}
/* line 61, ../sass/tryout.scss */
.fixed-header-content form input.uri-input::-webkit-input-placeholder {
  font-size: 1em;
  line-height: 1.1em;
}
/* line 65, ../sass/tryout.scss */
.fixed-header-content form input.uri-input:focus {
  border: solid 1px #44b1fd;
  border-right: 0;
}
/* line 69, ../sass/tryout.scss */
.fixed-header-content form input.uri-input.invalid {
  border: solid 1px #f75ba0;
  border-right: 0;
}
/* line 74, ../sass/tryout.scss */
.fixed-header-content form input.submit-btn {
  width: 95px;
  float: left;
  border: solid #000000 1px;
  border-radius: 0 5px 5px 0;
  color: #fff;
  background: #555;
  font-family: "UD Shin Go Light";
  font-size: 1.125em;
  -webkit-box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2);
  overflow: hidden;
  *zoom: 1;
}
/* line 85, ../sass/tryout.scss */
.fixed-header-content form input.submit-btn[disabled] {
  opacity: 0.5;
}
/* line 88, ../sass/tryout.scss */
.fixed-header-content form input.submit-btn:hover {
  background: #292929;
  cursor: pointer;
}
/* line 165, ../sass/tryout.scss */
.fixed-header-content form .url-errorMessage {
  position: absolute;
  top: 3.375em;
  width: auto;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

/* line 180, ../sass/tryout.scss */
div#page-body {
  font-family: "UD Shin Go Regular";
}
/* line 182, ../sass/tryout.scss */
div#page-body section > div {
  margin-top: 1.875em;
  margin-bottom: 1.875em;
}
/* line 189, ../sass/tryout.scss */
div#page-body div#lead {
  line-height: 1.6em;
}
/* line 195, ../sass/tryout.scss */
div#page-body div#entrance {
  width: 100%;
  padding: 49px 0;
  background-color: #f2f2f2;
}
/* line 201, ../sass/tryout.scss */
div#page-body div#entrance form {
  box-sizing: border-box;
  height: 52px;
}
/* line 32, ../sass/tryout.scss */
div#page-body div#entrance form p {
  margin: 0 auto;
  width: 634px;
  overflow: hidden;
}
/* line 37, ../sass/tryout.scss */
div#page-body div#entrance form p.url-errorMessage {
  text-align: left;
  color: red;
  margin-top: 10px;
  display: none;
}
/* line 43, ../sass/tryout.scss */
div#page-body div#entrance form input {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 52px;
}
/* line 50, ../sass/tryout.scss */
div#page-body div#entrance form input.uri-input {
  width: 539px;
  float: left;
  padding-left: 0.5em;
  border: solid #cccccc 1px;
  border-right: 0;
  font-size: 1.875em;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
/* line 58, ../sass/tryout.scss */
div#page-body div#entrance form input.uri-input::-moz-placeholder {
  font-size: 1.125em;
}
/* line 61, ../sass/tryout.scss */
div#page-body div#entrance form input.uri-input::-webkit-input-placeholder {
  font-size: 1em;
  line-height: 1.1em;
}
/* line 65, ../sass/tryout.scss */
div#page-body div#entrance form input.uri-input:focus {
  border: solid 1px #44b1fd;
  border-right: 0;
}
/* line 69, ../sass/tryout.scss */
div#page-body div#entrance form input.uri-input.invalid {
  border: solid 1px #f75ba0;
  border-right: 0;
}
/* line 74, ../sass/tryout.scss */
div#page-body div#entrance form input.submit-btn {
  width: 95px;
  float: left;
  border: solid #000000 1px;
  border-radius: 0 5px 5px 0;
  color: #fff;
  background: #555;
  font-family: "UD Shin Go Light";
  font-size: 1.125em;
  -webkit-box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2);
  overflow: hidden;
  *zoom: 1;
}
/* line 85, ../sass/tryout.scss */
div#page-body div#entrance form input.submit-btn[disabled] {
  opacity: 0.5;
}
/* line 88, ../sass/tryout.scss */
div#page-body div#entrance form input.submit-btn:hover {
  background: #292929;
  cursor: pointer;
}

/* line 210, ../sass/tryout.scss */
.section-guide {
  background-color: #effafe;
}

/* line 217, ../sass/tryout.scss */
div#page-body section.section-sociallink {
  width: 960px;
  padding: 20px;
  margin: 0 auto;
  text-align: right;
  padding-bottom: 1.5625em;
}
/* line 223, ../sass/tryout.scss */
div#page-body section.section-sociallink .social-btn {
  display: inline-block;
  margin-left: 10px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
/* line 235, ../sass/tryout.scss */
div#page-body section.section-sociallink .gplus {
  width: 55px;
}
/* line 239, ../sass/tryout.scss */
div#page-body section.section-sociallink .tweetBtn {
  width: 90px;
}
/* line 246, ../sass/tryout.scss */
div#page-body .section-content {
  padding-top: 60px;
  width: 960px;
  padding: 60px 20px 0 20px;
}
/* line 251, ../sass/tryout.scss */
div#page-body .section-header {
  margin-bottom: 60px;
  color: #0095ef;
}
/* line 254, ../sass/tryout.scss */
div#page-body .section-header h2 {
  font-size: 2.5em;
  font-family: "UD Shin Go Medium";
}
/* line 259, ../sass/tryout.scss */
div#page-body .section-step {
  text-align: left;
  padding-bottom: 60px;
}
/* line 263, ../sass/tryout.scss */
div#page-body .section-step-header {
  display: table;
  margin-bottom: 20px;
}
/* line 267, ../sass/tryout.scss */
div#page-body .section-step-heading {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  font-family: "UD Shin Go Medium";
}
/* line 273, ../sass/tryout.scss */
div#page-body .section-step-header-icon {
  background-color: #0095ef;
  color: #fff;
  font-family: "UD Shin Go Light";
  display: table-cell;
  font-size: 0.875em;
  text-align: center;
  width: 31px;
  height: 31px;
  padding: 6px 7px;
  line-height: 1.19em;
}
/* line 285, ../sass/tryout.scss */
div#page-body .section-step-heading-stepnumunit {
  display: block;
}
/* line 288, ../sass/tryout.scss */
div#page-body .section-content-lead {
  line-height: 1.7em;
  margin-bottom: 30px;
}
/* line 293, ../sass/tryout.scss */
div#page-body .section-figure {
  margin-bottom: 40px;
}
/* line 297, ../sass/tryout.scss */
div#page-body .section-step-body {
  line-height: 1.7em;
  font-size: 0.875em;
}
/* line 302, ../sass/tryout.scss */
div#page-body .section-step.step1 {
  overflow: hidden;
}
/* line 304, ../sass/tryout.scss */
div#page-body .section-step.step1 .section-step-main {
  width: auto;
}
/* line 307, ../sass/tryout.scss */
div#page-body .section-step.step1 .section-step-figure {
  margin-top: -10px;
  margin-bottom: 30px;
}
/* line 315, ../sass/tryout.scss */
div#page-body .section-step.step2 .section-step-body {
  margin-left: -40px;
}
/* line 321, ../sass/tryout.scss */
div#page-body .step-guidesecction {
  width: 210px;
  display: table-cell;
  padding-top: 30px;
  font-size: 16px;
  padding-left: 40px;
}
/* line 327, ../sass/tryout.scss */
div#page-body .step-guidesecction .step-guidesecction-header {
  margin: 0;
  padding: 0;
  color: #0095ef;
  height: 40px;
}
/* line 333, ../sass/tryout.scss */
div#page-body .step-guidesecction .step-guidesecction-header-icon {
  display: table-cell;
}
/* line 337, ../sass/tryout.scss */
div#page-body .step-guidesecction .step-guidesecction-header-icon p {
  width: 19px;
  height: 19px;
  text-align: center;
  display: table-cell;
  font-size: 0.8125em;
  border: 1px solid #0095ef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #47b3f3;
  color: #fff;
  vertical-align: middle;
  line-height: 1em;
}
/* line 351, ../sass/tryout.scss */
div#page-body .step-guidesecction .step-guidesecction-heading {
  display: table-cell;
  padding-left: 5px;
  height: 20px;
  vertical-align: middle;
  line-height: 1.5em;
  position: relative;
  top: -2px;
  font-family: "UD Shin Go Medium";
}
/* line 361, ../sass/tryout.scss */
div#page-body .step-guidesecction .step-guidesecction-body {
  line-height: 1.7em;
  font-size: 0.875em;
  margin-top: 15px;
}
/* line 366, ../sass/tryout.scss */
div#page-body .step-guidesecction .step-guidesecction-body p span {
  display: inline-block;
  margin-right: 5px;
}
/* line 374, ../sass/tryout.scss */
div#page-body .section-memberfunction {
  background-color: #fff;
}
/* line 376, ../sass/tryout.scss */
div#page-body .section-memberfunction .section-header {
  color: #ff64a0;
}
/* line 379, ../sass/tryout.scss */
div#page-body .section-memberfunction .section-step-heading {
  color: #ff64a0;
  font-size: 1.375em;
}
/* line 383, ../sass/tryout.scss */
div#page-body .section-memberfunction .section-step {
  width: 460px;
  display: table-cell;
  padding-right: 40px;
}
/* line 388, ../sass/tryout.scss */
div#page-body .section-memberfunction .section-step-body {
  margin-top: 20px;
  line-height: 1.7em;
}
/* line 393, ../sass/tryout.scss */
div#page-body .section-memberfunction .section-step-header-icon {
  background-color: #ff64a0;
}
/* line 401, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-header {
  margin-bottom: 20px;
}
/* line 405, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-heading {
  font-size: 1.375em;
  color: #333;
}
/* line 409, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-lead {
  color: #333;
  margin-bottom: 10px;
  font-family: "UD Shin Go Medium";
}
/* line 414, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-content {
  padding: 0 20px;
}
/* line 417, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-content-body {
  border: 1px #e5e5e5 solid;
  width: 918px;
  padding: 20px;
  overflow: hidden;
  background-color: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 425, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-btn {
  width: 440px;
  float: left;
}
/* line 429, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-btn a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 440px;
}
/* line 437, ../sass/tryout.scss */
div#page-body .section-memberlogin .section-btn.btn-right {
  margin-left: 38px;
}

/* line 447, ../sass/tryout.scss */
footer {
  width: 100%;
}