html{font-size:20px;}
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;           
  padding : 0;          
}
body{
    background-color: #DFDFDF;
overflow:scroll;
  width : 100%;         /* IEで横スクロールバーが出たときの保険 */
height: 100%;
}
.br{ display:none; }
.br3{border-style: outset;  }
.header{
  width : 100%;
  height : 50px;     overflow: hidden;   /* サイトロゴの高さに合わせて調節してください */
background-color: #7F7786;
}
.main{
  width : 100%;       /* メニューと本文をひとくくりにするためのクラス */
    overflow: hidden; 
height: auto; 
}
.sidemenu{
overflow: hidden;
  width : 100%;
     padding-bottom: 32767px; 
margin-bottom: -32767px; 
}
.contents{
 padding-left: 20px;
    height : auto;
  background-color:DFDFDF;
   width :calc(100% - 20px);
    padding-bottom: 32767px; 
margin-bottom: -32767px; 

}
.soft{
 padding-left: 20px;
     width:100%;height:100%;
    padding-bottom: 32767px; 
margin-bottom: -32767px; 
}

.footer{
background-color: #7F7786;
 padding-top: 10px;
   
    bottom: 0;
    width: 100%;
    height: 100px;
}
.sidemenu ul{
  list-style-type : none;
}
table {
	border-collapse: collapse;
}
td {
	border: solid 1px;
	padding: 0.5em;
}

@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/

}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/

}
@media screen and (min-width:1024px) {
    /*　for PC　*/
html{font-size:16px;}
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;           
  padding : 0;          
}
body{
border-style: none;
    background-color: #DFDFDF;
overflow:scroll;
  width : 100%;         /* IEで横スクロールバーが出たときの保険 */
height: 100%;
}
.br{ display:inline; }
.br2{display:none;}
.br3{border-style: none;}



.header{
  width : 100％;
  height : 50px;        /* サイトロゴの高さに合わせて調節してください */
background-color: #7F7786;
}
.main{
  width : 100%;       /* メニューと本文をひとくくりにするためのクラス */
    overflow: hidden; 
height: auto; 

}
.sidemenu{
  background-color: #DFDFDF;
  width : 150px;
  float : left;
     padding-bottom: 32767px; 
margin-bottom: -32767px; 
  
     
}
.contents{
    height : auto;
border-left: 2px solid #fff; /* 区切り線 */
    padding-left: 20px;
  background-color:DFDFDF;
   width :calc(100% - 434px);
        float : left;   /* 指定しないと、FirefoxやOperaで.sidemenuの下に回り込みます */
    padding-bottom: 32767px; 
margin-bottom: -32767px; 

}
.soft{
    padding-left: 20px;
    border-left: 2px solid #fff; /* 区切り線 */
    width:240px;height:100%;float:left;
    padding-bottom: 32767px; 
margin-bottom: -32767px; 
}

.footer{
font-size: 100%;
background-color: #7F7786;
 padding-top: 10px;

    bottom: 0;
    width: 100%;
    height: 60px;

}
.sidemenu ul{
  list-style-type : none;
}
table {
	border-collapse: collapse;
}
td {
	border: solid 1px;
	padding: 0.5em;
}
 
}