@charset "UTF-8";

/* ------------------------------------------------ */
/* TAG index List CSS                               */
/* 2007.12.15 Update                                */
/* ------------------------------------------------ */



#Contents {
margin: 0 10px;
background-color: #f5f5f5;
}



#ContSub {
width: 179px;
background-color: #f5f5f5;
float: left;
text-align: center;
}

#ContSub h4 {
margin: 0;
padding: 5px 2px;
background-color: #ffb366;
font-size: 80%;
}


#ContSubIn {
margin: 2px;
text-align: left;
font-size: 80%;
}

#ContSubIn ul {
margin: 4px 0 1px 0;
padding: 0;
width: 100%;
list-style-type: none;
}
#ContSubIn li {
padding-left: 12px;
padding-bottom: 3px;
background: url(../image/mark/lists.gif) 0 2px no-repeat;
}

#ContSubIn strong a {
text-decoration: none;
color: #ff8000;
}



#ContMain {
margin-left: 180px;
padding-left: 9px;
background-color: #ffffff;
}

#ContMain h4 {
margin: 0;
padding: 4px 10px 3px 10px;
background: #ffd37d url(../image/other/top_bar1.gif) repeat-x;
border-bottom: 1px #ffb366 solid;
font-size: 100%;
}



.ContBox {
width: 96%;
margin: 20px auto 0 auto;
padding-bottom: 25px;
}

.ContBox ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ContBox li {
padding-left: 20px;
padding-bottom: 5px;
}
.ContBox span {
font-size: 80%;
}



#ContBoxAll {
width: 96%;
margin: 0 auto;
padding-bottom: 25px;
}


#ContBoxAll h5 {
margin: 30px 0 15px 0;
padding: 3px 10px;
background-color: #f2f2f2;
border-top: 1px #e0e0e0 solid;
font-size: 100%;
}


#ContBoxAll ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#ContBoxAll li {
padding-left: 23px;
padding-bottom: 5px;
}

.MarkFold {
background: url(../image/icon/dir.gif) no-repeat 0 3px;
}
.MarkFile {
background: url(../image/icon/file.gif) no-repeat 0 3px;
}



#ContBox1 {
width: 48%;
float: left;
text-align: left;
}

#ContBox2 {
width: 48%;
float: right;
text-align: left;
}



#MarkBox {
padding: 7px;
border: 1px #c0c0c0 dotted;
font-size: 80%;
}
#MarkBox h5 {
margin: 0 0 10px 0;
padding: 0;
}
#MarkBox ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#MarkBox li {
padding-left: 20px;
padding-bottom: 5px;
}



#BackLink {
width: 100%;
}
#BackLink ul {
margin: 2px;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 80%;
}
#BackLink li {
padding: 4px 0 4px 15px;
background: url(../image/icon/page_back.gif) no-repeat 0 50%;
display: inline;
}



#RelatedLink {
margin: 10px;
font-size: 80%;
}
#RelatedLink h5 {
margin: 0 0 2px 0;
padding: 0;
}
#RelatedLink ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#RelatedLink li {
padding-left: 22px;
padding-bottom: 3px;
background: url(../image/icon/dir_s.gif) no-repeat 0 1px;
}



/* Mark Yellow (Extension) */
.Mark100 {
background: url(../image/mark/list1.gif) no-repeat;
margin-left: 0;
}
.Mark120 {
background: url(../image/mark/list1.gif) no-repeat;
margin-left: 20px;
}
.Mark140 {
background: url(../image/mark/list1.gif) no-repeat;
margin-left: 40px;
}

/* Mark Orange (Non-recommendation) */
.Mark200 {
background: url(../image/mark/list2.gif) no-repeat;
margin-left: 0;
}
.Mark220 {
background: url(../image/mark/list2.gif) no-repeat;
margin-left: 20px;
}
.Mark240 {
background: url(../image/mark/list2.gif) no-repeat;
margin-left: 40px;
}

/* Mark Dot (Default) */
.Def00 {
background: url(../image/mark/list.gif) no-repeat;
margin-left: 0;
}
.Def20 {
background: url(../image/mark/list.gif) no-repeat;
margin-left: 20px;
}
.Def40 {
background: url(../image/mark/list.gif) no-repeat;
margin-left: 40px;
}
.Def60 {
background: url(../image/mark/list.gif) no-repeat;
margin-left: 60px;
}
.Def80 {
background: url(../image/mark/list.gif) no-repeat;
margin-left: 80px;
}