/*----------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: #333333;
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:1000px;
text-align:left;
margin:0px auto;
padding:2px;
background-color:#ffffff;
}
/*----------HEADER----------*/
#Header{
width:100%;
background-color: #ffffff;
padding:10px 0px 0px;
}

#Header #MainMenu{
width:1000px;
margin:0px auto;
text-align: left;
}


#Header ul{
width: 576px;
height: 32px;
margin: 0px;
padding: 0px;
letter-spacing:-2px;
}

#Header li{
float: left;
list-style: none;
display: block;
width: 192px; height: 32px;
overflow:hidden;
}

#Header li a{
display: block;
width: 192px; height: 32px;
text-indent: -192px;
background-position: 0px 0px;
}

#Header li.tab1 a{
background: url(http://spice-choice.net/picture/navi/tab1.png) no-repeat;
}
#Header li.tab2 a{
background: url(http://spice-choice.net/picture/navi/tab2.png) no-repeat;
}
#Header li.tab3 a{
background: url(http://spice-choice.net/picture/navi/tab3.png) no-repeat;
}

#Header li a:hover{
background-position: 0px -32px !important;
}
#Header li a.selected{
background-position: 0px -32px !important;
}

#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{
padding:none;
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 #6666ff;
border-left: 10px solid #6666ff;
padding: 2px;
margin: 5px 0px;
}

.Title_B_b {
text-align: left;
font-weight: bold;
font-size:  small;
background-color: #99ccff;
border-bottom: 2px dashed #6699ff;
border-left: 10px solid #6699ff;
padding: 2px 5px;
margin: 5px 0px;
}

.Title_A_g {
text-align: center;
font-weight: bold;
font-size: medium;
letter-spacing: 1em;
background-color: #99ff99;
border-bottom: 2px dotted #66ff66;
border-left: 10px solid #66ff66;
padding: 2px;
margin: 5px 0px;
}
.Title_B_g {
text-align: left;
font-weight: bold;
font-size:  small;
background-color: #99ff99;
border-bottom: 2px dashed #66cc66;
border-left: 10px solid #66cc66;
padding: 2px 5px;
margin: 5px 0px;
}

.Title_A_r {
text-align: center;
font-weight: bold;
font-size: medium;
letter-spacing: 1em;
background-color: #ffcccc;
border-bottom: 2px dotted #ff6666;
border-left: 10px solid #ff6666;
padding: 2px;
margin: 5px 0px;
}
.Title_B_r {
text-align: left;
font-weight: bold;
font-size:  small;
background-color: #ffcccc;
border-bottom: 2px dashed #cc9999;
border-left: 10px solid #cc9999;
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");
}
#fourth_box{
background-image: url("../picture/games/4th.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;
}

.hidden{
display: none;
}
