@charset "UTF-8";

/* ------------------------------------------------ */
/* TAG index Category Top CSS                       */
/* 2007.12.15 Update                                */
/* ------------------------------------------------ */



#Contents {
width: 100%;
}



#ContSub {
width: 260px;
margin-bottom: 10px;
float: right;
}

#ContSubIn {
margin-right: 10px;
font-size: 80%;
}



.ContSubBox {
margin-bottom: 10px;
background-color: #fffdee;
border: 1px #ffb366 solid;
}

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

.ContSubBox h5 {
margin: 0;
padding: 5px 10px;
background-color: #f8f3cb;
border-bottom: 1px #ffb366 dotted;
font-size: 100%;
font-weight: normal;
color: #976200;
}

.ContSubBox ul {
margin: 13px 5px 5px 5px;
padding: 0;
list-style-type: none;
}
.ContSubBox li {
padding-bottom: 7px;
line-height: 120%;
}


.MarkExtension {
padding-left: 20px;
background: url(../image/mark/list1.gif) no-repeat;
}
.MarkNonreco {
padding-left: 20px;
background: url(../image/mark/list2.gif) no-repeat;
}

.MarkIe {
padding-left: 40px;
background: url(../image/mark/ie.gif) no-repeat -6px 0;
}
.MarkIe5 {
padding-left: 40px;
background: url(../image/mark/ie5.gif) no-repeat -6px 0;
}
.MarkIe55 {
padding-left: 40px;
background: url(../image/mark/ie55.gif) no-repeat -6px 0;
}
.MarkIe6 {
padding-left: 40px;
background: url(../image/mark/ie6.gif) no-repeat -6px 0;
}
.MarkFx {
padding-left: 40px;
background: url(../image/mark/fx.gif) no-repeat -6px 0;
}
.MarkN {
padding-left: 40px;
background: url(../image/mark/n.gif) no-repeat -6px 0;
}
.MarkN6 {
padding-left: 40px;
background: url(../image/mark/n6.gif) no-repeat -6px 0;
}
.MarkN7 {
padding-left: 40px;
background: url(../image/mark/n7.gif) no-repeat -6px 0;
}
.MarkO {
padding-left: 40px;
background: url(../image/mark/o.gif) no-repeat -6px 0;
}
.MarkO7 {
padding-left: 40px;
background: url(../image/mark/o7.gif) no-repeat -6px 0;
}

.MarkDot {
padding-left: 10px;
background: url(../image/mark/lists.gif) no-repeat 0 2px;
}



#ContMain {
margin-right: 261px;
padding: 0 10px;
}

#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%;
}


.ContMainIn {
width: 98%;
margin: 10px auto 0 auto;
}

.ContMainIn ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}
.ContMainIn li {
padding-right: 20px;
display: inline;
}


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

.ContMainIn p {
margin: 0.5em 0.5em 0 0.5em;
font-size: 80%;
}


.BoxGroup1 {
width: 49%;
margin-left: 0.5%;
margin-right: 1%;
margin-bottom: 30px;
float: left;
}

.BoxGroup2 {
width: 49%;
margin-bottom: 30px;
float: left;
}


.ContMainIn2 {
width: 98%;
margin: 10px auto 0 auto;
}

.ContMainIn2 strong {
color: #cc0000;
font-weight: normal;
}
.ContMainIn2 em {
font-weight: bold;
font-style: normal;
}

.ContMainIn2 ul {
margin-left: 0;
margin-bottom: 30px;
padding: 0;
list-style-type: none;
}
.ContMainIn2 li {
margin-left: 0;
margin-bottom: 4px;
padding-left: 22px;
}



.ExpText {
margin: 10px 0;
}

.ExpTextM {
margin: 30px 0;
}

.ExpText p {
line-height: 130%;
}

.ExpText table {
border: 1px #2b2b2b solid;
border-collapse: collapse;
}
.ExpText td, th {
border: 1px #2b2b2b solid;
padding: 3px 10px 3px 10px;
}

caption {
padding-bottom: 10px;
text-align: left;
}


.DescExample {
margin: 30px 0;
}

.DescExample2 {
padding: 5px 15px;
border: 1px #c0c0c0 solid;
}


.TableBasic th {
background-color: #f2f2e6;
}
.TableEval {
text-align: center;
}

.TableColor tr {
text-align: center;
}
.TableColor td {
width: 20%;
}


#SubColorForm {
margin: 10px; 0 0 0;
text-align: center;
}
#SubColorForm p {
margin: 0 0 4px 0;
}
#SubColorForm iframe {
width: 210px;
height: 100px;
border: 1px #c0c0c0 solid;
}
#SubColorForm ul {
text-align: left;
color: #808080;
}