@charset "UTF-8";

/* Copyright (C) 2011 HeartRails Inc. All Rights Reserved. */

* { font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 13px; *font-size: small; *font: x-small; font-style: normal; font-weight: normal; margin: 0; padding: 0; }
body { background: #000; line-height: 140%; }
table { border-collapse: collapse; font-size: inherit; font: 100%; }
img { border: none; vertical-align: middle; }
ul li { list-style-type: none; }

div#header { background: url(../images/header.gif) repeat-x 0 0; height: 30px; min-width: 882px; }
div#footer_services { background: #fff; border-top: 1px solid #dcdcdc; line-height: 120%; padding: 7px 0 5px; }
div#footer_services table { margin: 0 auto; width: 800px; }
div#footer_services dt { clear: left; color: #333; display: inline; float: left; font-size: 85%; font-weight: bold; margin: 1px 0 0; width: 130px; }
div#footer_services dd { float: left; width: 450px; }
div#footer_services li { color: #808080; display: inline; float: left; white-space: nowrap; }
div#footer_services li a { color: #626063; font-size: 85%; padding: 0 4px; text-decoration: none; white-space: nowrap; }
div#footer_services li a:hover { color: #333; text-decoration: underline; }
td#footer_services_logo { text-align: center; width: 200px; }
td#footer_services_list { width: 580px; }
div#footer { background: url(../images/footer.gif) repeat-x 0 0 #000; clear: left; padding: 5px 0 4px 0; width: 100%; }
div#footer p { color: #fff; font-weight: bold; margin: 0 auto; padding: 2px; text-align: center; }
div#header a,
div#footer a { color: #e6eae6; font-weight: bold; text-decoration: none; }
div#header a:hover,
div#footer a:hover { text-decoration: underline; }

div#container { background: #71c37b; padding: 15px 0 0; }
div#container a { color: #0000cd; }
div#container a:hover,
div#container a:active { color: #0000ff; }
div#container a:visited { color: #800080; }

div#container table#headline { margin: 0 auto 30px; width: 860px; }
div#container table#headline th { padding: 0 0 15px; }
div#container td#news { background: url(../images/news_top.gif) no-repeat center top; width: 600px; }
div#container td#news dl { background: url(../images/news_background.gif) no-repeat center bottom; margin: 13px 0 0; padding: 0 0 12px; }
div#container td#news dt,
div#container td#news dd { font-size: 85%; padding: 0 10px; }
div#container td#news dt { float: left; font-weight: bold; }
div#container input { padding: 2px; }
div#container p { line-height: 160%; }
ul#introduce { display: inline-block; *display: inline; zoom: 1; float: right; padding: 2px 0 0; }
ul#introduce li { display: inline-block; *display: inline; zoom: 1; float: left; padding: 0 0 0 5px; text-align: right; }
p#noscript { background: #fff; color: #ff0000; font-weight: bold; margin: 0 0 30px; padding: 5px 0; text-align: center; }
p#error { color: #ff0000; font-weight: bold; padding: 0 0 10px; text-align: center; }

p.left { color: #fff; float: left; font-weight: bold; padding: 4px 20px 0 20px; text-align: left; }
p.right { color: #fff; float: right; font-weight: bold; padding: 4px 20px 0 20px; text-align: right; }
input#image_url,
input#image_embed,
input#sample_api,
input#sample_site,
input#sample_url { background: #ddd; border: 1px solid #555; }