@charset "Shift_JIS";
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}


#menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	float: left;
	width: 12.5%;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	padding: 20px 0 20px;
	background-color: #ffcc66;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #4baacb;
}
#menu li:last-child a{
	border: none;
}
#menu li a:hover{
	background: #4baacb;
}
#toggle {
	display: none;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	#menu li {
		width: 25%;
		border-bottom: 1px solid #4baacb;
	}
}


/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	#menu {
		display: none;
	}
	#menu li {
		width: 100%;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #2a83a2;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		border-bottom: 1px solid #4baacb;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #2a83a2;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
}
#menu{
display: none;}


BODY{
  background-image :url(bu02_bg.gif);
  text-align : center ;
}
  a:link{color: #3366FF ;}
  a:visited {color: #996600;}
  a:hover{color: #FFCC33;}
  a:active { color:#00CCFF;}
.sp-part-top{
  display : block;
  position : relative;
  box-sizing : border-box;
}
.contents{
  width: 960px ;
  border: solid 1px #ffcc66 ;
  background-color : white;
   padding-bottom : 10px;
   margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;   /* 右側マージンを自動的に空ける */
   text-align:left; 
}
#contents{
  width: 960px ;
  border: solid 1px #ffcc66 ;
    background-color : white;
  overflow: hidden;
  height: auto;
  margin-bottom:auto;
  padding-bottom : 10px;
   margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */
   text-align:left; 
   
}



#contents2{
  width: 960px ;
  border: solid 1px #ffcc66 ;
  background-color : white;
  overflow: hidden;
  height: auto;
  margin-bottom:auto;
  padding-bottom : 10px;
   margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */
   text-align:left; 
}
H1{
	font-size : 16px;
  font-weight : bold;
  text-decoration : none;
  background-color: #ffcc66;
  color : #FFFFFF;
  margin: 0px;
  text-align:right ;
  width : 970px;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */
}

H2{
	font-size : 32px;
  font-weight : bold;
  text-decoration : none;
  line-height:170%;
  color :#81f593;
  margin: 0px;
  font-family :　"HG 創英角ポップ体",創英ポップ体1
;
}
a:hover{
	 
  color : #ff6600;
}

.k2{text-decoration: none;
   color: #000000;
   
}

H4{
  font-size:95%;
  margin-top : 1px;
  margin-left : 1px;
  margin-right : 1px;
  margin-bottom : 1px;
  clear: both;
}
p{
  font-size:95%;
  line-height:170%;
  margin-top : 0px;
  margin-bottom : 0px;
  padding: 3px;
  text-align: left;
}
.c1{
  line-height: 1.5em ;
 padding-left :230px ;
 margin-top : 50px; 
 margin-bottom : 75px;
}
.c2{
  border: solid 1px #ffcccc;  
  margin-bottom : 10px;
}
.c3{
	 
  font-size: 80% ; 
  font-style: nomal ;
  text-align: center ;
  clear: both;
}
.c4{
  font-size: 80% ; 
  font-style: nomal ;
  text-align: right ;margin-top: 80px;
   clear: both;
   }
.c5{
  
  line-height:170%;
  margin-top : 0px;
  margin-bottom : 0px;
  padding: 3px;
  text-align: left;
}
td{
  font-size:95%;
  line-height:130%;
  margin-top : 1px;
}


/* ページレイアウト用css */
h1 a{
 font-size : 36px;
 color: #ffffff ;
 text-decoration : none;
}
p.resizeimage img { width: 100%; }
div.resizeimage img { width: 100%; }
/*バックグラウンド*/
.d1{
 border-left: 1.5em solid #ffcc66 ;  border-bottom: solid 1px #ffcc66 ;
   font-size:300%
   margin-bottom : 8px; margin-top : 8px;
   padding-left : 10px; margin-right : 10px;
   text-align: left;
   
}
.d2{
  border-left: 1.5em solid #ffcccc ; 
  border-bottom: solid 1px #ffcccc ;
  margin-bottom : 8px;margin-top : 8px;
   padding-left : 10px; 
}
.d3{
  border-left: 1.5em solid #ffc8ff ;  
  border-bottom: solid 1px #fba8ea ;
}
.d4{
 border-left: 1.5em solid #ffcccc ;  border-bottom: solid 1px #ffcccc ;
   margin-bottom : 0px;
   padding-left : 10px; line-height:100%;
text-align: left;
}
.d5{
  border-left: 1.5em solid #ffc8ff ;  
  border-bottom: solid 1px #fba8ea ;
}
.d6{
	border-bottom: 1px solid #ccff66;        
	border-left:1.5em solid #ccff99;
	margin-bottom : 8px;margin-top : 8px;
   padding-left : 10px; 
}
.d7{
  background-color: #e0e8c8;
}
.d8{
  font-size: 80% ;
}
.d9{
  border-bottom : dashed 1px #999999 ;
  margin-bottom : 10px ;
  padding-bottom : 10px ;
  padding-left : 10px
;
}
.d10{
  font-size:80% ;
  line-height:120%;
}
.d11{
	 
  margin-bottom : 15px ;
  padding-left : 10px
;
}
.d12{
   position:absolute;
   top:5px;
   left: 5px;
}
.d13{
   padding: 20px ; 
   border: 1px solid #88c8f7;
}
.d14{
  font-size:75% ;
  line-height:120%;
}
.d15{
  border-bottom: solid 2px #ffcc66 ;
  border-top: solid 1px #ffcc66 ;
  background-color: #ffff80;
}
.d16{
  border-left: 1.5em solid #ffcccc ;  border-bottom: solid 1px #ffcccc ;
  margin-bottom : 8px; margin-top : 8px;
  padding-left : 10px; margin-right : 10px; 
 }
/*ニューバージョン*/	

.e1{
  clear : both;
  font-size : 16px;
  font-weight : bold;
  text-decoration : none;
  background-color: #ffff80;
  color : #fdace9;
  margin: 0px;
   padding: 0px;
  line-height:100%;
  text-align:right ;
  padding-right : 5px ;
   border-bottom: solid 2px #ffcccc ;
   border-top: solid 1px #ffcccc ;
  width : 960px;
 margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */
}
.e2{
  font-size:75%;
  line-height:170%;
  margin-top : 0px;
  margin-bottom : 0px;
  padding: 3px;
  text-align:left ;
  padding-right :5px ;
  padding-left :15px ;
  border-bottom: solid 1px #ffcccc ;
}
.e3{
  border: solid 1px #ffcccc;  
  margin-bottom : 5px;
  background : #fefcd1 ;
}
.e4{
 border-left: 1.5em solid #ffcc66 ;  border-bottom: solid 1px #ffcc66 ;
   margin-bottom : 0px;margin-top : 3px;
   padding-left : 10px; line-height:100%;font-family :Imprint MT Shadow ;
}
#address{
 clear: both; 
 width: 960px;
  margin-top : 20px ; margin-bottom : 20px;
 margin-left :10px ; margin-right : 10px ;
  font-size : 80%;
  border-top : 1px solid #0080ff ;
  border-bottom :1px solid #0080ff ;
  padding : 5px ;
  background-color : #f4fcff ;
  text-align:center ;line-height:170%;
    margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;   /* 右側マージンを自動的に空ける */
  
}
.address{
 clear: both; 
 width: 940px;
  margin-top : 20px ; margin-bottom : 20px;
 margin-left :10px ; margin-right : 10px ;
  font-size : 80%;
  border-top : 1px solid #0080ff ;
  border-bottom :1px solid #0080ff ;
  padding : 5px ;
  background-color : #f4fcff ;
  text-align:center ;line-height:170%;
    margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;   /* 右側マージンを自動的に空ける */
  

}
.e5{
  background-image:url(wp_ht_02.gif) ;
  font-size:75% ;
  line-height:120%;
}
.e6{
  border : 1px solid #88c8F7 ;
}
.e7{
  font-size:80%;
  line-height:170%;
  margin-top : 0px;
  margin-bottom : 0px;
  padding: 3px;
  padding-right : 5px ;
}
.e8{
  font-size:90% ;
  line-height:120%;
}
.e9{
	font-size : 32px;
  font-weight : bold;
  text-decoration : none;
  line-height:170%;
  color :#81f593;
  margin: 0px;
  font-family :HGP創英角ﾎﾟｯﾌﾟ体 ;
}
  

#header{
  width : 960px; 
  background-image:url(wp_ht_02.gif) ;
  font-size:80% ;
  height:100px;
  background-repeat:repeat;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */

}
#header1{
  width : 960px; 
  background-image:url(wp_ht_02.gif) ;
  font-size:80% ;
  height:100px;
  background-repeat:repeat;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */

}
#header2{
  width : 960px; 
  background-image:url(wp_ht_02.gif) ;
  font-size:80% ;
  height:100px;
  background-repeat:repeat;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
   margin-right:auto;
      /* 右側マージンを自動的に空ける */

}
#sub1{
 float : left;
 width : 34%;
 margin-left : 5px ;
 margin-top : 5px ;

}
#main{
 float : left;
 width : 34%;
 margin-left : 5px ;
 margin-top : 5px ;
}
#sub2{
 float : left;
 width :28%;
 margin : 5px ;
}
#sub2.2{
 float : left;
 width :20%;
 margin : 5px ;
 border-left : 2px dotted #88c8f7;
 padding-left : 20px ;
 padding-top : 20px ;
 height : 100px;
}
#sub3{
 float : left;
 width : 80px;
 margin : 5px ;
 border-left : 2px dotted #88c8f7;
 padding-left : 20px ;
 padding-top : 20px ;
 height : 100px;
}
#sub4{
 float : left;
 width : 91px;
 margin : 5px ;
 border-left : 2px dotted #88c8f7;
 padding-left : 20px ;
 padding-top : 20px ;
 height : 100px;
}
#sub5{
 float : left;
 width : 220px;
 margin-left : 5px ;
 margin-top : 5px ;
 border: solid 1px #ffcccc;  
 margin-bottom : 10px;
 background : #fefcd1 ;
}
#sub6{
 float : left;
 width : 60%;
 margin-left : 5px ;
 margin-top : 5px ;

}
#sub7{
 float : left;
 width : 38%;
 margin-left : 5px ;
 margin-top : 5px ;

}
#main1{
 background-image:url(wp_ht_02.gif) ;
 font-size:75% ;
 line-height:120%;
 width : 750px;
 }
.e10{
  border:10px dotted #b8efa5;
  padding : 5px; 
  background : #fefcd1;
  margin-bottom : 0px;
   }
.e11{
  border:7px double #ffcccc;  
  margin-bottom : 5px;
  background : #fefcd1 ;
  font-size:85% ;
  line-height:170%;
}
.e12{
  border:5px double #ffcccc;  
  margin-bottom : 5px;
  background : #fefcd1 ;
  font-size:80%;
  line-height:170%;
  margin-top : 0px;
  margin-bottom : 0px;
  padding: 3px;
  padding-right : 5px ;
}
.e13{
  border:7px double #ffcccc;  
  margin-bottom : 5px;
  background : #fefcd1 ;
  padding: 15px;
}
.e14{
  font-size:85%;
  line-height:170%;
  margin-top : 0px;
  margin-bottom : 30px;
  padding: 3px;
  padding-right : 5px ;
}
.e15{
	font-size : 32px;
  font-weight : bold;
  text-decoration : none;
  line-height:170%;
  color :#81f593;
  margin: 0px;
  font-family :　"HG 創英角ポップ体",創英ポップ体1
;
}
.e8888{
  border:7px double #ffcc66 ;
  padding : 5px; 
  background-image : url(wp_0311.gif) ;
  margin-bottom : 0px;
   }
.e8889{
  border:7px double #ffcc66 ;
  padding : 5px; 
  background-image : url(wp_0311.gif) ;
  margin-bottom : 0px;
   }
.tomo{
 clear: both; 
 width: 960px;
  margin-top : 20px ; margin-bottom : 20px;
 margin-left :10px ; margin-right : 10px ;
  font-size : 80%;
  border-top : 1px solid #0080ff ;
  border-bottom :1px solid #0080ff ;
  padding : 5px ;
  background-color : #f4fcff ;
  text-align:center ;line-height:170%;
}
.e16{
	width:900px ;
position: relative;
left:15px;
padding:0.5em;
font-size:90% ;


}
.e17{clear: both;
display: none;
}


}
/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
p
{color: #f00 ;	/* 赤色 */
}

#main
	{
	        width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
		float: none ;		/* floatを無効する */
                background-color : white;
	}

#sub1
	{
width: auto ;
		float: none ;		/* floatを無効する */
background-color : white;
	}
	#sub2{
width: auto ;
	background-color : white;
		float: none ;		/* floatを無効する */
	}
#sub6
	{
width: auto ;
		float: none ;		/* floatを無効する */
background-color : white;
	}
	#sub7{
width: auto ;
	background-color : white;
		float: none ;		/* floatを無効する */
	}
#contents{
		width: auto ;
		padding: 0 10px ;		/* 左右の余白 */
	}
#contents2{
		width: auto ;
		padding: 0 10px ;		/* 左右の余白 */
}
h1	{
width: auto ;}
.e1	{
width: auto ;}
#header {
width: auto ;
}
#header1 {
width: auto ;}
#header2 {
width: auto ;}
.e16{
width: auto ;
display: none;}

#address{
display: none;}
}




/* タブレットだけに適用するCSS (0?767px) */
@media screen and ( max-width:767px )
{
p
{color: #f00 ;	/* 赤色 */
}

#main
	{
	        width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
		float: none ;		/* floatを無効する */
                background-color : white;
	}

#sub1
	{
width: auto ;
		float: none ;		/* floatを無効する */
background-color : white;
	}
	#sub2{
width: auto ;
	background-color : white;
		float: none ;		/* floatを無効する */
	}
#sub6
	{
width: auto ;
		float: none ;		/* floatを無効する */
background-color : white;
	}
	#sub7{
width: auto ;
	background-color : white;
		float: none ;		/* floatを無効する */
	}
#contents{
		width: auto ;
		padding: 0 10px ;		/* 左右の余白 */
	}
#contents2{
		width: auto ;
		padding: 0 10px ;		/* 左右の余白 */
}
h1	{
width: auto ;}
.e1	{
width: auto ;}
#header {
width: auto ;
}
.e16{
width: auto ;
display: none;}


#address{
display: none;}

}