/* undo ---------------------------------------------------------------------------------- */
:link, :visited { 
text-decoration: none 
}
ul, ol { 
list-style: none 
}
h1, h2, h3, h4, h5, h6, pre, code { 
font-size: 0.9em; 
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd, img {
margin: 0; padding: 0; 
}
a img, :link img, :visited img { 
border: none;
}
address { 
font-style: normal;
font-size:0.8em;
}

/* clearfix ------------------------------------------------------------------------------ */
.clearfix:after { 
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden; 
}

.clearfix {
display: inline-block;
}

/* layout -------------------------------------------------------------------------------- */
body {
text-align: center;
background: url(../images/layout/bg_body.jpg) top left repeat-x #ececec;
font-family: 'Verdana','Arial','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Osaka', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif; 
}

#container {
width: 950px;
margin: 0 auto;
text-align: left;
background: #fff;
}

#header {
position: relative;
padding: 30px 0 3px 0;
background: url(../images/layout/bg_header.jpg) top left no-repeat;
font-size: 12px;
}

#header h1 {
display: inline;
margin: 7px 40px 7px 15px;
font-size: 12px;
}

#header #copy {
position: absolute;
top: 40px;
left: 380px;
color: #ff0000;
font-size: 14px;
font-weight: bolder;
}

#header address {
position: absolute;
top: 67px;
right: 15px;
font-size: 12px;
}

#header #contact {
position: absolute;
top: 11px;
right: 15px;
}
#header #contact a {
display: block;
width: 184px;
height: 37px;
background: url(../images/layout/contact.jpg) 0 -10px no-repeat;
text-indent: -9999px;
overflow: hidden;

}

#nav {
height: 44px;
}	

#nav li {
float: left;
}

#nav li a {
display: block;
height: 44px;
background: url(../images/layout/bg_nav.jpg) 0 0 no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#nav #about a {
width: 150px;
background-position: 0 0;

}

#nav #about a:hover {
background-position: 0 -44px;
}

#nav #join a {
width: 123px;
background-position: -150px 0;
}

#nav #join a:hover {
background-position: -150px -44px;
}

#nav #event a {
width: 120px;
background-position: -273px 0;
}

#nav #event a:hover {
background-position: -273px -44px;
}

#nav #business-support a {
width: 155px;
background-position: -393px 0;
}

#nav #business-support a:hover {
background-position: -393px -44px;
}

#nav #official-approval a {
width: 123px;
background-position: -548px 0;
}

#nav #official-approval a:hover {
background-position: -548px -44px;
}

#nav #member a {
width:137px;
background-position: -671px 0;
}

#nav #member a:hover {
background-position: -671px -44px;
}

#nav #shinkansen a {
width: 142px;
background-position: -808px 0;
}

#nav #shinkansen a:hover {
background-position: -808px -44px;	
}

#content {
padding: 15px 0 0 0;
background: url(../images/layout/bg_content.gif) top left repeat-y;
}

#main {
float: left;
width: 696px;
padding: 0 24px;
margin-bottom:15px;
}

#main #topic-path {
padding: 0 0 10px 0;
font-size: 11px;
}

#main #eye-catch {
margin: 0 0 15px 0;
}

#main #topics {
margin: 0 0 60px 0;
}

#main.index h2 {
margin: 0 0 10px 0;
}



#side {
float: right;
width: 206px;
text-align: center;
}

#side img.banner {
margin: 0 0 8px 0;
}

#side ul {

margin-left:8px;
}

#side li {
background:transparent url(../images/dlico.gif) 9px -63px no-repeat;
font-size:10px;
text-align:left;
list-style:none;
padding-left:28px;
line-height:2.0;
padding-right:12px;
}


#side li a:hover {
text-decoration:none;
border-bottom:#CC0000 1px solid;
}

#main p {
line-height:1.8;
margin:10px 0 10px 0;
font-size:12px;
padding-left:20px;
}

h2 {
clear: both;
margin: 0 0 30px 0;
}

* html h2 {
height:55px;
}

h3 {
clear: both;
}

h4 {
clear: both;

}

h5 {
clear: both;
}

h6 {
clear: both;
}

.left {
float: left;
}

img .left {
float: left;
margin: 0 15px 15px 0;
}

.right {
float: right;
}

img .right {
float: right;
margin: 0 0 15px 15px;
}

.style5 {
font-size: 14px;
font-weight: bold;
color: #990033;
}
.style6 {
font-size: 12px;
line-height:1.8;
}

.style8 {
font-size: 12px; 
font-weight: bold;
line-height:1.8;
margin:30px 0 10px 0;
}

#main ol {
list-style-type:decimal;
padding:10px 0 20px 40px;
font-size:12px;
}

#main ul {
list-style-type:circle;
padding:10px 0 20px 40px;
font-size:12px;
}

#main li {
line-height:1.8;
}

#main table {
width:680px;
margin-bottom:20px;
empty-cells:show;
}

#main th {
background-color:#efefef;
text-align:center;
border-bottom:1px solid #454545;
border-right:1px solid #454545;
padding:5px;
font-size:12px;
}

#main td {
border-bottom:1px solid #454545;
border-right:1px solid #454545;
padding:5px;
font-size:12px;
}

#main .exam th {
background-color:#efefef;
text-align:center;
border-bottom:1px solid #454545;
padding:5px;
font-size:12px;
}

#main .exam td {
border:1px solid #454545;
padding:5px;
font-size:12px;
}


#main h3 {
background-color:#ffe9e9;
font-weight:bold;
font-size:14px;
padding:5px 0px 5px 15px;
color:#000;
border-left:3px solid #ff0000;
border-bottom:1px solid #ff0000;
margin-bottom:10px;
}


#main h4 {
padding:10px 5px 5px 15px;
border-bottom:1px dotted #ababab;
font-size:14px;
color:#454545;
margin-bottom:10px;
}

.h4inner {
border-left:solid #8c8c8c 3px;
padding-left:5px;
}


#main dl {
margin-bottom:15px;
}

#main dt {
margin-top:1em;
font-weight:bold;
margin-left:1.3em;
font-size:0.9em;
background:transparent url(../images/dlico.gif) 0px 2px no-repeat;
padding:0 0 0 18px;
border-bottom:1px dotted #dbdbdb;
margin-bottom:5px;
}

#main dd {
margin-left:1em;
font-size:0.8em;
line-height:1.8;
background:transparent url(../images/dlico.gif) 9px -63px no-repeat;
padding:0 0 0 25px;
}

#main.topics dl {
clear: left;
margin: 0 0 5px 0;
line-height: 200%;
font-size: 13px;
}

#main.topics dt {
float: left;
width: 96px;
border-bottom: 1px dashed #ccc;

}

#main.topics dd {
float: left;
width: 600px;
border-bottom: 1px dashed #ccc;
}

#main td a:hover {
background-color:#efefef;
color:#990000;
}


#main a:hover {
text-decoration:none;
border-bottom:#CC0000 1px solid;
}


#main img a:hover {
border:none;
text-decoration:none;
}

#mainbn img a:hover {
border:none;
text-decoration:none;
}

#mainbn li{
list-style:none;
float:left;
padding:5px;
margin-left:20px;
}


#footer {
clear: both;
position: relative;
width: 910px;
height: 97px;
margin: 40px 20px 0 20px;
background: url(../images/layout/bg_footer.jpg) top left no-repeat;
color: #fff;
}


#footer address {
float: left;
width: 480px;
margin: 20px 0 0 10px;
font-size: 12px;
}

#footer ul {
float: right;
margin: 20px 10px 0 0;
font-size: 12px;
}

#footer ul li {
float: left;
padding: 0 10px;
border-right: 1px solid #fff;
}

#footer ul li.last {
padding: 0 0 0 10px;
border: 0;
}

#footer ul li a {
color: #fff;
}


#footer #copyright {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 12px;
color: #ccc;
}

#footer #anchor-to-top {
position: absolute;
top: -32px;
right: 15px;
}

#anchor-to-top a {
display: block;
width: 146px;
height: 32px;
background: url(../images/layout/anchor_to_top.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
}