/*----------BODY----------*/
body{
scrollbar-face-color:#f1f1f1;
scrollbar-track-color:#f1f1f1;
scrollbar-arrow-color:#808080;
scrollbar-3dlight-color:#808080;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dfdfdf;
scrollbar-darkshadow-color:#808080;
text-align: center;
line-height: 1.3em;
color: #000000;
font-size: small;
background-color:#333333;
background-image: url("../picture/bgp.jpg");
background-attachment: fixed;
background-repeat: repeat-x;
margin:0px;
}

/*----------LINK FORM----------*/
a:link { color: #3636FF; } 
a:visited { color: #3636FF; } 
a:hover { color: #6B6BFF;text-decoration: none; } 
a:active { color: #6B6BFF; } 
a:focus { color: #6B6BFF; } 
input:focus, select:focus, textarea:focus {background-color: #CAFFCA;}

/*----------HR----------*/
hr {
height:0px;
border-top:dashed blue;
border-bottom:none;
}
hr.separate {
height:0px;
border-top:dotted blue;
border-bottom:none;
}

/*----------LAYOUT----------*/
.ClearLeft{
clear: left;
}
.clear {
clear:both; 
}
.FloatLeft{
float: left;
}
.FloatRight{
float: right;
}

/*----------MAINBOX----------*/

#frame {
width:800px;
text-align:left;
margin:0px auto;
padding:10px;
background-color:#ffffff;
}
/*----------HEADER----------*/

#Header{
width:100%;
background-color: #ffffff;
padding:10px 0px 0px;
}

#Header #MainMenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 720px;
height: 32px;
}

#Header #MainMenu li{
float: left;
}

#Header #MainMenu{
width:800px;
margin:0px auto;
}

#Header #SubMenu{
background-repeat: repeat-x;
width:100%;
}

#Header .Index{
background-image: url("../picture/navi/index_bgp.png");
}
#Header .Games{
background-image: url("../picture/navi/games_bgp.png");
}
#Header .Support{
background-image: url("../picture/navi/support_bgp.png");
}

/*----------FOOTBOX----------*/
#footer {
text-align:center;
}

#footer ul{
list-style-type: none;
margin: 0px;
}

#footer li{
display: inline;
padding: 0px 1em;
}

/*----------HEADLINE----------*/
.Title_A_b {
text-align: center;
font-weight: bold;
font-size: medium;
letter-spacing: 1em;
background-color: #9999ff;
border-bottom: 2px dotted #3333cc;
border-left: 10px solid #3333cc;
padding: 2px;
margin: 5px 0px;
}

.Title_B_b {
text-align: left;
font-weight: bold;
font-size:  small;
background-color: #6699cc;
border-bottom: 2px dashed #3366cc;
border-left: 10px solid #3366cc;
padding: 2px 5px;
margin: 5px 0px;
}

.Title_A_g {
text-align: center;
font-weight: bold;
font-size: medium;
letter-spacing: 1em;
background-color: #66fc66;
border-bottom: 2px dotted #33cc33;
border-left: 10px solid #33cc33;
padding: 2px;
margin: 5px 0px;
}
.Title_B_g {
text-align: left;
font-weight: bold;
font-size:  small;
background-color: #66fc66;
border-bottom: 2px dashed #339933;
border-left: 10px solid #339933;
padding: 2px 5px;
margin: 5px 0px;
}

.Title_A_r {
text-align: center;
font-weight: bold;
font-size: medium;
letter-spacing: 1em;
background-color: #ff9999;
border-bottom: 2px dotted #ff3333;
border-left: 10px solid #ff3333;
padding: 2px;
margin: 5px 0px;
}
.Title_B_r {
text-align: left;
font-weight: bold;
font-size:  small;
background-color: #ff9999;
border-bottom: 2px dashed #cc6666;
border-left: 10px solid #cc6666;
padding: 2px 5px;
margin: 5px 0px;
}

/*----------TEXTLAYOUT----------*/
.font_subtitle {
text-align: center;
font-weight: bold;
font-size: medium;
color: #0060cc;
}

.size_big{
font-size: medium;
}
.font_sponsor{
color: #666666;
font-size: x-small;
text-align: center;
}

.font_navi {
text-align: center;
}

.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}


#unmei_box{
background-image: url("../picture/games/unmei.jpg");
}
#shuen_box{
background-image: url("../picture/games/shuen.jpg");
}
#nexus_box{
background-image: url("../picture/games/true.jpg");
}


.notice_box{
width:100%;
height:256px;
overflow:auto;
}

.notice_titlebox {
font-size:  small;
background-color: #CACAFF;
border-bottom: 2px dashed #8383FF;
border-left: 10px solid #8383FF;
padding: 1px 5px;
margin:2px 0px;
height:1.3em;
overflow:hidden;
width:160px;
}

.notice_title {
text-align: left;
width:72px;
height:1.3em;
overflow:hidden;
float:left;
font-weight: bold;
}

.notice_date {
text-align: right;
width:72px;
height:1.3em;
overflow:hidden;
float:right;
}

.notice_content{
clear:both;
text-align: left;
background-color: #E0E0FF;
margin:0px 0px 4px 0px;
}