body {
background-color:#FFFFFF;
margin:0px 0px 0px 0px ;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:13px;
border: 1px solid #000000;  
padding:0px;
width:1024px;
}
#outer{
width:1024px;
margin:0px 0px 0px 0px ;
margin-left:auto;
margin-right:auto;
}
#header {
margin:10px auto 5px 50px;
padding:auto auto;
text-align:left;
text-valign:middle;
display;table;
height:40px;
float:left;
}

.main {
width:1024px;
margin:0px 0px 0px 0px ;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.div1 {
margin:16px auto 5px 50px;
width:40%;
height:350px;
text-align:left;
float:left;
background-color:#eeeeee;
}
.div2 {
margin:16px auto 5px 50px;
width:40%;
text-align:left;
height:350px;
float:right;
background-color:#eeeeee;
}
.div3 {
margin:16px 8px 5px 16px;
width:50%;
height:500px;
float:left;
background-color:#eeeeee;
text-align:left;
}
.div4 {
margin:16px 8px 5px 16px;
width:45%;
height:500px;
float:right;
background-color:#eeeeee;
text-align:left;
}
.right {
width:230px;
padding:14px 0px 0px 0px;
color:#004C25;
font-size:12px;
float:left;
text-align:left;
}
.description {
padding-left:20px;
color:#333333;
font-size:13px;
line-height:140%;
}
.content {
padding:0px 10px 10px 30px;
margin-bottom:4px;
text-align:left;
font-size:14px;
line-height:150%;
}
.title {
font-size:13px;
padding:5px 0px 4px 30px;
margin:0px 0px 0px 0px;
font-weight:bold;
color:#ffffff;
text-align: left;
background-color:#004C25;
/*border: 1px solid #f2f2f2;*/
}
.left-box-1{
      float : left ;
      width : 200px ;
      height : 300px ;
      border : 1px solid #000 ;
      }

.left-box-2{
      float : left ;
      width : 200px ;
      height : 300px ;
      border : 1px solid #000 ;
      }

.clr-block{

      clear : both ;
      padding : 5px ;
      }

.box_1 {
   display: inline-block;
　　　　　　vertical-align: middle;
   color: #FFF;
   width:200px;
   height:300px;
}
 .box_2{
  display: inline-block;
　　　　vertical-align: middle;
   width:200px;
  height:300px;
}
 .box_3{
　　 display: inline-block;
　　　　vertical-align: middle;
   width:200px;
  height:300px;
}
.side {
/*line-height:180%;*/
font-size:12px;
padding:6px 0px 10px 14px;
margin:0px 0px 0px 0px;
background-color:#DBE6DE;
font-weight:bold;
color: #777777;
border-right: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
}
.side a{
color:#003366;
text-decoration : none;
}
.side a:hover{
text-decoration:underline;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:disc; 
}
.side ul {
margin: 0 0 0 0;
padding: 0;
}
.side li {
margin: 0 0 0 20px;
list-style:disc; 
padding: 0 0 0 0px;
}
P {
margin:1em 0 1em 0;
line-height:150%;
}
img{
border:0px;
}
hr {
border-width: 2px 30px 0px 30px;
border-style: solid;
border-color: #aaaaaa;
height: 1px;
}
a{
font-weight:normal;
color: #003366;
}
h1 {
font-size:16px;
text-align:left;
color: #003333;
padding:24px 0px 0px 37px;
margin:0px;
font-family: メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
h1 a{
font-weight:bold;
color:#003333;
text-decoration:none;
font-family: メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
h1 a:hover{
text-decoration:underline;
}
h2 {
font-size:13px;
margin:0px 0px 0px 0px;
padding:14px 0px 9px 4px;
color:#000000;
border-top:2px solid #999999;
}
h3 {
font-size:16px;
color: #000000;
padding:5px 0px 3px 15px;
margin-right: 20px;
}
h4 {
font-size:16px;
color: #000000;
padding-left: 15px;
}
#footer {
padding-top:10px;
color:#666666;
font-size:12px;
height:100px;
clear:left;
text-align:center;
}
blockquote{
border:0px solid #ccc;
padding:5px;
margin:10px;
}
#box {
width:120px;
/*height:32px;*/
valign:center;
display:inline-block;
margin-top:0px;
padding:20px 0px 0px 10px;
background-color:lightblue;
color:#000000;
font-size:12px;
text-align:left;
}