body {
 color:#333333;}

h2 {
font-size:16px;
color:#333333;}

.header h1{
color:#333333;}

/* ヘッダーコンテンツ */
.header {
width: 100%;
height: 220px;
    text-align:left;
  margin-bottom:10px;   
  padding-bottom:0.5em;}
  
.header h1{
  font-size:12px;
  padding:0;
  float:left;}
  
.header h2{
  font-size:12px;
  float:right;}

/* ヘッダーサイトマップ */
.headersite{
  float:right;}

.left {
 width: 20%;
background-color:#CCCCCC;
text-align:center;
float: left;
}

.left h2 {
 color:#FFFFFF;
 background-color:#0066CC;}

 
.high a {
 font-size:12px;
 border:#999999 1px solid;
 background:#CCFFFF;}
   
.low a {
 font-size:12px;
 border:#999999 1px solid;
 background:#FCE1B9;}
  
 .left a {
  padding:0.1em;
  border-top:1px;
  text-decoration:none;
  display:block;
  height: 26px;
  padding:0.2em;
  margin:0px;}
  
.left a:hover {
 background-color:#FBE3FB;}

.middle {
width: 55%;

margin:5px;
line-height:14pt;
 font-size:15px;
float: left;
left: 20%;
}

.middle h2 {
 color:#FFFFFF;
 font-size:16px;
 border: #CCCCCC 1px solid;
 background-color:#0066CC;}

.movie {
height: 400px;
	text-align:center;
	background-color: #FBE3FB;
}

.approach {
  text-align:center;
}


.estimate {
  text-align:center;
}

.right {
 width: 20%;

margin:5px;
 background-color:#CCCCCC;
float: left;
left: 80%;
}

.right {
 background-color:#CCCCCC;}

 .right {
  padding:0.2em;}

.right h2 {
color:#FFFFFF;
background-color:#0066CC;}

.news1 {
 font-size:13px;
background-color: #FFFF99;}

.news2 {
 font-size:13px;
background-color: #CCFFFF;}

.news3 {
 font-size:13px;
background-color: #FCE1B9;}

.form {
 font-size:14px;
background-color: #CCCCCC;}


.inquiry {
 font-size:13px;
background-color: #FBE3FB;}


.sitemap {
 font-size:16px;
line-height: 200%;
}

.FloatEnd {clear:both;}

.footer {
width: 100%;
height: 100px;
  text-align:center;
background:#FBE3FB;}
clear: both;
}

.class_name{
	width:100%;
	height:25px;
	line-height:25px;
	background:#fee;
	border:solid 1px #f33;
}

.class_name a,
.class_name a:link,
.class_name a:visited,
.class_name a:active{
	width:120px;
	height:25px;
	text-align:center;
	display:block;
	float:left;
}

.class_name a:hover{
	width:120px;
	height:15px;
	background:#f33;
	color:#fff;
	text-align:center;
	display: block;
	float:left;
}