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


/* 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,
#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 dl{
padding: 25px 25px 0;
border-color: #82a6b4;
border-style: solid;
border-width: 0 1px 1px;
}
#top dt{
font-weight: bold;
font-size: 110%;
}
#top dd{
margin: 0 24px 24px;
font-size: 90%;
}
#top p.more{
text-align: right;
}

/* 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 #main{width: 499px;}/**/

/* news */
#news dl{
padding: 0 12px;
}
#news dt{
padding: 6px;
background-color: #ffcc66;
font-size: 110%;
}
#news dd{
border: 1px solid #ffcc66;
padding: 12px;
margin-bottom: 24px;
}


/* inq */
#inq .usessl{
font-size: 90%;
color: #666;
}
#inq dt{
margin: 12px 0 2px;
padding-left: 6px;
border-left: 6px solid #b2d1cc;
color: #666;
font-size: 90%;
}
#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;
}


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