.title{ border-bottom:1px dotted gray; margin:4px; font-weight:bold; }
.username{ border-bottom:1px dotted gray; margin:4px; font-weight:bold; text-align:center; }
/*.midashi{ margin:0; background-color:#FFFFFF; padding:3px; background-image:url('/img/home_title.gif'); background-repeat:repeat-x; }*/
.midashi{
    margin:0;
    padding:3px;
    background: #FECE87;
    background: -webkit-gradient(linear, left top, left bottom, from(#FECE87), color-stop(0.3, #FECE87), to(#FFF));
    background: -moz-linear-gradient(center top, #FECE87, #FECE87 30%, #FFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFECE87', endColorstr='#FFFFFFFF')";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFECE87', endColorstr='#FFFFFFFF');
}
.midashiCotolog{
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.7, #FECE87), to(#FECE87));
    background: -moz-linear-gradient(center top, #FFF, #FECE87 70%, #FECE87);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFFECE87')";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFECE87');
}
.midashi img{ cursor:pointer; vertical-align:middle; }
.midashi A { color:#000; text-decoration:none; }
.midashi A:hover { color:#555; text-decoration:underline; }
.news_data{ margin:0; width:auto; text-align:left; background-color:#FFFFFF; padding:3px; line-height:1.5;  }
.news_link A{ text-decoration:none; }
.news_link A:hover{ text-decoration:underline; }
.name_link A{ color:#000000; text-decoration:none; }
.all_link{ border-top:1px dotted gray; text-align:right; margin:4px; margin-top:5px; margin-right:5px; padding-top:3px; }
.submit { width:80px; height:22px; border:1px solid gray; }
#pic IMG{ border:5px solid #FFFFFF; background-color:#FFFFFF; }

#myhome_search { width:100%; height:22px; margin:5px 0px; padding:0px; text-align:center; background-image:url('/img/search_bar.gif'); }

.tg1 { font-size:70%; color:#CCCCCC; }
.tg2 { font-size:80%; color:#999999; }
.tg3 { font-size:90%; color:#666666; }

#important { max-height:104px; overflow:auto; overflow-x:visible; }
#important:hover { max-height:none; }
#information_area { max-height:400px; overflow:auto; overflow-x:visible; }
#information_area:hover { max-height:none; }

#friend_list_area { margin:5px 0px; }
.friend_list { width:80px; margin:5px 0px; padding:0px; text-align:center; float:left; }
.friend_name { width:78px; }

#comm_list_area { margin:5px 0px; }
#official_comm_area { margin:5px 0px; }

#quick_link { font-size:12px; line-height:1; background-repeat:no-repeat; background-position:center; }
#quick_link A {  text-decoration:none; }
#quick_link A:hover { text-decoration:underline; }
.quick_title { color:#000000; font-size:80%; }
.quick_rows { font-size:120%; font-weight:bold; color:red; }

.rightfunc { border:3px dotted gray; }
.leftgroup { border:3px dotted gray; }
.leftfunc { border:2px dotted gray; }

.homeNoData { text-align:center; padding:4px; line-height:1.5; border: 1px solid #FFF8C5; }
.homeNoData:hover { background-color: #FFFDEB; border: 1px dotted #FECE87; opacity:0.9; filter:alpha(opacity=90); }

.importantAttention {
    padding:3px 5px; margin:2px 0;
    border:1px solid #ccc;
    -webkit-border-radius:5px;
        moz-border-radius:5px;
            border-radius:5px;
}

ul#quick_menu {
    width: 425px;
    float: left;
    margin:0;
    padding: 0;
    border-style:none;
}

ul#quick_menu:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

ul#quick_menu li {
    width: 80px;
    margin: 0;
    margin-right:5px;
    padding: 0;
    float: left;
    list-style-type: none;
}

ul#quick_menu li ul {
    display: none;
    width: 460px;
    margin: 0;
    padding:1px;
    background: #fff;
    border:1px solid #eee;
    opacity: 0.95;
    -webkit-box-shadow: 3px 2px 5px rgba(100, 100, 100, 0.5);
       -moz-box-shadow: 3px 2px 5px rgba(100, 100, 100, 0.5);
            box-shadow: 3px 2px 5px rgba(100, 100, 100, 0.5);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

ul#quick_menu li:hover ul {
    display: block;
    position: absolute;
    z-index: 100;
}

ul#quick_menu li ul li {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul#quick_menu { /* IE6対策 */
    behavior: url("/css/csshover.htc");
}

