<STYLE type="text/css">
<!--
BODY{
  font-size: 15px;
  line-height : 135%;
  background-color :#0097cc;
  background-image : url(bg-index03.webp);
  background-repeat : repeat-y;
  background-position: center top;
  background-attachment:fixed;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
A:hover { 
  color:#FF6600;
}
A{
  text-decoration : none;
}
H1 {
  text-align: left;
  font-size: 13px;
  font-weight: strong;
  padding: 70px 0 0 15px;
  color: #5882a7;
}
H2 {
  text-align: left;
  font-size: 14px;
  font-weight: strong;
  margin:0 0 0 0;
  padding: 0 0 0 5px;
}
H3 {
  text-align: left;
  font-size: 15px;
  font-weight: strong;
  margin:0 0 0 0;
  padding: 5px 0 0 5px;
}
TD {
  text-align: left;
  font-size: 15px;
  line-height: 130%;
}

.body{
  width: 700px;
  background-color: white;
}
.body-top{
  width: 700px;
  height:112px;
  background-image : url(bg-index-top03.webp);
  background-repeat : no-repeat;
　background-position : center;
  margin: 0 0 0 0;
}
.body-main{
  width: 680px;
}
.navi-bar{
  height:35px;
  background-image : url(index-navibar-top03.gif);
　background-position : center;
  background-repeat :no-repeat;
  text-align: center;
  font-size: 9pt;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
}
.left{
  width: 224px;
  font-size: 15px;
  line-height: 1.5em; 
  float:left;
  display: inline;
}
* html .title01{
  height:25px;
  text-align:left;
  font-size: 9pt; 
  background-image : url(bg-index-left01.gif);
  background-repeat : no-repeat;
　background-position : center;
  padding:4px 0 0 30px;
} 
.title01{
  height:25px;
  text-align:left;
  font-size: 9pt; 
  background-image : url(bg-index-left01.gif);
  background-repeat : no-repeat;
　background-position : center;
  padding:0 0 0 30px;
} 
* html .title02{
  text-align:left;
  background-image : url(bg-index-left02.gif);
  background-repeat : repeat-y;
　background-position : center;
  padding:10px 5px 0 10px;
}
.title02{
  text-align:left;
  background-image : url(bg-index-left02.gif);
  background-repeat : repeat-y;
　background-position : center;
  padding:8px 10px 0 10px;
}
.title03{
  height:14px;
  text-align:left;
  background-image : url(bg-index-left03.gif);
  background-repeat : no-repeat;
　background-position : center;
  margin-bottom:10px;
}

.right{
  width: 440px;
  font-size: 14px;
  line-height : 135%;
  text-align: left;
  float:right;
  display: inline;
}
.r_new{
  height:256px;
  text-align:left;
  background-image : url(bg-index-rightnew02.jpg);
  background-repeat : no-repeat;
　background-position : left;
  padding:0 20px 5px 15px;
  margin:5px 0 10px 0;
}
* html .r01{
  height:30px;
  text-align:left;
  background-image : url(bg-index-right10.gif);
  background-repeat : no-repeat;
　background-position : left;
  font-size: 15px;
  padding:5px 0 0 10px;
  margin:5px 0 20px 0;
}
.r01{
  height:30px;
  text-align:left;
  background-image : url(bg-index-right10.gif);
  background-repeat : no-repeat;
　background-position : left;
  font-size: 15px;
  padding:5px 0 0 10px;
  margin:5px 0 20px 0;
}
* html .r02{
  height:17px;
  text-align:left;
  font-weight:bolder;
  background-image : url();
  background-repeat : no-repeat;
　background-position : left;
  margin: 10px 0 5px 20px;
}
.r02{
  height:17px;
  text-align:left;
  background-image : url();
  background-repeat : no-repeat;
　background-position : left;
  font-weight:bolder;
  margin: 10px 0 5px 20px;
}
* html .r03{
  font-size: 15px;
  line-height: 1.5em;  
  padding:7px 12px 0 12px; 
  margin:3px 0 25px 0;
}
.r03{
  font-size: 15px;
  line-height: 1.5em;
  padding:0 12px 0 12px; 
  margin:10px 0 25px 0;
}
.r03 img{
  margin-bottom: 15px;
}
.footer{
width: 753px;
margin: 0px 0 10px 0;
font-size: 10pt;
text-align:center;
line-height: 140%;
}
.social{ 
height:30px;
margin: 0px 0px 10px 0px; 
padding: 0px; 
width:670px; 
} 

.social .twitter { 
float: left; 
margin: 0px 5px 0px 0px; 
padding: 0px; 
display: inline; 
width: 100px; 
} 
.social .facebook { 
float: left; 
margin: 0px 7px 0px 0px; 
padding: 0px; 
display: inline; 
width: 80px; 
}
.social .google-plus1 { 
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
display: inline; 
width: 70px; 
}
.social .yahoo-bookmark { 
float: left; 
margin: 2px 10px 0px 0px; 
padding: 0px; 
display: inline; 
width: 120px; 
}
.social .hatena { 
float: left; 
margin: 0px 7px 0px 0px; 
padding: 0px; 
display: inline; 
width: 60px; 
}

.twitter-wrapper {
width:100%;
margin: 0 auto -7px;
border-left: 1px solid #80D8F4;
border-right: 1px solid #80D8F4;
box-sizing: border-box;
border-radius: 10px;
}
.twitter-timeline{
width: 95%;
}

/*クリッカブルマップ/フォーカス枠*/
area{
  border:none;
  outline:none;
}


-->
</STYLE>
