@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    color: #333;
    font-size: small;
    line-height: 1.4em;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
pre {
    font-family:"MS Gothic",Courier,mono;
    font-size:1.0em;
    overflow:auto;
    margin-left:10px;

}
img {
    border:0px
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.pre2 {
    font-family:"ＭＳ Ｐゴシック",sans-serif;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
    overflow:none;
}
.newsarticle {
    margin:5px;
    padding: 10px;
    /*
    border-right: 1px solid #669;
    border-bottom: 1px solid #669;
    background-color: #fff;
    */
}
.list {
    margin-left:10px;
}
ul.errors {
    background-color: #FFFFCC;
    border: 1px solid #FF3300;
    padding: 5px;
    margin-bottom:10px;
    list-style:none;
}
.menu {
    width:100%;
    text-align:center;
}
ul{
    list-style: none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;
}
a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}
div.ad{
    margin:5px;
    border:2px dotted #cccccc;
    padding:10px;
    text-align:left;
}

hr{
    border-style: dashed;
/*    border:2px dotted;*/
}

#lyrics_detail #lyrics_view {
    float:left;
    padding:10px;
    position;relative;
}

#lyrics_detail #lyrics_links {
    float:right;
    position;relative;
}

#lyrics_detail div.ad{
    border:1px dotted #999999;
    padding:5px;
}

div.ad img{
    padding:4px 4px 4px 4px;
}

.message{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:10px;
    margin-right:10px;
    border:2px solid #cccccc;
    padding:10px;
    text-align:left;
    background-color:#fff;
}

.inline_right {
    text-align:right
}

/*TOP*/
#top {
    margin-left:20px
    margin-right:20px
}

#top ul {
    list-style: none;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:10px;
    margin-right:10px;
    padding:10px;
    width:470px;
    background:#ddd;
    /*
    border-right: 4px solid #9f0;
    border-bottom:4px solid #9f0;
    */
}
#top ol {
    list-style-position:inside;
    width:450px;
}
#top ol li {
    padding-left:1em;
    text-indent:-1em;
}
#top h4 {
    margin-left:10px;
}
#top .date {
    font-size:xx-small;
    font-style:italic;
}

/*album*/
.album_navi {
 margin: 0;
 padding :0;
}
.album_navi ul{
 margin: 0;
 padding :0;
 list-style: none;
 list-style-type: none;
}
.album_navi ul li{
    float   :left;
    white-space :nowrap;
}
.album_navi a {
display:block;
border:1px solid #aac;
background-color:#dde;
padding:0.1em 0.7em 0.1em 0.7em;
color:#557;
margin:1px 1px;
}
.album_detail {
    clear :left;
}
.album_detail ol li .time {
    font-size:xx-small;
}
.album_note {
/*    background-color:none; */
    border:0;
    padding:5px;
}

/* レイアウトの設定*/
/* ヘッダーの設定*/
#head{
    width:1000px;
    height:50px;
    background-color:#CCFFCC;
}
/* navi */
ul#globalNavi {
    margin: 0;
    padding: 0;
    line-height: 1;
    list-style-type: none;
}

ul#globalNavi li {
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
    /* font-size: 13px; */
}

ul#globalNavi li a {
    border-right: 1px solid #666;
    padding: 9px 20px;
    display: block;
    position: relative; /* for IE6 */
    color: #fff;
    background-color: #35859F;
    text-decoration: none;
}

ul#globalNavi li a:hover {
    border-color: #CCFFCC;
    color: #35859F;
    background-color: #CCFFCC;
}

/* ClearFix */

ul#globalNavi {
    _height: 1px;
    min-height: 1px;
    /*¥*//*/
    height: 1px;
    overflow: hidden;
    /**/
}

ul#globalNavi:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

/* ラッパーの設定*/
#wrap{
    position:relative;
    width:1000px;
    background-color:#CCF;
}
/* 左側の設定*/
#left{
    width:200px;
    float:left;
    background-color:#FFAC99;
    position:relative;
}
/* 右側の設定*/
#right{
    width:800px;
    float:right;
    background-color:#CCCCFF;
    position:relative;
}
/* 中段の設定*/
#middle{
    width:1000px;
    background-color:#CCCCFF;
}
/* フッターの設定*/
#foot{
    position:relative;
    width:1000px;
    height:20px;
    background-color:#CC9999;
    clear:both;
}