@charset "UTF-8";

/* color
bg = #ebf1ea;
orange = #ffcc66;
pale = #b2d1cc;
dark = #82a6b4;
 */


/* reset */
html,body,p,div,li,dl,dt,dd{
padding: 0;margin: 0;
}
h1,h2,h3,address,em{
padding: 0;margin: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
}
th,td{
padding: 0;margin: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
text-align: left;
}
input,textarea{
font-size: 100%;
font-family: monospace;
}
ul{
list-style: none;
}


/* pages */
body{
font-size: 90%;
color: #333;
background-color: #ebf1ea;
line-height: 1.5;
text-align: center;
font-family: Arial, sans-selif;
}
#container{
width: 756px;
margin-right: auto;
margin-left: auto;
background: #fff url(img/contents_bg.gif) center top repeat-y;
position: relative;
text-align: left;
}
#main{
width: 500px;
float: right;
padding: 0 28px 2em 25px;
}
#menu{
width: 200px;
float: left;
padding-bottom: 2em;
padding-left: 3px;
}
#contents{
padding-bottom: 2em;
}
#contents:after{
content:".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}



/* common */
a{
color: #4d98b6;
text-decoration: none;
}
a:hover{
color: #ffcc66;
text-decoration: underline;
}
img{
border: none;
}
h1{
margin-top: 25px;
margin-bottom: 24px;
padding: 3px 3px 3px 20px;
background: #82a6b4 url(img/h_icon.gif) left center no-repeat;
color: #fff;
font-size: 120%;
letter-spacing: 1px;
}
#top h1{
margin-bottom: 0;
}
.attention{
color: #e64d2e;
}
.bread{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.bread li{
display: inline;
margin: 0 1em;
padding: 0;
}
.gotop{
text-align: right;
font-size: 90%;
}
em.new{
margin-left: 0.5em;
color: red;
}
.sub{
margin: 24px 24px 12px;
}
.author{
text-align: right;
margin-bottom: 24px;
}


/* header */
#header{
height: 200px;
background: url(img/mainimg.jpg) no-repeat;
position: relative;
}
#header p a{
display: block;
width: 69px;
height: 23px;
position: absolute;
top: 15px;
left: 15px;
text-indent: -9999px;
overflow: hidden;
}
#header .logo a,
#header .opulogo{
text-indent: -9999px;
overflow: hidden;
}


/* menu */
#menu ul{
text-align: right;
margin: 0;
padding: 25px 0;
}
#menu ul li{
margin: 0 0 25px 25px;
border: 1px solid #82a6b4;
background-color: #ebf1ea;
}
#menu ul li a{
display: block;
padding: 3px 25px;
text-decoration: none;
}
#menu ul li a:hover{
background-color: #fff;
}
#top #topMenu,
#news #newsMenu,
#rule #ruleMenu,
#report #reportMenu,
#research #researchMenu,
#inq #inqMenu{
border-right-color: #fff;
background-color: #fff;
color: #82a6b4;
}
#menu #inqMenu{
margin-bottom: 50px;
}
#menu .bnMenu{
margin: 0 0 10px 25px;
border: none;
background-color: transparent;
padding-bottom:1px;
text-align: left;
}
#menu .bnMenu a{
position: relative;
border: none;
padding: 0;
background-color: transparent;
padding-bottom:1px;
display: inline;
}
#menu .bnMenu a:hover{
top: 1px;
}
#menu .counter{
margin-top: 10px;
margin-left: 25px;
}


/* footer */
html,
body,
#container{
height: 100%;
}
html>body #container{
height: auto;
min-height: 100%;
}
#footer{
clear: both;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: url(img/contents_bg.gif) top repeat-x;
line-height: 1;
}
#footer address{
margin: 0 3px;
padding: 0.5em 25px;
background-color: #a6c6c1;
color: #fff;
text-align: center;
font-size: smaller;
}


/* top */
#top .news{
margin-top: 24px;
padding: 0 25px 25px;
border-color: #82a6b4;
border-style: solid;
border-width: 1px;
}
#top #main h2{
margin-bottom: 12px;
}
#top #main ol{
margin: 0 12px 24px;
padding: 0;
list-style: none;
}
#top #main li{
padding: 3px 0 3px 40px;
background-position: 0 0.4em;
}
#top .event{background: url(img/icon_event.gif) 0 0.3em no-repeat;}
#top .officer{background: url(img/icon_officer.gif) 0 0.3em no-repeat;}
#top .etc{background: url(img/icon_etc.gif) 0 0.3em no-repeat;}
#top .research{background: url(img/icon_research.gif) 0 0.3em no-repeat;}
#top dt{
font-weight: bold;
font-size: 110%;
}
#top dd{
margin: 0 24px 24px;
font-size: 90%;
}
#top p.more{
text-align: right;
}
#top #main .feature h2{
margin-top: 24px;
}
#top #main .feature ol{
font-size: 130%;
border-bottom: 1px dashed #ccc;
margin-top: 0;
padding-bottom: 24px;
}


/* rule */
#rule h2{
margin-top: 24px;
font-weight: bold;
}
#rule h3{
margin-top: 12px;
}
#rule #main p.date{
margin-left: 0;
text-align: right;
font-size: 80%;
}
#rule #main p{
padding-left: 2em;
}
#rule ol{
margin-top: 0;
padding-top: 0;
}
#rule ol ol{
list-style: none;
}
#rule table{
border-collapse: collapse;
}
#rule td,
#rule th{
width: 180px;
border: 1px solid #999;
text-align: center;
}
#rule th{
background: #ccc;
}

/*\*//*/#rule #main{width: 499px;}/**/

/* news */
#news h2{
padding: 3px 12px;
color: #fff;
font-size: 120%;
}
#news #main div{
margin: 24px 0;
padding-bottom: 12px;
}
#news dl{
padding: 0 12px;
}
#news dt{
padding: 3px 6px;
border-width: 1px;
border-style: solid solid dashed;
background: #fff;
}
#news dd{
padding: 12px;
margin-bottom: 24px;
font-size: 90%;
border-width: 0 1px 1px;
border-style: solid;
color: #666;
background: #fff;
}
#news #event_news dt,
#news #event_news dd{
border-color: #fc0;
}
#news #officer_news dt,
#news #officer_news dd{
border-color: #638bb3;
}
#news #research_news dt,
#news #research_news dd{
border-color: #f34a4a;
}
#news #etc_news dt,
#news #etc_news dd{
border-color: #ccc;
}
#news #event_news{
background-color: #ffe167;
}
#news #officer_news{
background-color: #799ec3;
}
#news #research_news{
background-color: #e38989;
}
#news #etc_news{
background-color: #ddd;
}


/* inq */
#inq .usessl{
font-size: 90%;
color: #666;
}
#inq dt{
margin: 24px 0 2px;
padding-left: 6px;
border-left: 6px solid #b2d1cc;
color: #666;
font-size: 100%;
}
#inq form{
margin-bottom: 24px;
}
#inq dd{
}
#inq dd input,
#inq dd textarea{
vertical-align: middle;
width: 95%;
border: 1px solid #999;
padding: 2px;
}
#inq dd.year input{
width: 4em;
}
#inq .must{
color: #ff7f50;
}


/* report */
#report h2{
padding: 0 6px;
margin: 24px 6px 6px;
border-bottom: 1px dashed #82a6b4;
color: #82a6b4;
font-weight: bold;
}
#report table{
margin: 0 24px 24px;
}
#report td{
vertical-align: top;
}


/* research */
#research{
}
#research h2{
margin-top: 2em;
font-weight: bold;
}
#research #main ol{
margin: 0;
padding: 0 0 0 2em;
list-style: none;
}
#research #main li{
padding-left: 1em;
text-indent: -1em;
}
#research #main p{
padding-left: 2em;
}
#research #inq{
margin: 5em 1em 0;
}
#research #inq h2{
font-size: 120%;
color: #666;
}
#research #inq h3{
margin-top: 2em;
font-weight: bold;
}
#research #inq ul{
margin: 0;
padding: 0 2em;
}
#research #inq li{
padding-left: 20px;
background: left center url(img/icon_doc.gif) no-repeat;
text-indent: 0;
}
#research #inq li.pdf{
background-image: url(img/icon_pdf.gif);
}



/* newsitem */
#news.d110910 h2{
color: orange;
}
#news.d110910 .sub dt{
margin: 12px 0 0;
padding: 0;
border: none;
}
#news.d110910 .sub dd{
padding: 0;
border: none;
}