body {
  margin : 0;
　background-color: #FFFFFF;
　color: #333333;
  text-align : center;
  }

a:link { color: #942343;}
a:visited { color: #666666;}
a:hover { color: #de82a7;}
a:active { color: #666666;}

.mainbox {
  margin : 0 auto ;
  padding: 30px 0 50px;
  width : 700px;
  background-color: #ffffff;
  text-align : center;
 }

.cbox {
  margin : 0 auto ;
  padding: 30px 0 50px;
  width : 700px;
  background-color: #ffffff;
  text-align : center;
  background-image: url(image/menuimg/back-img.jpg);
  background-repeat: no-repeat;
  background-position : right top; 
 }

.box {
  width : 630px;
  background-color: none;
  text-align : left;  
  padding-bottom: 20px;
  margin : 0 auto ;
 }


h2 {
  font-size: 1.45em;
  letter-spacing:0.5em;
  color : #333333;
  font-family : "MS Gothic",sans-serif;
  padding: 7px 0 7px 13px;
  border-style: solid;
  border-width: 0 0 0 10px;
  border-color: #d7003a;

 }

h3 {
  font-size: 1em;
  color : #005c42;
  font-weight : bold;
  padding: 3px 0 3px 17px;
  border-style: solid;
  border-width: 0 0 1px 7px;
  border-color: #82ae46;
 }


h4 {
  font-size: 0.95em;
  color : #47885e;
  font-weight : bold;
  padding: 0 20px;
 }

li {
  list-style-type: square;
  list-style-position: outside;
  font-weight : bold;
  fontsize: 1em;
  vertical-align: middle;
 }

p {
  font-family : "MS UI Gothic",sans-serif;
  padding: 0 20px;
  font-size: 0.95em ;
　line-height: 1.5em;
  color: #333333;
}

.header {
  font-size: 12px;
  color : #333333;
  font-family : "MS P Gothic",sans-serif; 
  text-align : right; 
  padding: 20px 20px 0 0;
  height: 15px;
 }

.footer {
  font-size: 0.75em;
  color : #333333;
  font-family : "MS P Gothic",sans-serif; 
  text-align : right; 
  padding: 20px 15px 5px;
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #b94047; 
 }

table {
  font-family : "MS UI Gothic",sans-serif;
  font-size: 0.9em;
  line-height:175%;
  margin: 0 20px;
}

.tabletitle {
  color : #333333;
  background-color:#b0ca71;
  font-size: 1em;
  letter-spacing:0.1em;
  font-weight : bold;
  text-align: center;
}

.tablemain {
  font-size: 0.9em;
  line-height:175%;
  padding-left:10px;
}

.navibg {
  margin : 0 auto ;
  width : 708px;
  height : 100px;
  background-image: url(image/menuimg/menu-bg_c.jpg);
  background-repeat: no-repeat;
  background-position : left bottom; 
   }

#navi {
    font-family:Verdana,ＭＳ ゴシック;
    font-size:10px;
    height:37px;
    width:470px;
    margin:25px 0 0 200px;
    background-color:none;
    }
#navi ul {
    list-style-type:none;
    margin:0;
    padding:0;
    }
#navi li {display:inline;}
#navi li a {
    text-decoration:none;
    float:left;
    display:block;
    line-height:37px;
    width:94px;
    text-indent:-100em;
    overflow:hidden;
    background-color:#ffcccc;
    }
li#top a{
    background: url(image/menuimg/menu-navi3.gif) no-repeat 0 0;
    }
li#gaiyou a{
    background: url(image/menuimg/menu-navi3.gif) no-repeat -94px 0;
    }
li#jigyou a{
    background: url(image/menuimg/menu-navi3.gif) no-repeat -188px 0;
    }
li#qa a{
    background: url(image/menuimg/menu-navi3.gif) no-repeat -282px 0;
    }
li#kojin a{
    background: url(image/menuimg/menu-navi3.gif) no-repeat -376px 0;
    }

li#top a:hover{
    background-position:0 -37px;
    }
li#gaiyou a:hover{
    background-position:-94px -37px;
    }
li#jigyou a:hover{
    background-position:-188px -37px;
    }
li#qa a:hover{
    background-position:-282px -37px;
    }
li#kojin a:hover{
    background-position:-376px -37px;
    }
