@charset "utf-8";

* {
	margin: 0;  /* 全ての要素をリセット */
	padding: 0;  /* 全ての要素をリセット */
	border: none;
}


body {
    
	background-position:center;
    background-color:#CCFF99;
	margin:0 auto;
	padding:0px;
	text-align:center;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	line-height: 1.6;
}

h1,h3,h5,h6 {
	margin:0;
	line-height:1em;
}

kono{
	padding:0;
	height:32px;
	text-indent:-9999px;
	background:url(img/adr.gif) no-repeat center top;
}

h1,h2 {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight: normal;
}

h3 {
	font-weight:normal;
	color:#009933;
	line-height:1em;
	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */
}

h4,h5 {
	font-weight:normal;
	font-size:14px;
	line-height:1.5em;
}


h6 {
	margin:7px 0 2px;
	letter-spacing:2px;
	font-size:1.3em;
	font-weight: normal;
}


body.fontL {
	font-size:15px;
	font-weight:bolder;
}
body.fontM {
	font-size:13px;
}
.fontS {
	font-size:10px;
}

a {
	text-decoration:none;
	outline:none;
}

a:link, a:visited {
	color:#009933;
}

a:active, a:hover{
	color:#993300;
}

p {margin:0;}
img {
  border:none;
  vertical-align:bottom;
  margin:0;
  padding:0;
  }



strong{color:#0066CC;}

table{border-collapse:collapse;}
.clearl{clear:left;margin:0;padding:0;}

.clearb{clear:both;margin:0;padding:0;}

.green{color:#009933;}
.green2{color:#009933;font-weight:bold;}







/* wrapper */

#wrapper{
	width:950px;
	margin:0 auto;
	background:#ffffff;
	color:#333;

}



/* head */

#header{
   text-align:right;
   margin:0;

   background:url(common/img/logo.gif) no-repeat center top;

   height:120px;
}



#both-parties-clear{
	clear:both;
	width:900px;
	margin:0 auto;

	text-align:left;
}


  
  
/* g_navi */
#g_navi {
	height:45px;
	background:url(img/g_navi_bg.gif) no-repeat ;
	margin:0 0 0 25px;

}
#g_navi ul {
    margin:0 auto;

	
}
#g_navi li {
	display:inline;
	list-style-type:none;
	
}

#g_navi li a {
	height:45px;
	display:block;
	float:left;
	text-align:center;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/

#g_navi li.menu-information a {
	background:url(img/g_navi.gif) no-repeat -0px 0px;
	width:125px;
}
#g_navi li.menu-nagare a {
	background:url(img/g_navi.gif) no-repeat -125px 0px;
	width:114px;
}
#g_navi li.menu-sinryo a {
	background:url(img/g_navi.gif) no-repeat -239px 0px;
	width:98px;
}
#g_navi li.menu-fee a {
	background:url(img/g_navi.gif) no-repeat -337px 0px;
	width:81px;
}
#g_navi li.menu-staff a {
	background:url(img/g_navi.gif) no-repeat -418px 0px;
	width:115px;
}
#g_navi li.menu-column a {
	background:url(img/g_navi.gif) no-repeat -533px 0px;
	width:117px;
}
#g_navi li.menu-access a {
	background:url(img/g_navi.gif) no-repeat -650px 0px;
	width:88px;
}

#g_navi li.menu-faq a {
	background:url(img/g_navi.gif) no-repeat -738px 0px;
	width:163px;
}

/*------hover*/

#g_navi li.menu-information a:hover {
	background:url(img/g_navi.gif) no-repeat -0px -90px;
}
#g_navi li.menu-nagare a:hover {
	background:url(img/g_navi.gif) no-repeat -125px -90px;
}
#g_navi li.menu-sinryo a:hover {
	background:url(img/g_navi.gif) no-repeat -239px -90px;
}
#g_navi li.menu-fee a:hover {
	background:url(img/g_navi.gif) no-repeat -337px -90px;
}
#g_navi li.menu-staff a:hover {
	background:url(img/g_navi.gif) no-repeat -418px -90px;
}
#g_navi li.menu-column a:hover {
	background:url(img/g_navi.gif) no-repeat -533px -90px;
}
#g_navi li.menu-access a:hover {
	background:url(img/g_navi.gif) no-repeat -650px -90px;
}

#g_navi li.menu-faq a:hover {
	background:url(img/g_navi.gif) no-repeat -738px -90px;
}





/* container */

#left-container{
	float:left;
	width:550px;
	backgound-color:#fff;
	margin:5px 3px 5px 15px;
	text-align:left;
}


#concept{
 margin:0;
 padding:0;
}

#concept dt{
 margin:0;
 padding:0;
 font-size:15px;
 
}

   #left-container dt
      {
         font-weight: normal;
         color: #000000;
         margin-top: 1em;
		 background: #CCFF99;
      }
      
   #left-container dd
      {
         
         padding: 0em;
         margin-left: 0em;
         margin-top: 0.5em;
      }

/* right-container*/
#right-container{
	float:right;
	width:350px;
	margin:0 0.3em 0 0em;

	text-align:center;
	font-size:12px;
}



#history {
   width:280px;
   margin:1em 2.5em 2em 1em;

}


#history dl {
   background-color: #fff;/* 背景色指定箇所 */
   width: 280px;
   height: 130px;/* 表示させたい高さを指定してください */
   margin: 0 auto;

   overflow: scroll;
   
}

#history p {
   background-color:#009933;
   color:#ffffff;
   
}

#history dt {
    margin: 0;
    padding: 5px;
	text-align:left;
	border-left:#009933 1px solid;
    }

#history dd {
    margin: 0;
    padding: 0 0 0 1em;
	text-align:left;
	border-left:#009933 1px solid;
	border-bottom: #bfbf99 1px dashed;
    }


#topcolum{
 margin: 2em 2em 1em 0em;

 text-align:center;
}

.topc00{
 margin:0 auto;

 text-align:center;
 font-size:11px;
 background:url(img/topc00.gif) repeat-y  top;
}

.topc01{
 margin:0 auto;

 text-align:center;
 background:url(img/topc01.gif) no-repeat  left top;

}

.topc03{
 margin:0 auto;

 text-align:center;
 background:url(img/topc03.gif) no-repeat  top;
}

.right-img{
 margin:1em 2.5em 2em 1em;

 text-align:center;
 }
 
.banner{
 margin:1em 2.5em 2em 1em;

 text-align:center;
 }

#qr{
 margin:1em 2.5em 2em 1em;

 text-align:center;
 background:url(img/QR_Code-2.jpg) no-repeat  top;
 } 
 
 /* left-container2*/


#left-container2{
	float:left;
	width:200px;
	margin:0 0.5em 0 0.2em;

	
}



/*-----------------------------
	Global Navigation
-------------------------------*/

.menu {
	margin: 0 auto;

	width: 200px;/*メニューの全体的な横幅を設定*/
}


.menu li {
	margin: 0;

	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */
	
}

.menu li a {
	padding: 0.7em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 15px;
	color: #009933;
	text-align:left;
	border-left:5px solid #009933;
	text-decoration: none;
	background-color: #CCFF99;
}

.menu li a:hover {
	color: #009933;
	background-color: #a8dda0;
}




ul.menu2 {
	margin: 0;

	width: 200px;/*メニューの全体的な横幅を設定*/
	
}

ul.menu2 li {
	margin: 0;

	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */

}

ul.menu2 li a {
	padding: 0.7em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 15px;
	color:#CC3300;
	border-left:5px solid #EC954F;
	text-decoration: none;
	background-color: #FFFBEE;
}

ul.menu2 li a:hover {
	color: #CC3300;
	background-color: #FFDBBC;
}

ul.menu3 {
	margin: 0;

	width: 200px;/*メニューの全体的な横幅を設定*/
	
}

ul.menu3 li {
	margin: 0;

	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */

}

ul.menu3 li a {
	padding: 0.7em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 13px;
	color:#FF1493;
	border-left:5px solid #F08080;
	text-decoration: none;
	background-color: #FFE4E1;
}

ul.menu3 li a:hover {
	color: #FF1493;
	background-color: #FFC0CB;
}


/* right-container2*/
#right-container2{
	float:right;
	width:700px;
	margin:0 2em 1em 0;

	text-align:left;
	font-size:13px;
}

   #right-container2 table		{ 
		width: 70%;
		margin: 20px 0px 20px 0px;
		border-collapse: collapse;
		border-width: 1px;

		empty-cells: show;
		}
		

   #right-container2 thead th		{ 
		margin: 0px;

		vertical-align: middle;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
        background: #CCFF99;
		color: #000000;
		font-weight: normal;
		}

   #right-container2 thead td { 
		margin: 0px;
		padding: 10px;
		vertical-align: middle;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		background: #CCFF99;
		color: #000000;
		font-weight: normal;
		}
			
   #right-container2 tbody th		{ 
		margin: 0px;

		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		
		color: #000000;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
		}

   #right-container2 tbody td 		{ 
		margin: 0px;
		padding: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: #000000; 
		
		color: #000000;
		vertical-align: middle;
		text-align: center;
		}
		

   #right-container2 dt
      {
	     width:610px;
         font-weight: normal;
         color: #000000;
         margin-top: 1em;
		
		 font-size:15px;
      }
      
   #right-container2 dd
      {
         
 
         margin-left: 0em;
         margin-top: 0.5em;
      }

#right-container2 li
      {
       list-style-type: none;    
      }


.titlemoji{
  font-size:15px;
  color:#009933;
}


#concept-area {
	margin:0 auto;
}

.concept-img{
	margin:0em 1em 1em 1em;
	float:left;
}


.concept-p{
	margin:1.5em 1em 1em 1em;
	list-style-type:none;
}

.ceminer{
 font-color:#009933;
 font-size:15px;
 }
 



.clear {
    clear:both;
	margin:0 auto;

}

/*nagare*/
.nagare-area {
	margin:0 auto;
}

.nagare-img{
	margin:0em 1em 1em 1em;
	float:right;
}


.nagare-p{
	margin:1.5em 1em 1em 1em;
	list-style-type:none;
}


.nagare-area ul{
   margin:0;

 }
 
.nagare-area li{
   margin:0;

   font-size:11px;
   color:#CC6633;
   list-style-type: none;
}

/*sinryou*/
#right-container-sinryou{
	float:right;
	width:700px;
	margin:0 2em 1em 0;

	text-align:left;
	font-size:13px;
}

  #right-container-sinryou dt
      {
	     width:600px;
         font-weight: normal;
         color:#009933;
         margin: 1em 0 0.5em 0;
		 font-size:14px;
      }
      
   #right-container-sinryou dd
      {
         margin:0.5em 0 0.5em 0.5em;
      }
	  
   #right-container-sinryou li{
       list-style-type: none;    
	  }

#right-container-faq{
	float:right;
	width:700px;
	margin:0 2em 1em 0;

	text-align:left;
	font-size:13px;
}

#right-container-faq dl
      {
	    width:660px;
        margin: 1em 0 0.5em 0.5em;
		border:2px #CCFF99 solid; 
      }   
      

  #right-container-faq dt
      {
	     font-weight: normal;
         color:#009933;
		 font-size:14px; 
      }
      
   #right-container-faq dd
      {
         margin:0.5em 0 0.5em 0.5em;
      }
	  
   #right-container-faq li{
       list-style-type: none;  
	   margin:0 0 0 0.5em;  
	  }


.white {
  width:600px;
  margin:1em 0 1em 2em;
  border:2px solid #0099CC;
  background-color:#E6F6FF;
}

.white2 {
  width:600px;
  margin:1em 0 1em 2em;
  border:2px solid #FF1493;
  background-color:#FFE4E1;
}

.white3 {
  font:14px solid #FF1493;

  margin:1em 1em 1em 1em;
  border-bottom:1px solid #FF1493;
  background-color:#FFE4E1;
}



.right {
  text-align:right;
}

.ippan-area {
	margin:0 auto;
}

.ippan-img{
	margin:0em 1em 1em 1em;
	float:left;
}


.ippan-p{
	margin:1.5em 1em 1em 1em;
	list-style-type:none;
}


/*fee*/
#fee {
    margin:0 auto;
}

 #fee table		{ 
		width: 83%;
		margin: 2em 1em 2em 3em;
		border-collapse: collapse;
		border-width: 1px;
		border-color: #009933;
		padding: 0px;
		empty-cells: show;
		}

 #fee table td{
        margin: 0px;
		padding:0px;
		vertical-align: middle;
		text-align: left;
		border-style: solid;
		border-width: 1px;
		border-color: #009933;
		background: #fff;
		color: #000000;
		font-weight: normal;
}

.font-fee{
   color:#FF3300;
}

.fonts2{
   
   color:#CC6633;
 }
 
.font-feeS{
   font-size:11px;
   color:#009933;
 }

/*staff*/




.staff{
   width:700px;
   margin:0 auto;

}

.staff-left{
   margin:0em 0em 1em 1em;

   width:190px;
   float:left;
 }
 
 .staff-right{
   margin:0em 1em 1em 1em;

   width:450px;
   float:right;
 }
 
.staff-right ul{
    margin:1em 0 1em 0em;

}
 
.staff-right li{
    margin:0 0 0 0;

	list-style-type: none;
}


 
.staffimg2{
   margin:0 1em 0 0;

   float:left;
  }



.staff-left2{
   margin:0em 0.3em 1em 0.3em;

   width:193px;
   float:left;
 }
 
 .staff-right2{
   margin:0em 0.3em 1em 0em;

   width:455px;
   float:right;
 }

.staff-right2 ul{
   margin:1em 0 1em 0;

 }
 
.staff-right2 li{
    margin:0 0 0 0;

	list-style-type: none;
}

/*column*/


.column-img{
	margin:0em 1em 1em 1em;
	float:left;
}


.column-p{
	margin:1.5em 1em 1em 1em;
	list-style-type:none;
}

 
.ongaku{
   margin:0 auto;
}


/* access*/
#access-top{
    margin:1em 2em 2em 1em;


}

.access-top img{
    margin:0;

	float:right;
}


#access-area {
	margin:0 auto;
}

ul.access {
	margin:0em;

	list-style:none;
}

ul.access li{
	margin:1em 2em 4em 1em;
	float:left;
}

ul.access li img{
	vertical-align:bottom;
}

.access-p{
	margin:1.5em 1em 1em 1em;
	list-style-type:none;
}

#faq-top {
    margin:2em 0 0 0;

}

.faq {
     width:600px;

}

    #faq dl
      {
	     
         font-weight: normal;
         color: #000000;
         margin:0 1em 1em 2em; 
		 padding:0 1em 1em 1em;
		 border:2px solid #CCFF99;
		
		
      }
      
   
   #faq dt
      {
	  margin:0;
	  padding:1em 0 0 0;
	  color:#009933;
      font-size:13px;
      }

/* link */     
#link{
	clear:both;
	width:900px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
   }

#link ul{
  margin:0.7em 0 1em 1em;
  list-style-type:none;
  }
  
#link li {
 margin:0;
 
 }
 
 #link td {
 margin:0;
 font-size:10px;
 font-weight: normal;
 color: #000000;
 }
 
 #link strong {
 margin:0;
 font-size:10px;
 font-weight: normal;
 color: #000000;
 }

 

/* footer */

#footer{
	clear:both;
	width:900px;
	margin:0 auto;
    
	background:#FFFFFF;
	
   }
   
   
  /* kono-area */
   #kono-area{
	
	margin:0 auto;

	text-align:left;
	border-bottom:3px solid #fff;
   }

   #kono-area table		{ 
		width: 70%;
		margin: 20px 0 20px 0;
		border-collapse: collapse;
		border-width: 1px;

		empty-cells: show;
		}
		

   #kono-area thead th		{ 
		margin: 0px;

		vertical-align: middle;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		background: #CCFF99;
		color: #000000;
		font-weight: normal;
		}

   #kono-area thead td { 
		margin: 0px;
		padding: 10px;
		vertical-align: middle;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		background: #CCFF99;
		color: #000000;
		font-weight: normal;
		}
			
   #kono-area tbody th		{ 
		margin: 0px;

		border-style: solid;
		border-width: 1px;
		border-color: #000000;
	
		color: #000000;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
		}

   #kono-area tbody td 		{ 
		margin: 0px;
		padding: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: #000000; 
		
		color: #000000;
		vertical-align: middle;
		text-align: center;
		}
		

   #kono-area dt
      {
         font-weight: normal;
         color: #000000;
         margin-top: 1em;
		 background: #CCFF99;
		 font-size:15px;
      }
      
   #kono-area dd
      {
         

         margin-left: 0em;
         margin-top: 0.5em;
      }
	  
   /* SITELINKS */

   #sitelink-area{
	clear:both;
	font-size:11px;
	margin-top: 0.5em;
	padding:10 10 10 10 ;
	text-align:center;
     }
	 
	#fontS {
	margin-top: 0.5em;
	font-size:10px;
     }

/*/ footer */

   #ceminer{
	
	margin:0 auto;

	text-align:left;
	border-bottom:3px solid #fff;
   }
   
   #ceminer dt
      {
         font-weight: normal;
         color: #000000;
         margin-top: 1em;
		 width:690px;
		 background: #CCFF99;
		 font-size:15px;
      }
      
   #ceminer dd
      {
         

         margin-left: 0em;
         margin-top: 0.5em;
      }