@charset "utf-8";


body { 
/* 	display:none; */
	width: 100%;

	background-color: #ffffff;   
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Pゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica;

	margin-left: 0px;
	margin-top: 0px;

}

header {
	display:block;
	width: 960px;
	height: 0px;
	background-image:url("top/top1.jpg");
	margin-left: 0px;
	margin-top: 0px;
 

}
#header1 {
	width: 130px;
	height: 100px;
        float: left;
	top:0px;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;

}
#header2 {
	width: 830px;
	height: 35px;
  	float: right;
	top:0px;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;

}
#header3 {
	width: 830px;
	height: 65px;
  	float: right;
	top:50px;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;

}

#container{ 
	width: 960px;

	border: 1px solid #000000;  
	margin-left: 0px;
	margin-top: 0px; 
	margin: 0 auto; 


}
#sidebar { 
/* 	display:none; */
	width: 250px;
	margin:10px;
	color: #0a639c;
	background-color: #ffffff;
	float: left;

}
#contents1 { 
/* 	display:none; */
	width: 700px;
	height:1000px;
	background-color: #222222;
	border: 1px solid #333333;  
	float: right;
	text-align: center;

}

#contents2 { 
/* 	display:none; */
	width: 700px;
	height:1000px;
	background-color: #222222;
	border: 1px solid #333333;  
	float: right;
	text-align: center;

}


#mein1 {
	width: 960px;
	border: 0px solid #ffffff;  
	margin-left: 0px;
	margin-top: 0px; 
	margin: 0 auto; 
}
#main {
	width: 960px;
	border: 0px solid #ffffff; 
	background : #ffffff url("../top/top2.gif");
	margin-left: 0px;
	margin-top: 0px; 
	margin: 0 auto; 
}

#mein3 {
	width: 960px;
	border: 0px solid #ffffff; 
	background-color: #333333; 
	margin-left: 0px;
	margin-top: 0px; 
	margin: 0 auto; 

}
#3mein2 {
	width: 960px;
	border: 0px solid #ffffff; 
	background-image:url("top/top2.jpg");
	margin-left: 0px;
	margin-top: 0px; 
	margin: 0 auto; 
}

h1 {
	color: #0000ff;
	text-align: left;
	font-size: 30px;
	margin-left: 0px;
	margin-top: 0px; 
}




#menu1 {
  width: 640px;
  height: 40px;
  float: right;
  padding: 0;
  margin: 0;
  list-style-type: none;
  background: #cccccc;

}

#menu1 li.on {
  width: 160px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
background: #00ccff;

}
#menu1 li.on a {
  width: auto;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  display: block;
background: #00ccff;

}
#menu1 li.on a:hover {
  background: #00ccff;
  color: #000000;
}

#menu1 li.off {
  width: 160px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}
#menu1 li.off a {
  width: auto;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  display: block;
}
#menu1 li.off a:hover {
  background: #00ccff;
  color: #000000
}


#menu1 li.on1 {
  width: 160px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
background: #000000;

}
#menu1 li.on1 a {
  width: auto;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  display: block;
background: #000000;

}
#menu1 li.on1 a:hover {
  background: #000000;
  color: #ffffff;
}

#menu1 li.off1 {
  width: 160px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}
#menu1 li.off1 a {
  width: auto;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  display: block;
}
#menu1 li.off1 a:hover {
  background: #000000;
  color: #ffffff;
}

#company {
	margin-top:0px;
	margin-left:400px;
	color:#800000;
	text-align: center;
}

footer {
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	border: 1px solid #ffffff;  
	color: #ffffff;
	font-size: 14px;
}
#dropmenu {
  list-style-type: none;
  width: 960px;
  height: 42px;
  padding: 0;
  background: #00ccff;
  border-bottom: 5px solid #0000ff;
  border-radius: 3px 3px 0 0;
}
#dropmenu li.on {
 background: #00ccff;
  position: relative;
  width:160px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li.on a{
 background: #00ccff;
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li.on ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li.on:last-child ul{
  left: -50%;
  width: 100%
}
#dropmenu li.on ul li{

  overflow: hidden;
  width: 150%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li.on ul li a{
  padding: 16px 15px;
  background: #00ccff;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
}
#dropmenu li.on:hover > a{
  background: #00ccff;
  color: #eff7b1;
}
#dropmenu > li.on:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li.on:hover ul li{
  overflow: visible;
  height: 46px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li.on:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li.on:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li.on:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
#dropmenu li.off {
background: #3e3dff;
  position: relative;
  width: 160px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li.off a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li.off ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li.off:last-child ul{
  left: -50%;
  width: 100%
}
#dropmenu li.off ul li{
  overflow: hidden;
  width: 150%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li.off ul li a{
  padding: 16px 15px;
  background: #00ccff;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
}
#dropmenu li.off:hover > a{
  background: #00ccff;
  color: #eff7b1;
}
#dropmenu > li.off:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li.off:hover ul li{
  overflow: visible;
  height: 46px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li.off:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li.off:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li.off:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}


#dropmenu1 {
  width: 640px;
  height: 40px;
  float: right;
  padding: 0;
  margin: 0;
  list-style-type: none;
  background: #cccccc;
}