@charset "UTF-8";
* {border: 0;margin: 0;outline: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font: inherit;font-style: normal;font-weight: lighter;list-style: none;text-decoration: none}html {    overflow-x: auto;width: 100%;height: 100%;}article, aside, dialog, figure, footer, header, main, menu, nav, section {display: block}br, hr {display: block}ol, ul {list-style: none}table {border-collapse: collapse;border-spacing: 0}img {    border: 0;    vertical-align: middle;}body {font-size: 13px;line-height: 1;-webkit-text-size-adjust: 100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;background-color: #f4f5f7;overflow: hidden;min-width: 1100px;}* {font-family: "YakuHanJP", Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;}a {text-decoration: none;color: #222;}a:hover {color:#03c;text-decoration: underline;}.cf:before, .cf:after {content: "";display: table}.cf:after {clear: both}.syslog{background:#fff;border-top:1px solid #000;border-spacing:8px 4px;border-collapse:separate;position:relative;z-index:10;}.syslog td{font-size:9pt;line-height:120%;font-family:Osaka-mono,"MS Gothic",Courier,monospace;color:#000;}.syslog td:first-child{white-space:nowrap;vertical-align:top;}.syslog td+td{word-break:break-all;}.syslog+.syslog{border-top:1px solid #000;}.about-main-title {    font-size: 16px;    border-left: 3px solid #43cea2;    padding: 8px;    line-height: 18px;    margin: 10px;    font-weight: bold;}.about-main-text {    font-size: 14px;    padding: 12px;    line-height: 1.5;    color: #333;}.about-main-text a{    color:#03c;    text-decoration: underline;}#about ul {    padding-left: 18px;}#about ul li {    position: relative;    margin-top: 8px;}#about ul li::after {    display: block;    content: '';    position: absolute;    top: .5em;    left: -1em;    width: 6px;    height: 6px;    background-color: #666;    border-radius: 100%;}#about form {    margin: 12px;}#about form [type=radio] {    margin: 8px 6px 0 0;    cursor: pointer;}.about-form-radio {    margin-bottom: 16px;}#about label {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}.about-form-radio label {    cursor: pointer;}#about form [type=text] {    border: 1px solid #ccc;    margin: 4px 0 0;    padding: 4px;    width: 320px;    display: block;    -webkit-appearance: none;-moz-appearance:none;-ms-appearance:none;appearance:none;}#about form textarea {    font-size: 120%;    border: 1px solid #ccc;    margin: 4px 0 0;    width: 100%;    height: 128px;    display: block;    -webkit-appearance: none;-moz-appearance:none;-ms-appearance:none;appearance:none;}#about form [type=submit] {    border: 0;    color: #fff;    background: rgba(24,90,157,.8);    margin: 12px 0 0;    padding: 8px 0;    width: 160px;    display: inline-block;    font-size: 16px;    border-radius: 3px;}#about form [type=submit]:hover {    background: rgba(24,90,157,1);    cursor: pointer;}.about-rss {    width: 100%;    border-collapse: separate;}.about-rss th {    border-bottom: 1px solid rgba(0,0,0,0.1);}.about-rss td {    padding: 16px 8px;    vertical-align: middle;    border-bottom: 1px solid rgba(0,0,0,0.1);}.about-rss td:nth-child(n+2) {    width: 130px;}.about-rss tr:nth-child(odd) {}.about-rss img {    width: 16px;    height: 16px;    margin-right: 8px;}.about-rss img+a {    font-weight: bold;    color: #111;    font-size: 14px;}.about-rss img+a:hover {    color: #185a9d;}.about-rss b {    font-weight: normal;    font-size: 11px;    line-height: 120%;    color: #999;    margin: 0 0 0 24px;    display: block;}.about-rss th {    text-align: left;    padding: 16px 8px;}.about-rss td a[target] {    font-size: 12px;    line-height: 30px;    border-radius: 3px;    color: #fff;    text-align: center;    display: block;}.about-rss .rss-normal a[target] {    background: rgba(24,90,157,.8);}.about-rss .rss-r18 a[target] {    background: rgba(219,13,145,.8);}.about-rss .rss-normal a[target]:hover {    background: rgba(24,90,157,1);    text-decoration: none;}.about-rss .rss-r18 a[target]:hover {    background: rgba(219,13,145,1);    text-decoration: none;}.about-rss span {    font-size: 11px;    color: #777;    display: block;    text-align: center;    margin-top: 3px;}.about-text {    background-color: #ecfaf6;    padding: 12px;    line-height: 1.3;    border-radius: 3px;    border: 1px solid #98e5cd;    margin: 10px;}.about-text p{margin: 6px 0;}.makelink-body {    padding: 20px 010px;}.unit-title {    border-radius: 8px 8px 0 0;    padding: 12px 12px;    overflow: hidden;    border: 1px solid #dedede;    background-color: #f7f7f7;}.unit-title b {    font-size: 16px;    margin: 0 8px 0 0;}.unit-body {    background: #fff;    border-radius: 0 0 8px 8px;    padding: 16px;    border: 1px solid #dedede;    margin-top: -1px;}.unit-caption {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}#makelink p {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}#makelink p a {    color: #ff6d00;    text-decoration: underline;}#makelink label {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;    cursor: pointer;}.makelink-error {    background-color: #ffecec;    border: 1px solid #f5aca6;    color: #ff4f4f;    padding: 10px;    margin-bottom: 15px;}.makelink-error i{display: inline-block;margin-right: 3px;}.option-title {    border-radius: 8px 8px 0 0;    padding: 12px 12px;    overflow: hidden;    border: 1px solid #dedede;    background-color: #eee;    margin-top: 30px;}.option-body {    background: #f7f7f7;    border-radius: 0 0 8px 8px;    padding: 16px;    border: 1px solid #dedede;    margin-top: -1px;}.option-caption {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}#makelink [type=text] {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: 0 1px 3px #ddd inset;    display: inline-block;    padding: 10px;    width: 100%;    margin-bottom: 10px;}#makelink textarea {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: 0 1px 3px #ddd inset;    display: inline-block;    padding: 10px;    width: 100%;    margin-bottom: 10px;    height: 160px;    font-size: 16px;    word-break: break-all;    line-height: 1.4;}.makelink-arrow {    text-align: center;    margin: 24px 0;}.makelink-arrow::after {    content: '↓';    display: inline-block;    font-size: 31px;    font-weight: bold;    color: #fdd311;}#makelink .submit {    text-align: center;}#makelink [type=submit] {    border: 0;    color: #fff;    background: rgba(78,144,225,.8);    margin: 12px auto 0 auto;    padding: 8px 0;    width: 160px;    display: block;    font-size: 16px;    border-radius: 3px;}#makelink [type=submit]:hover {    background:rgba(78,144,225,1);    cursor: pointer;}.pagenav {    text-align: center;    clear: both;    padding: 18px 0;}.pagenav li {display:inline-block;}.pagenav li a {    display: block;    width: 50px;    border-radius: 3px;    margin: 0 10px;    line-height: 40px;    font-size: 16px;    text-decoration: none;    position: relative;    border: 1px solid #fff;}.pagenav li a:nth-child(1){}.pagenav li .fst{         margin-right: 30px;}.pagenav li .end{         margin-left: 30px;}.pagenav li .fst:hover,.pagenav li .end:hover{      border:1px solid #185a9d;     background-color: #fff;}.pagenav li .fst:after {    content: "…";    position: absolute;    right: -30px;    font-weight: bold;    font-size: 18px;    color: #777;}.pagenav li .end:before {    content: "…";    position: absolute;    left: -30px;    font-weight: bold;    font-size: 18px;    color: #777;}.pagenav li .cur {    color: #fff;    background: #185a9d;    cursor: default;    border: 1px solid #185a9d;}.pagenav li .prv:hover,.pagenav li .nxt:hover{      border:1px solid #185a9d;     background-color: #fff;}.ranking-body {    background-color: #fff;    padding: 20px 0;}.tab-term {    text-align: center;    margin-bottom: 30px;}.tab-term-list {    background-color: #f9f9f9;    background-repeat: no-repeat;    border: 1px solid #dcdcdc;    border-radius: 3px;    box-sizing: border-box;    cursor: pointer;    display: inline-block;    line-height: 28px;    overflow: hidden;    padding: 0 25px;    vertical-align: middle;    margin: 0 6px;}.tab-term-list.selected {    color: #fff;    background: #185a9d;    border: 1px solid #185a9d;}.tab-term-list:hover {    color: #333;    background-color: #fff;    border: 1px solid #185a9d;    text-decoration: none;}.ranking-body .access {    border-top: 1px solid rgba(0,0,0,0.1);}.ranking-body .access li {    border-bottom: 1px solid rgba(0,0,0,0.1);}.ranking-body .access li:nth-child(even) {}.ranking-body ul div {    box-sizing: border-box;    vertical-align: top;}.ranking-body .access-rank {    font-weight: bold;    padding: 12px 0;    width: 5%;    display: inline-block;    text-align: center;}.access-rank span{    width: 22px;    line-height: 22px;    display: inline-block;    color: #555;    background-color: #eee;    border-radius: 50%;    font-family: arial;    font-weight: bold;    height: 22px;    font-size: 12px;    text-align: center;}.ranking-body .access-blog {    padding: 12px;    width: 65%;    overflow: hidden;    display: inline-block;    font-size: 14px;}.ranking-body .access-blog a {    display: block;}.ranking-body .access-blog a:hover {    color: #0d9ddb;}.ranking-body ul img {    margin-right: 6px;    width: 16px;    height: 16px;}.ranking-body .access-num {    padding: 12px 20px 12px 0;    width: 10%;    text-align: right;    display: inline-block;}#right {    float: right;    min-height: 100px;    width: 320px;}#right .section {    width: 320px;    margin-bottom: 10px;}#right .entry .entry-inner {    height: 50px;}#right .entry .entry-title a {    font-size: 13px;    text-overflow: clip;    white-space: normal;    line-height: 1.3;    padding-right: 8px;}#right .box {    border: 1px solid #dadada;    background-color: #fff;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}.section-header-click li {    cursor: pointer;    display: inline-block;    width: 33.3%;    text-align: center;    line-height: 40px;    border: 1px solid #fff;}.section-header-click li:hover {    border: 1px solid #185a9d;}.section-header-click li.active {    background-color: #185a9d;    border: 1px solid #185a9d;    color: #fff;}.click-entries {    display: none;}.click-entries.active {    display: block;}.categories li {    display: block;    padding: 3px 0;    width: 120px;}.categories .divider {    border-radius: 3px;    display: block;    font-size: 15px;    line-height: 28px;    margin-right: 2px;    padding: 10px 0;}.categories .divider i {    color: #00bcd4;    font-size: 18px;    margin-right: 7px;    vertical-align: middle;}.categories a {    display: block;    line-height: 28px;    padding: 0 18px;    background-color: #fff;    color: #333;    text-decoration: none;}.categories a[data-selected=on],.categories a[data-selected=on]:hover{     background-color: #d9f5f8;    color: #00bcd4;}.categories a:hover {     background-color: #d9f5f8;    color: #00bcd4;}#footer {    color: #777;    padding-bottom: 20px;    text-align: center;    margin-top: 50px;    clear: both;}.copylight {  margin: 10px auto 0;  padding: 10px;  text-align: center;  line-height: 1.5;}.copylight a {  display: inline-block;  margin-left: 10px;}.footer-menu {    border-top: 1px solid #dadada;    text-align: center;    margin-top: 10px;}.footer-menu ul {    width: 100%;}.footer-menu li {    display: inline-block;}.footer-menu li a {    display: block !important;    line-height: 50px;  padding: 0 20px}.footer-menu li a:hover {    text-decoration: underline;}#hotblog{    clear: both;    padding-top: 12px;}#hotblog .section {}#hotblog .section:nth-child(odd) {    float: left;    width: 49.5%;    margin-bottom: 20px;}#hotblog .section:nth-child(even) {    float: right;    width: 49.5%;    margin-bottom: 20px;}[data-load-src]{    display:block;}[data-load-src]::after{    content:'';    clear:both;    display:block;}[data-load-status] {    color: #fff;    cursor: pointer;    text-align: center;    display: block;    background-color: rgba(24,90,157,.86);    margin-bottom: 20px;    line-height: 38px;    font-size: 18px;    border-radius: 3px;    font-weight: bold;    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}[data-load-status]:hover{    background:#185a9d;}[data-load-status='']::before{    content:'次へ';}[data-load-status='loading']::before{    content:'読込中...';}.pickup{}.pickup li {    display: inline-block;    margin: 0px 0 0 22px;    padding: 0;    vertical-align: top;    width: 130px;    overflow: hidden;}.pickup li:first-child {    margin-left:0;}.pickup li a {}.pickup .pickup-img img {    margin-bottom: 3px;    width: 100%;    height: auto;}.pickup .pickup-title {    width: 100%;    line-height: 16px;    height: 32px;}.pickup li:hover .pickup-title {}#main {    float: left;    width: 770px;}#announce {    border: 1px solid #2196f3;    margin-bottom: 10px;    padding: 12px 12px 12px 40px;    background-color: #e3f2fd;    color: #2196f3;    position: relative;}#announce a {    color: #03c;    font-weight: bold;    margin: 0 3px;    text-decoration: underline;}#announce i {    color: #2196f3;    font-size: 20px;    margin-right: 3px;    position: absolute;    top: 50%;    margin-top: -10px;    left: 12px;}.menu-link {    background:#3498db;    border-top: 1px solid rgba(255,255,255,0.3);    position: relative;    color: #fff;    padding: 10px 10px 10px 32px;    font-size: 12px;    line-height: 16px;}.menu-link label {    cursor: pointer;}.menu-link #showLink {    display: none;}.menu-link #showLink+ .fa {    font-size: 20px;    position: absolute;    top: 16px;    left: 8px;}.menu-link #showLink+ .fa:before {    content: "\f096";}.menu-link #showLink:checked + .fa:before {    content: "\f046";    color: #fff;}.atodeSum {    color: #fff;    background-color: #db140d;    border-radius: 3px;    min-width: 18px;    line-height: 18px;    position: relative;    text-align: center;    font-size: 11px;    vertical-align: middle;    display: inline-block;    margin-left: 6px;}.section {    background-color: #fff;    margin-bottom: 10px;    position: relative;    overflow: hidden;    vertical-align: top;box-shadow: 0 1px 4px rgba(0,0,0,.3);}.section-header {    border-bottom: 1px solid rgba(0,0,0,0.1);    position: relative;}#main .section-header {    border-top: 2px solid #185a9d;}div.section-header-title {    padding: 16px 12px;    font-size: 16px;}h1.section-header-title {    padding: 14px 12px 16px;    font-size: 16px;    background-color: #185a9d;    color: #fff;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.section-header-blog img {width: 16px;height: 16px;}.section-header-title a {}.section-header-title-cat {    background: #43cea2;    color: #fff;    font-size: 12px;    padding: 0px 10px;    border-radius: 10px;    margin-right: 4px;    line-height: 16px;}.section-header-title img {    vertical-align: bottom;    margin-right: 8px;    width: 16px;    height: 16px;}.section-header-url{}.section-header-url a{}.click .section-table {    display: none;}.click .section-table.active {    display: block;}.entries {    width: 100%;}.entry {    border-bottom: 1px solid rgba(0,0,0,0.1);    position: relative;}.entry:nth-child(even){}.click .entry:nth-child(even) {}.entry .entry-inner {    display: table;    height: 40px;    position: relative;    width: 100%;    table-layout: fixed;}.entry-inner > [class^="entry-"] {    display: table-cell;    vertical-align: middle;}.entry-time {    width: 64px;    font-family: arial;    font-size: 10px;    text-align: center;    color: rgba(24,90,157,0.8);    padding-left: 5px;}.entry .entry-click {    color: #ff791f;    width: 60px;    font-family: arial;    font-weight: bold;    position: relative;    text-align: center;    z-index: 100;    font-size: 15px;}.entry .entry-click-suffix {    font-size: 11px;    padding-left: 1px;}.entry-ico {    width: 24px;    text-align: right;}.entry-ico img {    width: 16px;    height: 16px;    border-radius: 50%;}.entry-i {    width: 30px;    text-align: right;}.entry-i span {    width: 22px;    line-height: 22px;    display: inline-block;    color: #555;    background-color: #eee;    border-radius: 50%;    font-family: arial;    font-weight: bold;    height: 22px;    font-size: 12px;    text-align: center;}.num-1 span {    background-color: #ff1f1f;    color: #fff;}.num-2 span {    background-color: #ff791f;    color: #fff;}.num-3 span {    background-color: #ffad1f;    color: #fff;}.entry .entry-title {    width: 100%;}.entry .entry-title a {    font-size: 14px;    display: block;    overflow: hidden;    padding-left: 10px;    text-overflow: ellipsis;    white-space: nowrap;    line-height: 40px;}.entry .entry-blog {    display: none;    overflow: hidden;    padding-right: 5px;    text-align: right;    text-overflow: ellipsis;    white-space: nowrap;    width: 110px;    font-size: 10px;    line-height: 40px;    color: #999;}.entry:hover .entry-blog {    display: table-cell;}.entry-cate{    width: 64px;    text-align: center;}.entry-cate span {background-color: rgba(0, 0, 0, 0.08);    border-left: 1px solid rgba(0, 0, 0, 0.1);    border-radius: 5px;    border-top: 1px solid rgba(0, 0, 0, 0.1);    color: #555;    display: inline-block;    font-size: 10px;    line-height: 18px;    white-space: nowrap;    width: 45px;}.entry .entry-make {    text-align: center;    width: 80px;    display: none;}.entry .entry-make.active {display: table-cell;}.entry .entry-atode {    width: 30px;    text-align: center;}#article .entry .entry-atode {    display: none;}#article .entry:hover .entry-atode {    display: table-cell;}.entry-more a {    display: block;    text-align: center;    line-height: 37px;    color: #185a9d;    border: 1px solid #fff;}.entry-more a:hover {    border: 1px solid #185a9d;    text-decoration: none;}.entry-bar {    background-color: #4dd0e1;    bottom: -1px;    display: block;    height: 2px;    left: 0;    position: absolute;}#article [data-type="catchy"] {    background-color: rgba(255,31,31,0.08);}#article [data-type="catchy"] .entry-title a{    color: #ff1f1f;    font-weight: bold;}.large {    border-bottom: 1px solid rgba(0, 0, 0, .15);    padding: 10px 0;    position: relative;    background-color: #fff;}.large .large-img {    float: left;    width: 200px;    height: 150px;    margin: 0 10px;    overflow: hidden;    border: 1px solid #ddd;}.large .large-img img {    width: 100%;    height: auto;    margin-top: -25px;    background: #ddd;    background-image: radial-gradient(#f5f5f5 20%, transparent 0), radial-gradient(#f5f5f5 20%, transparent 0);    background-position: 0 0, 10px 10px;    background-size: 20px 20px;}.large .large-cate span {    background: none repeat scroll 0 0 #17a2e1;    border-radius: 2px;    color: #fff;    font-size: 12px;    line-height: 20px;    white-space: nowrap;    width: 60px;    text-align: center;    display: inline-block;}.large .large-title a {    font-size: 20px;    font-weight: bold;    display: block;    margin-top: 16px;    line-height: 1.2;    height: 72px;    overflow: hidden;}.large .large-blog a {    position: absolute;    right: 8px;    bottom: 10px;    color: #aaa;}.large .large-atode {    position: absolute;    left: 177px;    bottom: 19px;    display: none;}.large .large-make {    position: absolute;    left: 105px;    bottom: 19px;    display: none;}.large:hover .large-atode,.large:hover .large-make.active {    display: block;}.medium {    float: left;    width: 220px;    overflow: hidden;    padding: 10px;    position: relative;    border-right: 1px solid rgba(0, 0, 0, .15);    background-color: #fff;    height: 210px;}.medium .medium-img {    float: left;    width: 200px;    height: 150px;    margin-right: 10px;    overflow: hidden;    border: 1px solid #ddd;}.medium .medium-img img {    width: 100%;    height: auto;    margin-top: -25px;}.medium .medium-cate span {    background: none repeat scroll 0 0 #17a2e1;    color: #fff;    font-size: 12px;    line-height: 20px;    white-space: nowrap;    width: 60px;    position: absolute;    text-align: center;    display: inline-block;    top: 11px;    left: 11px;}.medium .medium-title a {    font-size: 14px;    margin-top: 3px;    line-height: 1.2;    height: 34px;    display: inline-block;    overflow: hidden;}.medium .medium-atode {    position: absolute;    top: 127px;    right: 17px;    display: none;}.medium .medium-make {    position: absolute;    top: 127px;    right: 47px;    display: none;}.medium:hover .medium-atode,.medium:hover .medium-make.active {    display: block;}.small {    height: 70px;    overflow: hidden;    background-color: #fff;    padding: 10px;    position: relative;    border-top: 1px solid rgba(0, 0, 0, .15);}.medium +.small {    border-top: none;}.small + .entries {    border-top: 1px solid rgba(0, 0, 0, .15);}.small .small-img {    width: 60px;    height: 45px;    display: block;    float: left;    overflow: hidden;    border: 1px solid #ddd;    margin-right: 8px;}.small .small-img img {    height: auto;    width: 100%;    margin-top: -10px;}.small .small-blog a {    position: absolute;    right: 8px;    bottom: 10px;    color: #aaa;    font-size: 11px;}.small .small-title {    line-height: 1.2;    height: 32px;    overflow: hidden;}.small .small-atode {    position: absolute;    bottom: 10px;    left: 76px;    display: none;}.small .small-make {    position: absolute;    bottom: 7px;    left: 7px;    display: none;}.small:hover .small-atode,.small:hover .small-make.active {    display: block;}.small .small-atode:before {    font-size: 16px;}.large-atode:before, .medium-atode:before {    display: inline-block;    padding: 1px;    border: 1px solid #d4d4d4;    margin: 0;    text-decoration: none;    text-align: center;    text-shadow: 1px 1px 0 #fff;    background-color: #ececec;    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));background-image:-moz-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));background-image:-ms-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));background-image:gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));    border-radius: 3px;    zoom: 1;}.large-atode .link.active,.medium-atode .link.active,.small-atode .link.active {    display: block;}#article-block .atode.selected {    display: block;}.viewport {    margin: 0 auto;    min-height: 100%;    position: relative;    width: 1100px;    -webkit-transition: all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}.viewport.active {    padding-top: 50px;}.beyond {    margin: 0 -500%;    padding: 0 500%;}#main .box{    border: 1px solid rgba(0,0,0,0.15);    background-color: #fff;    margin-bottom: 10px;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}#hotblog .box{    border: 1px solid rgba(0,0,0,0.15);    background-color: #fff;    margin-bottom: 10px;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}.box-left-long {    position: fixed;    left: 50%;    margin-left: -680px;    top: 70px;}.box-right-long {    position: fixed;    left: 50%;    margin-left: 560px;    top: 70px;}#header {    background: #185a9d;    height: 60px;    margin-bottom: 10px;}#header .inner {    position: relative;    max-width: 1400px;    margin: 0 auto;    min-width: 1100px;}#header .logo-txt a {    color: #fff;    font-size: 20px;    line-height: 60px;    display: inline-block;    text-decoration: none;}#header .logo-img a {    display: inline-block;    padding-top: 12px;}#header .logo-img img {    max-height: 38px;}.menu-user {    position: absolute;    right: 0;    top: 0;}.menu-user li {    display: inline-block;}.menu-user li a {    display: block;    color: #fff;    font-size: 13px;    line-height: 60px;    text-decoration: none;    text-align: center;    padding: 0 20px;}.menu-user li a i {    margin-left: 6px;}.menu-user li ul {    list-style: none;    position: absolute;    z-index: 9999;    top: 100%;    margin: 0;    padding: 0;}.menu-user li ul li {    width: 100%;}.menu-user li ul li a {    background: #1f2c38;    text-align: left;    width: 150px;    line-height: 35px;    padding: 0 10px;    font-size: 12px;}.menu-user li:hover > a {    background: #1f2c38;}.menu-user li a:hover {    background: #1f2c38;}.menu-user li ul {    display: none;}.menu-user li:hover ul {    display: block;}.menu-user  ul li a[data-selected=on], .menu-user  ul li a[data-selected=on]:hover, .menu-user ul li a:hover {    background-color: #3498db;}.bar {    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));background:-moz-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));background:-ms-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));background:gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));    background: -webkit-linear-gradient(#fff, #e4e4e4);background:-moz-linear-gradient(#fff, #e4e4e4);background:-ms-linear-gradient(#fff, #e4e4e4);background:linear-gradient(#fff, #e4e4e4);    width: 100%;    height: 28px;    position: relative;    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);    z-index: 100;}.bar-logo {}.bar-logo a img {    display: inline-block;    padding: 2px 4px;}.bar-sub {    position: absolute;    left: 158px;    top: 8px;    font-size: 11px;    color: #333;}.bar-nav {    position: absolute;    right: 8px;    top: 8px;    font-size: 12px;}.bar-nav li {    display: inline-block;}.bar-nav li a {    margin-right: 8px;}#atode .empty {    color: #999;    padding: 100px 0;    text-align: center;    background-color: #fff;    border-radius: 0 0 5px 5px;    display: none;}#atode ul:empty+.empty {    display: block;}.atode {    color: #dfdfdf;}.atode:hover {    text-decoration: none;}.link:hover {    color: #ffc107;}.link:before {    content: 'リンク作成';    display: block;    position: relative;    overflow: visible;    display: inline-block;    padding: 6px 4px;    border: 1px solid #d4d4d4;    margin: 0;    text-decoration: none;    text-align: center;    font-size: 11px;    color: #333;    white-space: nowrap;    cursor: pointer;    outline: none;    background-color: #fff;    background-clip: padding-box;    border-radius: 3px;    zoom: 1;}.link:hover:before {    border: 1px solid #29b6f6;    background: #dff4fe;    text-decoration: none;    text-shadow: none;}.link:before::-moz-focus-inner {    padding: 0;    border: 0;}.atode::before {    content: '★';    display: block;    font-size: 20px;    cursor: pointer;}#atode .atode::before {    content: '戻す';    display: block;    font-size: 11px;}#atode .atode.selected::before {    content: '削除';    display: block;    font-size: 11px;    color: #db140d;}.atode:hover {    color: rgba(255,193,7,.8);}.atode.selected {    color: #ffc107;}.button {    position: relative;    overflow: visible;    display: inline-block;    padding:3px 6px;    border: 1px solid #d4d4d4;    margin: 0;    text-decoration: none;    text-align: center;    text-shadow: 1px 1px 0 #fff;    font-size: 12px;    color: #333;    white-space: nowrap;    cursor: pointer;    outline: none;    background-color: #ececec;    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-moz-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-ms-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));    -moz-background-clip: padding;     background-clip: padding-box;    border-radius: 3px;        zoom: 1;    *display: inline;}.button:hover,.button:focus,.button:active,.button.active {    border-color: #0d9ddb;    text-decoration: none;    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);    color: #fff;    background-color: #0d9ddb;}.button::-moz-focus-inner {    padding: 0;    border: 0;}