/* -------------------------------------------

Customize stylesheet by Stella

---------------------------------------------- */


/* Container Styles ------------------------------------------------------- */
.clear {
    font-size: 1px;
    height: 1px;
    width: 100%;
    clear: both;
}

#eye-catch {
    background-image: url("http://rc-techno.jp/images/eyecatch/top-back.gif");
    background-repeat: repeat-x;
    background-attachment: scroll;
    width: 100%;
    height: 300px;
    text-align: center;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    margin-bottom: 30px;
}
#eye-catch img {
    padding: 0;
    margin: 0;
}


/* Header Styles ---------------------------------------------------------- */
#header-name a {
    padding-left: 0;
    padding- bottom: 0;
}

/* Footer Styles ---------------------------------------------------------- */
.copyright {
    font-size: 10px;
    width: 580px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#footer-inner {
    width: 800px;
    margin: 0 auto;
}
#footer-content {
    text-align: left;
    float: left;
}
#another {
    float: right;
    padding-right: 0;
    padding-top: 25px;
    font-size: 10px;
    color: #fff;
}
#another a{
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}


/* Content Styles --------------------------------------------------------- */
#system-top,
.sub-content {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #424242;
    font-size: 12px;
    line-height: 24px;
}
#system-top {
    padding-top: 0;
}
#system-top .left,
#system-top .right,
.sub-content .left,
.sub-content .right {
    width: 277px;
}
#system-top .left,
.sub-content .left {
    float: left;
}
#system-top .right,
.sub-content .right {
    float: right;
}
#system-top .clear,
.sub-content .clear {
    clear: both;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}
.sub-content a img,
.sub-content a:visited img,
.sub-content a:hover img,
.sub-content a:active img,
.sub-content a:link img {
    border: solid 1px #666666;
}
#category-frec .sub-content .left {
    width: 240px;
}
#category-frec .sub-content .right {
    width: 315px;
}
#category-info .sub-content .left,
#category-info-list .sub-content .left {
    width: 150px;
}
#category-info .sub-content .right,
#category-info-list .sub-content .right {
    width: 420px;
}
#category-info .sub-content .clear-none,
#category-info-list .sub-content .clear-none {
    clear: both;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}
#category-info .sub-content .clear,
#category-info-list .sub-content .clear {
    width: 100%;
    height: 0;
    border-top: dotted 1px silver;
    margin: 0;
    padding: 0;
}
#frec-navigation .sub-content {
    padding-top: 0;
    padding-bottom: 20px;
    color: #424242;
}
#frec-navigation .sub-content .left,
#frec-navigation .sub-content .right {
    width: 277px;
}

/* Content Title Styles --------------------------------------------------- */
.asset-name,
.asset-name a {
    color: #424242;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.asset-name {
    padding-left: 9px;
    padding-top: 12px;
    margin-bottom: 9px;
    border-left: solid 5px #424242;
}
.asset-header,
#system-top .asset-header,
#contact .asset-header,
#category-topics .asset-header,
#category-info .asset-header,
#category-frec .asset-header {
    min-height: 39px;
    border-bottom: dotted 1px silver;
}
#contact .asset-header {
    background-image: url("http://rc-techno.jp/images/eyecatch/contact-eyecatch.jpg");
    background-repeat: no-repeat;
    padding-top: 141px;
    padding-bottom: 0;
}
#category-topics .asset-header {
    background-image: url("http://rc-techno.jp/images/eyecatch/topics-eyecatch.jpg");
    background-repeat: no-repeat;
    padding-top: 141px;
    padding-bottom: 0;
}
#category-info .asset-header {
    background-image: url("http://rc-techno.jp/images/eyecatch/info-eyecatch.gif");
    background-repeat: no-repeat;
    padding-top: 141px;
    padding-bottom: 0;
}
#category-frec .asset-header {
    background-image: url("http://rc-techno.jp/images/eyecatch/frec-eyecatch.jpg");
    background-repeat: no-repeat;
    padding-top: 141px;
    padding-bottom: 0;
}
#system-top .asset-header {
    background-image: none;
    min-height: 39px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom:20px;
}
.asset-footer,
.asset-footer a {
    text-align: right;
    color: #313131;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
}

/* Sidebar Styles --------------------------------------------------------- */
.sidebar-bannar,
.sidebar-bannar-none {
    margin-bottom: 10px;
}
.sidebar-bannar-bottom {
}
.sidebar-bannar .border,
.sidebar-bannar a img,
.sidebar-bannar a:visited img,
.sidebar-bannar a:hover img,
.sidebar-bannar a:active img,
.sidebar-bannar a:link img,
.sidebar-bannar-bottom img {
    border: solid 1px silver;
}
.sidebar-bannar .border-none {
    border: none;
}
.layout-wm #beta {
    float: right;
    width: 262px;
    text-align: center;
}
#alpha-inner {
    padding-left: 30px;
    padding-right: 0;
}

.category,
.category a,
.category-title,
.category-title a:visited,
.category-title .link,
.category-title .link .text,
.category-item,
.category-item a:visited,
.category-item .link,
.category-item .link .text {
    color: #313131;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.category,
.category a {
    width: 195px;
}
.category {
    border: solid 1px silver;
    margin-bottom: 20px;
}
.category-title {
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "平成明朝", "HeiseiMincho", "ＭＳ Ｐ明朝", "ms pmincho", sans-serif, "courie new", helvetica;
    height: 37px;
    background-image: url("http://rc-techno.jp/images/etc/sidebar-title-nonselect.gif");
}
.category-title .link {
    padding-top: 0;
    padding-left: 0;
    height: 37px;
}
.category-title .link .text {
    font-size: 14px;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 13px;
}
.category-title:hover,
.category-title .childselected {
    background-image: url("http://rc-techno.jp/images/etc/sidebar-title-select.gif");
}
.category-title .selected {
    background-image: url("http://rc-techno.jp/images/etc/sidebar-title-selected.gif");
}
.category-title a:hover .text {
    color: #313131;
}
.category-title .selected .text {
    color: #fbfbf1;
}
.category-item {
    height: 23px;
    border-top: dotted 1px silver;
    background-image: url("http://rc-techno.jp/images/etc/sidebar-item-nonselect.gif");
}
.selected {
    background-image: url("http://rc-techno.jp/images/etc/sidebar-item-selected.gif");
}
.category-item .link {
    height: 23px;
    padding-top: 0;
    padding-left: 0;
}
.category-item .link .text {
    font-size: 12px;
    padding-left: 40px;
    padding-top: 7px;
    cursor: pointer;
}
.category-item:hover {
    background-image: url("http://rc-techno.jp/images/etc/sidebar-item-select.gif");
}
.category-item .selected {
}
.selected .link .text {
    color: #fbfbf1;
}
.selected:hover .link .text,
a:hover .text {
    color: #313131;
}

/* Navigation Styles ------------------------------------------------------ */
#navi {
    float: right;
    margin-top: 11px;
    padding-right: 0;
    padding-bottom: 0;
    height: 45px;
}
#navi .navi-item {
    float: left;
    width: 120px;
    height: 45px;
    background-image: url("http://rc-techno.jp/images/etc/navi-normal.gif");
    padding-top: 13px;
}
#navi .navi-item-top {
    padding-left: 1px;
    color: #636363;
    text-align: center;
    cursor: pointer;
}
#navi .navi-item-bottom {
    padding-top: 0;
    font-size: 10px;
    color: #636363;
    text-align: center;
    width: 120px;
    cursor: pointer;
}
#navi a {
    text-decoration: none;
}
#navi a:hover {
    text-decoration: none;
    background-image: url("http://rc-techno.jp/images/etc/navi-hover.gif");
}
#navi .selected {
    text-decoration: none;
    background-image: url("http://rc-techno.jp/images/etc/navi-hover.gif");
}
#navi-blog-feeds {
    color: #636363;
    padding-top: 0;
    padding- right: 0;
    float: right;
}
#navi-blog-feeds a:link {
    color: #636363;
    text-decoration: none;
}
#navi-blog-feeds a:hover {
    color: #636363;
    text-decoration: none;
}


/* News&Topice Styles ------------------------------------------------------ */
#staff-blog,
#topics {
    width: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
}
#staff-blog .topics-line,
#topics .topics-line {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted 1px silver;
}
#staff-blog .topics-date,
#topics .topics-date {
    float: left;
    width: 60px;
    padding-left: 20px;
    padding-top: 2px;
    background-image: url("http://rc-techno.jp/images/topics/mark.gif");
    background-repeat: no-repeat;
}
#staff-blog .topics-new,
#topics .topics-new {
    float: left;
    width: 40px;
    padding-top: 2px;
    text-align: right;
}
#staff-blog .topics-title,
#topics .topics-title {
    padding-top: 2px;
    float: right;
    width: 370px;
}
#staff-blog .topics-clear,
#topics .topics-clear {
    height: 0;
    font-size: 1px;
    clear: both;
    width: 100%
}
#staff-blog a,
#topics a {
    color: black;
    font-weight: normal;
    text-decoration: none;
}
#topic_path {
    height: 20px;
    color: #636363;
}
#topic_path a {
    text-decoration: none;
    color: #636363;
}


/* Another Styles ---------------------------------------------------------- */
#error,
#policy,
#contact,
#about {
    position: relative;
}
#error h1,
#policy h1,
#about h1 {
    font-size: 16px;
    font-weight: bold;
}
#error h2,
#policy h2,
#about h2 {
    font-size: 14px;
    font-weight: bold;
}
#error .sub-content,
#policy .sub-content,
#about .sub-content {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: solid 1px silver;
}
#contact h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-top: 0;
    padding-bottom: 10px;
}
#contact h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 10px 0 0 0;
    color: green;
}
#contact .mt-image-none {
margin-bottom: -3px;
}
.ui-number {
    list-style-type: decimal;
}
.ui-alpha {
    list-style-type: upper-alpha;
}
.ui-dot {
    list-style-type: circle;
}


/* Mailform Styles --------------------------------------------------------- */
#mailform {
    margin-bottom: 20px;
}
#mailform table,
#mailform tr,
#mailform td,
#mailform textarea,
#mailform input {
    font-family: "ＭＳ ゴシック", "ms gothic", "Osaka一等幅", arial, helvetica, HeiseiKakuGothic, "Hiragino Kaku Gothic Pro", hirakakupro-w3, osaka, sans-serif;
}
#mailform table {
    width: 570px;
    border-collapse: collapse;
}
#mailform .mail-left {
    width: 150px;
    height: 20px;
    border: solid 1px gray;
    background-color: silver;
    vertical-align: top;
}
#mailform .td-name {
    font-weight: bold;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}
#mailform .td-check {
    color: red;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}
#mailform .mail-right {
    width: 420px;
    height: 20px;
    border: solid 1px gray;
    background-color: white;
    padding: 5px;
}
#mailform .input-style {
    margin-left: 7px;
    font-weight: bold;
}
#mailform .type-text {
    border: solid 1px silver;
    font-size: 12px;
    margin: 0 5px;
    padding: 3px;
}
#mailform .type-radio {
    margin: 0 10px 0 0;
}
#mailform .mail-attention {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 1px gray;
    margin: 20px 0;
    background-color: white;
    line-height: 24px;
    word-break: keep-all;
}
#mailform .mail-attention a {
    color: blue;
    text-decoration: none;
}
.display-none {
    display: none;
}
#mailform #errMsg {
    color: red;
    line-height: 24px;
    padding-bottom: 10px;
}
#mailform .mail-controler {
    width: 100%;
    text-align: center;
}
#mailform .mail-controler input {
    margin: 10px;
    padding: 3px 5px;
}

/* Eye-catch option */