
/* mshk */
.panel > ul > li a.more { 
    color: #E22783;
}


body > *:not(.toolbar) {
    top: 73px; 
}

.global-navi { 
    margin: 0;
    position: absolute;
    top: 45px;
    left: 0px; 
    padding: auto 0px auto 0px;
    width: 100%;
    min-height: 20px;
    height: 23px;               
/*    background: url(../iui/naviBg.png) #ff74b5 repeat-x top;  */
    font-size: 13px; 
    display: block;           
    border-bottom: 4px solid #222222;
 }

.global-navi  ul { 
    margin: 6px;
    padding: 0;
}

.global-navi  ul  li{ 
    margin: 2px 8px;
    padding: 0;
   display: inline;           
}

.global-navi a { 
    padding: 2px;
    margin: 0px 4px;
    background: inherit;
    text-decoration: none;
    font-weight: bold;
    color: #00f;
}

li img { 
    margin: 0px 5px;
}

body > ul > li, .panel > ul > li {
    font-size: 16px;
    min-height: 20px;
}

.artist { 
    font-size: 12px;
    color: #E22783;
 }

.summary { 
    font-size: 12px;
    font-weight: nomal;
    color: #888;           
    margin: 4px 0px;
 }

.tab { 
    box-sizing: border-box;
    padding: 10px;
    background: #e1ced5;
    max-height: 54px; 
    min-height: 20px; 
}

.tab > ul  {
    position: relative;
    margin: 0 0 0 0;
    padding: 10px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    border: 1px solid #999999;
    text-align: left;
    font-size: 14px;
}

.tab > ul > li {
    list-style: none;
    display: inline;
    margin: 0px 10px;
    font-weight: normal;
}

.tab > ul > li > a {
    text-decoration: none;
}

body > .news > li:not(.group) {
    font-weight: normal;
    min-height: 37px;
}


li.group {
    font-size: 16px;
    min-height: 20px;
}

.news-image { 
    float: right;
    margin: 0px 2px 2px 2px;
    padding: 0;
}

.artist-image { 
    float: left;
    margin: 0px 2px 2px 2px;
    padding: 0;
}


div.clearer 
{ 
  clear:both;
  line-height: 0;
  margin: 0px;
  padding: 0px;
  }

.footer { 
    box-sizing: border-box;
    padding: 10px;
    background: #e1ced5;
    height: 80px; 
    max-height: 80px; 
    min-height: 80px; 
}

li.tab-active, li.tab-active a { 
    color: #824;
    font-weight: bold;
}

li.tab-inactive, li.tab-inactive a { 
    color: #111;
    font-weight: bold;
}

.artist-link { 
    color: #E22783;
}



/*----- caption -----*/

div.news-image-l {
    padding: 5px auto;
    font-size: 90%;
    color: #665555;
    background: none #f0ebee;
    border: 1px solid #cdc6c9;
    margin: 10px 10px 10px 0px;
}

*[selected="true"] > div.news-image-l img {
    display: block;
    margin: 0 auto 10px auto;
}

/*----- artist -----*/

div.artist-name-l,
div.artist-image-l {
    text-align: center;
}

.selected { 
    color: #555;
}
/*----- copyright -----*/

div#copyright {
    text-align: center;
    margin: 10px 0;
}

div#copyright p {
    font-size: 80%;
    color: #333;
}

.panel > ul {
    position: relative;
    margin: 0 20px 20px 0;
    padding: 0;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    border: 1px solid #999999;
}

.panel > ul > li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0 8px 10px;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
}

.panel[selected="true"] > ul > li a {
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
    background: url(../iui/listArrow.png) no-repeat right center;
}


.toolbar > h1 {
    top: 0px;                 
}

body[orient="landscape"] > .toolbar > h1 {
    top: 0px;                 
}

body > .panel { 
    background: #e1ced5;
}

.news-comment-count a { 
    text-decoration: no;
    border: none;
}

#footer-links {
    text-align: center;
}

#footer-links > ul {
    display: block;
}

#footer-links > ul > li{
    list-type: none;
}

body > .panel {
   width: 310px;
   padding-right: 0px;
}

li#news-comment li.sect-natalie { background-color: #fff; } /* ナタリー */
li#news-comment li.sect-natalie span.comment-sect,
li#news-comment li.sect-natalie span.comment-sect a:visited,
li#news-comment li.sect-natalie span.comment-sect a:link { color: #ff3399; }
li#news-comment li.sect-natalie span.comment-text { display: block; }

li#news-comment li.sect-hatena { background-color: #f8f6f7; } /* はてな */
li#news-comment li.sect-hatena span.comment-sect,
li#news-comment li.sect-hatena span.comment-sect a:visited,
li#news-comment li.sect-hatena span.comment-sect a:link { color: #0f29c4; }

li#news-comment li.sect-haiku { background-color: #f8f6f7; } /* はてなハイク */
li#news-comment li.sect-haiku span.comment-sect,
li#news-comment li.sect-haiku span.comment-sect a:visited,
li#news-comment li.sect-haiku span.comment-sect a:link { color: #467237; }
li#news-comment li.sect-haiku span.comment-text { display: block; }

li#news-comment li.sect-livedoor { background-color: #f8f6f7; } /* ライブドア */
li#news-comment li.sect-livedoor span.comment-sect,
li#news-comment li.sect-livedoor span.comment-sect a:visited,
li#news-comment li.sect-livedoor span.comment-sect a:link { color: #0e8ad8; }

li#news-comment li.sect-twitter { background-color: #f8f6f7; } /* twitter */
li#news-comment li.sect-twitter span.comment-sect,
li#news-comment li.sect-twitter span.comment-sect a:visited,
li#news-comment li.sect-twitter span.comment-sect a:link { color: #00afb1; }


