@charset "utf-8";

/* ===== Reset Style ===== */

html,body,
div,span,
object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}

ul{
list-style-type:none;
}

ol{
list-style-type:decimal;
}

img{
border:0;
}

cite{
font-style:normal;
}

sup{
vertical-align:top;
font-size:0.7em;
}

sub{
vertical-align:bottom;
font-size:0.7em;
}

em,
strong{
font-style:normal;
font-weight:bold;
}

strong{
color:#c00;
}

hr{
display:none;
}

/* ===== Basic Style ===== */

body{
color:#333;
background:#fff url(../img/body/bg.png) 0 0 repeat-x;
font-size:100.01%;
line-height:1.5;
}

a{
color:#03c;
}

a:hover,
a:active,
a:focus{
color:#2062a3;
}

a:visited{
color:#942;
}

/* ===== Header ===== */

#header{
position:relative;
margin:0 auto;
width:964px;
height:104px;
}

#logo{
position:absolute;
top:12px;
left:1px;
}

#header li{
list-style:none;
font-size:0.875em;
}

#header .linkList{
position:absolute;
top:54px;
right:194px;
}

#header .linkList li{
padding-left:16px;
background-position:0 0.4em;
_background-position:0 0.3em;
}

#header .contact{
position:absolute;
top:45px;
right:-2px;
}

#header .contact li{
padding-left:0;
background-image:none;
line-height:1;
}

#header .contact a{
padding-left:0;
background:none;
}

/* ===== Layout ===== */

#content{
min-height:91px;
background:url(../img/body/bg_main.png) 0 0 repeat-x;
}

#mainContent{
margin:0 auto;
width:964px;
}

#main{
float:left;
padding-top:30px;
width:718px;
}

#navigation{
float:right;
margin-bottom:20px;
border-left:1px solid #dfdfdf;
width:225px;
}

/* ===== Topic Path ===== */

#topicPath{
width:964px;
margin:0 auto;
padding:18px 0 25px;
}

#topicPath em{
font-weight:normal;
}

/* ===== Heading ===== */

h1{
margin:0 auto;
padding:0 246px 10px 0;
width:718px;
background:url(../img/heading/bg_h1.gif) 0 100% no-repeat;
font-size:1.5em;
font-weight:bold;
}

h2{
margin:0 0 30px;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
background:url(../img/heading/bg_h2.gif) 0 0 repeat-y;
font-size:1.125em;
font-weight:bold;
}

h2 .text{
display:block;
padding:7px 13px 7px 17px;
background:url(../img/heading/bg_h2_text.jpg) 0 100% no-repeat;
}

h3{
margin:0 0 30px;
border:1px solid #a9a9a9;
font-size:1em;
font-weight:bold;
}

h3 .text{
display:block;
padding:5px 13px;
border-left:3px solid #add533;
background:#f4f9e4;
}

h4{
margin:0 0 30px;
padding:0 0 6px 2px;
background:url(../img/content/line_dotted.gif) 0 100% repeat-x;
font-size:1em;
font-weight:bold;
}

h4 .text{
display:block;
padding-left:12px;
border-left:3px solid #a9a9a9;
}

h5{
margin:0 0 30px;
font-size:1em;
font-weight:bold;
}

h6{
margin:0 0 30px;
font-size:1em;
font-weight:normal;
}

/* ===== Text ===== */

p,
ul,
ol,
dl,
table{
margin-bottom:20px;
}

ul li p,
ul li ul li,
ul li ol li,
ul li dl dt,
ul li dl dd,
ul li th,
ul li td,
ol li p,
ol li ul li,
ol li ol li,
ol li dl dt,
ol li dl dd,
ol li th,
ol li td,
dl dt p,
dl dt ul li,
dl dt ol li,
dl dt dl dt,
dl dt dl dd,
dl dd p,
dl dd ul li,
dl dd ol li,
dl dd dl dt,
dl dd dl dd,
dl dd th,
dl dd td{
font-size:1em;
line-height:1.5;
}

.textC{
text-align:center;
}

.textR{
text-align:right;
}

ul li{
margin:5px 0;
padding-left:35px;
background:url(../img/marker/normal.png) 17px 0.5em no-repeat;
_background-position:19px 0.3em;
}

ul.linkList li{
background-image:url(../img/marker/link.gif);
}

ul.linkList ul.linkList li{
background-image:url(../img/marker/link.gif);
background-position:13px 0.2em;
}

ul.col2 li,
ul.col3 li{
display:-moz-inline-block;
display:inline-block;
*display:inline;
vertical-align:top;
zoom:1;
}

ul.col2 li{
width:324px;
}

ul.col3 li{
width:204px;
}

ul li p,
ul li ul,
ul li ol,
ul li dl,
ol li p,
ol li ul,
ol li ol,
ol li dl{
margin-bottom:0;
}

ul li ul li,
ul.linkList li ul li{
padding-left:25px;
background:url(../img/marker/normal_s.png) 13px 0.5em no-repeat;
_background-position:13px 0.4em;
font-size:0.875em;
}

#content ul li ul li ul li{
font-size:1em;
}

ul.noticeList1,
ul.noticeList2{
padding:0 0 0 19px;
}

ul.noticeList1 li,
ul.noticeList2 li{
position:relative;
margin:3px 0;
padding-left:0;
color:#666;
background:none;
font-size:0.875em;
zoom:1;
}

ul.noticeList1 li .marker,
ul.noticeList2 li .marker{
position:absolute;
top:0;
left:0;
}

ul.noticeList1 li{
padding-left:1.5em;
}

ul.noticeList2 li{
padding-left:2.5em;
}

li .icon{
margin-left:5px;
}

ol li{
margin:5px 0 5px 2.2em;
}

ol li ul li{
margin-left:0;
}

.ruleList1 > li{
position:relative;
list-style-type:none;
list-style-position:outside;
counter-increment:cnt;
padding-left:2.5em;
margin-left:0;
*position:static;
*list-style-type:decimal;
*margin-left:2em;
*padding-left:0;
}

.ruleList1 > li:before{
position:absolute;
top:0;
left:0;
display:marker;
content:"（"counter(cnt)"）";
}

.ruleList2 > li{
padding-left:0;
margin-left:2em;
background-image:none;
list-style:lower-alpha;
}

.ruleList3 > li{
position:relative;
padding-left:1em;
background-image:none;
list-style-type:none;
}

.ruleList3 > li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"-";
}

dl dt{
margin:5px 0;
padding-left:35px;
background:url(../img/marker/normal.png) 17px 0.4em no-repeat;
font-weight:bold;
}

dl.linkList dt{
background:url(../img/marker/link.gif) 19px 0.4em no-repeat;
_background-position:19px 0.3em;
font-weight:normal;
}

dl dd{
margin:5px 0;
padding-left:35px;
}

dl dd ul{
margin-bottom:0;
}

dl dd .linkList{
margin-bottom:20px;
}

ul.qaList1>li{
margin:0;
padding:0;
background:none;
}

ul.qaList1 li .q,
ul.qaList1 li .a{
padding:10px 20px 10px 55px;
background-position:13px 13px;
background-repeat:no-repeat;
}

ul.qaList1 li .q{
background-color:#f7fbeb;
background-image:url(../img/qa/icon_q.png);
font-weight:normal;
}

ul.qaList1 li .a{
margin:0 0 30px;
background-image:url(../img/qa/icon_a.png);
}

ul.qaList1 li .q>*,
ul.qaList1 li .a>*{
margin-bottom:20px;
}

ul.qaList1 li .q>*:last-child,
ul.qaList1 li .a>*:last-child{
margin-bottom:0;
}

table{
border-color:#cfcfcf;
border-collapse:separate;
*border-collapse:collapse;
border-style:solid;
border-width:1px 0 0 1px;
border-spacing:0;
width:100%;
}

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

th{
font-weight:normal;
}

thead th{
background:#d9eca1;
text-align:center;
}

tbody th{
background:#eee;
}

th,
td{
padding:10px;
border-color:#cfcfcf;
border-collapse:separate;
border-style:solid;
border-width:0 1px 1px 0;
vertical-align:top;
text-align:left;
}

.box1{
margin-bottom:20px;
padding:10px 10px 0;
border:1px solid #cfcfcf;
background:#f7fbeb;
}

.box1 h4,
.box1 h5,
.box1 h6{
margin:0 0 10px;
}

.box1 p,
.box1 ul,
.box1 ol,
.box1 dl{
margin-bottom:10px;
}

.pluginBox{
padding:3px;
background:#fff url(../img/content/bg_plugin.jpg) 0 100% repeat-x;
}

.pluginContent{
position:relative;
padding:16px 0 10px;
}

.pluginContent p,
.pluginContent ul{
margin:0;
padding-left:242px;
}

.pluginContent ul{
margin-left:-15px;
}

.pluginContent .banner{
position:absolute;
top:22px;
left:32px;
}

.imgParagraph1{
text-align:center;
}

.imgParagraph1 img{
display:inline-block;
margin:0 auto;
padding:5px;
border:1px solid #666;
}

.meta,
.date{
margin-bottom:20px;
text-align:right;
}

/* ===== Navigation ===== */

#navigation h2{
margin:0;
padding:18px 0;
border-width:0 1px 1px;
border-color:#dfdfdf;
background:url(../img/navigation/bg_h2.png) 0 100% no-repeat;
font-size:1em;
font-weight:normal;
text-align:center;
}

#navigation ul{
margin:0;
}

#navigation li{
margin:0;
padding:0;
border-bottom:1px solid #dfdfdf;
background:none;
vertical-align:bottom;
zoom:1;
}

#navigation li a,
#navigation li em{
display:block;
padding:8px 12px 8px 30px;
background:url(../img/navigation/bg_link.png) 12px 0.8em no-repeat;
font-weight:normal;
text-decoration:none;
zoom:1;
}

#navigation li a:hover,
#navigation li a:focus{
background-color:#d9eca1;
text-decoration:underline;
}

#navigation li em{
color:#fff;
background-color:#497601;
background-image:url(../img/navigation/bg_em.png);
font-weight:bold;
text-decoration:none;
}

#navigation li.hasChild a,
#navigation li.hasChild a:hover,
#navigation li.hasChild a:focus{
color:#fff;
background-color:#497601;
background-image:url(../img/navigation/bg_haschild.png);
}

#navigation li.hasChild em{
background-image:url(../img/navigation/bg_haschild.png);
}

#navigation li.hasChild ul{
border-top:1px solid #dfdfdf;
}

#navigation li.hasChild ul li{
padding-bottom:1px;
border-left:8px solid #497601;
border-bottom:0;
background:#f7fbeb url(../img/navigation/line_dotted.gif) 0 100% no-repeat;
}

#navigation li.hasChild ul li.last{
padding:0;
border-bottom:0;
background-image:none;
}

#navigation li.hasChild ul li a{
padding-left:22px;
color:#03c;
background:#f7fbeb url(../img/navigation/bg_sub_link.gif) 5px 0.8em no-repeat;
}

#navigation li.hasChild ul li a:hover,
#navigation li.hasChild ul li a:focus{
color:#2062a3;
background-image:url(../img/navigation/bg_sub_link_hover.gif);
background-color:#d9eca1;
}

#navigation li.hasChild ul li em{
padding-left:22px;
color:#333;
background:#d9eca1 url(../img/navigation/bg_sub_link_hover.gif) 5px 0.8em no-repeat;
font-weight:bold;
}

#navigation li.hasChild ul li.hasChild a{
background-image:url(../img/navigation/bg_sub_haschild.gif);
}

#navigation li.hasChild ul li.hasChild a:hover,
#navigation li.hasChild ul li.hasChild a:focus{
background-image:url(../img/navigation/bg_sub_haschild_hover.gif);
}

#navigation li.hasChild ul li.hasChild em{
background:#d9eca1 url(../img/navigation/bg_sub_haschild_em.gif) 5px 0.8em no-repeat;
}

#navigation li.hasChild ul li.hasChild ul li{
padding-bottom:0;
border-left:0;
background-image:none;
font-size:1em;
}

#navigation li.hasChild ul li.hasChild ul li a{
padding-left:32px;
background-position:17px 0.8em;
background-image:url(../img/navigation/bg_sub_sub_link.gif);
}

#navigation li.hasChild ul li.hasChild ul li a:hover,
#navigation li.hasChild ul li.hasChild ul li a:focus{
background-image:url(../img/navigation/bg_sub_sub_link_hover.gif);
}

#navigation li.hasChild ul li.hasChild ul li em{
padding-left:32px;
background:#d9eca1 url(../img/navigation/bg_sub_sub_link_em.gif) 17px 0.8em no-repeat;
}

/* ===== Page Top Navigation ===== */

#pageTopNav{
margin:0 auto 10px;
width:964px;
font-size:0.875em;
}

#pageTopNav ul{
width:718px;
text-align:right;
}

#pageTopNav ul li{
display:-moz-inline-block;
display:inline-block;
*display:inline;
margin:0;
background-image:url(../img/marker/pagetop.gif);
vertical-align:top;
zoom:1;
}

/* ===== Footer ===== */

#footer{
min-height:56px;
background:url(../img/footer/bg.png) 0 0 repeat-x;
font-size:0.875em;
}

#footer .linkList{
float:left;
width:600px;
}

#footer .linkList li{
display:-moz-inline-block;
display:inline-block;
*display:inline;
margin:0 20px 0 0;
padding-left:16px;
background-position:0 0.4em;
_background-position:0 0.3em;
vertical-align:top;
zoom:1;
}

#footer li:last-child{
margin-right:0;
}

#footer p{
float:right;
width:364px;
text-align:right;
}

#footerContent{
margin:0 auto;
padding:15px 0;
width:964px;
}

/* ===== Top ===== */

#top h1{
margin:0;
padding:0;
width:auto;
background:none;
}

#top #content{
background-image:url(../../img/index/bg_content.jpg);
}

#top #contentBox{
min-width:964px;
background:url(../../img/index/bg_message.jpg) 50% 0 no-repeat;
}

#top #messageAndIndex{
float:left;
margin-bottom:20px;
padding-top:145px;
width:636px;
}

#top #messageAndIndex #activities,
#top #messageAndIndex #committee,
#top #messageAndIndex #column,
#top #messageAndIndex #qa{
width:308px;
float:left;
margin:0 16px 15px 0;
padding:0;
border:1px solid #d2d2d2;
background:none;
}

#top #messageAndIndex #activities,
#top #messageAndIndex #qa{
margin-right:0;
}

#top #messageAndIndex #activities h2,
#top #messageAndIndex #committee h2,
#top #messageAndIndex #column h2,
#top #messageAndIndex #qa h2{
margin:0;
border-top:0;
border-bottom:1px solid #d2d2d2;
background:url(../../img/index/shadow.jpg) 0 100% repeat-x;
}

#top #messageAndIndex #activities h2 a,
#top #messageAndIndex #committee h2 a,
#top #messageAndIndex #column h2 a,
#top #messageAndIndex #qa h2 a{
display:block;
padding:10px 10px 10px 37px;
border-width:0 1px;
border-color:#fff;
border-style:solid;
background:url(../../img/index/bg_link_heading.png) 10px 0.8em no-repeat;
zoom:1;
}

#top #messageAndIndex #activities p,
#top #messageAndIndex #committee p,
#top #messageAndIndex #column p,
#top #messageAndIndex #qa p{
margin:0;
padding:10px;
}

#top #news{
float:right;
margin:22px 0 20px;
width:308px;
border:1px solid #d2d2d2;
background:#fff url(../../img/index/shadow.jpg) 0 100% repeat-x;
}

#top #news h2{
margin:0;
border-top:0;
border-bottom:1px solid #d2d2d2;
background:url(../../img/index/shadow.jpg) 0 100% repeat-x;
}

#top #news h2 a{
display:block;
padding:10px 10px 10px 37px;
border-width:0 1px;
border-color:#fff;
border-style:solid;
background:url(../../img/index/bg_link_heading.png) 10px 0.8em no-repeat;
zoom:1;
}

#top #news ul{
margin:0;
padding:10px;
border-width:0 1px;
border-color:#fff;
border-style:solid;
}

#top #news ul li{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px dotted #a9a9a9;
background:none;
font-size:0.875em;
}

#top #news ul li.last{
margin:0;
padding:0;
border:0;
}

#top #news ul li .date{
display:block;
margin:0;
text-align:left;
}

#top #docs{
padding-bottom:30px;
background:#9acc00 url(../../img/index/bg_docs.jpg) 0 0 repeat-x;
}

#top #docs h2{
margin:0 auto;
padding:21px 0 16px;
width:958px;
border:0;
background:none;
line-height:1;
}

#top #docsContent{
margin:0 auto;
_padding-left:1px;
width:964px;
_width:963px;
background:url(../../img/index/bg_docscontent.gif) 50% 0 repeat-y;
}

#top .docsList{
float:left;
margin:0 21px 0 1px;
_margin:0 22px 0 0;
border-top:1px solid #cfcfcf;
width:470px;
background:#fff;
}

#top #wcag2{
margin-right:0;
}

#top .docsList h3{
margin-bottom:10px;
border-width:4px 0 1px;
border-color:#9acc00 transparent #cfcfcf;
border-style:solid;
background:url(../../img/index/shadow.jpg) 0 100% repeat-x;
}

#top .docsList h3 a{
display:block;
padding:15px 15px 15px 42px;
border-width:0 1px;
border-color:#fff;
border-style:solid;
background:url(../../img/index/bg_link_heading.png) 15px 1.1em no-repeat;
zoom:1;
}

#top .docsList .linkList{
margin:0;
padding:0 18px 13px 0;
}

/* ===== Self Clearing ===== */

#top #messageAndIndex .equalize:after,
#mainContent:after,
#footerContent:after,
#top #docsContent:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
font-size:0;
line-height:0;
}

#top #messageAndIndex .equalize,
#mainContent,
#footerContent,
#top #docsContent{
zoom:1;
}