ul
{
    margin-top: 24px;
    margin-bottom: 24px;
}

li
{
    margin-bottom: 12px;
}


ul.basic
{
    list-style-image: url('../images/li_basic.png');

}

ul.basic li
{
    padding-left: 8px;
    padding-top: 0px;
    margin-bottom: 6px;
}

ul.extra
{
    list-style-image: url('../images/li_extra.png');
}

ul.extra li
{
    padding-left: 8px;
    margin-bottom: 6px;
}

ul.case
{
    list-style-image: url('../images/li_case.png');
}

ul.case li
{
    padding-left: 8px;
    margin-bottom: 6px;
}


.copyright
{
    text-align: center;
}






#ContentsPane
{
	text-align: left;
	background-color: #e6e6fa;
	vertical-align: top;
	padding-bottom: 1em;
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 0px;
	line-height: 150%;
}

#ContentsPane h1
{
	border-bottom: #ccccff 1px solid;
	border-left: #ccccff 1px solid;
	background-color: #ccccff;
	border-top: #ccccff 1px solid;
	border-right: #ccccff 1px solid;
	color: #000099;
	font-size: large;
	background-image: url(images/h1back.jpg);
	padding-bottom: 0.5ex;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5ex;
	font-family: メイリオ, Arial;
	font-weight: bold;
	margin: 0em 0px 1ex;
}

#ContentsPane h3.offense
{
	border-bottom: #ff9900 thin solid;
	border-left: #ff9900 1em solid;
	background-color: transparent;
	background-image: none;
}

#ContentsPane h3.defense
{
	border-bottom: #0099ff thin solid;
	border-left: #0099ff 1em solid;
	background-color: transparent;
	background-image: none;
}

#ContentsPane h3.play
{
	border-bottom: #0099ff thin solid;
	border-left: #0099ff 1em solid;
	background-color: transparent;
	background-image: none;
}

#ContentsPane h3.turnover
{
	border-bottom: #800080 thin solid;
	border-left: #800080 1em solid;
}

#ContentsPane h3.challenge
{
	border-bottom: #ff0000 thin solid;
	border-left: #ff0000 1em solid;
}

#ContentsPane h3.foul
{
	border-bottom: #ffff00 thin solid;
	border-left: #ffff00 1em solid;
}

#ContentsPane h3.offense_bonus
{
	border-bottom: #00cc33 thin solid;
	border-left: #00cc33 1em solid;
}

#ContentsPane h3.defense_bonus
{
	border-bottom: #00ced1 thin solid;
	border-left: #00ced1 1em solid;
}

#ContentsPane h3.timeout
{
	border-bottom: #c0c0c0 thin solid;
	border-left: #c0c0c0 1em solid;
}


#ContentsPane h2
{
    padding-bottom: 0px;
    padding-left: 1ex;
    padding-top: 0px;
    background-repeat: no-repeat;
    font-size: 100%;
    font-family: メイリオ, Arial;
    border-right-width: 1px;
    border-top-color: orange;
    border-top-width: 1px;
    border-right-color: orange;
    border-bottom: #006699 3px double;
    border-left: #006699 thick solid;
    margin-top: 24px;
}

#ContentsPane h3
{
    font-size: 100%;
    border-bottom: green 1px;
    border-left: #ff6600 1ex double;
    padding-left: 1ex;
    font-family: メイリオ, Arial;
    border-top: green 1px;
    border-right: green 1px;
    background-repeat: no-repeat;
    color: #323232;
    margin-top: 24px;
}

#ContentsPane .lrindent
{
	margin-left: 1em;
	margin-right: 1em;
    margin-bottom: 1em;
}

#ContentsPane .lindent
{
    margin-left: 1em;
    margin-bottom: 3em;
}

#ContentsPane p
{
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 150%;
}

#ContentsPane .bracketlist tr
{ 
     vertical-align: top;
}

#ContentsPane .bracketlist td
{
    margin-bottom: 50px;
}


#ContentsPane .box
{
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	padding-left: 0.6ex;
	padding-right: 0.6ex;
	font-family: Monospace;
	margin-right: 1ex;
	font-weight: bold;
	background-color: #ffffff;
}

#ContentsPane .border
{
	background-color: #006699;
}

#ContentsPane .border th
{
	background-color: #ccccff;
	padding-bottom: 0.2ex;
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: 0.2ex;
}

#ContentsPane .border td
{
    padding: 1ex 1ex 0ex 1ex;
    background-color: #ffffff;
    vertical-align: top;
}

#ContentsPane .noborder th
{
	padding-bottom: 0.2ex;
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: 0.2ex;
}

#ContentsPane .noborder td
{
	padding-bottom: 0.5ex;
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: 0.2ex;
	vertical-align: top;
}

#ContentsPane .condition
{
	border-bottom: #ff0000 3px double;
	line-height: 150%;
	vertical-align: top;
}
#ContentsPane .attention
{
	margin-left: 0px;
}
#ContentsPane .attention th
{
	vertical-align: top;
}

#ContentsPane .attention td
{
	vertical-align: top;
}