html, body { font-size: 100%; margin: 0 auto; padding: 0; text-align: center; font-family: sans-serif; }
a { display: inline-block; text-decoration: none; *display: inline; zoom: 1; }
img, object, embed { display: block; max-width: 100%; height: auto; width /***/: auto; vertical-align: bottom; border: 0; }
.footer_button { display: none; }

#header { position: relative; height: 660px; width: 1000px; margin: 0 auto; }

nav.globalMenuSp { position: fixed; z-index: 2; top: 0; left: 0; color: #000; text-align: center; transform: translateX(100%); transition: all 0.6s; height: 100%; width: 100%; }
nav.globalMenuSp ul { background: rgba(254,156,35,0.8); margin: 0 auto; padding: 0; height: 100%; width: 40%; }
nav.globalMenuSp ul li { font-size: 1.5em; line-height: 0.1em; text-align: left; list-style-type: none; padding: 0; width: 100%; border-bottom: 1px dotted #333; }
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child { padding-bottom: 0; border-bottom: none; }
nav.globalMenuSp ul li a { display: block; padding: 1em 0; color: #000000; letter-spacing: 6px;
 text-shadow:
 3px 3px 2px #ffffff,
 -3px 3px 2px #ffffff,
 3px -3px 2px #ffffff,
 -3px -3px 2px #ffffff,
 3px 0px 2px #ffffff,
 0px 3px 2px #ffffff,
 -3px 0px 2px #ffffff,
 0px -3px 2px #ffffff; }
nav.globalMenuSp ul li a span{ font-size: 0.9em; letter-spacing:0em; }
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active { transform: translateX(30%); }

.navToggle { display: block; position: fixed;/* bodyに対しての絶対位置指定 */ right: 70px; top: 50px; width: 96px; height: 96px; cursor: pointer; z-index: 3; background: #ff6600; text-align: center; border-radius: 0.5em; }
.navToggle span { display: block; position: absolute;/* .navToggleに対して */ width: 80px; border-bottom: solid 3px #eee; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 8px; }
.navToggle span:nth-child(1) { top: 14px; }
.navToggle span:nth-child(2) { top: 34px; }
.navToggle span:nth-child(3) { top: 54px; }
.navToggle span:nth-child(4) { border: none; color: #eee; font-size: 18px; font-weight: bold; top: 65px; }
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) { top: 35px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) { top: 35px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

.main_title { position: relative; height: auto; width: 100%; margin: 0 auto; }


#first-time { position: relative;  height: auto; width: 1000px; margin: 120px auto 0; background-color: #ffffcc; }
#first-time p{ text-align: left; font-size: 1.5em; margin: 0 1em; }
#first-time p span{ font-size: 1.2em; font-weight: bold; color: #ff0000; }


#usage-flow { position: relative; height: auto; width: 1000px; margin: 0 auto; padding-bottom: 230px; border-radius: 1em; background-color: #ffffcc; }
#usage-flow .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
#usage-flow p { text-align: left; font-size: 1.5em; margin: 1em 1em 0; }
#usage-flow .image { float: left; height: 450px; width: 350px; margin: 1em 2em 0 1em; }


#fee-system { position: relative; height: auto; width: 1000px; margin: 0 auto; padding-bottom: 270px; border-radius: 1em; background-color: #ffffcc; }
#fee-system .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
#fee-system p { text-align: left; font-size: 1.5em; margin: 1em 1em 0; }
#fee-system .image { float: right; height: 450px; width: 350px; margin: 1em 1em 0 2em; }


#products-handled { position: relative; height: auto; width: 1000px; margin: 0 auto; text-align: center; border-radius: 1em; background-color: #ffffcc; }
#products-handled .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
#products-handled p { text-align: left; font-size: 1.5em; margin: 1em 1em 0; }
#products-handled .item { display: inline-block; text-align: center; }
.blue { color: #0000ff; }
.red { color: #ff0000; }
.bold { font-weight: bold; }


#cannot-be-listed { position: relative; height: auto; width: 1000px; margin: 0 auto; border-radius: 1em; background-color: #ffffcc; }
#cannot-be-listed .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
#cannot-be-listed p { text-align: left; font-size: 1.5em; margin: 1em 1em 0; }
#cannot-be-listed p span{ font-weight: bold; }


#inquiries { position: relative; height: auto; width: 1000px; margin: 0 auto; border-radius: 1em; background-color: #ffffcc; }
#inquiries .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
form#contact { position: relative; width: 95%; height: auto; padding: 0; margin: 0 auto; }
form#contact ul { padding: 0; margin: 0; }
form#contact ul li { list-style: none; margin: 0px; padding: 10px 0; border-top: 0 solid #ffffff; font-size: 1.5em; }
form#contact ul li:first-child { border-top: none; }
form#contact ul li span { width: 40%; text-align: left; margin: 0px; padding-left: 5%; display: block; float:left; }
form#contact ul li:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
form#contact ul li label .txtfiled { width: 90%; padding: 3px 5px; margin: 0px; color: #666; border: solid 1px #ccc; background: #fff;
 -webkit-box-shadow: 2px 3px 5px -2px #ddd inset; -moz-box-shadow: 2px 3px 5px -2px #ddd inset; box-shadow: 2px 3px 5px -2px #ddd inset;
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
form#contact ul li label input { margin-right: 0.5em; }
textarea { resize: none; height: 200px;}
form#contact ul li input[type="submit"] ,form#contact ul li input[type="reset"]
 { cursor:pointer; font-size: 1em; font-weight: bold; width: 20%; padding: 5px 0; margin-right: 0.5em; border-style: none; color: #fff; background: #ff6600;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px 1px #666; -webkit-box-shadow: 2px 2px 3px 1px #666;
 box-shadow: 2px 2px 3px 1px #666; text-shadow: 1px 1px 2px #000; }
form#contact ul li input[type="submit"]:hover ,form#contact ul li input[type="reset"]:hover
 { opacity: 1; font-size: 1.3em; }


#terms-of-service { position: relative; height: auto; width: 1000px; margin: 0 auto; border-radius: 1em; background-color: #ffffcc; }
#terms-of-service .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
#terms-of-service p { text-align: left; font-size: 1.5em; margin: 1em 1em 0; }
#terms-of-service p span{ font-weight: bold; }


#protection { position: relative; height: auto; width: 1000px; margin: 0 auto; border-radius: 1em; background-color: #ffffcc; }
#protection .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
#protection p { text-align: left; font-size: 1.5em; margin: 1em 1em 0; }
#protection p span{ font-weight: bold; color: #0000FF; }


#transaction-law { position: relative; height: auto; width: 1000px; margin: 0 auto; margin-bottom: 40px; border-radius: 1em; background-color: #ffffcc; }
#transaction-law .title { font-size: 1.5em; font-weight: bold; margin-top: 1em; padding: 0.3em 0; border-radius: 1em; background-color: #ff6600; }
table { width: 85%; font-size: 1.5em; margin: 1em auto 0; }
table th { position: relative; text-align: left; width: 25%; }
table td { text-align: left; width: 75%; }


footer { position: fixed; height: 30px; width: 100%; bottom: 0; margin: 0 auto; background-color: #ffffff; }
footer a { color: #000000; }
.copyright { position: relative; height: auto; width: auto; top: 5px; margin: 0; padding: 0; font-size: 0.9em; }