@charset "utf-8";
/* @charset "utf-8";
/* CSS Document */


p, h1, h2, h3, h4, h5, h6, ul {
	     margin: 0px;
	     padding: 0px;
}

html    {
         height:100%;
         overflow-y: scroll;  
		 
}  

/************ 基本レイアウト********************/

body    {
	    margin-top: 0px;
	    padding: 0px;
	    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		text-align: center;
		font-size: 75%;
		background-image: url(../images/33.gif);
		background-repeat: repeat;
	    margin: 0px;
		padding: 0px;
			
}	
    

#wrapper {
	text-align: left;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 0 0;
		}


#header   {
         background-image: url(../images/header.gif);
		 background-repeat: no-repeat;
		 width: 940px;
		 height: 106px;
		 margin: 0 0 0 0;
		}

		

#container {
		position: relative;
		width: 100%;
		height: auto;
		background-color: #FFFFFF;
				}

		 

#sidebar {
	float: left;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 220px;
	height: 652px;
	font-size: 12px;
	left: 21px;
	top: 83px;
    }
	
#top-content {
    	width: 900px;
		height: auto;
		margin: 0 0 0 20px;
   		padding: 0 0 0 0;
		height: 100%;
		font-size: 12px;
		line-height: 1.8;
		
		}      


#content {
	width: 654px;
	height: auto;
	margin: 0 0 0 255px;
	padding: 22px 0 0 10px;
	height: 100%;
	font-size: 12px;
	line-height: 1.8;
		
		}
		
   		
		
/* フッター*/

#footer-add {
		clear: both;
		padding: 8px 0  8px 0;
		text-align: center;
		color: #000;
		font-size: 10px;
		background-color: #CCCCCC
		}

#footer-copy{
		clear: both;
		padding: 8px 0 8px 0;
		text-align: center;
		color: #000;
		font-size: 10px;
		background-color: #99CC66;
		}

ul li {
      list-style-type: none;
	  
	 }

/************ 基本レイアウトここまで********************/

/* メインナビゲーション */			 		
			 

			

#mainmenu   {
            clear: both;
            width: 900px;
			height:60px;
			margin: 0 0 0 0;
			padding: 20px 0 0 20px;	
		
			
			
		}

		
			
#mainmenu li{
		float: left;
		display: block;
		list-style :none;
	    margin: 0 0 0 0;
		background-repeat: no-repeat;
		width: 150px;
		height: 60px;
		

		
	}

		#mainmenu1{background: url(../images/nav/mainmenu01.gif);}
		#mainmenu2{background: url(../images/nav/mainmenu02.gif);}
		#mainmenu7{background: url(../images/nav/mainmenu07.gif);}
		#mainmenu3{background: url(../images/nav/mainmenu03.gif);}
		#mainmenu4{background: url(../images/nav/mainmenu04.gif);}
		#mainmenu6{background: url(../images/nav/mainmenu06.gif);}	
		
		
		
			#mainmenu li a{
				display: block;
				width: 150px;
		        height: 60px;
				margin: 0 0 0 0;
				text-indent: -9999px;
				text-decoration: none;
			}
			/* \*/#mainmenu li a{overflow: hidden;}/* */
	
			#mainmenu1 a:hover{background: url(../images/nav/mainmenu01r.gif);}
			#mainmenu2 a:hover{background: url(../images/nav/mainmenu02r.gif);}
			#mainmenu7 a:hover{background: url(../images/nav/mainmenu07r.gif);}
			#mainmenu3 a:hover{background: url(../images/nav/mainmenu03r.gif);}
			#mainmenu4 a:hover{background: url(../images/nav/mainmenu04r.gif);}
			#mainmenu6 a:hover{background: url(../images/nav/mainmenu06r.gif);}
		
			


	
	
	
/* ヘッダーナビゲーション */	
		
	#header_menu {
		clear: both;
		width: 280px; /* 280 */	
		margin: 0 0 0 640px;  /*  0 0 0 640px */	
		padding: 12px 0 0 0;
		}
		
			#header_menu ul {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				list-style: none;
			}

			#header_menu li {
				float: left;
				height: 13px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				overflow: hidden;
			}
			
				#header_menu li a {
					display: block;
					height: 16px;
					text-decoration: none;
					text-indent: -9999px;
				}
			
				/* ヘッダーサブメニュー */
				#header_menu li#contact { width: 68px; background: url(../images/contact.gif);}
				#header_menu li#site-map { width: 74px; background: url(../images/site-map.gif);}
				#header_menu li#link { width: 74px; background: url(../images/link.gif);}
				#header_menu li#privicy { width: 60px; background: url(../images/privicy.gif);}
			
/* 左メニュー*/

#box1{
		width: 220px;
		height: auto;
		margin: 20px 0 20px 0;
		padding: 0 0 0 0;
		border: 1px solid #ebebeb;
		} 

#box2{
		width: 220px;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 1px solid #ebebeb;
		} 

#box1 ul li {
		 list-style-type: none;
		 padding: 0 0 0 10px;
		 line-height: 1.8;
		 }


#banner {
         clear: both;
		 float: left;
		 width: 900px;
		 height: auto;
		 margin: 20px 0 0 0;
		 }
#top1	{
        float: left;
		width: 201px;
		height: auto;
		margin: 0 31px 0 0;
		padding: 0 0 0 0;
		} 
		
#top2	{
        float: left;
		width: 201px;
		height: auto;
		margin: 0 32px 0 0;
		padding: 0 0 0 0;
		} 
#top3	{
        float: left;
		width: 201px;
		height: auto;
		margin: 0 31px 0 0;
		padding: 0 0 0 0;
		} 
		 
#top4	{
        float: left;
		width: 201px;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
		
#top5	{
        float: left;
		width: 201px;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 30px 0;
		}
		
		

.topinner_img{
max-width: 100%;
height: auto;
border: 4px solid #cccccc;
float: left;
margin: 0 0 0 0;
}




.box{
margin: 0 5px;
padding: 0 0 0 0;
border: 1px solid #ebebeb;
}

.boxinner_img{
max-width: 100%;
height: auto;
border: 4px solid #ebebeb;
float: left;
margin: 5px 10px 10px 10px;
}

.content_pw{
		width: 640px;
		height: auto;
		margin: 0 0 0 15px;
		padding: 10px 0 0 0;
       }

.content_p{
	clear: both;
	width: 600px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 10px 0 0 0;
      }





h1     {
	font-size: 16px;
	font-weight: bold;
	padding: 6px 0 6px 15px;
	margin: 0 0 10px 0;
	background-image: url(../images/h1.gif);
	background-repeat: no-repeat;
		}	

h2     {
		font-size: 12px;
		font-weight: bold;
		padding: 6px 0 6px 5px;
		margin: 0 0 0 0;
		background-image: url(../images/h2.gif);
	    background-repeat: no-repeat;
		text-align: center;
		}	


h3    {
		font-size: 12px;
		font-weight: bold;
		padding: 12px 0 12px 5px;
		margin: 0 0 12px 0;
		background-image: url(../images/h3.gif);
	    background-repeat: no-repeat;
		}	

h4     {
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 0 15px;
		padding: 10px 0 0 0;
		}	

h5     {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 0 10px;
		padding: 15px 0 0 10px;
		}	

h6    {
		font-size: 12px;
		font-weight: bold;
		padding: 6px 0 7px 5px;
		margin: 0 0 -4px 0;
		background-image: url(../images/h6.gif);
	    background-repeat: no-repeat;
		text-align: center;
		line-height: 2.0;  /*1.1*/
		}	
	


table.index{
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
	margin: 0 0 0 10px;
	
	
}

.index td{
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
	height: 15px;
	padding-left: 5px;
	padding-right: 3px;
   clear: both;
	
}

table.index2{
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
	margin: 0 0 0 10px;
	
	
	
}

.index2 td{
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
	height: 15px;
	padding-left: 5px;
	clear: both;
	
}
table.index3{
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
	margin: 0 0 0 10px;

	
	
}

.index3 td{
	height: 15px;
	padding-left: 5px;
	clear: both;
	
}




.table {
	float: left;
	margin: 5px 10px 10px 10px;
}
		
#indent1 { text-indent: 0.5em;}

#indent3 { text-indent: 3em;}

#indent5 { text-indent: 5em;}

.lbl_01 {
		  margin: 0 10px 0 5px;
		}
.lbl_02 {
		  margin: 0 5px 0 0;
		}

.lbl_03 {
		  margin: 0px 0px -3px 3px;
		}
		
		
.img01 {
		  margin: 0px 1px 0px 0;
		}

.img02 {
		  margin: 2px 2px 2px 0;
		}
		
.table    {
         vertical-align: text-top;
		 }	

.hr    {
		float: left;
		width: 500px;
		font-size: 12px;
		line-height: 1.5em;
		}		
.left { 
	  float: left;
	  margin: 0 0 0 0;
	  padding: 0 20px 10px 0;
         }

.left2 { 
       float:left;     
	  margin:0 0 0 0;
	  padding: 0 5px 0 0;
         }
		
.left3 { 
      float: left;     
	  margin: 0 0 0 0;
	  padding: 3px 5px 0 0;
         }
.right {
	  float: right;
	  margin: 0 50px 0 0;
	  padding: 0 0 0 0;
	  }
 
#box1 a{color: #000000;}
#box1 a:hover{color: #739938;}		

.arrow3{
		 margin: 0 0 60px 0;
		} 


/* contact form */
/* --------------------------- */
#main{
			line-height:1.2;
			padding: 0 0 0 15px;
			margin: 0 0 0 0;
		}
		#main div{
			margin:10px 0 0;
		}		

form table {
	margin:20px 0 0 50px;
	padding:0;
}
form table th,
form table td{
	padding:10px;
}
form table .left{
	float:none;
	margin:0 14px 0 0;
}


/*ブロック全体の設定*/

#new    {
	     width: 800px;
		 height: auto;
          }

#new dl{
	
	padding-left: 10px; /*10px*/
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色  #d2d2d2*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}

#day  {
	     width: 800px;
		 height: auto;
		 margin: 0 0 0 0;
		 padding: 0 0 0 20px;　
		 
          }
#indent6 { text-indent: 20em;}	


#indent2 { text-indent: 1em;}