@charset "utf-8";

/* CSSTidy 1.2: Sat, 15 Feb 2014 00:00:29 +0900 */
#container {
width:980px;
background-color:#fff;
border-left:1px silver solid;
border-right:1px silver solid;
margin:0 auto;
}

#page {
width:950px;
margin:0 auto;
}

#content {
float:left;
width:680px;
margin-bottom:10px;
}

#main {
float:right;
width:500px;
margin-bottom:0;
}

#main .section {
margin:0 15px 1.4em;
}

#main .normal .heading {
background-color:#f9f9f9;
background-image:url(../img/heading_back1.gif);
background-repeat:repeat-x;
border-color:silver silver silver #666;
border-style:solid;
border-width:1px 1px 1px 10px;
margin:0 0 1em;
padding:6px 8px 5px;
}

#main .normal .heading h2 {
font-size:110%;
line-height:100%;
margin:0;
}

#main .normal p {
line-height:160%;
margin:0 5px 1em 12px;
}

#main .normal ul li {
line-height:180%;
background-image:url(../img/menu_triangle6.gif);
background-repeat:no-repeat;
background-position:3px 0.4em;
margin-left:10px;
padding:0 0 1px 12px;
}

#main .normal ol li {
line-height:180%;
background-repeat:no-repeat;
background-position:3px 0.4em;
margin-left:10px;
list-style-type:decimal;
padding:0 0 1px 12px;
}

#main .important ul {
list-style-type:disc;
margin:0 0 0.7em 15px;
padding:0;
}

#main .important li {
margin-bottom:0.7em;
padding:0;
}

#main .sankou .heading {
background-image:none;
border-left-width:10px;
border-left-color:red;
border-style:none none solid solid;
margin:0 0 0.5em;
}

#main .update .heading {
border-left-width:10px;
border-left-color:red;
border-style:none none solid solid;
margin:0 0 0.5em;
}

#main .update dl {
width:450px;
margin:0 auto;
}

#main .update dt {
width:6.7em;
float:left;
line-height:120%;
padding:7px 0 6px 3px;
}

#main .update dd {
border-bottom:1px silver dotted;
line-height:120%;
margin:0;
padding:7px 3px 6px 6.6em;
}

#main .ex .heading {
border:1px silver solid;
background-color:#f9f9f9;
background-image:url(../img/heading_back1.gif);
background-repeat:repeat-x;
margin:0 0 1em;
padding:6px 8px 5px;
}

#main .ex .heading h2 {
font-size:110%;
line-height:100%;
background-color:#0F0;
color:#F0F;
margin:0;
}

#main .ex p {
line-height:160%;
background-color:#FFC;
border:1px solid #F90;
padding-left:5px;
margin:0 5px 1em 12px;
}

#main .ex .notice {
line-height:160%;
background-color:#FFF;
border-right-width:1px;
border-bottom-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-right-color:#CCC;
border-bottom-color:#CCC;
margin:12px 12px 1em;
padding:5px 5px 5px 10px;
}

#content hr.clear {
clear:right;
width:100%;
visibility:hidden;
margin:0;
}

#main .topics .topicArea {
position:relative;
z-index:2;
height:14em;
overflow:auto;
background-color:#fff;
border:1px silver solid;
padding:10px 15px 0;
}

#main .topics .topicArea .topic {
padding-top:0.7em;
border-bottom:1px silver solid;
}

#main .topics .topicArea p {
line-height:130%;
margin:0 0 0.7em;
}

#main .topics .topicArea ul li {
background:url(../img/square.gif) no-repeat 3px 0.4em;
line-height:180%;
padding:0 0 1px 12px;
}

#main .topics .topicArea .catch {
float:right;
width:150px;
margin-bottom:0.7em;
padding-top:5px;
background-color:#f9f9f9;
border:1px silver solid;
text-align:center;
}

#main .topics .topicArea .catch p {
margin:0 10px 5px;
}

#main .topics .topicArea .catch img {
border:1px silver solid;
}

#main .topics .topicArea .text {
margin-right:165px;
}

#main .backtotop {
line-height:160%;
margin-top:1em;
margin-right:15px;
margin-bottom:1em;
text-align:right;
}

#main .topics ul.tabs {
width:468px;
border:1px silver;
list-style-type:none;
background-color:#f9f9f9;
background-image:url(../img/tab_gen.gif);
background-repeat:repeat-x;
background-position:top;
border-style:solid solid none;
margin:0;
padding:0;
}

#main .topics ul.tabs li {
position:relative;
z-index:1;
width:94px;
margin-bottom:-1px;
text-align:center;
line-height:100%;
float:left;
}

#main .topics ul.tabs li.first,#main .topics ul.tabs li.last {
width:91px;
}

#main .topics ul.tabs li a {
display:block;
position:relative;
border-left:1px #fff solid;
border-right:1px silver solid;
outline:none;
text-decoration:none;
padding:5px 2px;
}

#main .topics ul.tabs li a:hover {
text-decoration:underline;
}

#main .topics ul.tabs li.last a {
border-right:none;
}

#main .topics ul.tabs li.active {
z-index:3;
font-weight:700;
background-color:#fff;
background-image:url(../img/tab_act.gif);
background-repeat:repeat-x;
background-position:top;
}

#main .topics ul.tabs li.active a {
color:#000;
}

#main .topics ul.tabs li.active a:hover {
text-decoration:none;
}

.syntaxhighlighter {
overflow-y:hidden !important;
}

.syntaxhighlighter table {
margin-bottom:1em !important;
}

.notice {
color:red;
font-weight:700;
}

#main .normal ul,#main .topics .topicArea ul {
list-style-type:none;
margin:0 0 0.7em;
padding:0;
}

#main .onborder,#main .sankou,#main .update {
padding-bottom:15px;
border:1px silver solid;
}

#main .pointup,#main .important {
border:1px silver solid;
background-color:#f0e7ce;
background-image:url(../img/emphasis_back4.gif);
background-repeat:repeat-x;
background-position:top;
padding:1.3em 15px 0.5em;
}

#main .pointup h2,#main .important h2 {
font-size:120%;
color:#94845a;
margin:0 0 0.8em;
}

#main .pointup p,#main .important p {
line-height:150%;
margin:0 0 1em;
}