/*cssのひな形改良版です。*/
/*文字サイズを可変にした。*/
@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
margin:0;
padding:0;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
font-size: 90%;
text-align:center;
background-color:#eeeeee;
}
.root{
width:750px;
margin:0 auto;
background-color: #ffffff;
background-image: url(img/rootBg.gif);
background-repeat: repeat-y;
}
div,td,th {
text-align:left;
}
img {
margin:0;
padding: 0;
border:0;
text-align:bottom;
}
.imgRight{ float:right;}
.imgLeft{float:left;}
p,pre {
margin:0;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}
.tAlignRight{
text-align: right;
}
li {
margin: 0;
list-style: none;
}
ol, ul {
margin: 0;
padding:0;
}
h1 {
font-size:100%;
line-height:100%;
font-weight:bold;
margin:0;
display:inline;
}
h2 {
font-size:120%;
line-height:120%;
font-weight:bold;
margin:0;
}
h3 {
font-size:100%;
line-height:120%;
font-weight:bold;
margin:0;
}
h4,h5,h6 {
font-size:80%;
line-height:115%;
font-weight:normal;
margin:0px;
}
select {
display:block;
}
form {
margin:0;
}
.indent {
text-indent:-9999px;
font-size:9px;
line-height:10px;
}
.clear {
clear:both;
}
/*****************************/
a {text-decoration: none; color: orange;}
a:visited {text-decoration: none; color: #990000;}
.banner{
width: 750px;
height: 120px;
line-height: 1em;
font-size: 80%;
text-align: right;
margin: 0 auto;
background-image :url(img/banner.gif);
}
.menu {
width: 165px;
height: 100%;
margin: 0 auto;
font-size: 90%;
text-align: center;
float:left;
display:inline;
background-color: #3399cc;
}
.main {
width: 585px;
margin: 0 auto;
float:left;
display:inline;
}
.footer {
width; 750px;
text-align: center;
background-color: #f3f2d6;
margin: 0 auto;
}
.menu ul {margin:0; padding:0;}
.menu li {
width: 165px;
margin:0;
padding:0;

font-weight: bold;
float:left;
text-align: right;
}
.menu01 a {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu01.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffe0;
}
.menu01 a:hover {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
color: yellow;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu01On.gif);
background-color: #ffffe0;
}
.menu02 a {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu02.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffe0;
}
.menu02 a:hover {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
color: yellow;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu02On.gif);
background-color: #ffffe0;
}
.menu03 a {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu03.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffe0;
}
.menu03 a:hover {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
color: yellow;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu03On.gif);
background-color: #ffffe0;
}
.menu04 a {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu04.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffe0;
}
.menu04 a:hover {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
color: yellow;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu04On.gif);
background-color: #ffffe0;
}
.menu05 a {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu05.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffe0;
}
.menu05 a:hover {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
color: yellow;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu05On.gif);
background-color: #ffffe0;
}
.menu06 a {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu06.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffe0;
}
.menu06 a:hover {
width: auto;
height: 4em;
line-height: 4em;
text-align: right;
font-size: 90%;
color: yellow;
text-decoration: none;
display: block;
padding-right: 5px;
background-image: url(img/menu06On.gif);
background-color: #ffffe0;
}
.contentIndex {
width: 565px;
margin: 0 0 0 10px;
text-align: center;
}
.contentIndex h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 95%;
}
.contentIndex p {
margin-bottom: 20px;
font-size: 95%;
}
.qr {
font-size: 95%;
margin: 20px 20px 20px 20px;
text-align:center;
clear: both;
}
.contentGree {
width: 565px;
margin: 0 0 0 10px;
text-align: left;
}
.imgGree01{
width: 140px;
margin: 0 0 0 20px;
float:left;
display:inline;
}
.contentGree01{
width: 350px;
margin: 10px 0 0 0;
font-weight: bold;
float: left;
display:inline;
}
.contentGree01-01{
margin: 0 20px 0 0;
text-align: right;
}
.contentGree02 {
width: 515px;
margin: 0 0 20px 30px;
}
.contentGree02-01
{
width: 350px;
float: left;
display: inline;
}
.contentGree02-01 td {
font-size: 95%;
}
.contentGreeTdYellow {
background-color: #ffffdd;
}
.contentGree02-02
{
width:150px;
margin:0;
padding:0;
float:left;
display:inline;
}
.contentAccs {
width: 565px;
margin: 0 0 0 20px;
text-align: left;
}
.contentAccs01 {
margin: 0 30px 30px 30px;
}
.contentAccs02 {
margin: 30px 0 30px 65px;
}
.contentBus {
width: 565px;
margin: 0 0 20px 20px;
text-align: left;
}
.contentBus01 {
width: 400px;
margin: 0 0 0 30px;
}
.contentBus01 h2 {
color: #3399cc;
}
.contentBus01 h3 {
margin: 20px 0 0 0;
}
.contentBus01 ul {

}
.contentBus01 li {
margin: 20px 0 0 0;
}
.contentSr{
width: 565px;
margin: 0 0 20px 20px;
text-align: left;
}
.contentSr01{
margin: 0 40px 0 40px;
}
.contentSr h2{
color: #3399cc;
margin-bottom: 10px;
}
.contentSr h3{
margin-top: 20px;
font-size: 120%;
}
.contentSr p{
margin: 10px 0 0 0;
}
.contentSr ul{
margin-top: 10px;
margin-left: 10px;
}
.contentSr li{
line-height: 1.8em;
padding-left: 20px;
background-image: url(img/arrow.gif) ;
background-repeat: no-repeat;
background-position: middle left;
}
.contentSr01-01{
font-size: 120%;
margin-top:50px;
}
.contentSr01-02{
color: #666666;
font-size: 90%;
margin-top: 20px;
margin-left: 10px;
}
.contentLink {
width: 555px;
margin: 0 0 20px 20px;
text-align: left;
}
.contentLink01 {
margin: 0 0 30px 30px;
}
.contentLink01-01 {
margin: 30px 100px 0 0;
text-align: right;
}
.contentLink h3 {
margin: 10px 0 10px 0;
}
.contentLink ul {
}
.contentLink li {
list-style-position: inside;
list-style-type: disc;
}
.contentSitemap {
width: 565px;
margin: 0 0 20px 20px;
text-align: left;
}
.contentSitemap01 {
margin-left: 80px;
}
.contentSitemap01 ul {


}
.contentSitemap01 li{
margin: 10px 0 0 20px;
list-style-position: inside;
list-style-type: square;
}
#linkTop li {
margin: 10px 0 0 20px;
list-style-position: inside;
list-style-type: disc;
}