@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}
	

p { margin: 0 0 1em; }
a { color: #009933; text-decoration:none;}
a:hover { text-decoration: underline;}

.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both;    
  visibility: hidden;   
}   
  
.clearfix { display: inline-table; }   
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* End hide from IE-mac */  


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body { 
  background: url(../sp/images/bg_body_top.jpg) center 0 repeat-x #61AE20;
  text-align: center;
    }

body#under {background: url(../sp/images/bg_body_top_under.jpg) center 0 repeat-x #61AE20;}


#container { 
  width: 960px;
  margin: 0 auto;
  text-align: left;
  }

#container_bottom { 
  
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding-top: 105px;
  }


#container2 .item {
  margin:0 0 20px 20px;
  }


#container2 .border {
  border: 1px solid #2DB9B8;
  width: 193px;
  padding: 10px;
  }

#container3 { 
  width: 920px;
  margin: 0 auto;
  text-align: left;
  }

.item { 
  float: left;
  height: 350px;
  }

.item p { 
  margin: 0;
  font-size: 14px;
   }
.item p.img { margin-bottom: 10px;}
.item p.tit { 
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  color: #158337;
  font-size: 16px;
  }
#container2 .border2 {
  border: 1px solid #2DB9B8;
  width: 428px;
  padding: 10px;
  }  
  
.item .txt { 
  width: 193px;
  padding: 10px;
  }


#body_bottom {
  clear: both;
  background:url(../sp/images/bg_body_bottom.jpg) center 0 repeat-x #61ae20; 
   }
#gnavi { 
  margin:0 0 20px 0;
  width: 960px;
  height: 150px;
  padding: 0;
  }
#gnavi li { 
  float: left;
  }

#gnavi li img { margin-right: 12px;}
#gnavi li img.mr0 { margin-right: 0px;}


#gnaviunder { 
  margin:0 0 20px 0;
  width: 960px;
  padding: 0;
  }
#gnaviunder li { 
  float: left;
  }

#main { 
  background:#FFFFFF;
  padding: 40px 20px;
  margin: 20px 0 40px 0;
  min-height: 500px;
  }

#main_all { 
  background:#FFFFFF;
  padding: 40px 0;
  margin: 20px 0 40px 0;
  min-height: 500px;
  }


  
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.logo { 
  margin-top: 20px;
  text-align: left;}
  
.leftbox { 
  float: left;
  width: 300px;
  }  

.rightbox { 
  float: right;
  width: 640px;
  height: 599px;
  }
.map {
  background: url(../images/map_japan.gif) right 40px no-repeat; 
  height: 599px;
  width: 640px;
  position:relative;
  }

.map a { color:#FFFFFF;}

.citypoint {
	position: absolute;
	}

.hokkaidoarea {
	top:95px;
	left: 350px;
	}

.shimokawa {
	top:120px;
	left: 350px;
	}

.obihiro {
	top:145px;
	left: 350px;
	}

.niseko {
	top:170px;
	left: 350px;
	}

.tohokuarea {
	top:145px;
	left: 280px;
	}


.aomori {
	top:170px;
	left: 280px;
	}

.akita {
	top:195px;
	left: 280px;
	
	}	

.kamaishi {
	top:220px;
	left: 280px;
	}


.higashimatsushima {
	top:245px;
	left: 280px;
	}

.yamagata {
	top:270px;
	left: 280px;
	}


.minamisoma {
	top:295px;
	left: 280px;
	}


.kantoarea {
	top:320px;
	left: 280px;
	}

.utsunomiya {
	top:345px;
	left: 280px;
	}
	
.takasaki {
	top:370px;
	left: 280px;
	}

.tsukuba {
	top:395px;
	left: 280px;
	}

.saitama {
	top:420px;
	left: 280px;
	}

.kashiwa {
	top:445px;
	left: 280px;
	}

.chiyoda {
	top:470px;
	left: 280px;
	}

.yokohama {
	top:495px;
	left: 280px;
	}

.chubuarea {
	top:245px;
	left: 210px;
	}

.niigata {
	top:270px;
	left: 210px;
	}

.toyama {
	top:295px;
	left: 210px;
	}

.kanazawa {
	top:320px;
	left: 210px;
	}

.katsuyama {
	top:345px;
	left: 210px;
	}

.hokuto {
	top:370px;
	left: 210px;
	}

.iida {
	top:395px;
	left: 210px;
	}

.mitake {
	top:420px;
	left: 210px;
	}

.toyota {
	top:445px;
	left: 210px;
	}
		
.numazu {
	top:470px;
	left: 210px;
	}	

.kinkiarea {
	top:295px;
	left: 140px;
	}
	
	
.omihachiman {
	top:320px;
	left: 140px;
	}	
	
.kyoto {
	top:345px;
	left: 140px;
	}
	
.kobe {
	top:370px;
	left: 140px;
	}	
	
.amagasaki {
	top:395px;
	left: 140px;
	}	
	
.sakai {
	top:420px;
	left: 140px;
	}

.ikoma {
	top:445px;
	left: 140px;
	}

.yokkaichi {
	top:470px;
	left: 140px;
	}

.shingu {
	top:495px;
	left: 140px;
	}		

.chugokuarea {
	top:320px;
	left: 70px;
	}	

.tottori {
	top:345px;
	left: 70px;
	}
	
.nishiawakura {
	top:370px;
	left: 70px;
	}

.fukuyama {
	top:395px;
	left: 70px;
	}

.izumo {
	top:420px;
	left: 70px;
	}	
	
.shunan {
	top:445px;
	left: 70px;
	}	

.shikokuarea {
	top:470px;
	left: 70px;
	}	

.takamatsu {
	top:495px;
	left: 70px;
	}	
	
.matsuyama {
	top:520px;
	left: 70px;
	}
		
.yusuhara {
	top:545px;
	left: 70px;
	}

.kamikatsu {
	top:570px;
	left: 70px;
	}	
		

.kyushuarea {
	top:370px;
	left:0px;
	}



.kitakyushu {
	top:395px;
	left: 0px;
	}

.saga {
	top:420px;
	left:0px;
	}	

.nagasaki {
	top:445px;
	left: 0px;
	}

.hita {
	top:470px;
	left:0px;
	}


.minamata {
	top:495px;
	left: 0px;
	}


.miyazaki {
	top:520px;
	left: 0px;
	}

.satsumasendai {
	top:545px;
	left: 0px;
	}




.okinawaarea {
	top:520px;
	left: 350px;
	}


.miyakojima {
	top:545px;
	left:350px;
	}
	

.fbindex { 
  position:absolute;
  top: 599px;
  left: 0px;
  }


.bnr47 {
	position:absolute;
	top: 26px;
	left: 0;
  }

.search {
	position:absolute;
	top: 21px;
	left: 419px;
	}


.intro {
	width: 298px;
	background: #2DB9B8;
	border: 1px solid #0F8E8C;
	color:#FFFFFF;
  }
.intro p { padding:0 20px;}

.news { 
  width: 298px;
  background:#FFFFFF;
  height: 260px;
  border: 1px solid #00CC00;
  padding-top: 20px;
  margin-top: 20px;
  }

.tit_news { margin-left: 5px;}


.news dl { 
  
  height: 180px;
  overflow:auto;
  }
.news dt {
   clear: both;
   float: left;
   width: 74px;
   padding-left: 25px;
   font-size: 14px;
   font-weight: bold;
   background:url(../sp/images/bg_list.jpg) 9px 3px no-repeat;
   line-height: 20px;
   margin: 0 0 20px 0;
   
 
 
 
  }
.news dd {
   float: left;
   width: 171px;
   margin: 0 0 20px 0;
   padding-left: 10px;
 
  }

.bnrbox {
  clear: both;
  text-align: center;
  }

address { 
  clear: both;
  text-align:center;
  vertical-align: bottom;}
  

.mr10 { margin-right: 10px;}
.bold { font-weight: bold;}

.mainleft { 
  float: left;
  width: 300px;}

.mainright { 
  float: right;
  width: 580px;}


table.info { 
  width: 300px;
  margin: 20px 0;
  }

table.info th { 
  background: #F8F7C6;
  width: 20%;
  }

.breadcrumb { margin:0 0 20px 0;}
.breadcrumb a { color:#F8F7C6;}


#map { 
  width: 300px; 
  height: 300px;
  margin-bottom: 20px;
  }
.small { 
  font-size: smaller;
  padding-left: 10px;
  font-size: 10px\9;
  }

.small2 { 
  font-size: smaller;
  font-size: 9px\9;
  }


.standby {
   height: 300px;
   padding-top: 120px;
   }

.page { 
  text-align: center;
  margin: 20px 0;
  clear: both;
  }
.num2 { 
  padding: 4px 7px;
  border: 1px solid #006600;
  margin:0 5px;
  }

.num { 
  padding: 4px 7px;
  border: 1px solid #006600;
  margin:0 5px;
  background: #C2FF88;
  }
  
.num a { 
  color: #009900;
  text-decoration:underline;
  }

.num2 a { 
  text-decoration:underline;
  }

h1 { 
  background:url(../sp/images/bg_h1.jpg) 0 0 no-repeat;
  width: 580px;
  height: 47px;
  padding-left: 45px;
  font-weight: bold;
  font-size:24px;
  padding-top: 16px;
  color:#00720d;
  margin-bottom: 20px;
  }

h1 { 
  background:url(../images/h1.jpg) 0 0 no-repeat;
  width: 580px;
  height: 47px;
  padding:10px 0 0 30px;
  font-weight: bold;
  font-size:24px;
  color:#00720d;
  margin-bottom: 20px;
  font-family: "メイリオ";
  }



h1.narrow { letter-spacing: -2.1px;}
h1.narrow2 { letter-spacing: -3.8px;}
.postscript { 
  border: 2px solid #009900;
  padding: 20px 20px 0;
  margin: 20px 0;
  }

.postscript_believe { 
  border: 2px solid #FF0000;
  padding: 20px 20px 0;
  margin: 20px 0;
  }

.fl { float: left;}


.imgfl { 
  float: left;
  padding:0 20px 10px 0;
  text-align: center;
  font-weight: bold;
  }

.imgfl2 { 
  float: left;
  padding:20px 20px 20px 0;
  text-align: center;
  font-weight: bold;
  }

.imgfr { 
  float: right;
  padding:0 0 10px 20px;
  text-align: center;
  font-weight: bold;
  }

.imgfr2 { 
  float: right;
  padding:20px 0 10px 20px;
  text-align: center;
  font-weight: bold;
  }

.imgnormal { 
  text-align: center;
  font-weight: bold;
  }

.kyushu #map { width: 920px; height: 600px;}
.all #map { width: 920px; height: 800px;}

.border { 
  border-top: 1px dotted #009900;
  margin-top: 10px;
  padding-top: 10px;
  font-size: 100%;
  }
.cityname {font-size: 18px; font-weight: bold; }

.local { 
  background:url(../images/tit_local.jpg) 0 0 no-repeat;
  width: 237px;
  height: 136px;
  float: left;
  position: relative;
  }

.local p { 
  font-size: 30px;
  font-weight: bold;
  padding: 32px 0 0 0;
  text-align: center;
  
  }

.txt_pin { 
  float: right;
  margin-top: 90px;
  }

.mainright p {margin: 0 0 2em;}

h2 { 
  border-left: 5px solid #006600;
  padding-left: 10px;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  color:#006600;
  clear: both;
  }

.fbstandby { margin:0 0 40px 330px;}

.cap {
  display: block; 
  text-align: center;
  font-weight: bold;
  }
table.vision { margin-bottom: 20px;}
table.vision th { 
  text-align: left;
  background: #DBFFBC;
  }
table.vision td.vision {  
  background: #FFFDDD;
  }
  
.update { 
  background:url(../sp/images/bg_update.jpg) 0 0 no-repeat;
  width: 300px;
  height: 92px;
  }

.update p { 
  color:#FFFFFF;
  font-size: 18px;
  font-weight: bold;
  padding: 60px 0 0 0;
  text-align:center;
  }

.updatebox { 
  border: 1px solid #7A7A7A;
  padding: 20px 0;
  margin-bottom: 20px;
  } 

*html .updatebox { 
  margin-top: -12px;
  } 
 
.updatebox dl { 
  height: 180px;
  overflow:auto;
  }
.updatebox dt {
   clear: both;
   float: left;
   width: 70px;
   padding-left: 25px;
   font-size: 14px;
   font-weight: bold;
   background:url(../sp/images/bg_list2.jpg) 9px 3px no-repeat;
   line-height: 20px;
   margin: 0 0 20px 0;
   }

.updatebox dd {
   float: left;
   width: 175px;
   margin: 0 0 20px 0;
   padding-left: 10px;
 
  }

.red { color:#FF0000;}

.ps_tit { 
  font-size:16px;
  font-weight:bold;
  border-bottom: 2px dotted #FF0000;
  margin-bottom: 10px;
  display:block;
  }

.intro p.txt_welcome { padding-top: 10px;}

.project { 
  width: 580px;
  margin: 0 0 20px 0;
  }
.project tr {background: #DBFFBC;}
.project tr.on {background: #FFFDDD;}
/* search start */

#searchform {  
    position: relative;   
}  
#keywords  {  
    width: 190px;  
    height: 24px; 
	background:url(../sp/images/bg_keyword.jpg) 0 0 no-repeat;
	padding: 0 5px;
    border: none;  
   } 
 
#searchBtn {  
    position: absolute;  
    top: 48px;  
    _top: 49px;  
    left: 190px;  
} 
*html #keywords { height: 24px;} 
*:first-child + html #searchBtn    {  
    top: 49px;  
}  

*html #searchBtn { left: 175px;}

#under .leftbox { position:relative;}
#under .leftbox .search {
	position:absolute;
	top:21px;
	left: 739px;
  }

#under .leftbox #searchBtn { top: 48px;}
#under .leftbox #searchBtn { /top: 49px;}


.txt_search { margin-bottom: 5px;}



/* search end  */


.pickup { 
  margin-top: 50px;
  background:url(../images/pickup.gif) 0 0 no-repeat;
  height: 224px;
  }

.txt_pickup { 
  font-weight: bold;
  text-align:center;
  font-size: 15px;
  margin: -8px 0 0 31px;
  padding-top: 2px;
  background:url(../sp/images/btn_pickup.jpg) 0 0 no-repeat;
  width: 160px;
  height: 28px;
  }

.txt_pickup a { 
  color: #FFFFFF;
  }

.img_pickup { text-align: center;}
*html .img_pickup { margin-left: 5px;}


.school {
  background:url(../sp/images/bg_ring.png) 0 0 repeat-y #FFFFE9;
  padding: 20px 15px 15px 40px;
  margin-bottom: 20px;
  }

h3 { 
  margin: 0 0 20px 0;
  font-weight: bold;
  color:#006600;
  }
  
  
  
.tab { 
  width: 920px;
  margin: 0 auto;
  }

#list,#jmap,#category { 
  padding: 20px 0;
  }

#main #adBlock,#main .gsc-resultsHeader { display:none;}
#main .gsc-above-wrapper-area { border-bottom:none;}
#main .gsc-table-result td { 
  border:none;
  font-size: 12px;
  }


#slider { 
  width: 202px;
  height: 134px;
  }
.pickup .bx-wrapper { width: 202px;}
.pickup .bx-viewport { width: 202px;}

.pickup .bx-controls { display: none;}

.slide_out { 
  margin-top: 22px;
  position: relative;
  }

*html .slide_out { padding-left: 14px;}
*:first-child+html .slide_out { padding-left: 10px;}

.pin {
	position: absolute;
	top: -20px;
	left:100px;
	z-index: 1000;
  }

*html .pin {
	left:86px;
	}

.snsarea { 
  position: absolute;
  top: 635px;
  right:0;
  }

h4 { 
  border-left: #2DB9B8 solid 3px;
  color: #2DB9B8;
  font-weight: bold;
  padding-left: 6px;
  margin-bottom: 15px;
  }

.bluebox { 
  border: #2DB9B8 solid 1px;
  padding: 15px 15px 0 15px;
  margin-bottom: 30px;
  }
  
.ytcenter { 
  display:block;
  text-align:center;
  }


.saitama_ev { 
  margin: 0 0 20px 0;
  width: 100%;}

.saitama_ev th {
  background: #DBFFBC;
  font-weight: bold;}

.saitama_ev td {  
  background: #FFFDDD;
  }

.w45 { width: 48%;} 


.saitama_three { 
  margin: 0 0 20px 0;
  width: 100%;}

.saitama_three th {
  background: #DBFFBC;
  font-weight: bold;}

.saitama_three td {  
  background: #FFFDDD;
  }