/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
margin: 0 auto;
background: url(../images/bg.gif) repeat-y center top;
text-align: center;
font: normal 12px/1.6 '‚l‚r ‚oƒSƒVƒbƒN', Osaka, sans-serif;
}

a {outline: none;}
img {border: none;}
ul {list-style: none;}

a:link, a:visited { color: #333; text-decoration: underline;}
a:hover, a:active { color: #fc2f00; text-decoration: underline;}

table {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border: none;
font-size: 1em;
}

iframe {
border: none;
overflow: hidden;
height:450px;
}

#wrapper {
margin: 0 auto;
width: 860px;
background-color: #e7e7e7;
text-align: left;
}

h1 {
height: 108px;
background: #fff url(../images/ttl_bg.gif) no-repeat center top;
}

h1 a{
float: left;
margin: 15px 0 0 25px;
width: 495px;
height: 80px;
display: block;
text-indent: -9999px;
overflow: hidden;
}

#navi {
height: 45px;
background: url(../images/fukidashi.gif) no-repeat;
}
#home #navi { background-position: 53px 37px;}
#about #navi { background-position: 176px 37px;}
#purpose #navi { background-position: 299px 37px;}
#letter #navi { background-position: 422px 37px;}
#document #navi { background-position: 545px 37px;}
#link #navi { background-position: 668px 37px;}
#contact #navi { background-position: 791px 37px;}

#navi li {
float: left;
width: 123px;
display: inline;
}
#navi li a{
width: 123px;
height: 32px;
background: url(../images/navi.gif) no-repeat;
display: block;
text-indent: -9999px;
over-flow: hidden;
}
li#navi01 {
width:122px;
}
li#navi01 a{
width:122px;
}
li#navi01 a:link, li#navi01 a:visited { background-position: 0 0;}
li#navi02 a:link, li#navi02 a:visited { background-position: -122px 0;}
li#navi03 a:link, li#navi03 a:visited { background-position: -245px 0;}
li#navi04 a:link, li#navi04 a:visited { background-position: -368px 0;}
li#navi05 a:link, li#navi05 a:visited { background-position: -491px 0;}
li#navi06 a:link, li#navi06 a:visited { background-position: -614px 0;}
li#navi07 a:link, li#navi07 a:visited { background-position: -737px 0;}

li#navi01 a:hover, li#navi01 a:active { background-position: 0 -32px;}
li#navi02 a:hover, li#navi02 a:active { background-position: -122px -32px;}
li#navi03 a:hover, li#navi03 a:active { background-position: -245px -32px;}
li#navi04 a:hover, li#navi04 a:active { background-position: -368px -32px;}
li#navi05 a:hover, li#navi05 a:active { background-position: -491px -32px;}
li#navi06 a:hover, li#navi06 a:active { background-position: -614px -32px;}
li#navi07 a:hover, li#navi07 a:active { background-position: -737px -32px;}

#home li#navi01 a { background-position: 0 -32px;}
#about li#navi02 a { background-position: -122px -32px;}
#purpose li#navi03 a { background-position: -245px -32px;}
#letter li#navi04 a { background-position: -368px -32px;}
#document li#navi05 a { background-position: -491px -32px;}
#link li#navi06 a { background-position: -614px -32px;}
#contact li#navi07 a { background-position: -737px -32px;}

#main {
clear: both;
margin: 0 20px 20px;
width: 820px;
background: #fff url(../images/w820_header.gif) no-repeat center top;
}

div.left {
float: left;
margin: 20px 0 20px 20px;
width: 520px;
display: inline;
}

div.right {
float: right;
margin: 20px 20px 0px 0;
width: 240px;
height:100%;
display: inline;
}

#breadcrumbs {
margin-bottom: 20px;
font-size: 11px;
}

h2 {
margin-bottom: 14px;
border-left: #fc2f00 8px solid;
border-bottom: #fc2f00 1px solid;
padding-left: 10px;
color: #333;
font-size: 14px;
height: 20px;
line-height: 18px;
}

p.text {
margin-bottom: 20px;
line-height: 1.8;
}
p.center {
text-align: center;
}
p.right {
text-align: right;
}
p.small {
font-size: 11px;
}

.list li {
background: url(../images/listmark01.gif) no-repeat 0 5px;
padding-left: 10px;
}

.textlink li{
background: url(../images/listmark02.gif) no-repeat 0 4px;
padding-left: 10px;
}

dl.info {
margin-bottom: 10px;
}
dl.info dt {
color: #666;
font-weight: bold;
}
dl.info dd {
margin-bottom: 10px;
border-bottom: #ccc 1px dotted;
padding-bottom: 10px;
}

div.letter {
margin-bottom: 10px;
border-bottom: #ccc 1px dotted;
padding-bottom: 10px;
}
div.letter h3{
margin: 4px 0;
padding-left: 10px;
background: url(../images/listmark02.gif) no-repeat 0 5px;
font-size: 14px;
}
.letter ol {
margin-left: 20px;
_margin-left: 25px;
}
.letter ol li {
line-height: 1.8;
}

dl.link {
margin: 10px 0 0;
}
dl.link dt {
font-weight: bold;
font-size: 14px;
background: url(../images/listmark02.gif) no-repeat 0 5px;
padding-left: 10px;
}
dl.link dd {
margin: 4px 0 10px;
border-bottom: #ccc 1px dotted;
padding: 0 10px 10px;
}
ul.link {
margin: 10px 0;
}
ul.link li {
margin-top: 10px;
padding: 0 10px 10px;
font-weight: bold;
font-size: 14px;
background: url(../images/listmark02.gif) no-repeat 0 5px;
border-bottom: #ccc 1px dotted;
}

ol.about {
margin-left: 20px;
_margin-left: 25px;
}
ol.about li {
margin-bottom: 15px;
line-height: 1.8;
}
ol.about li strong{
font-size: 14px;
color: #630;
}

.box {
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
margin-bottom: 20px;
}
.box th, .box td{
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
padding: 4px 20px;
vertical-align: middle;
text-align: left;
}
.box th{
background-color: #efefef;
}

#footernavi {
}
#footernavi a{
padding-left: 16px;
background: url(../images/listmark03.gif) no-repeat 0 1px;
}

#footer {
clear: both;
height: 10px;
line-height: 10px;
background: url(../images/w820_footer.gif) no-repeat center bottom;
}