body{
        margin : 12px; 
        font-size : 12;
}

div{
        font-size : 12;
}

.genre,.genre a:visited,.genre a:link, .genre a:active{
        color : #000;
        text-decoration : none;
        font-size : 14;
}

div.newsBox{
        width: 100%;
        padding: 0px 10px 0px 0px;
}

div.newsBoxTitle{
        padding: 0px 0px 0px 0px;
}

div.newsBoxArticle{
        padding: 0px 0px 0px 0px;
}

div.vlitraMenu{
        float: left;
        margin-left: 4px;
        background: url(menu.gif);
        background-position: bottom;
        background-repeat: repeat-x;
        width: 120px;
        height: 16px;
        padding: 2px 0px 0px 5px;
        color:#000000;
}

div.vlitraMenu1{
        float: left;
        margin-left: 4px;
        background: url(menu1.gif);
        background-position: bottom;
        background-repeat: repeat-x;
        width: 120px;
        height: 16px;
        padding: 2px 0px 0px 5px;
        color:#000000;
}

div.vlitraMenu2{
        float: left;
        margin-left: 4px;
        background: url(menu2.gif);
        background-position: bottom;
        background-repeat: repeat-x;
        width: 120px;
        height: 16px;
        padding: 2px 0px 0px 5px;
        color:#000000;
}

div.ventTitle{
        font-weight: bold;
        font-size : 14;
        color: red;
        float: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
}
div.ventName{
        font-size : 14;
        color: green;
        float: left;
        margin-left: 0px;
        width: 100px;
        padding: 0px 0px 0px 0px;
}
div.ventName2{
        font-size : 14;
        color: blue;
        float: left;
        margin-left: 0px;
        width: 100px;
        padding: 0px 0px 0px 0px;
}
div.ventMessage{
        font-size : 14;
        float: left;
        margin-left: 1px;
        padding: 0px 0px 0px 0px;
}

div.svrlist_vent2_Alive{
        font-size: 14;
        height: 16;
        color: green;
        float: left;
        margin-left: 1px;
        margin-top: 3px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-style: solid;
        border-width: thin;
        background-color: #CCFFFF;
        width: 50px;
}
div.svrlist_vent2_Dead{
        font-size : 14;
        height: 16;
        color: #6C6C6C; 
        float: left;
        margin-left: 1px;
        margin-top: 3px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-style: solid;
        border-width: thin;
        background-color: #E5E5E5;
        width: 50px;
}
div.svrlist_vent2_None{
        font-size : 14;
        height: 16;
        color: #000099;
        float: left;
        margin-left: 1px;
        margin-top: 3px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-style: solid;
        border-width: thin;
        background-color: #FFFFCC;
        width: 50px;
}
div.svrlist_vent2_Servertitle{
        font-size : 14;
        height: 16;
        color: #000000;
        float: left;
        margin-left: 0px;
        margin-top: 3px;
        padding: 0px 0px 0px 3px;
        text-align: left;
        border-style: solid solid solid none;
        border-width: thin;
        background-color: #FFFFCC;
        width: 250px;
}
div.svrlist_vent2_Portno{
        font-size : 14;
        height: 16;
        color: #000000;
        float: left;
        margin-left: 0px;
        margin-top: 3px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-style: solid solid solid none;
        border-width: thin;
        background-color: #FFFFCC;
        width: 60px;
}
div.svrlist_vent2_session{
        font-size : 14;
        height: 16;
        color: #000000;
        float: left;
        margin-left: 0px;
        margin-top: 3px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-style: solid solid solid none;
        border-width: thin;
        background-color: #FFFFCC;
        width: 60px;
}
div.svrlist_vent2_ventlogin{
        font-size : 14;
        height: 16;
        color: #000000;
        float: left;
        margin-left: 0px;
        margin-top: 3px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-style: solid solid solid none;
        border-width: thin;
        background-color: #FFFFCC;
        width: 60px;
}
div.svrlist_vent2_Comment{
        font-size : 14;
        height: 16;
        color: #000000;
        float: left;
        margin-left: 0px;
        margin-top: 3px;
        padding: 0px 0px 0px 3px;
        text-align: left;
        border-style: solid solid solid none;
        border-width: thin;
        background-color: #FFFFCC;
        width: 500px;
}

#searchBox {
        position: absolute;
        top: 6em;
        left: 2em;
}

#result {
        position: absolute;
        top: 8em;
        left: 2em;
        z-index: 3;
}
#result div {
        border:solid 1px #666;
        border-width: 1px;
        width:17em;
        background-color:#EEE;
}
#result div a{
        text-decoration:none;
        color: #444;
}

#bbs_menu {
        float: left;
        margin: 5px;
}
#bbs_content {
        float: left;
        width: 24em;
}
#bbs_menu div{
        width: 200px;
        border: solid 1px #7B91AC;
        padding: 3px 10px;
        background-color: #EAEEF2;
        cursor: pointer;
}
#bbs_menu div a{
        text-decoration: none;
}
#bbs_content div.data{
        border: solid #7B91AC;
        border-width: 1px 5px 5px 1px;
        margin-left: 10px;
        padding: 10px;
        background-color: #EAEEF2;
        text-align: left;
}
#bbs_content p.title{
        text-align: center;
        margin: 3em;
}


#admin_menu {
        float: left;
        margin: 5px;
}
#admin_content {
        float: left;
}
#admin_menu div{
        width: 200px;
        border: solid 1px #7B91AC;
        padding: 3px 10px;
        background-color: #EAEEF2;
        cursor: pointer;
}
#admin_content div{
        width: 600px;
}
#admin_menu A:link,#admin_menu A:visited,#admin_menu A:active,#admin_content A:link,#admin_content A:visited,#admin_content A:active{
	color: #006600;
}
#admin_menu A:hover,#admin_content A:hover{
	color: #ffffff;
	background-color: #66cc66;
}

form{
    margin: 0;
}

.input-submit{
    cursor:pointer;
    color:#CC0000;/* 文字色 */
    background-color:#eee;/* 背景色 */
    background-image:url('画像URL');/* 背景画像 */
    border-width:1px 1px 1px 1px;/* 枠線の太さ 上右下左 */
    border-color:#000;/* 枠色 */
    border-style:solid solid solid solid;/* 枠線の種類 上右下左 */
/* 
    無し:none        実線:solid        点線:dotted
    粗い点線:dashed  二重線:double     谷線:groove
    山線:ridge       内線:inset        外線:outset
*/
}

.title1 {
        font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
        background-color: #FFCCFF;
}
.title2 {
        font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        font-size: 14px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
.style3 {
	color: #FF0000;
}
.style1 {
        font-weight: bold;
        background-color: #CCFFFF;
}
.style4 {
        font-size: 16px;
}