/****** common css ******/

/*** basic ***/

h2 {
font-size: 130%;
}
h3 {
font-size: 115%;
}
h4 {
font-size: 95%;

}
h5 {
font-size: 92%;
}
li, p, h6, dt, dd {
font-size: 90%;
}
a:link {
color: #0300af;
text-decoration: none;
}
a:visited {
color: #33336f;
text-decoration: none;
}
a:hover {
color: #e7150e;
text-decoration: underline;
}
a:active {
color: #e7150e;
text-decoration: none;
}
h2, h3 {
line-height: 120%;
}
p, li, dd, dt {
line-height: 140%;
}
body,h1, h2, h3, h4, h5, h6, p, div, ul, dl {
margin: 0;
padding: 0;
list-style: none;
}
h2, h3, h4, h5, h6 {
padding-top: 1px;
}
dt {
font-weight: 900;
}
.no {
display: none;
}
.red, .red a {
color: #aa0c0c;
}
.blue, .blue a {
color: #100c90;
}
.green, .green a {
color: #0c660f;
}
.reduc {
font-size: 85%;
line-height: 1.2em;
}
.expan {
font-size: 115%;
font-weight: 900;
}

#nojsM {
font-size: 95%;
text-align: center;
background: #eeeeee;
}
#nojsM a {
margin: 2px;
padding: 2px;
}
img {
border: none;
}
.cnt {
text-align: center;
}
.clr {
clear: both;
}
.flR {

float: right;
}
.flL {
float: left;
}
.end, #end440, #end650 { clear: both; }
.endL { clear: left; }
.endR { clear: right; }
.end, .endL, .endR,
#end440, #end440 img,
#end650, #end650 img {
font-size: 1px;
height: 1px;
}
#end440 img {
width: 440px;
}
#end650 img {
width: 650px;
}

/*** header ***/

#header {
width: 100%;
height: 47px;
background: #cc0000;
}
#header p {
font-size: 10px;
text-align: right;
margin: -20px 5px 0 5px;
}
#header p a {
margin-left: 5px;
padding-left: 9px;
background: url(../i/dot_tri_w.gif) no-repeat 0 45%;
color: #ffffff;
}
#header p #logout {
padding: 0 2px;
background: 0;
border: 1px solid #ffffff;
}

/*** menu ***/

#M1 {
text-align: center;
background: #fcfcfc url(../i/MLBg_up.gif)  repeat-x top;
}
#M2 {
color: #999999;
font-weight: 900;
font-size: 12px;
padding: 3px 0 2px 0;
background: url(../i/MLBg_low.gif) repeat-x bottom;
}
#M2 a {
color: #000000;
letter-spacing: 2px;
white-space: nowrap;
margin: 0;
padding: 3px 15px 2px 15px;
}
#M2 a:hover {
text-decoration: none;
background: #fcfcfc;
}

/*** leader board & small rectangle ***/

/****** 2006年7月からlBoard変更） ******/
#lBoard {
clear: left;
text-align: center;
width: 100%;
background: url(../i/lBBg.gif);
padding: 4px 0px 0px 0px;
}

/****** 2007年7月からlBoard2追加） ******/
#lBoard2 {
clear: left;
text-align: center;
width: 100%;
background: url(../i/lBBg.gif);
padding: 4px 0px 0px 0px;
}

#smRect, .w200 {
margin: 9px 5px 0 5px;
}
#smRect iframe {
border: 1px solid #c0c0c0;
}


/****** contents table ******/

#wrap {
min-width: 860px;
}

#main {
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid #cfcfcf;
}
#midWrap {
width: 210px;
}
#rightWrap {
width: 300px;
}
#main, #midWrap, #rightWrap {
padding-bottom: 9px;
}
#rightWrap {
background: #ececec;
}

#pageData p {
font-size: 80%;
line-height: 1em;
padding-top: 5px;
}
p#pageNavi {
color: #4d4de2;
float: left;
}
#pageNavi a {
color: #4d4de2;
}
p#renewDate {
text-align: right;
}

.c1, .c2, .c3, .c4 {
font-size: 1px;
height: 5px;
margin: 0;
}
.c1 { background: url(../i/corner1.gif) no-repeat left top;}
.c2 { background: url(../i/corner2.gif) no-repeat right top;}
.c3 { background: url(../i/corner3.gif) no-repeat right bottom;}
.c4 { background: url(../i/corner4.gif) no-repeat left bottom;}

.label {
clear: both;
font-size: 12px;
color: #555555;
height: 16px;
margin: 5px 0; 
padding: 2px 0 0 15px;
border: 1px solid #8c8c8c;
background: #efefef url(../i/label.gif) no-repeat 0 47%;
}

.addLink {
margin-top: 5px;
padding-left: 10px;
background: url(../i/dot_tri.gif) no-repeat 0 45%;
}
.addLinkR {
float: right;
margin-left: 10px;
padding-left: 10px;
background: url(../i/dot_tri.gif) no-repeat 0 45%;
}
.new {
padding-right: 24px;
background: url(../i/new.gif) no-repeat 100% 40%;
}

/****** side contents ******/

/** font **/
#midWrap p, #rightWrap p,
#midWrap li, #rightWrap li {
font-size: 75%;

line-height: 1.2em;
}

#midWrap h4, #midWrap h5, 
#rightWrap h4, #rightWrap h5 {
clear: both;
font-size: 80%;
line-height: 1.4em;
margin-top: 1px;
padding-top: 1px;
}
#midWrap a, #rightWrap a {
color: #000000;
}
#midWrap a:hover, #rightWrap a:hover {
color: #e7150e;
}

/** side Label **/
.sLabel1, .sLabel1a {
color: #ffffff;
margin: 2px 0;
padding: 0 0 1px 15px;
background: #cf0f0f;
}
.sLabel1a {
background: #cf0f0f url(../i/dot_tri_w.gif) no-repeat 3px 40%;
display: block;
}
#midWrap .sLabel1a a, #rightWrap .sLabel1a a {
color: #ffffff;
display: block;
}
#midWrap .sLabel1a a:hover, #rightWrap .sLabel1a a:hover {
color: #ffffff;
}
.sLabel2 {
margin: 2px 0;
padding-left: 9px;
background: url(../i/dot_tri.gif) no-repeat 0 40%;
}

/** Box **/
.sBox, .sBdr {
width: 190px;
margin: 7px 10px 0 10px;
}
.sCent {
text-align: center;
}
.sBdr {
border: 1px solid #c0c0c0;
}

/** List **/
.sBox ul {
margin: 1px 0 0 0;
}
.sBox li {
line-height: 135%;
margin: 2px 0 0 6px;
padding-left: 9px;
background: url(../i/dot_tri.gif) no-repeat 0 2px;
}
.sSep li {
display: block;
float: left;
font-weight: 900;
white-space: nowrap;
margin: 2px 0 2px 1px;
padding-left: 9px;
background: url(../i/dot_tri.gif) no-repeat 0 40%;
}

/** tree menu **/
.lev1 {
cursor: pointer;
color: #ffffff;
margin-top: 2px;
padding: 0 0 1px 15px;
background: #cf0f0f url(../i/dot_Fc.gif) no-repeat 2px 50%;
}
.child, .child2, .child3 {

display: none;
margin: 0 0 3px 2px;
}
.lev2 {
cursor: pointer;
color: #0300af;
margin-left: 5px;
padding-left: 12px;
background: url(../i/dot_cls.gif) no-repeat 0 3px;
}
.lev3 {
cursor: pointer;
color: #0300af;
padding-left: 16px;
background: url(../i/dot_Fc.gif) no-repeat 2px 45%;
}
.child2 p, .child3 p {
margin: 2px 0 0 4px;
}
.child2 p span.blue, .child2 p span.hid {
float: left;
clear: left;
border: 1px solid #ffffff;
padding-left: 9px;
background: url(../i/dot_tri.gif) no-repeat 0 2px;
}
.child2 span.hid {
visibility: hidden;
}
.child2 span.blk {
display: block;
border: 1px solid #ffffff;
}

/* frame box */
.frame {
background: #ffffff;
clear: right;
text-align: center;
width: 300px;
margin: 10px;
border: 1px solid #c0c0c0;
font-size: 120%;
}
#midWrap .frame h4, #rightWrap .frame h4,
#midWrap .frame h5, #rightWrap .frame h5 {
padding: 2px 0;
}
.fBody {
text-align: center;
}
.fBody a img {
border: 1px solid #000000;
margin: 4px auto;
}
.fBody a:hover img {
border: 1px solid #e7150e;
}
.fBody p {
text-align: left;
line-height: 1.2em;
margin: 2px 10px 0 20px
}


/** chara size control **/
#charCon {
font-size: 12px;
letter-spacing: -1px;
margin: 8px 15px 0 15px; 
padding: 1px;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #9c9c9c;
border-bottom: 1px solid #6c6c6c;
border-left: 1px solid #c0c0c0;
}
#charCon a {
font-weight: 900;
color: #0300af;
}


/****** footer ******/

#footNavi1 {
background: #fcfcfc url(../i/MLBg_up.gif) repeat-x top;
}
#footNavi2 {
font-size: 11px;
padding: 3px 0 2px 0;
background: url(../i/MLBg_low.gif) repeat-x bottom;
}
#footNavi2 a {
color: #000000;
padding: 0 5px;
}
#totop {
display: block;
float: right;
}
p#copyright {
font-size: 11px;
line-height: 1.2em;
text-align: center;
margin: 5px;
padding-bottom: 5px;

}