@charset "utf-8";

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;
}
body {
    border: 0;
    width: 100%;
    color: #2f4f4f;
    font-size: 80%;
}

h3 {
    font-size:110%;
}

a:link,
a:visited {
    color: #39f;
}
a:active {
    color: #333;
}
a,
a:hover {
    text-decoration: none;
}
a:hover {
    color: #ff8500;
}
.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
img {
    border: 0;
    border: none;
}

#main_header {
    width: 100%;
    height: 55px;
    color: #fff;
    background: #52c2de;
}
#main_footer {
    width: 100%;
    height: 55px;
    color: #fff;
    border-top: 2px solid #39f;
    background: #52c2de;
    text-align: left;
    margin-top:10px;
}
#footer_left {
    width: 78%;
    float: left;
    margin-left: 10px;
}
#footer_right {
    width: 18%;
    float: right;
    margin-top: 7px;
    margin-right: 5px;
    text-align: right;
}
.footer_link {
    padding: 5px;
    color: #fff;
}
.footer_link a:link,
.footer_link a:visited,
.footer_link a:active {
    color: #fff;
}
.footer_link a,
.footer_link a:hover {
    text-decoration: none;
}
.footer_link a:hover {
    color:#ffff00;
}

.err {
    padding:50px 0 0 0;
    text-align:center;
}

.top_link {
    margin:20px 0 50px 0;
    text-align:center;
}

ul.file,
ul.detail_att,
ul.detail_please,
ul.update_item,
ul.info_att,
ul.template_item {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.detail_att li {
    padding-left: 22px;
    margin-left: 7px;
    padding-top: 1px;
    padding-bottom: 3px;
}
ul.detail_att li.info {
    background: #fff url("http://www.rocomotion.jp/pic/info.gif") no-repeat 0 3px;
}
ul.detail_att li.feature {
    background: #fff url("http://www.rocomotion.jp/pic/feature.gif") no-repeat 0 3px;
}
ul.detail_att li.rule {
    background: #fff url("http://www.rocomotion.jp/pic/rule.gif") no-repeat 0 3px;
}
ul.detail_att li.attention,
ul.file li.attention {
    background: #fff url("http://www.rocomotion.jp/pic/attention.gif") no-repeat 0 3px;
}
ul.file li.attention,
ul.file li.download,
ul.file li.download2,
ul.file li.sample {
    padding-left: 20px;
    margin-left: 7px;
    margin-top: 5px;
    oadding-top:1px;
    padding-bottom: 3px;
}
ul.file li.download2 {
    margin-top: 0;
}
ul.file li.download,
ul.file li.download2 {
    background: #fff url("http://www.rocomotion.jp/pic/download.gif") no-repeat 0 3px;
}
h3 {
    padding:2px;
    margin:3px 0 3px 0;
    text-decoration:underline;
}
ul.detail_howto {
    margin: 0;
    padding: 0;
    list-style:none;
    margin-top:5px;
}

ul.detail_howto li {
    padding-left: 3px;
    margin-left: 7px;
    padding-bottom:4px;
    border-bottom: 1px dotted #ccc;
}

div.how_ex {
    border-left: 5px solid #39f;
    margin-left:3px;
    padding:5px;
    font-family:sans-serif;
}
div.how_ex p {
    padding: 3px;
}

div.how_ex p.title {
    text-decoration: underline;
    color: #f06;
}
div.how_ex p.con {
    padding-left:10px;
}

div.detail_new_box {
    border-left: 5px solid #099;
    margin-left:10px;
    margin-bottom:10px;
}
div.detail_new_box p {
    padding:5px;
}
div.detail_new_box p.title {
    text-decoration: underline;
    color: #f06;
}

ul.info_att li {
    padding: 0;
    margin: 0;
    padding-left: 22px;
    margin-left: 7px;
    padding-bottom:2px;
    background: #fff url("http://www.rocomotion.jp/pic/check.gif") no-repeat 0 3px;
}

#detail_script_info {
    margin : 5px 0 0 7px;
}
.script_info_msg {
    border-bottom:1px dotted #999;
}

.script_info_msg p {
    padding-right:7px;
    padding-bottom:5px;
}

.script_info_msg_info {
    padding-left:20px;
    padding-top:2px;
}

.script_info_msg_top {
    text-align:right;
    font-style:italic;
    padding-top:3px;
    font-size:85%;
}
ul.script_name {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    background:#fff;
}
ul.script_name li {
    margin: 0;
    padding-left: 17px;
    margin-left: 5px;
    padding-top: 3px;
}
ul.script_name li {
    background: #fff url("http://www.rocomotion.jp/pic/script_item.gif") no-repeat 0 4px;
}