body{
    background-color : #CCC;
    color : #222 ;
    font-size : 12px ;
    margin-top : 20px;
    margin-left: 20px;
    line-height : 20px ;
}
a:link    { color:#009 ;}
a:visited { color:#339 ;}
a:active  { color:#009 ;}
a:hover   { color:#09A ;}

#header2 a:link    { color:#fff ; text-decoration:none;}
#header2 a:visited { color:#fff ; text-decoration:none;}
#header2 a:active  { color:#fff ; text-decoration:none;}
#header2 a:hover   { color:#005 ; text-decoration:none; background-color:#FFF}

#footnavi a:link    { color:#005 ; padding :3px ; margin : 5px ;}
#footnavi a:visited { color:#005 ; padding :3px ; margin : 5px ;}
#footnavi a:active  { color:#005 ; padding :3px ; margin : 5px ;}
#footnavi a:hover   { color:#fff ; padding :3px ; margin : 5px ; background-color:#005}

div#header{
    width : 760px ;
    height : 80px ;
    padding : 5px ;
    float : both ;
    background-color : #EEE;
    border : 1px #333 solid ;
}
div#header p{
    margin:0px 0px 10px 0px;
}
div#header2{
    width : 760px ;
    height : auto ;
    float : both ;
    background-color : #005;
    border : 1px #333 solid ;
}
#header2 ul{
    list-style : none ;
    list-style-position : inside;
    margin : 0px 0px 0px 0px ;
    padding-top : 3px ;
    padding-left : 10px ;
}
#header2 li{
    list-style : none ;
    padding-left : 0px ;
    padding-right : 20px ;
    float : left ;
    text-align : center ;
    font-size : 12px ;
    display : block ;
}
div#container{
    width : 760px ;
    float : both ;
    margin : 0px ;
    text-align : left ;
    padding : 0px ;
    background-color : #EEE;
    border : 1px #333 solid ;
}
.navi{
    width : 198px ;
    height : auto ;
    float : left ;
    text-align: center ;
    background-color : #DDD;
    margin-top : 0px ;
    margin-left : 0px ;
    padding : 5px ;
    font-size : 12px ;
}
.navi ul{
    width : 100% ;
    list-style : none ;
    padding : 0px ;
    margin : 0px ;
}
.navi li{
    width : 100% ;
    line-height: 22px;
    margin-bottom : 5px ;
    text-align: center ;
    color : #666;
    background-color : #fff ;
    border : 1px #333 solid ;
}
.lititle{
    width : 100% ;
    padding : 5px ;
    margin : 4px 0px 0px 0px ;
    float : both ;
    background-color : #036 ;
    color : #fff ;
}
.magmag{
    height : auto ;
    width : 100% ;
    line-height: 22px;
    padding : 5px ;
    text-align: center ;
    color : #333;
    background-color : #ffc ;
    border : 1px #333 solid ;
}
.navi p{
  padding : 5px ;
}
.main{
    width : 560px ;
    float : right ;
    padding : 20px ;
    background-color : #fff;
	font-size:12px;
    line-height : 24px ;
}
.main ul{
    list-style : none ;
    padding : 0px 0px 5px 10px ;
    margin : 0px ;
}
.main li{
    line-height: 18px;
    text-align:left;
}
.maininfo{
    width : 560px ;
    padding : 20px ;
    background-color : #fff;
}
#footnavi{
    width : 760px ;
    height : 30px ;
    text-align : center ;
    font-size : 12px ;
    line-height : 20px ;
    background-color : #EEE;
    padding-top : 5px ;
    margin : 0px;
    border : 1px #333 solid ;
    float : both ;
}
.footnabitable{
    width :auto ;
    font-size : 10px ;
    border-collapse: collapse; 
}
div#footer{
    width : 760px ;
    height : 30px ;
    text-align : center ;
    font-size : 10px ;
    background-color : #CCC;
    padding-top : 5px ;
    margin : 0px;
    border : 1px #333 solid ;
    float : both ;
}
.card{
    height : auto ;
    width : 530px ;
    line-height: 22px;
    padding : 20px ;
    text-align: left ;
    color : #333;
    background-color : #fff ;
    border : 1px #f50 solid ;
}
h1{
   margin : 0px ;
   padding : 0px ;
}
h2{
   color : #f50 ;
   font-size : 18px ;
   margin : 0px ;
   padding : 10px ;
}
h3{
   font-size:18px;
   line-height:28px;
}
h4{
   color : #06f ;
}
.red{
  color :#f00 ;
  line-height : 24px ;
}
.red2{
  color :#f00 ;
  font-size : 18px ;
  line-height : 24px ;
  background-color : #ff0 ;
}
.red3{
  color :#f00 ;
  font-size : 18px ;
  line-height : 28px ;
}
.redcenter{
  color :#f00 ;
  font-size : 20px ;
  line-height : 26px ;
  font-weight : bold ;
  text-align : center ;
}
.blue{
  color : #00C ;
  line-height : 24px ;
}
.bgyellow{
  background-color : #ff0 ;
  font-weight : bold ;
}
.big{
	font-size:16px;
  line-height : 28px ;
}

.center{
  text-align : center ;
}
.shomei{
  width : 300px ;
  margin-left : 240px ;
  font-size : 14px ;
}
.right{
  text-align : right ;
}
.bgblue{
   background-color : #EFF ;
   padding : 5px ;
}
.bglightye{
   background-color : #FFD ;
   padding : 5px ;
}
.grey{
   width : 500px ;
   background-color : #fff ;
   border : 1px #eee solid ;
   padding : 10px ;
}
.grey li{
    height : 25px ;
    padding : 5px 0px 5px 30px ;
    line-height: 18px;
    text-align:left;
    list-style : none ;
    background: url("./image/check.gif") no-repeat;
}
.guide{
   width : 300px ;
   border-collapse: collapse; 
   border : 1px #eee solid ;
}
.guide th{
   background-color : #eee ;
}
.info{
   width : 500px ;
   border-collapse: collapse; 
   border : 1px #ddd solid ;
}
.info th{
   width : 100px ;
   font-size : 12px ;
   font-weight : normal ;
   text-align :left ;
   background-color : #eee ;
   border : 1px #ddd solid ;
}
.info td{
   font-size : 12px ;
  line-height : 18px ;
   padding : 5px ;
   border : 1px #ddd solid ;
}
.shomei2{
   width : 500px ;
   margin-left :40px ;
   font-size : 22px ;
}