@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{
position:relative;
color:#333;
background:#fff url(../img/body/bg.png) 0 0 repeat-x;
font-size:100.01%;
-webkit-text-size-adjust:none;
line-height:1.5;
}

a{
color:#03c;
}

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

a:visited{
color:#942;
}

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

#header{
position:static;
margin:7px auto 0;
}

#logo img{
display:block;
margin:5px;
max-width:310px;
max-height:71px;
}

#header .linkList{
display:none;
}

#header .contact li{
position:absolute;
display:block;
left:0;
bottom:115px;
padding-left:0;
width:100%;
background-image:none;
line-height:1;
text-align:center;
}

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

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

#mainContent{
margin:0 auto;
}

#main{
padding-top:20px;
}

#navigation{
margin:20px 0 10px;
border-top:5px solid #dfdfdf;
border-left:1px solid #dfdfdf;
}

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

#topicPath{
padding:15px 5px 20px;
text-shadow:1px 1px 1px #fff;
font-size:0.875em;
}

#topicPath em{
font-weight:normal;
}

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

h1{
margin:0 auto;
padding:0 5px 5px;
border-bottom:5px solid #ccc;
background:none;
font-size:1.5em;
font-weight:bold;
}

h2{
margin:0 0 20px;
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;
border-right:1px solid #cfcfcf;
padding:3px 8px 3px 12px;
}

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

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

h4{
margin:0 0 20px;
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 5px 20px;
font-size:1em;
font-weight:bold;
}

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

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

p,
ul,
ol,
dl,
table{
margin:0 5px 10px;
}

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:25px;
background:url(../img/marker/normal.png) 7px 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:3px 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{
min-width:120px;
max-width:200px;
}

ul.col3 li{
min-width:68px;
max-height:121px;
}

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:15px;
background:url(../img/marker/normal_s.png) 3px 0.5em no-repeat;
_background-position:13px 0.4em;
}

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:25px;
background:url(../img/marker/normal.png) 7px 0.4em no-repeat;
font-weight:bold;
}

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

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

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;
background-image:none;
}

ul.qaList1 li .q{
background-color:#f7fbeb;
}

ul.qaList1 li .a{
margin:0 0 30px;
}

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

ul.qaList1 li .q:before,
ul.qaList1 li .a:before{
display:block;
float:left;
margin:8px 10px 0 0;
}

ul.qaList1 li .q:before{
content:url(../img/qa/icon_q.png);
}

ul.qaList1 li .a:before{
content:url(../img/qa/icon_a.png);
}

table{
margin:5px 10px;
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:5px;
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:0 10px 10px;
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{
display:none;
}

.imgParagraph1{
text-align:center;
}

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

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

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

#navigation h2{
margin:0;
padding:10px 0;
border-width:0 1px 1px;
border-color:#dfdfdf;
background:url(../img/navigation/bg_h2.png) 0 100% repeat-x;
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% repeat-x;
font-size:0.875em;
}

#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;
font-size:0.875em;
}

#pageTopNav ul{
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{
margin-top:58px;
min-height:56px;
background:url(../img/footer/bg.png) 0 0 repeat-x;
font-size:14px;
}

#footer .linkList{
text-align:center;
}

#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{
text-align:center;
}

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

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

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

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

#top #messageAndIndex{
float:none;
padding:10px 0 0;
width:auto;
}

#top #messageAndIndex p{
text-shadow:1px 1px 1px #fff;
}

#top #messageAndIndex #activities,
#top #messageAndIndex #committee,
#top #messageAndIndex #column,
#top #messageAndIndex #qa{
width:auto;
float:none;
margin:0;
border-top:1px solid #d2d2d2;
}

#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{
margin-bottom:15px;
border-top:1px solid #d2d2d2;
border-bottom: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 0;
border-width:0 1px;
border-color:#fff;
border-style:solid;
}

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

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

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

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

#top #docs h2{
margin:0 auto;
padding:0;
border:0;
background:none;
line-height:1;
}

#top #docs h2 a{
display:block;
padding:21px 0 16px 10px;
}

#top #docsContent{
margin:0 auto;
background:none;
}

#top .docsList{
float:left;
margin:0 0 0;
border:1px solid #cfcfcf;
background:#fff;
}

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

#top .docsList h3{
margin-bottom:10px;
border-width:4px 0 1px;
border-top-color:#9acc00;
border-bottom-color:#cfcfcf;
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 13px 8px 0;
}

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

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

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