@charset "utf-8";
* {
	padding:0;
	margin:0;
}
a img {
	border:none;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: right;
	color: #000;
	font-size: 12px;
	max-width: 810px;
	
}
.wrapper {
	margin:0 auto;
}
.header {
	margin-right:10px;
}
.r1 a:hover img{
 filter: alpha(opacity=50);
-moz-opacity:0.5;
 opacity:0.5;
 }
li {
	 list-style-type:none;
}
.box1 {
	background-color:#FFF7EE;
	border-bottom-color:#FF8F20;
	border-bottom-style:solid 1px;
}
h2 {
	font:14px "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin-top:10px;
	border-top:#e97f02 solid 2px;
	border-left:#e97f02 solid 10px;
	line-height:1.8em;
	padding-left:5px;
	color:#000;
	font-weight:bold;

}

.box2 {
	background-color:#F5F5F5;
	border-bottom-color:#F5F5F5;
	border-bottom-style:solid 1px;
}

h3 {
	font:14px "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin:20px 0 ;
	border-top:#8a9b0f solid 2px;
	border-left:#8a9b0f solid 10px;
	line-height:1.8em;
	padding-left:5px;
	color:#000;
	font-weight:bold;
}
h4 {
	font:14px "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin:20px 0 ;
	border-top:#490A3D solid 2px;
	border-left:#490A3D solid 10px;
	line-height:1.8em;
	padding-left:5px;
	color:#000;
	font-weight:bold;
}
	
#banner {
	float:left;
}
.container {
	float:left;
	text-align:left;
	margin:0 10px ;
	max-width:77%;

	margin-bottom:40px;
}

#footer {
	height:50px;
	clear:both;
	font-size:13px;
	margin:0 auto;
	border-top-color:#000;
	border-top-style:solid 2px;
}
#footer p {
	color:#000;
	font-size:12px;
	text-align:left;
}

ul.pulldownmenu li a {
  text-decoration: none;
}

ul.pulldownmenu li {
  float: left;
  width:160px;
  height:40px;
  margin:0 1px;
  line-height: 40px;
}

ul.pulldownmenu a {
  color: #fff;
  background: #9A9A9A;
   opacity: 0.8;
 filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;		/* Firefox1.5以前対応 */

}

ul.pulldownmenu .home a:hover {
  background: #000;
}
ul.pulldownmenu .dtpe a:hover {
  background: #B03900;
}
ul.pulldownmenu .cme a:hover {
  background: #004000;
}
ul.pulldownmenu .about a:hover {
  background: #000;
}
ul.pulldownmenu .access a:hover {
  background: #000;
}

ul.pulldownmenu li ul li .dtpe2 a {
  color #fff;
  background:#FFB997;
   opacity: 0.8;
 filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;		/* Firefox1.5以前対応 */

}
ul.pulldownmenu li ul li .dtpe2 a:hover {
  color:#fff;
  background: #FFB997;  
}
ul.pulldownmenu li ul li .cme a {
  color #fff;
  background:#004000;
}
ul.pulldownmenu li ul li .cme2 a:hover {
  color: #fff;
  background:#004000;  
}
ul.pulldownmenu .dtpe3 a {
  background: #B03900;
}
ul.pulldownmenu li a {
  display: block;
  width: 160px;
  height: 40px;
  margin: 0 1px;
  text-align: center;
}
/* 出てくるメニューを見えなくする */
ul.pulldownmenu li ul {
  display: none;
}

/* hoverでメニューを表示 */
ul.pulldownmenu li:hover ul {
  z-index:202;
  display: block;
}

/* 非表示にしたので表示を戻す */
ul.pulldownmenu li ul li{
  clear: both;
  margin: 0;
}
.r1 {
	float:left;
}
.r2 {
	float:left;

}
.r3 {
	float:left;
}
.r4 {
	clear:both;
	float:left;
	margin:10px 10px 0px 0px;
}
.d {
	color: #B03900;
	clear: right;
}
.c {
	color:#004000;
}
.con1 a:link {
	text-decoration:none;

}
 .con1 a:visited {
	color:#000;
	text-decoration:none;

}
.con1 a:hover {
	color:#FF9562;
	text-decoration:none;
	b
}
.con1 a:active {
	color:#B03900;
	text-decoration:none;
}

.con2 a:link {
	font-color:#000;
	text-decoration:none;
}
.con2 a:visited {
	color:#000;
	text-decoration:none;
}
.con2 a:hover {
	color:#418953;
	text-decoration:none;
}
.con2 a:active {
	color:#004000;
	text-decoration:none;
}
#box{  
margin: 40px auto;  
color: #3F2F69;  
text-align: center;  
}  

.boxin{  
position: relative;  
float: left;  
width: 150px;  
height: 150px;  
margin: 0 10px;  
}  

#box a{  
display: block;  
position: absolute;  
top: 0;  
left: 0;  
width: 150px;  
height: 150px;  
padding: 0px;  
border-radius: 50%;  
color: #fff;  
font-size: 20px;  
line-height: 150px;  
text-align: center;  
text-decoration: none;  
-webkit-transition: .5s;  
-moz-transition: .5s;  
-o-transition: .5s;  
-ms-transition: .5s;  
transition: .5s;  
z-index: 10;  
}  
#box a:hover{  
top: -50px;  
left: -50px;  
width: 200px;  
height: 200px;  
font-size: 28px;  
line-height: 200px;  
z-index: 100;  
} 
 
#circle1{  
background: #490A3D;  
background: rgba(73,10,61,.7);  
}  

#circle2{  
background: #bd1550;  
background: rgba(189,21,80,.7);  
}  

#circle3{  
background: #e97f02;  
background: rgba(233,127,2,.7);  

}  

#circle4{  
background: #d6ae00;  
background: rgba(214,174,0,.7);  
}  

#circle5{  
background: #8a9b0f;  
background: rgba(138,155,15,.7);  
}