BODY         { background-color:#F0F0F0; margin:0px; width:100%; word-break:break-all; }
#container   { text-align:center;margin-top:0;margin-bottom:0; }
#container P { margin:0px; padding:0px; }
#container_bg {
    width: 755px;
    padding: 0 10px;
    border: 1px solid gray;
    border-top-width: 0px;
    margin: 0 auto 5px;
    text-align: justify;
    background-color: #FFFFFF;
    -webkit-box-shadow: 3px 3px 10px rgba(100, 100, 100, 0.5);
       -moz-box-shadow: 3px 3px 10px rgba(100, 100, 100, 0.5);
            box-shadow: 3px 3px 10px rgba(100, 100, 100, 0.5);
    -webkit-border-radius: 0px 0px 5px 5px;
       -moz-border-radius: 0px 0px 5px 5px;
            border-radius: 0px 0px 5px 5px;
}

#header      { height:100px; margin-bottom:5px; }
#sns_logo    { width:420px; height:100px; padding-top:3px; float:left; }
#sns_title   { margin-top:10px; font-size:200%; font-weight:bold; text-shadow: 3px 3px 5px rgba(100, 100, 100, 0.5); }
#sns_status  { width:300px; padding-top:0px; float:right; }
#font_size   { height:20px; text-align:right; padding-top:0px; }
#name_status { height:24px; text-align:right; padding:2px; }
#banner      { height:60px; text-align:right; }
#main_menu   { border-bottom:8px solid #00C600; margin:0px; padding:0px; height:32px; clear:both; }
#search_box  { margin-right:5px; }
#etc_box     { margin-right:5px; }
#rank_box    {  }
#footer_bar  { border-bottom:2px solid #00C600; background-color:#00C600; margin-top:20px; clear:both; }
#footer_bar2 { border-bottom:2px solid #00C600; background-color:#00C600; }
#footer_menu { text-align:center; padding:10px; }
#copyright   { text-align:center; padding:5px; }
#system_ver  { text-align:right; color:#666666; font-size:90%; padding:5px; }

.buttonStyle{
    display:inline-block; color:black; padding:3px 6px; line-height:12px; font-size:12px; background-color:#ccc; text-decoration:none;
    border:1px solid #999; border-radius:5px; -moz-border-radius:5px; -webkit:border-radius:5px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgb(255,255,255)), color-stop(0.7, rgb(235,235,235)), color-stop(0.9, rgb(225,225,225)));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA');
}
.linkStyle {
    margin:0px; padding:3px 15px; border:1px solid #ddd; border-left:none; border-right:none;
    /*　background-color: #fcfcfc; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3));*/
}
A.linkStyle { text-decoration: none; font-weight: bold; }
A.linkStyle:hover { color:white; background: #aaa; }
.linkStyleTitle {
    margin:0px; padding:3px 20px; border:1px solid #ddd; border-left: none; border-right-color: #f3f3f3;
    background-color: #fcfcfc;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3');
}

INPUT[type="text"] {
    background-color:#fff; margin:1px 0px; padding:4px;
    border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit:border-radius:3px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgb(255,255,255)), color-stop(0.7, rgb(250,250,250)), color-stop(0.9, rgb(245,245,245)));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(250,250,250) 70%, rgb(245,245,245) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(250,250,250) 70%, rgb(245,245,245) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC');
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
       -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
            box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
}

INPUT[type="password"] {
    background-color:#fff; margin:1px 0px; padding:4px;
    border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit:border-radius:3px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgb(255,255,255)), color-stop(0.7, rgb(250,250,250)), color-stop(0.9, rgb(245,245,245)));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(250,250,250) 70%, rgb(245,245,245) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(250,250,250) 70%, rgb(245,245,245) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC');
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
       -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
            box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
}
INPUT[type="submit"] {
    background-color:#ccc;
    border:1px solid #999; border-radius:5px; -moz-border-radius:5px; -webkit:border-radius:5px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgb(255,255,255)), color-stop(0.7, rgb(235,235,235)), color-stop(0.9, rgb(225,225,225)));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA');
}
INPUT[type="button"] {
    background-color:#ccc;
    border:1px solid #999; border-radius:5px; -moz-border-radius:5px; -webkit:border-radius:5px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgb(255,255,255)), color-stop(0.7, rgb(235,235,235)), color-stop(0.9, rgb(225,225,225)));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(235,235,235) 70%, rgb(225,225,225) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA');
}

TEXTAREA {
    background-color:#fff; margin:2px 0px; padding:3px;
    border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit:border-radius:3px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgb(255,255,255)), color-stop(0.7, rgb(250,250,250)), color-stop(0.9, rgb(245,245,245)));
    background:-moz-linear-gradient(center top, rgb(255,255,255) 10%, rgb(250,250,250) 70%, rgb(245,245,245) 90%);
    background-image:-o-linear-gradient(top, rgb(255,255,255) 10%, rgb(250,250,250) 70%, rgb(245,245,245) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC')";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC');
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
       -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
            box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
}
INPUT[type="text"]:focus, INPUT[type="password"]:focus, TEXTAREA:focus{
   background : #FFF; -ms-filter:none; filter:none;
}

a.browserSwitch {
    position: relative;
    margin: 8px 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    z-index: 5;
}

a.browserSwitch:after {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 6px;
    background-color: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
    z-index: -1;
}

a.browserSwitch:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -5px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 4px 5px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #545454), color-stop(1, #9e9e9e));
    z-index: -2;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1.3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1.3px 0 rgba(0, 0, 0, 0.2);
}