@charset "UTF-8";

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



#Contents {
margin: 0 20px;
}

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


#Setting {
width: 98%;
margin: 0 auto 0 auto;
}

#Setting h5 {
margin: 10px 0 0 0;
font-size: 100%;
}

#Setting form {
margin: 0 0 20px 0;
}


#SettingTable {
width: 100%;
}

#SettingTable th {
padding: 3px;
background-color: #d3e9fa;
}
#SettingTable td {
padding: 3px 5px;
}

#SettingTable td img {
margin-left: 5px;
vertical-align: middle;
}

#SettingTable span {
font-size: 80%;
}


#SettingTable2 {
width: 100%;
margin-top: 30px;
}

#SettingTable2 caption {
text-align: left;
}

#SettingTable2 th {
padding: 3px;
background-color: #d3e9fa;
}
#SettingTable2 td {
padding: 3px 5px;
}

#SettingTable2 td img {
margin-left: 5px;
vertical-align: middle;
}

#SettingTable2 span {
font-size: 80%;
}

#SettingTable2 .AttriCell {
white-space: nowrap;
}


.AttriCell {
background-color: #f2f2f2;
}
.ValueCell {
background-color: #f9f9f9;
}


#SetTableL {
width: 49%;
margin-bottom: 15px;
float: left;
}

#SetTableR {
width: 49%;
margin-bottom: 15px;
float: right;
}


#WorkForm {
display: block;
}
#WorkText,
#WorkTextarea,
#WorkRadio,
#WorkCheckbox,
#WorkSelect,
#WorkOption,
#WorkHidden,
#WorkFile,
#WorkButton {
display: none;
}


#FrameTypeBox {
margin: 5px 0 30px 0;
}
#FrameTypeBox table {
margin: 30px 0;
}
#FrameTypeBox td {
padding: 0 10px;
text-align: center;
}


#WorkDef {
display: block;
}
#Type1, #Type2, #Type3 {
display: none;
}





#SettingInfo {
clear: both;
width: 100%;
}
#SettingInfo div {
margin-bottom: 15px;
padding: 10px;
border: 1px #c0c0c0 dotted;
background-color: #f9f9f9;
font-size: 80%;
}
#SettingInfo p {
margin: 0;
}
#SettingInfo ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#SettingInfo li {
display: inline;
margin-right: 20px;
padding-left: 20px;
padding-bottom: 5px;
}

.SetInfoDep {
background: url(../image/mark/list2.gif) no-repeat;
}
.SetInfoExt {
background: url(../image/mark/list1.gif) no-repeat;
}


#Preview {
margin: 10px 0;
}


#CodeBox {
margin-top: 10px;
}

#CodePut {
width: 100%;
}


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




#ComingSoon {
width: 500px;
margin: 50px auto 150px auto;
padding: 60px 30px;
border: 1px #c0c0c0 dotted;
text-align: center;
}