*{
margin: 0;
padding: 0;

}

html * {
-moz-box-sizing:content-box;
}
hr {
display:none;
}

body {
font-family:"Verdana","Arial","Helvetica","Osaka","ＭＳ Ｐゴシック","平成角ゴシック","MS UI Gothic",sans-serif;
font-size:110%;
}


h1 {
font-size:120%;
font-weight:normal;
margin:0;
padding:0;
text-align:left;
}

h2 {
font-size:110%;
font-weight:normal;
margin:0;
padding:0;
text-align:left;
}

h3 {
font-size:100%;
font-weight:normal;
margin:0;
padding:0;
text-align:left;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


ul,ol li{
list-style-type:none;
}






body{
   line-height:140%;
   }




#wrapper{
max-width:1200px;
min-width:650px;
}

img {
  border:0px;
  }

.text{
 line-height:140%;
 margin:10px 10px 10px 10px;
}

.text2{
 line-height:140%;
 margin:10px 10px 10px 10px;
 color:#CC0033;
 font-size:80%;
}



.ttl{
 color:#0066CC;
  margin:10px 10px 10px 0px;
  font-size:130%;
 }

.ttl2{
  color:#006633;
  margin:10px 10px 10px 10px;
  font-size:130%;
 }


.ttl3{
 color:#3399CC;
 font-size:130%;
  margin:10px 10px 10px 0px;
 }
 
 
 
.ttl4{
 color:#fff;
 font-size:90%;
  margin:40px 0px 10px 0px;
  padding:7px 0px 0px 0px;
  height:25px;
  text-indent:5px;
  background-image:url(../images/bluebk.gif);
  background-repeat:repeat-x;
  background-position:top;
 }
  
 
 
#topmenu1{  
width:80%;
border:#fff solid 4px;
clear:both;
}




ol#topmenu{
float:left;
list-style-type:none;
padding:20px;
margin:20px;
color:#CC3333;
width:40%;
border:#C5F2E3 solid 4px;
}




#pictmigi{  
float:right;
margin:10px 0px 0px 10px;
}





* html #topmenu1{  
width:100%;
border:#fff solid 4px;
}




* html ol#topmenu{
float:left;
list-style-type:none;
padding:20px;
margin:10px;
color:#CC3333;
width:40%;
border:#C5F2E3 solid 4px;
}




* html #pictmigi{  
float:right;
margin:5px 50px 0px 5px;
}





















h2{
 color:#333333;
}



hr.separator{
  border:#CCCCCC dotted 1px;
  margin:20px 10px 20px 10px;
  }


hr.separator2{
  border:#CCCCCC dotted 1px;
  margin:5px 10px 0px 10px;
  }




#wrapper{
/*text-align: left;*/
width: 100%;
/*margin: 0 auto;*/
border:#CCCCCC solid 1px;
font-size:86%;
}

#headerbk{
  height: 75px;
  width:100%;
  float:left;
  /*margin: 0 auto;*/
  background-image:url(../images/headbk.gif);
  background-repeat:repeat-x;
  background-position:top;
}

#header{
  height: 75px;
  width:100%;
  float:left;
  background-image:url(../images/headbk.gif);
  background-repeat:repeat-x;
  background-position:top;
}






#header #logo{
  height: 40px;
  width:145px; 
  margin:20px 0px 0px 20px;;
  float:left;
}





#hdright{
  height: 50px;
  width:300px; 
  margin:15px 5px 0px 0px;;
  float:right;
  color:#333333;
  font-size:80%;
}


#hdright h1.top{
  float:right;
  font-size:100%;
  padding-bottom:0px;
}





#headright p{
  display:block;
  width:300px;
  height: 60px;
  float:right;
}


div#fls{
  height: 320px;
  width:100%;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background:url(../images/fls.gif) no-repeat left;
  background-position:top left;
  clear:both;
}






#topimgbk{
  width:100%;
  background:#fff;
}

#topimg{
  height:270px;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  background-image:url(../images/pictimg.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}



*:first-child+html #topimg{
  height:200px; 
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  background-image:url(../images/pictimg.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}



*:first-child+html #topimg{
  height:200px; 
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  background-image:url(../images/pictimg.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}


* html #topimg{
  height:200px; 
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  background-image:url(../images/pictimg.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}



img.pict{
  display:inline;
  margin:10px;
  border:#CCCCCC solid 1px;
  float:right;
  }

img.pict2{
  display:inline;
  padding:10px;
  float:left;
  }


#news .feed{
margin:0px 5px 5px 0px;
}


p.btn{
    padding:10px;
	}


#kotsu .counter{
text-align:right;
margin:5px 10px 5px 0px;
}

#container{
clear:both;
background-color:#fff;

}


#contents{
position: relative;
margin: 0px 290px 10px 10px;
padding: 0px 0px 10px 0px;
background-position:bottom;
background-repeat:repeat-x;
}


#contents table{
	margin: 10px 0px 40px 20px;
}


#contents table tr td{
	padding:5px;
}




#box{
clear:both;
}

#covid,
#keiretsu {
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
}

h2.topcovid {
  display:block;
  width:100%;
  height: 45px;
  background-image:url("../images/ttl_lg3bk.gif");
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}

h2.topkeiretsu {
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_lg4bk.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}


#news{
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
}

h2.topnews{
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_lgbk.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}

#news ul{
 list-style-type:none;
 margin-left:10px;
 font-size:85%;
 }


#news p{
 list-style-type:none;
 margin-left:10px;
 font-size:85%;
 }





#oshirase{
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-position:bottom;
background-repeat:repeat-x;
}








#goaisatsu{
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-position:bottom;
background-repeat:repeat-x;
}

h2.oshirase_h2{
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_lg2bk.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}




/*
サイドバー
*/

#sidebar{
width:270px;
float:right;
margin:0px 10px 0px 0px;
}


#kotsu{
float:right;
width:270px;
margin:0px 0px 0px 0px;
padding:0px 0px 7px 0px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-image:url(../images/textbk.gif);
background-position:bottom;
background-repeat:repeat-x;
}




h2.kotsu{
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_st.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}


#kotsu ol{
 list-style-type:none;
 margin-left:20px;
 }





/*トップメニュー*/

ul,ol li{
  list-style-type:none;
  border:0;
  margin:0;
}



/*ie67以外 firefox*/
#topnavi{
   width:100%;
   height:60px;
  /*margin: 0 auto;*/
   margin-top:0px;
   margin-bottom:10px;
   background-image:url(../images/mnbk2.gif);
   background-repeat:repeat-x;
   background-position:top;
   border-bottom:2px solid #5B94E8;
    /* background-color:#054FB5;*/
   background-color:#5B94E8 ; 
   }



/*ie7*/
*:first-child+html #topnavi{
   width:100%;
   height:58px;
  /*margin: 0 auto;*/
   margin-top:0px;
   margin-bottom:10px;
   background-image:url(../images/mnbk.gif);
   background-repeat:repeat-x;
   background-position:center;
   border-bottom:2px solid #5B94E8;
    /* background-color:#054FB5;*/
   background-color:#C7E6F9 ; 
   }


/*ie6*/
* html #topnavi{
   width:100%;
   height:60px;
  /*margin: 0 auto;*/
   margin-top:0px;
   margin-bottom:10px;
   background-image:url(../images/mnbk3.gif);
   background-repeat:repeat-x;
   background-position:top;
   border-bottom:0px solid red;
    /* background-color:#054FB5;*/
   background-color:ccc ; 
   }
















#naviin {
 width:1000px;
 float:left;
 	margin:0 auto;
}


#topnavi table{
vertical-align:top;
   }




#naviin ul li#mn01{
  float:left;
   display:block;
   width:200px;
   height:57px;
}


#naviin ul li#mn02{
  float:left;
   display:block;
   width:200px;
   height:57px;
}



#naviin ul li#mn03{
  float:left;
   width:200px;
   height:57px;
}



#naviin ul li#mn04{
  float:left;
   width:200px;
   height:57px;
}




#naviin ul li#mn05{
  float:left;
   width:200px;
   height:57px;
}


#topnavi table{
   height:57px;
   width:100%;
   /*margin: 0 auto;*/
   background-image:url(../images/mnbk.gif);
   background-position:top;
   font-size:75%;
   }
   
   

#topnavi #naviin table{
	height:60px;
	}



#footer{
clear: both;
width: 100%;
height:45px;
text-align: center;
font-size:86%;
border-bottom:#273e94 solid 5px; 
}

#footer p{
padding:0px 0px 5px 0px;
}







.topic{
display:block;
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-image:url(../images/textbk.gif);
background-position:bottom;
background-repeat:repeat-x;
}





h2.topicttl{
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_st.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}



h2.topicttl2{
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_lgbk.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}


h2.topicttl3{
  display:block;
  width:100%;
  height:37px;
  background-image:url(../images/ttl_lgbk2.gif);
  background-repeat:repeat-x;
  background-position:left top;
  text-indent:15px;
  padding-top:7px;
}


div#point{
 width:80%;
}


div#point p{
 color:#FF6699;
 line-height:100%;
}



/*ふっとナビ*/
#ftnavispace{
   width:100%;
   height:30px;
   clear:both; 
   margin:20px 0px 20px 0px;
}


#ftnavi{
  float:right;
  width:260px;
}


#ftnavi1{
  float:right;
  width:130px;
}



#map{
	height:300px;
	width:96%;
	float:left;
	margin:20px 0px 50px 10px;
}



/*ie67以外*/
#oshirase2{
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-position:bottom;
background-repeat:repeat-x;
}


#mapcontents{
width:65%;
padding: 0px 10px 50px 10px;
background-position:top;
float:left;
}







/*ie7*/
*:first-child+html #mapcontents{
width:65%;
padding: 0px 0px 0px 0px;
background-position:top;
}



*:first-child+html #oshirase2{
width:100%;
float: left;
margin: 0px 10px 10px 10px;
padding: 0px 0px 0px 0px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-position:bottom;
background-repeat:repeat-x;
}



/*
#oshirase{
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-position:bottom;
background-repeat:repeat-x;
}
*/







/*ie6*/

* html #oshirase2{
width: 100%;
float: left;
margin-bottom:15px;
border-bottom:#BBDFF0 solid 1px;
border-left:#BBDFF0 solid 1px;
border-right:#BBDFF0 solid 1px;
background-position:bottom;
background-repeat:repeat-x;
}



* html #mapcontents{
width:65%;
padding: 0px 0px 0px 0px;
margin:0px 20px 0px 5px;
background-position:top;
}


* html #map{
width:95%;
}


.table{
  width:80%;
  padding:30px 0px 30px 40px;
  }
  

dl {
  border-bottom: solid 0.15em #E9E9E9;
  line-height: 1.2;
}

dl dt {
  border-top: solid 0.15em #E9E9E9;
  padding: 0.8em 0.15em;
  color: #333;
}

dl dd {
  margin: -2.55em 0 0.25em 16em;
  padding: 0.55em 0.8em;
  border-left: solid 0.25em #A5D0F0;
}


/*---ご案内---*/
#zaitaku{}

#zaitaku h3{
	font-size:16px;
	background-color:#BBDFF0;
	padding:5px 10px;}

#zaitaku h4{
	font-weight:bold;
	color:#273E94;
	padding:5px 10px;}

#zaitaku p{
	padding:10px;}

#zaitaku ul{
	padding-left:20px;}

#zaitaku li{
	list-style-type:circle;
	margin-left:10px;}

#zaitaku .box{
	font-weight:bold;
	font-size:18px;
	padding:10px 20px;
	margin:10px;
	border:solid 3px #273E94;
	background-color:#DDF0FA;}

/*---トップ追加---*/
#keiretsu h3 {
  position: relative;
  padding-top: 0.5em;
  padding-left: 1.8em;
  line-height: 1.4;
  color: black;
  font-size: 110%;
}

#keiretsu h3:before {
  content: "\025cf";
  position: absolute;
  font-size: 1em;
  left: 0.8em;
  top: 0.4em;
  color: #f79963;
}

#keiretsu p {
    line-height: 120%;
    font-size: 85%;
    padding-top: 0.5em;
    padding-left: 2.3em;
}

.fs80 {font-size: 80%;}
.fs70 {font-size: 70%;}
.fs65 {font-size: 65%;}
.fs60 {font-size: 60%;}


/* frexible grid system
------------------------------------------------------- */

.grid_system:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.grid_system img {
	max-width: 100%;
	height: auto;
}

.grid_1_6,
.grid_1_4,
.grid_1_3,
.grid_1_2,
.grid_2_3,
.grid_3_4 { 
	display: block;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
}

.grid_1_6:first-child,
.grid_1_4:first-child,
.grid_1_3:first-child,
.grid_1_2:first-child,
.grid_1_6:nth-child(6n+1),
.grid_1_4:nth-child(4n+1),
.grid_1_3:nth-child(3n+1),
.grid_1_2:nth-child(2n+1) {
	margin-left: 0!important; 
}

.grid_1_6 { width: 15%; }
.grid_1_4 { width: 24%; }
.grid_1_3 { width: 32%; }
.grid_1_2 { width: 49%; }
.grid_2_3 { width: 64%; }
.grid_3_4 { width: 72%; }

