/* Tag */

html, body { margin: 0; padding: 0; height: 100%; color: #333; font-family: meiryo; }

table { width: 100%; }

td { padding: 0; }

img { border: none; }

a { text-decoration: none; color: #333; cursor: pointer; font-weight: bold; }

a:hover, a:active { color: #fff; }

h1, h2, h3, h4 { margin: 0; }

/* Header */

#main { min-height: 100%; background-image: url(/image/en/background.png); }

header { background-image: url(/image/en/shade_header.png); height: 120px; z-index: 1; position: relative; }

header h1 { padding: 10px 0; }

footer { font-size: 80%; }

nav { width: 700px; }

nav h2, nav form { display: inline; margin-right: 20px; }

nav form { vertical-align: 4px; }

nav .current { color: #fff; }

.zone { width: 1100px; margin: 0 auto; padding: 0 10px; }

.center { text-align: center; }

/* Body */

#body { padding-bottom: 280px; margin-top: -15px; }

#body a:hover, .feield a:active { color: #567; }

#error { text-align: center; font-weight: bold; background-color: #d87; padding: 5px; border: 1px #333 solid; }

.sprite_shadow { margin: 0 auto -470px auto; }

/* Cursor */

#cursor { z-index: 1; position: relative; margin-top: -6px; }

.cursor_en { margin-left: -2px; }

.cursor_ja { margin-left: -2px; }

.cursor_tour_en { margin-left: 97px; }

.cursor_tour_ja { margin-left: 83px; }

.cursor_signup_en { margin-left: 310px; }

.cursor_signup_ja { margin-left: 300px; }

.placeholder { color: #aaa; }

/* Footer */

footer { background-image: url(/image/en/shade_footer.png); padding-left: 20px; margin-top: -280px; height: 280px; color: #fff; }

footer table { padding-top: 10px !important; }

footer a:link, footer a:visited { color: #ccc; }

footer a:hover, footer a:active { color: #fff; }

footer td { vertical-align: top; }

footer h2 { font-size: 100%; margin-bottom: 10px; }

footer div { line-height: 180%; }

footer .news a { font-weight: normal; }

#contact div { padding-bottom: 5px; }

#contact textarea, #contact input[type="text"] { background-color: #ddd; margin: 0; }

#contact textarea { width: 280px; height: 120px; }

#contact input[type="button"] { border: none; font-weight: bold; cursor: pointer; color: #fff; font-size: 100%; }

#contact input[type="button"]:hover { color: #fea; }

#contact ::-webkit-input-placeholder { color: #333; }

#contact :-moz-placeholder { color: #333; opacity: 0.8; }

#contact ::-moz-placeholder { color: #333; opacity: 0.8; }

#contact :-ms-input-placeholder { color: #333; }

#provided { line-height: 100% !important; text-align: right; margin-right: 10px; }

/* Page */

#_account #form { margin: 20px 0; }

#_account #form h3 { font-size: 100%; }

#_account #form td { vertical-align: top; }

#_account #form input[type="text"], #_account #form input[type="password"] { margin: 10px 0; height: 25px; font-size: 15px; border-radius: 5px; padding: 0 10px; border: 1px #888 solid; box-sizing: border-box; }

#_account #form input[type="text"], #_account input[type="password"] { width: 100%; }

#_account #form .border { border-left: 1px #aaa solid; }

#_account #form .zone { width: 300px; margin: 0 auto; }

.sprite_button_white { border: none; cursor: pointer;}

.sprite_button_white:hover { color: #678; }

#_faq .section { margin: 0 10px; }

#_index .name { font-style: italic; margin: 5px; font-weight: bold; }

#_index #description div { padding-left: 30px; }

#_index #description h3 { font-weight: normal; margin: 0; font-size: 160%; }

#_index #description img { margin-bottom: 5px; }

#_index #description li { line-height: 200%; }

#_index #frame { margin-top: -120px; z-index: 1; position: relative; }

#_index #frame #nav { text-align: right; margin-top: -35px; width: 450px; margin: 0 auto; }

#_index #frame a { margin-left: 15px; }

#_index #frame #screenshot { background-image: url(/image/en/screenshot_1.jpg); }

#_index .sprite_frame { padding: 24px 28px; margin: 0 auto;}

#_index .sprite_frame, #_index .sprite_frame #screenshot, #_index .sprite_frame #screenshot img { width: 438px; height: 306px; }

.sprite_button_signup { display: inline-block; line-height: 40px; color: #eee; text-align: center; cursor: pointer; }

.sprite_button_signup a { color: #eee; }

.sprite_button_signup:hover { color: #fea !important; }

#_index .sprite_button_white { display: inline-block; line-height: 34px; color: #555; }

#_index .sprite_button_white:hover { color: #111 !important; }

#_index #process { text-align: center; }

#_index #process #or { font-style: italic; text-align: center; margin: 0 15px; }

#_index #process .option { font-size: 120%; }

#_signup .notice { font-size: 90%; color: #555; }

#_signup #signup table { text-align: center; table-layout: fixed; }

#_signup #signup td { padding-bottom: 15px; }

#_signup #signup .arrow { width: 80px; }

#_signup #signup input[type="text"], #_signup #signup input[type="password"] { width: 250px; margin: 10px 0; height: 25px; font-size: 15px; border-radius: 5px; padding: 0 10px; border: 1px #888 solid; box-sizing: border-box; }

#_signup .sprite_button_blue { border: none; font-size: 120%; line-height: 30px; color: #eee; cursor: pointer; }

#_signup .sprite_button_blue:hover { color: #fea; }

#_singup section.term { margin: 0 10px; }

#_signup #term { width: 600px; border: 1px #333 dotted; height: 160px; overflow: auto; padding: 10px; margin: 10px auto; background-color: #eee; font-size: 80%; }

#_term .header { font-weight: bold; }

#_term .section { margin: 0 10px; }

#_tour .next { text-align: right; margin-right: 50px; font-weight: bold; }

#_tour .description { vertical-align: top; }

#_tour #showcase { text-align: right; padding: 10px; }

#_tour #showcase iframe { width: 560px; height: 315px; border: none; }

#_tour #showcase div { width: 438px; height: 306px; }

#_tour .sprite_button_blue { display: inline-block; line-height: 40px; color: #eee; }

#_tour .sprite_button_blue:hover { color: #fea !important; }

	.sprite_arrow { background : url(/en/image/) 0px 0; width : 32px; height : 47px; }

	.sprite_background { background : url(/en/image/) -32px 0; width : 1100px; height : 180px; }

	.sprite_button_blue { background : url(/en/image/) -1132px 0; width : 132px; height : 40px; }

	.sprite_button_signup { background : url(/en/image/) -1264px 0; width : 222px; height : 40px; }

	.sprite_button_white { background : url(/en/image/) -1486px 0; width : 142px; height : 34px; }

	.sprite_cursor { background : url(/en/image/) -1628px 0; width : 80px; height : 20px; }

	.sprite_dash { background : url(/en/image/) -1708px 0; width : 138px; height : 21px; }

	.sprite_diagram { background : url(/en/image/) -1846px 0; width : 285px; height : 70px; }

	.sprite_external { background : url(/en/image/) -2131px 0; width : 12px; height : 11px; }

	.sprite_feed { background : url(/en/image/) -2143px 0; width : 26px; height : 26px; }

	.sprite_frame { background : url(/en/image/) -2169px 0; width : 500px; height : 350px; }

	.sprite_line_left { background : url(/en/image/) -2669px 0; width : 127px; height : 1px; }

	.sprite_line_right { background : url(/en/image/) -2796px 0; width : 127px; height : 1px; }

	.sprite_logo { background : url(/en/image/) -2923px 0; width : 358px; height : 46px; }

	.sprite_send { background : url(/en/image/) -3281px 0; width : 77px; height : 33px; }

	.sprite_shadow { background : url(/en/image/) -3358px 0; width : 941px; height : 493px; }

	.sprite_signup { background : url(/en/image/) -4299px 0; width : 222px; height : 40px; }

	.sprite_twitter { background : url(/en/image/) -4521px 0; width : 26px; height : 26px; }

	.sprite_windware { background : url(/en/image/) -4547px 0; width : 60px; height : 39px; }
